html, body {
	height:100%;
}

body {
	background:url("../images/bg-sidebar.png") repeat-y scroll left top #FFFFFF;
	color:#000000;
	font-size:0.7em;
	margin:0;
	/*overflow-x:hidden;*/
	padding:0;
}

* {
	font-family:verdana,arial,sans-serif;
	outline:none;
}

a {
	text-decoration:none;
	color:#105d7f;
}

h1 {
    font-family:arial,sans-serif;
	color:#105D7F;
	font-size:2em;
	font-weight:bold;
	margin-bottom:0;
	margin-top:0;
}
h2 {
    font-family:arial,sans-serif;
	color:#105D7F;
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:0;
	margin-top:0;
}
h3 {
    font-family:arial,sans-serif;
	color:#6F6F6F;
	font-weight:normal;
	margin-bottom:15px;
	margin-top:0;
}
p {
	line-height:1.4em;
}
img {
	border:0;
}
table {
	border-collapse:collapse;
	padding:0;
}
td, th {
	vertical-align:top;
	text-align:left;
}
fieldset {
	border-width:0;
}
.clear {
	clear:both;
}
hr {
	width: 80%;
	margin: 10px auto;
}

td.left { text-align: left; }
td.center { text-align: center; }
td.right { text-align: right; }

#wrapper {
	background-color: #FFFFFF;
	margin: 0; /* auto; */
	height:100%;
}
#mainwrapper {
	width: 1024px;
	position: relative;
	display: inline;
	float: left;
}
table.grid {
	width:810px;
}
#header{
	background:url("../images/bg-header.png") repeat-x scroll left top #FFFFFF;
	float:left;
	height:69px;
	position:relative;
	width:100%;
}

    #header #logo {
        margin:5px 5px 0 20px;
    }
    
	#header h1 {
		color: #ffffff;
		font-size: 23px;
		font-weight: bold;
		position: absolute;
		top: 15px;
		left: 90px;
	}
	
	#header #userlogged {
		background:url("../images/bg-userlogged.png") no-repeat scroll left top transparent;
		position:absolute;
		top: 15px;
		left: 600px;
		width:407px;
		height:26px;
		
	}
	
		#userlogged #loggedin{
			color: #ffffff;
			font-size: 11px;
			font-weight: bold;
			position: absolute;
			top: 6px;
			left: 20px;
		}
		#userlogged #logout{
			position: absolute;
			top: 6px;
			left: 321px;
		}
			#userlogged #logout a{
				font-size: 11px;
				font-weight: bold;
				color: #ffffff;
				text-decoration:none;
			}

#sidebar{
	background:url("../images/bg-sidebar.png") repeat-y scroll left top #FFFFFF;
	float:left;
	height:100%;
	position:relative;
	width:192px;
	margin-top: -5px;
	padding: 10px;
	min-height: 500px;
}

#content{
	float:left;
	height:100%;
	width:810px;
}
ul.nav {
	list-style:none outside none;
	margin:0;
	padding:0;
}
	ul.nav li {
		padding-left:15px;
		padding-top:3px;
		margin:7px 0;
	}
	
	ul.nav li a {
		color:#000000;
		text-decoration:none;
	}
	
		ul.nav li span {
			background:url("../images/arrow-blue.png") no-repeat scroll left top transparent;
			padding-left:15px;
		}	
		ul.nav li a.over  span {
			background:url("../images/arrow-orange.png") no-repeat scroll left top transparent !important;
		}	
		ul.nav li ul li a.over  span {
			background:none !important;
		}		
	ul.subnav {
		list-style-image:url("../images/square-blue.png");
		margin:0;
		padding:0 0 0 40px;
	}
		ul.subnav li {
			margin:7px 0;
			padding:0px;
		}
		ul.subnav li span, ul.subnav li span.current {
			background:none !important;
			padding-left:0px;
		}
	
		ul.subnav li.current {
			list-style-image:url("../images/square-orange.png") !important;
		}
		
	
table.grid, table.availability {
	margin:10px 0 5px 0;
	width: 100%;
}
	table.grid tr:nth-child(even) {
		background-color:#efefef;
	}
	table.grid tr:nth-child(odd) {
		background-color:#dcdcdc;
	}
	
	table.grid tr:hover {
		background-color:#fff;
	}
	
	table.grid thead tr {
	    background-color:#fff !important;
	    border-bottom:1px solid #105D7F;
    }
    
    table.grid th,
    table.grid td {
        padding-right:10px;
    }
    
	table.grid tfoot tr {
	    background-color:#fff;
	    border-top:1px solid #105D7F;
	    font-weight:bold;
    }
    
/* availability table */

table.availability {
	margin:10px 0 10px 0;
}
	table.availability tr.available { background-color: #efefef }
	table.availability tr.odd.available { background-color:#dcdcdc; }
		table.availability tr.available a { color: #105d7f; }
	table.availability tr.booked { background-color:#6e1717; color: white; }
	table.availability tr.odd.booked { background-color:#ab5d5d; color: white; }
		table.availability tr.booked a { color: #000; }
	
	
	
	table.availability tr:hover {
		background-color:#fff !important;
		color: black !important;
	}
		table.availability tr:hover a{
			color: black !important;
		}
	
	table.availability thead tr {
	    background-color:#fff;
	    border-bottom:1px solid #105D7F;
    }
    
    table.availability th,
    table.availability td {
        padding-right:10px;
    }
    
	table.availability tfoot tr {
	    background-color:#fff;
	    border-top:1px solid #105D7F;
	    font-weight:bold;
    }	
	
form.login label {
	font-size: 12px;
	margin-right: 20px;
	line-height: 25px;
}



form fieldset label {
    display:block;
    width:100px;
    float:left;
    clear:left;
}
div#course_details label {
    display:block;
    width:180px;
    float:left;
    clear:left;
}

form fieldset input,
form fieldset textarea,
form fieldset select {
/*    display:block;
    float:left;
    clear:right;
    width:300px;*/
}

form input[type=submit] {
    width:100px;
    margin-left:325px;
}


ul#pages {
	list-style:none outside none;
	margin:0;
	padding:0;
}
	ul#pages li {
		float:left;
		padding-left:25px;
		padding-top:3px;
		margin:7px 0;
	}
	
	ul#pages li a {
		/*color:#000000;
		text-decoration:none;*/
	}
	
	
.error {
    color:#a0a;
    font-weight:bold;
}

.msg {
    color:#00a;
    font-weight:bold;
}

div.message {
    margin:20px 0;
	padding: 10px;
	width: 95%;
	background-color: #b4e0c0;
	border: 1px solid #3f4e43;
}

.nowrap {
	white-space:nowrap;
}


table.details {
    margin-top:10px;
    margin-bottom:20px;
}
    table.details caption,
    caption {
        font-weight:bold;
        text-align:left;
        border-bottom:1px solid #000;
        font-size:1.1em;
    }
    table.details th {
        padding-right:20px;
    }
	
/* export applications*/
#export_apps {
	/*display:none;*/
}
#frm_export #start_date, #frm_export #end_date	{
	width: 120px;
	text-align: center;
}
#frm_export input[type="submit"] {
	margin-left: 10px;
}
	#ui-datepicker-div { display: none; }


/* frm_import */
#import_apps {
	display:none;
}
#frm_import input[type="submit"] {
	margin-left: 10px;
}
#frm_import input[type="file"] {
	width: 400px;
	background-color: #eee;
}

/* time periods */
#periods #leftcol {
	float: left;
	width: 500px;
	margin-right: 32px;
}
#periods #rightcol {
	float: left;
	width: 200px;
}
	
	#period_details {
		width: 330px;
	}
	#period_details label {
		display:block;
		width:100px;
		float:left;
		clear:left;
	}

	#period_details input[type="text"]  {
		display:block;
		float:left;
		clear:right;
		width:204px;
	}
	
	#period_details input[type="submit"] {
		float:right;
		width:125px;
		margin: 0px;
	}
	

/* rooms */
#room div.left {
	float: left;
	width: 300px;
	margin-right: 32px;
}
#room div.right {
	float: left;
	width: 300px;
}
#room div.right div.right label, #room div.right div.left label {
	background-color:#f1f1f1;
	padding:3px 5px;
	width: 135px;
}
#room div.right div.right input[type="text"] {
	width: 140px;
}
#room div.one_person {
	background-color: #f1f1f1 !important;
	border: 1px solid #dedede !important;
	padding: 5px 10px;
}
#room div.booking_inactive {
	background-color: #cecece	 !important;
	border: 1px solid #dedede !important;
	padding: 5px 10px;
}
div.roomimg {
	background-color: #f1f1f1 !important;
	border-radius:10px;
	border: 1px solid #dedede;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;	
	padding: 5px 10px;
	width: 180px;
	float:left;
	margin-left:20px;
	}
#room {
	width: 875px;
}

div#add_new_student {
	background-color: #f1f1f1 !important;
	border-radius:10px;
	border: 1px solid #dedede;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;	
	padding: 5px 10px;
	width:300px;
}
#room .right input[type="submit"] {
	float: none;
	margin:10px 0 0;
}
#room div.one_person label{
	width: 300px;
}
#room div.one_person div.one_person_period, #room div.booking_inactive div.booking_inactive_period {
	display:none;
}

#room div.right div.left{
	float: left;
	width:150px;
	margin-right:0;

}
#room div.right div.right {
	float: left;
	width:150px;
}
	table.roomz tr td{
	padding: 3px 5px;	
	}
	table.roomz tr td:first-child{
	
	font-weight:bold;
	
	}

	#room_details label, #room_details input[type="text"], #room_details textarea, #room_details input[type="submit"],
	#room_details select, div.input {
		display:block;
		float:left;
		clear:left;	
	}
	#room_details label {
		width:200px;
		margin: 5px 0;
	}

	#room_details input[type="text"], #room_details select  {
		width:275px;
	}
	#room_details textarea  {
		width:275px;
		height: 75px;
	}
	
	#room_details input[type="submit"] {
		float:right;
		width:125px;
		margin-right: 23px;		
	}
	
	#room #frm_update_booking {}
		#room #frm_update_booking input[type="submit"] {
			width:100px;
			margin-left:0px;
		}
	
/* periods */
table#all_periods_availability {
}	
	table#all_periods_availability td {
		cursor: pointer;
		text-align: left;
	}	
	

div.error {
	border:1px solid #a40049;
	background-color:#f6e2eb;
	margin:5px 0;
	clear:both;
	width: 75%;
}
	div.error p {
		color:#a40049;
		margin:5px;
	}

div.info {
	border:1px solid #334f36;
	background-color:#a6e4ac;
	margin:5px 0;
	clear:both;
	width: 100%;
	padding: 8px;
}
	div.info p {
		color:#334f36;
		margin:5px;
	}

div#filters {
	border: 2px solid #dedede;
	padding: 5px 5px;
	background-color:#f1f1f1;
}
	div#filters input {
		width:140px;
	}
	div#filters form input[type="submit"] {
		width: 100px;
		margin-left: 10px!important;
}

a#printa, input[type=submit], button[name="cancel"] {
	border-radius:5px;
	background-color:#999;
	padding: 3px 10px;
	color:#fff;
	position: absolute;
	border:0;
	white-space: nowrap;
}
a.cancel {
	border-radius: 5px;
	background-color: #900;
	padding: 4px 10px;
	color: white;
	border: 0;
	position: absolute;
	margin-top: 12px;
	margin-left: 201px;
	cursor: pointer;
}

a#printa:hover, input[type=submit]:hover,  button[name="cancel"]:hover {
	border-radius:5px;
	background-color:#105D7F;
	padding: 3px 10px;
	color:#fff;
	position: absolute;
	cursor: pointer;
	border:0;
}
form input[name=login], form input[name=reset] {
	margin-left:160px;
}
/* Result Table stuff */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}
.dataTables_paginate span {
	padding:1px 10px;
}
.dataTables_filter,.dataTables_paginate {
	float:right;
	margin-right:10px;
}
.dataTables_length, .dataTables_info {
	float:left;
	margin-left:10px;
}
.fg-toolbar {
	padding: 5px 0;
	width:810px !important;
}
.ui-state-default .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 0;
}

table.grid thead th div.DataTables_sort_wrapper {
	position: relative;
	padding-right: 20px;
	padding-right: 20px;
}
.DataTables_sort_wrapper {
	cursor: pointer;
}

#tablelist tr td {
	vertical-align: middle !important;
}


/* Loading overlay stuff */

.load-overlay {
	position: absolute;height: 100%;width: 840px;opacity: 0.7;background-color: white;left: 0;top: 0;z-index: 999;color: black;text-align: center;margin-left: 200px;
}
.load-overlay-content {
	z-index:9999;opacity: 1;position: relative;text-align: center;padding: 0px 56px;width: 255px;left: 250px;top: 20px;font-size:12px;border-left: 1px solid #999;border-top: 1px solid #999;border-bottom: 2px solid #666;border-right:2px solid #666;background-color: #DEDEDC;padding-top: 20px;text-shadow:3px #fff;
}
.load-overlay-content img {
	top:200px;
}

textarea[name=note] {
	font-size:12px;
}

#courseddwrap {
	float:right;
	margin-right:25px;
}
#coursedropdown {
	width:200px;
}

#yearwrap {
	float:right;
	margin-left:10px;
}


/* Buttons */
 
.button {
	font-family: verdana;
	font-size: 9px;
	color: #fff;
	padding: 3px 9px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #fff;
	display:block;
	white-space: nowrap;
	cursor: pointer;
		}

.assign {
	color:#fff;
	background-color:#aaa;
	width: 95px;
	} 
.move {
	color:#fff;
	background-color:#5377d2;
	width: 95px;
	} 
.remove {
	color:#fff;
	background-color:#2d5929;
	/*background-color:#6d1616;*/
	width: 95px;
	}
input#queue_search_student {
	float:left;
	font-size:12px;
	height: 18px;
	margin-top:3px;
	width:600px !important;
}
button#add_student, button#add_new_student {
	display:none;
	float:left;
}
.ui-button-text {
	font-size:11px;

}
div#student_add {
	width: 790px;
	min-height:30px;
	padding: 5px 10px;
	background-color: #f1f1f1 !important;
	border: 1px solid #dedede;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	}

div#add_new_student {
	display:none;
}

div.email_exists {
	float: left;
	font-weight: bold;
	background-color: #900;
	color: white;
	padding: 3px 8px;
}

div.err {
	width: 300px;
	position: absolute;
	margin-top: -128px;
	margin-left: 490px;
	display:none;
	background-color:#990000;
	padding:0px 10px;
	color:#fff;
}

div.one_person_period input.hasDatepicker, div.one_person_period input.hasDatepicker,div.inactive_dates input.hasDatepicker {
	width:85px !important;
}

tr.booking_active {
	background-color:#105D7F;
	border-top:5px solid #fff;
	color:#fff;
}
div.inactive_dates {
	display:none;
	background-color:#a36868;
	min-height: 45px;
	padding: 6px 10px;
	color: white;
	margin-bottom: 10px;
}
div.inactive_dates p {
	margin:0 0 1px 0;
}
button#set_inactive_dates {
	float:left;
	margin-left:10px;
}

div.checked {
	display:none;
	float:left;
	margin-left: 5px;
	margin-top: 4px;
}

tr.selected_row {
	background-color:#AABD75 !important;
	
}
button#book_them {
	display:none;
}


button#book_them {
	font-size: 11px;
	padding: 5px 7px;
}


tr.booked {
	background-color:#EBC963 !important;
}

a.booked {
	background-color:#E6AC00 !important;
	width: 95px;
}

table.grid tr {
	border-bottom: 1px solid #f1f1f1;
}
table.grid tr.even td {
	border-right: 1px solid #dedede;
}
table.grid tr.odd td {
	border-right: 1px solid #f1f1f1;
}

table.grid tr.even td:last-child {
	border-right: 0;
	border-left: 0;
}
table.grid tr.odd td {
	border-right: 1px solid #f1f1f1;
}


span.book.near {
	color:#ff9900;
	font-weight:bold;
}

span.book.full {
	color:#FF0000;
	font-weight:bold;
}
span.book.nothing {
	color:#1E9600;
	font-weight:bold;
}

div#booking {
	position: absolute;
	margin-left: 100px;
	margin-top: -47px;
}
div#booking div {
	display:none;
	border: 1px solid #CC9900;
	margin: 10px 0px;
	padding: 5px 10px 5px 37px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

div#booking div#full, div#booking div#some {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../images/bokat.png');
}

div.confirm_mail {
	float:left;
	margin-left: -25px;
	margin-top: 2px;
	display:none;
}

	div.confirm_mail label {
		float: left;
		width: 95px !important;
		clear:none !important;
	}

	div.confirm_mail input {
		float:left;
	}

	table.grid tr td {
	vertical-align: middle;
 }
 
.student_move_name {
	font-weight:bold;
} 

#move_box {
	display:none;
	color:#000;
	-moz-box-shadow: 0 0 5px 5px #5377D2;
	-webkit-box-shadow: 0 0 5px 5px #5377D2;
	-ms-box-shadow: 0 0 5px 5px #5377D2;
	box-shadow: 0 0 5px 5px #5377D2;
	background-color:#bfd1ff;
	border: 5px solid #dce6ff;
	padding: 10px 10px;
	margin-left:200px;
	z-index:2000;
	position:absolute;
	}
	
#move_button, #move_button_cancel {
	background-color:#5377D2;
	border: 2px solid #fff;
	color:#fff;
	font-size:10px;
	padding:5px 10px;
	margin-left:5px;
	cursor: pointer;
	font-weight:bold;
	border-radius: 3px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
}
#move_button_cancel {
	background-color:#990000;
}

div.comment {
	position: absolute;
	width: 200px;
	min-height: 50px;
	margin-left: -230px;
	margin-top: -45px;
	background: white;
	border: 2px solid #105D7F;
	text-align: left;
	padding: 5px 10px;
	display:none;
	-moz-box-shadow: 0 0 15px 1px #105D7F;
	-webkit-box-shadow: 0 0 15px 1px #105D7F;
	box-shadow: 0 0 5px 15px 1px #105D7F;
}

	div.comment div {
		position: absolute;
		margin-left: 195px;
		cursor:pointer;
		font-weight: bold;
	}
	
	div.comment span {
		color:#105D7F;
	}

img.comment-image {
	cursor: pointer;
}


div.course_wrap table td, div.course_wrap table th {


}

a.remove_course {
	color:#FF0000;
}

table.details.files {
width: 250px;
}

a.fileupload {
	font-weight: normal;
	color:#fff;
	background-color:#5377D2;
	display:block;
	width: 440px;
	text-align: center;
	padding: 5px 10px 5px;
	-webkit-border-radius: 5px 5px 0px 0px;
	cursor: pointer;
}

div#fileupload-wrapper {
	display:none;
	width: 440px;
	padding: 10px;
	background-color:#f1f1f1;
	border: 1px solid #dedede;
}
div#fileupload-wrapper table {
	width: 440px;
	display: table;
}
div#fileupload-wrapper table td:nth-child(odd) {
	width: 100px;
	display:block;
	font-weight: bold;
	line-height: 22px;
}

table.filelog {
	width:575px;
}
div#change-date-holder {
	background-color: #F1F1F1;
	width: 200px;
	position: absolute;
	margin-left: 140px;
	margin-top: -158px;
	padding: 5px 10px;
	box-shadow: -2px 7px 9px #F1F1F1;
	border: 3px solid #DEDEDE;
	font-size: 10px;
	display:none;
}

div.periods_wrapper {
	background-color:#f1f1f1; padding: 5px 10px; width:625px; margin-left: 10px;
}
ul#periods {
	list-style-type:none; margin-left:0;padding-left: 0;
}
div.period_update {
	padding: 0px 10px;background-color:green;color:#fff; width:200px;position:absolute; margin-left: 253px; margin-top:4px;display:none;
}
div.period_removed {
	padding: 0px 10px;background-color:green;color:#fff; width:200px;position:absolute; margin-left: 253px; margin-top:4px; display:none;
}
div.period_failed {
	padding: 0px 10px;background-color:red;color:#fff; width:200px;position:absolute; margin-left: 253px; margin-top:4px; display:none;
}
div.period_update p, div.period_removed p, div.period_failed p {
	margin:3px 4px;
}

div.create_course {
	display:none;
	border: 1px solid #dedede;
	background-color:#f1f1f1;
	padding: 10px 10px;
	margin-top: 5px;
}

table.details.create td, table.details.create th {
	vertical-align: middle;
}
table.grid.create {
	width:500px;
}
table.grid.subcourses {
	display:none;
}


div.pnr_found {
	display:none;
	width:200px;
	padding: 5px 10px;
	color:#fff;
	background-color:#6b1012;
}
.show {
	display:block !important;
}

div.course_list table tbody tr td:nth-child(2) {
	width:400px !important;
}