@charset "utf-8";

/*

    !!! This is just here for reference if we need it in future while making the bookings app work. Delete it in the future. - JM
    
    !!! This is needed for the time being. For now we are leaving the current booking app as is, and to avoid conflicts with the
        current/new masster.css, this has now been renamed to booking-master.css, and the sitemesh not added here.           - SH

*/





/* //////////////////////////////////////////////////////////
   SmartPool - Master Style Sheet
   
   Created By:      Intelligent Pathways
   Author:          Ben Demeyere
   Email:			ben.demeyere@intelligentpathways.com.au
   Date Created:    16/12/2010
   
////////////////////////////////////////////////////////// */



/* RESET */	
*								{ _margin: 0;
								  _border: 0; }

html, body {
	_background-image: url(../images/bg.gif);
	background-color: #f3f3f3;
	background-repeat: no-repeat;
	background-position: top;
	font-family: vera-sans, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	text-align: left;
	color: black;
	border: none;
	padding: 0;
	margin: 0;
	height: 100%;
}





/* TYPEOGRAPHY */
/*
h1								{ font-family: Tahoma;
								  font-size: 20px; 
								  font-weight: normal; 
								  color: #474747;
								  border-bottom: 1px solid #cbcbcb; 
								  padding-bottom: 2px; }
								  
h2								{ font-family: Verdana;
								  font-size: 12px; 
								  font-weith: normal; 
								  color: #FFFFFF;
								  padding: 5px; }
								  */

h3								{ }

h4								{ }

h5								{ }

h6								{ font-family: Tahoma;
								  font-size: 22px; 
								  font-weight: normal; 
								  color: #474747;
							      padding-bottom: 10px; 
							      text-align: center; 
							      margin-top: 40px; }




p								{ color: #000;
								  padding-bottom: 5px;
								}

p.error							{ color: #c82f2f; }




#logout-btn a:link				{ text-decoration: none; color: #FFF; }
#logout-btn a:active			{ text-decoration: none; color: #FFF; }
#logout-btn a:visited			{ text-decoration: none; color: #FFF; }
#logout-btn a:hover				{ text-decoration: none; color: #fafafa; }

.searchResults TH a:link		{ text-decoration: none; color: #FFF; }
.searchResults TH a:active		{ text-decoration: none; color: #FFF; }
.searchResults TH a:visited		{ text-decoration: none; color: #FFF; }
.searchResults TH a:hover		{ text-decoration: none; color: #e2e2e2; }

.searchResults TD a:link		{ text-decoration: none; color: #446aad; }
.searchResults TD a:active		{ text-decoration: none; color: #446aad; }
.searchResults TD a:visited		{ text-decoration: none; color: #446aad; }
.searchResults TD a:hover		{ text-decoration: none; color: #000; }




.label							{ font-weight: bold;
								  width: 100px; 
								  padding: 0 0 5px 0; }

.explanation {
	color: red;
	font-style: italic;
}
								  
.inputarea						{ width: 170px;
								  padding: 0 0 5px 0; }

/*
table							{ font-family: verdana;
								  font-size: 10px; 
								  color: #000; }
*/

/*input							{ border: 1px solid #7f9db9;
								  font-family: Verdana; 
								  font-size: 11px; 
								  background-color: #FFF; 
								  padding: 2px; }*/


input[type="text"],
textarea {
	border: 1px solid #7f9db9;
	font-size: 11px;
	background-color: #FFF;
	padding: 2px;
	font-family: vera-sans, Helvetica, Verdana, sans-serif;
}

input[type="text"] {
	width: 120px;
}

textarea {
	width: 195px;
}

input[type="text"][disabled] {
	border: none;
	color: #888;
	padding: 0 2px;
}





/* GENERAL LAYOUT */
#container 						{ margin: 0 auto;
								  width: 960px; }

#header							{ background-image: url(../images/header.gif);
								  height: 94px; 
								  width: 960px;
}

#sp_logo						{ margin:0 auto;
								  width: 352px; 
								  height: 51px; 
								  padding-top: 19px; }

#sp_logo_left					{ float: left;
								  width: 352px; 
								  height: 51px; 
								  padding-top: 17px; 
								  padding-left: 14px; }
								
#content-area					{ margin-top: 25px;
								  background-color: #FFF; }
								
#content-area-top				{ background-image: url(../images/box-top.gif);
								  background-repeat: no-repeat; 
								  height: 9px; }

#content-area-mid-login			{ border-left: solid 1px #d1d1d1;
								  border-right: solid 1px #d1d1d1; 
								  min-height: 700px;
								  height: auto !important;								  
								  padding-top: 50px;
								  height: 700px; 
								  padding-bottom: 50px; 
								  padding-left: 25px; 
								  padding-right: 25px; }

#content-area-mid				{ border-left: solid 1px #d1d1d1;
								  border-right: solid 1px #d1d1d1; 
								  min-height: 700px;
								  height: auto !important;
								  height: 700px;
								  padding: 10px 15px 50px 15px; }
								
#content-area-bot				{ clear: both;
								  background-image: url(../images/box-bot.gif);
								  background-repeat: no-repeat; 
								  height: 10px;
								  margin-bottom: 25px; }

#footer							{ background-image: url(../images/ums/footer.png);
								  height: 43px;
                                  width: 960px;
                                }

#footer p						{ width: 250px;
								  float: right;
								  color: #FFF;
								  margin-right: 25px;
								  font-size: 10px;
								  margin-top: 18px; }

.buttons						{ border: 1px solid #7f9db9;
								  color: #555555; 
								  font-family: Verdana; 
								  font-weight: bold; 
								  font-size: 9px;
								  background-color: #FFFFFF; 
								  padding: 2px; 
								  min-width: 100px;
								  margin: 2px; }

.buttons4						{ border: 1px solid #7f9db9;
								  color: #555555; 
								  font-family: Verdana; 
								  font-weight: bold; 
								  font-size: 9px;
								  background-color: #FFFFFF; 
								  padding: 2px; 
								  min-width: 100px;
								  margin: 2px; }

.buttons5						{ border: 1px solid #7f9db9;
								  color: #555555; 
								  font-family: Verdana; 
								  font-weight: bold; 
								  font-size: 9px;
								  background-color: #FFFFFF; 
								  padding: 2px; 
								  min-width: 100px;
								  margin: 2px; }

.buttons6						{ border: 1px solid #7f9db9;
								  color: #555555; 
								  font-family: Verdana; 
								  font-weight: bold; 
								  font-size: 9px;
								  background-color: #FFFFFF; 
								  padding: 2px; 
								  min-width: 100px;
								  margin: 2px; }
							  

/*button							{ border: 1px solid #7f9db9;
								  color: #555555; 
								  font-family: Verdana; 
								  font-weight: bold; 
								  font-size: 9px;
								  background-color: #FFFFFF; 
								  padding: 2px; 
								  min-width: 100px; }*/

/*select							{ border: 1px solid #7f9db9;
								  width: 200px; 
								  font-family: Verdana; 
								  font-size: 11px; }*/

/*input							{ border: 1px solid #7f9db9;
								  font-family: Verdana; 
								  font-size: 11px; }

textarea						{ border: 1px solid #7f9db9;
								  width: 195px; 
								  font-family: Verdana; 
								  font-size: 11px; }*/



/* SPECIFIC ITEMS */
#login_table					{ width: 270px;
								  margin: 0 auto; }

#login_table_error 				{ width: 700px;
								  margin: 0 auto; 
								  padding-top: 25px; }


#logout-btn {
    float: right;
    margin-right: 15px;
    margin-top: 35px;
}

.button, button {
	/* Explicit box-sizing because of user-agent stylesheets */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;

    display:inline-block;
    background: #fff;
    text-align: center;
    border:solid 1px #888;
    border-color:rgba(0,0,0,0.4);
    color:#444;
    text-shadow:0 1px 0 #fff;
    padding:3px 12px 5px;
    margin:0;
    height:26px;
    text-decoration:none !important; /* !important to override <a:hover> */
    font-weight: bold;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
    cursor: pointer;
}

/* No idea why we need this, but we do, in chrome at least */
a.button {
    padding-top:6px;
    padding-bottom:2px;
}

.button:hover, button:hover {
    color:#000;
    border-color:#888;
    border-color:rgba(0,0,0,0.6);
}

#btn-txt						{ margin: 4px 0 0 0; }



.searchResults					{ margin: 19px 0 20px 0;
								  border: 1px solid #cfcfcf; 
								  border-collapse: collapse; 
								  padding: 5px;
								  text-align: center; 
								  background-color: #f8f8f8; }

.searchResults TR.even 			{ background-color: #FFF; }

.searchResults TR TD			{ border: solid 1px #e9e9e9;
								  width: 100px; 
								  padding: 6px; }
								  
.searchResultsDriver			{ width: 930px;
								  margin: 19px 0 20px 0;
								  border: 1px solid #cfcfcf; 
								  border-collapse: collapse; 
								  padding: 5px;
								  text-align: center; 
								  background-color: #f8f8f8; }		

.searchResultsDriver TR.even 	{ background-color: #FFF; }

.searchResultsDriver TR TD		{ border: solid 1px #e9e9e9;
								  width: 100px; 
								  padding: 6px; }


/*TH								{ border: solid 1px #e9e9e9;
								  background-image: url(../images/th_bg.gif); 
								  background-repeat: repeat-x;
								  padding: 0px; 
								  margin: 0px; 
								  height: 25px; 
								  width: 100px;
								  color: #FFF; }*/


.mandatory						{ text-align: left;
								  font-size: 10px; 
								  padding-top: 2px; }


TH.heading						{ border-style: none;
	background-image: url(../images/th_bg.gif);
	background-repeat: repeat-x;
	padding: 0; margin: 0;
	height: 25px;
	color: #FFF;
	font-size: 11px;
	text-align: center;}

TH.heading1						{ border-style: none;
								  background-image: url(../images/th_bg.gif);
								  background-repeat: repeat-x; 
								  padding: 0 0 0 10px; margin: 0;
								  height: 25px; 
								  color: #FFF;
	font-size: 11px;
								  text-align: left; 
								  border-collapse: collapse; 
								  width: 300px; }

TH.heading2						{ border-style: none;
								  background-image: url(../images/th_bg.gif);
								  background-repeat: repeat-x; 
								  padding: 0px; 
								  margin: 0px; 
								  height: 25px; 
								  color: #FFF; 
								  text-align: left; 
								  border-collapse: collapse; 
								  width: 560px; }								  
								  

.createTable					{ margin: 15px 0 0 -8px;
								  border: 1px solid #cfcfcf; 
								  border-collapse: collapse;
								  padding: 5px; 
								  text-align: left; 
								  background-color: #FFFFFF; 
								  width: 930px;
								  _background-image: url(../images/table-btm-bg.gif);
								  background-repeat: no-repeat; 
								  background-position: bottom; }
								  
.createTable TR TD				{ padding: 10px; }								  	


.labelTitle						{ font-family: Verdana;
								  font-size: 10px; 
								  color: #4b4b4b; 
								  font-weight: bold; }			

.mandatoryIndicator				{ color: #bb2b2b;
								  padding-bottom: 2px; }

.details input					{ width: 194px; }

.noBorder input					{ border-style: none; }

.noBorder2 input				{ border-style: none; }

.datesWidth select				{ width: 45px; }

.daysTable						{ padding: 0px; margin: 0px; }

.daysTable TR TD				{ padding: 4px; margin: 0px; }

.acknowledge					{ color: #bb2b2b; }

							
.oneButtonTable					{ margin: 0 auto;
								  padding-top: 30px;
								}	

.twoButtonTable					{ margin: 0 auto;
								  padding-top: 30px;
								}				

.threeButtonTable				{ margin: 0 auto;
								  padding-top: 30px;
								  width: 400px;
								}
								
								
.messages						{ text-align: center;
								  color: #bb2b2b;
								  margin-bottom: 15px; }		
								  
.findDriver						{ margin-left: 10px; height: 18px; }

/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
	margin-bottom: 8px;
}

.ui-timepicker-div dl {
	text-align: left;
}

.ui-timepicker-div dl dt {
	height: 25px;
	margin-bottom: -25px;
}

.ui-timepicker-div dl dd {
	margin: 0 10px 10px 65px;
}

.ui-timepicker-div td {
	font-size: 90%;
}

.ui-tpicker-grid-label {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

.pmoDefaultElement {
	pointer-events: none;
	background-color: #e1e1ea;
}