/*
Default css
*/

table{
	font-size:12px;
}
.index table{
	font-size:9px;
}

strong{
	font-weight:bold;
}
.right{
	float:right;
}
.pointer:hover{
	cursor:pointer;
}
.back{
}
.paginator{
	margin-top:10px;
}
.input input{
	width:200px;
}
.select select{
	min-width:210px;
}

/* Header */
#header{
}
#header h1{
	float:left; display:inline;
}
#header a.logout{
	float:right;
	color:#FFF;
	font-size:90%; font-weight:normal;
	text-decoration:none;
}
#header a.logout:hover{
	text-decoration:underline;
}
#header span{
	display:inline; float:right;
	margin-right:20px;
}


/* Menu */
.admin-menu-cont{
	width:100%;
	margin:20px 0 30px; padding:0;
}
.admin-menu-bar{
	width:90%;
	margin:0 auto; padding:0;
	overflow:hidden;
}


/* Search */
.search-cont{
	display:inline; float:right;
	/*position:absolute;
	right:5%;*/
	width:200px;
}
.search-cont > form{
	clear:none;
	overflow:visible;
}
.search-cont > form input{
	border-width:1px;
	margin:0; padding:2px;
}
.search-cont button.ui-widget{
	height:20px;
}
.search-cont > form input,
.search-cont button.ui-widget{
	font-size:12px;
}
#ReservationSearchTerms{
	float:left;
	width:150px;
}
#search-button{
	float:left;
}


/* jQuery UI */
/*a[class~="button"][class~="ui-button"]{
	float:left;
}*/
.button .ui-button-text{
	font-size:70%;
}
.index table .button .ui-button-text{
	font-size:0.875em;
}
.admin-menu-bar .button .ui-button-text,
.admin-menu-bar li a{
	font-size:12px;
}
.ui-tabs.admin-menu-bar .ui-tabs-nav li.ui-state-default{
}
.ui-tabs.admin-menu-bar .ui-tabs-nav li.ui-state-default a{
	padding-bottom:0.4em;
	white-space:normal;
}
.ui-tabs.admin-menu-bar .ui-tabs-nav li.ui-tabs-selected a{
	cursor:pointer;
}
.admin-menu-bar .button{
	font-size:85%;
	margin-right:2px;
}
.admin-menu-bar .ui-tabs-panel a{
	margin-right:10px;
}
.admin-menu-bar .menu-home,
.admin-menu-bar .menu-account,
.admin-menu-bar .menu-logout{
	margin-top:1px;	margin-right:2px;
	padding-bottom:1px;
}
.admin-menu-bar .menu-account{
	margin-right:5px;
}
.admin-menu-bar .menu-home{
	float:left;
}
.admin-menu-bar .menu-account,
.admin-menu-bar .menu-logout{
	float:right;
}

/* Forms */
.form .input label, .form .textarea label, 
.form .select label,
.form .date label, .form .datetime label,
.form .radio label.gender{
	float:left;
	width:220px; line-height:21px;
}
.form .input input, .form .textarea textarea,
.form .select select,
.form .date select, .form .time select, .form .datetime select,
.form .radio input[type="radio"]
{
	margin-left:15px;
}
.form .input .Forms_FieldTooltip{
	margin-left:235px; margin-bottom:0;
	/*width:300px;*/
}
form .required > label.remove-required {
	font-weight:normal;
}
form .required > label.remove-required:after {
	content:'';
}

.form .input.checkbox{
	width:auto; overflow:hidden;
	margin-bottom:0;
	padding-left:225px;
}
.form .input.checkbox label{
	width:auto; line-height:normal;
}
.input.checkbox input{
	width:auto;
	margin-bottom:0;
}

.form .time #ReservationReservationTimeHour{
	margin-right:5px;
}
.form .time #ReservationReservationTimeMin{
	margin-left:5px;
}

div.input input,
div.textarea textarea{
	padding:3px;
}
.form .allocation{
	position:absolute;
	width:220px;
	padding-top:0.5em;
}
.error .error-message{
	color:#C52020; background:none;
	margin:0 0 0 235px;
}
.form-error{
	border:1px solid #C52020;
}
.Forms_FieldTooltip{
	font-style:italic;
}

.form .input input[readonly='readonly']{
	background:none; border:none;
	color:#444;
}
.form .input input#UserUsername[readonly='readonly']{
	font-weight:bold;
}


/* Pages: index */
table tr.list-row{
	background:#fff;
}
table tr.altrow{
	background:#f5f5f5;
}
table tr.amended{
	background:#fbc24c;
}
table tr.list-row:hover{
	color:#FFF;	background:#367889;
}
table tr.list-row.amended:hover{
	background:#d97506;
}
.table-cont{
	position:relative;
	overflow:visible;
	overflow-x:scroll;
}
.table-cont table{
	width:100%;
	max-width:100%;
}
.table-cont td,
.table-cont th{
	white-space:nowrap;
}
.table-cont tr.pointer:hover{
	cursor:auto;
}
.table-cont tr.pointer:hover td{
	cursor:pointer;
}
.table-cont tr.pointer:hover td:first-child{
	cursor:default;
}

/* Pages: Add */
#UserAdminAddForm .input label, 
#UserAdminAddForm .textarea label, 
#UserAdminAddForm .select label,
#UserAdminAddForm .date label,
#UserAdminAddForm .radio label.gender{
	float:left;
	width:180px;
}
#UserAdminAddForm .input input,
#UserAdminAddForm .textarea textarea,
#UserAdminAddForm .select select,
#UserAdminAddForm .date select,
#UserAdminAddForm .radio input[type="radio"]
{
	margin-left:15px;
}
#UserAdminAddForm .text .Forms_FieldTooltip{
	margin-left:195px;
	width:300px;
}

/* Pages: Edit */
#UserAdminEditForm .input label, 
#UserAdminEditForm .textarea label, 
#UserAdminEditForm .select label,
#UserAdminEditForm .date label,
#UserAdminEditForm .radio label.gender{
	float:left;
	width:180px;
}
#UserAdminEditForm .input input,
#UserAdminEditForm .textarea textarea,
#UserAdminEditForm .select select,
#UserAdminEditForm .date select,
#UserAdminEditForm .radio input[type="radio"]
{
	margin-left:15px;
}
#UserAdminEditForm .input .Forms_FieldTooltip{
	margin-left:195px;
	width:300px;
}

/* Pages: Change Details */
.userChanges table {
	width:70%;
}

/* Pages: Login */
#UserLoginForm,
#ManagerLoginForm {
	width:350px;
	margin:0 auto;
}
#UserLoginForm div,
#ManagerLoginForm div{
	margin-bottom:0;
}
#UserLoginForm table tr td,
#ManagerLoginForm table tr td{
	vertical-align:middle;
}

/* Dialog View */
.dialog-content-cont table{ width:90%; margin:10px auto; background:none; }
.dialog-content-cont table tr td{ border:none; }
.dialog-content-cont table tr td span.header{ font-size:larger; font-weight:bold; margin:0.25em 0; }