/**********************************************
CSS file for Resource Booking Pro Front End
***********************************************/

#sv_bookpro_request {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
	border:dashed;
	border-width:1px;
	border-color:#999999;
	/* un-comment the following line to set booking screen width */
	/*width:500px;*/
}

#sv_bookpro_request_gad {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
	border:solid;
	border-width:1px;
	border-color:#999999;
	padding-top:5px;
	padding-left:5px;
	/* un-comment the following line to set booking screen width */
	/*width:500px;*/
}

#sv_bookpro_request td{
}

.sv_bookpro_request_dropdown {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	/* un-comment the following line to override template colors */
	/*color:#000000;*/ 
}

.sv_bookpro_request_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	/* un-comment the following line to override template colors */
	/*color:#000000;*/ 
}

.sv_bookpro_request_label {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
        text-align:left;
	/* un-comment the following line to override template colors */
	/*color:#000000;*/ 
}

.sv_bookpro_request_helptext {
	font-size:10px;
	color:#666666;
	line-height:5px;
}

.sv_bookpro_request_cancel_row {
	background-color:#FFFFCC;
}

.row0{	
	font-size:11px;
}	 

.row1{	
	background-color:#F6F6F6;
	font-size:11px;
}	 

.detail_row0{	
	font-size:12px;
}	 

.detail_row1{	
	background-color:#F6F6F6;
	font-size:12px;
}	 
		 
.admin_detail_row0 {
	font-size:12px;
}

.admin_detail_row1 {
	background-color:#F6F6F6;
	font-size:12px;
}
 
.sv_bookpro_errors {
        color:#FF0000;
}

.sv_gad_timeslot_available {
	display: inline;
	border:solid;
	border-width:1px; 
	border-color:#33CC00;
	background-color:#CCFFCC;
	height:20px;
	padding:1px;
}		 

.sv_gad_timeslot_booked {
	display: inline;
	border:solid;
	border-width:1px; 
	border-color:#FF0000;
	background-color:#FFCECE;
	height:20px;
	padding:1px;
}		 

.sv_gad_user_selection{
	background-color:#CCFFCC;
}

.sv_gad_timeslot_header {
	border:solid;
	border-width:1px; 
	border-color:#0033CC;
	border-right:0px;
	color:#0033CC;
	background-color:#FFFFFF;
	height:18px;
	padding:0px;
	margin-top:0px;
}

.sv_gad_timeslot_yaxis_header {
	border-bottom:solid;
	border-bottom-width:1px; 
	border-bottom-color:#0033CC;
	border-right:dotted;
	border-right:1px;
	border-right-color:#0033CC;
	color:#0033CC;
	font-size:10px;
	height:20px;

}

.sv_gad_row_wrapper {

	color:#0033CC;
	height:20px;
}		 
		 
.sv_gad_container_table {
	border:dashed;
	border-width:1px; 
	border-color:#CCCCCC;
}		 
		 
.sv_bookpro_selected_resource {
	font-weight:bold;
	color:#0000CC;
}		 

.sv_gad_legend{
	color:#0033CC;
	font-size:10px;
	line-height:18px;
        height:25px;
        padding-top:5px;
		text-align:left;
	/*background-color:#CCFFCC;*/

}
table#sv_gad_outer_table tr td{
	height:30px; !important
	border-top:solid;
	border-top-width:1px; 
	border-top-color:#0033CC;
}		 
		 
 
.title{
	border-bottom:1px solid #666666; 
}
			 
 
/* tabs */
dl.tabs {
   float: left;
   margin: 10px 0 -1px 0;
   z-index: 50;
}
dl.tabs dt {
   float: left;
   padding: 4px 10px;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-top: 1px solid #ccc;
   margin-left: 3px;
   background: #f0f0f0;
   color: #666;
}
dl.tabs dt.open {
   background: #F9F9F9;
   border-bottom: 1px solid #F9F9F9;
   z-index: 100;
   color: #000;
}
div.current {
   clear: both;
   border: 1px solid #ccc;
   padding: 10px 10px;
}
div.current dd {
   padding: 0;
   margin: 0;
}

.sv_gad_timeslot_book-off {
	display: block;
	border:solid;
	border-width:1px; 
	border-color:#FFCC00;
	background-color:#FFFFCC;
	height:19px;
	padding:1px;
}
		 
#resource_extras_div{
    background-color:#F4FBEA;
    /*width:500px;*/
}