@CHARSET "ISO-8859-1";
#menu_div{
    margin-top: 12px;
}
#main_nav {
    margin: 12px;
}

a#logo_lgb{
	font-size:20px;
	background: none;
	margin-top:10px;	
}
/*header overrides*/
div.header_main{
	margin-top:25px;	
}
div.header_search{
	margin-top:0px;
}

/*content overrides*/
div.content{
	min-height:600px;
}

.initial-hidden{
	display:none;
}

/*scrollbar*/
.scrollDiv{
	overflow:auto;
	height:300px;
}

/*tables*/

table.display tbody tr{
	cursor: pointer;
	cursor: hand;
}
table.display tbody tr.hover{
	background-color:	#FFFAEA ;
}
table.display tbody tr.active td{
	background:	#E3E9FF ;
}
table.display td, table.display th{
	border: 1px solid 	#E0E0E0;
}

table.display thead th {
    border-bottom: 4px solid #E0E0E0;
	padding: 3px 10px;
}

.simple-table{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
}

.simple-table th{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	
}
.simple-table tbody tr{
	background: #EEEEEE;
}
.simple-table tbody tr.hover{
	background: #E3E9FF;
}

.simple-table tbody tr.clicked_active{
	background: #d0dafd;
}
.simple-table td{
	padding: 1px;
	border-top: 1px solid #fff;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	color: #669;
	font-size: 14px;
}

#monthlystatstable td,#monthlystatstable th{
    font-size: 11px;
}

/*search field*/
.search_field {
	font-style:normal;
    padding: 5px 30px 5px 30px;
    position: relative;
    width: 100%;
	right: 0px;
	float:none;
	background: url(../images/search_icon.png) no-repeat left;
}

/*dataTables*/
.dataTables_filter {
    margin-bottom: 5px;
    width: 50%;
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}


/*page layout colums width*/
.column-left-30{
	float: left;
	width: 35%;	
}

.column-right-70{
	float: right;
	width: 63%;	
}

/*icon*/

.delete_icon { 			
	width:17px;
	height:17px;
}

.edit_icon { 			
	width:17px;
	height:17px;
}

/*user information*/
div#user-information{
	font-weight: bold;
}
div#user-information span{
	font-weight: normal;
}
div.edit-bar{
	padding:5px;
}

/*Label*/
.form_quantifier, #timetable_tpl_form label , #timetable_tpl_detail_form label, #rule_for_large_group_form label, .zoneLabel label{ 			
	font-size:1.0em;
	font-weight:bold;
	margin-bottom:5px;
	margin-top: 15px;
	display: inline;
}

.timetable-tpl-detail-Table td{
	white-space:nowrap;
	overflow:hidden;
}

.form_quantifier{
	color:#585858;
}

/*overlay*/
.modal {
	background-color:#fff;
	display:none;
	width:350px;
	padding:15px;
	text-align:left;
	border:2px solid #333;

	opacity:0.8;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}

.modal h2 {
	/*background:url(/img/global/info.png) 0 50% no-repeat;*/
	margin:0px;
	padding:10px 0 10px 45px;
	border-bottom:1px solid #333;
	font-size:20px;
}
/*floats*/
.left{
	float: left;
}
.right{
	float: right;
}
/*heights*/
.height-30{
	height:30px;
}
/*widths*/
.width-100p{
	width:100%;
}

.timetpl_edit{
	 width:100%;
	 cursor: pointer;	
}
/*padding*/
.padding-1{
	padding: 0 5px 0 5px;
}
.padding-0{
	padding: 0;	
}

.timetpl_edit:hover{
	 background-color:	#FFFAEA ;	
}
/*margins*/
.mg50{
	margin: 0 0 0 50px;
}
.mg25{
	margin: 0 0 0 25px;
}

.mgr50{
	margin: 0 50px 0 0;
}

/*success mesages*/
#success_pane_message{
	height:15px;
	background: url(../images/form_info.png) 2px no-repeat;
	padding: 1px 10px 1px 18px;
	margin: 0 300px;
	border: 1px solid #008000;
}

/*serving */
#serving_overall_manager div, #past_record_form div, #table_security div{ 			
	background-color:#fff;
}

#serving_overall_manager h2 { 			
	color:#2d59b8;
	background: #FFF url(../images/box_header_bg.gif) repeat-x;
}

#serving_overall_manager, #past_record_form, #table_security{ 				
	/* border color */
	border:10px solid #666;
	display:none;
	width:700px;
	top:-10px;
	z-index: 5000;
}

/*client listing*/
#client_listing_form ul{
	list-style-type: none;
	float: left;
}

#client_listing_form ul li{
	float: left;
}

#client_listing_form ul li label{
	display:inline;	
}

.gp_label{
	color: #2D59B8;
	font-size: 1em;
	font-weight: bold;
}

.separater{
	margin: 3px;	
}

.separater label{
	font-size: 1em;
	font-weight: bold;
}

#sm_dates img{
	position: relative; 
	top:5px;		
}

/**============================== NextDaysReservation Display styles window resize friendly ====================================**/
.display-cell { 
	width:12%;
	min-width: 100px;
	text-align:center;
	margin:20px 4%;
	float:left;
}

.display-label { 
	font-size:1.0em;
 	font-weight:bold;
	margin-bottom:5px;
	margin-top: 15px; 
	display:block;
}
				
.color-bloc { 
 	width:100%;
	height:50px; 
	border:2px solid #000;
	margin-bottom: 10px;
}

.color-bloc span {
	display: block;
}

a .color-bloc {
	text-decoration: none;
	color: #3B3B3B;
}
	
				
/**============================== Default Timetable Templates styles ====================================**/				

.dtt-cell { 
	width: 30%;			
	min-width: 200px;
	text-align: left;
	vertical-align: middle;
	margin:15px 1%;
	float:left;
}
		  
.dtt-col {  
	height: 45px;
	min-width:80px;
	vertical-align: middle;
	text-align: left;
	float:left;
 }
		  
.dtt-but { 	
	width:100px;
	min-width:100px; 
	margin:55px 0 0 0;
	float:left;
}

/**============================== Reservation Viewer List styles ====================================**/	
		  
.reservation-viewer-table-header {
	color: #003399;
	font-weight:bold;
	background-color: #B8B8B8 !important;
	border-top: 15px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
}

.reservation-viewer-table-header td{
	border: 1px solid #CCCCCC !important;
}
	
.reservation-viewer-table {
	width:100%;	
}

.reservation-viewer-table tbody tr.even{
	background: #EEE;
}
.reservation-viewer-table tbody tr.odd{
	background: #E3E9FF;
}

.reservation-viewer-table td{
	color: #000;
	vertical-align: middle;
	padding: 2px 5px !important;
}

#reservation-viewer-date-list { 
	float:right;
	margin-top:5px;
}

#reservation_viewer_loding_message{
	height:15px;
	font-size:0.8em;
	background: url(../images/form_info.png) 2px no-repeat;
	padding: 1px 10px 1px 18px;
	margin-left:20%;
	border: 1px solid #008000;
}

#observation{
	padding:0;
	margin:0;
}

#observation img{
	margin: 0 5px;
    width: 25px;
    height: 25px;
}


#observation textarea{
	width:200px;
}

/*icons*/
.hand{
	cursor: pointer;
	cursor: hand;	
}

/**============================== table assignments styles ====================================**/	
table.table-assignments tr td {
	vertical-align: top;
	font-size: 10px;
}

table.table-assignments tr:hover{
	background: #EEEEEE;
}

table.table-assignments .capacities{
	font-size: 10px;
	font-weight:bold;
}

table.table-assignments div.hover{
	background: #E3E9FF;
}

input[name=add_new_template]{
	margin-bottom:5px;
}

.assignment_select{
	padding-top: 3px;	
}

.red{
	color: red;
}