/* this file will hold the css for the main layout of each page in the workarea, including the main navigation menus*/
body 
{	
	background-color:#EEEEEE;
	font-family:Arial,Helvetica,sans-serif;
	height:100%;
	font-size:79%; 
	margin:0;
	padding:0;
}

#maincontainer
{
	background-color:#FFFFFF;
	font-size:95%;
	margin:0 auto;
	padding:0;
	width:840px;
}

h2
{
	margin:2px; 
	margin-bottom:25px; 
	font-size:26px; 
}

b{font-size: 110%;}
em{color: red;}


#topsection
{
	background: #FFFFFF;	
	padding: 4px 0;
	min-height:80px; 
}


#contentwrapper
{
	float: left;
	min-height: 750px;
	width: 100%;
	background:#FFFFFF; 
}


#contentcolumn
{
	margin-top:0px;
	padding-top:7px; 
	padding-bottom:40px; 
	text-align:left;
	width:100%;
	background:#FFFFFF; 
	min-height:600px;
}

#footer{
	clear: left;
	width: 100%;
	background: #F9F9F9;
	border-top:1px solid #DDDDDD; 
	text-align: center;
	padding: 4px 0;
	min-height:50px; 
}


#imagecontainer
{
 min-height:50px; 
 min-width:50px; 
 margin-left:18px; 
 float:left; 	
}

#address
{
   float:left;
   margin-left:20px; 
}


p.welcomeMessage
{
	font-weight:bold; 
	font-size:18px;
	text-align:center;
	line-height:23px; 
}

.stepBar{    
	        
    clear: both;
    color: #474747;    	        	        
    text-shadow: 1px 1px 0 white;            	
	clear: both;
    font-size: 28px;
    font-weight: bold;
    line-height: 26px;
    margin: 20px 50px 20px 14px;
    padding-left: 180px;
    text-align: left
    
}

.change a{
	text-color:black; 
}

.change a:hover{
	text-color:#ff9900; 
}


#serviceSelectDiv
{  	
 	margin-top:20px;
 	background-color:#0075CE;
	border-top:3px solid #59A5DF;
	color:#FFFFFF;
	padding:2px 0;    
}

#catHead 
{	
	color: #777777 !important;
    font-family: Verdana;
    padding-left: 0;
    text-align: center;
    text-decoration:none; 
}


#serviceList
{
 	width:400px; 
 	font-weight:bold; 
 	float:left; 
}


#categoryList
{
    float: left;
    margin-left: 50px;
    max-width: 100px;
    min-height: 600px;
}


#categoryList div
{ 
  padding:10px; 
  text-align:right;
  
}


#categoryList div.selected
{
	border-right:0px; 
	font-weight:bold;	
}

#categoryList a
{
	text-decoration:none; 
	color:#535556; 
}

#categoryList li a:link, #categoryList li a:visited
{
	text-decoration:none; 		
}


#serviceOptions
{
   float: left;
    min-height: 800px;
    min-width: 600px;
    padding-left: 50px
}


#serviceOptions a
{
		line-height:20px; 
		text-decoration:underline; 
		color:#0883C9; 			
}

.bookit
{
 color:navy; 
 padding-left:3px; 
 
}

.serviceName
{
 font-size:14px; 
 font-weight:bold; 
 color: #0883C9;
 padding-left:5px; 
 margin-bottom:5px;
  
}


.serviceDetails
{
  margin-bottom:15px;   
}


.serviceDescription
{
 float:left; 
 width:375px;
 min-height:30px;
 text-align:left; 
 color:#535556;
padding-left:8px; 
}

.serviceDP
{
  float:left; 
  margin-right:50px; 
  font-weight:bold; 
}

.serviceDP td
{
	cursor:pointer; 	
}



td.quote
{
	width:150px; 	
	text-align:right; 
}


 .clear 
 {
	clear: both;
	line-height: 0;
	font-size: 0;
	margin:0px; 
	padding:0px; 
}


#pricedurContainer
{
  float:right; 
}

#loginLink
{	
    font-weight:bold; 
	font-size:16px; 
	cursor:pointer; 
	
}

#staffList
{
	padding:10px; 
	cursor:pointer; 
	font-size:16px; 
	font-weight:bold; 


}

#selectContainer
{
margin-left:150px; 

}

.megaButton
{
  background: none repeat scroll 0 0 #2AA7EA;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 18px;
    min-width: 90px;
    padding: 5px 12px;
    text-align: center;
    text-decoration: none;	
	cursor:pointer; 
}

.appSummary
{
	background:none repeat scroll 0 0 #FFF6CE; 
	border: 1px solid #FFE38C;
    border-radius: 5px 5px 5px 5px;
 	padding-left:100px;  	
	margin: 5px 50px 20px 14px;
    padding-left: 201px;
	line-height:9px; 
}

.form
{
 text-align:right;

}


#createAccountForm td.form {
  font-size: 16px;
  width: 30%;
}

.appSummary  td.form
{
 font-weight:bold; 

}

#anchor{
display:inline; 
cursor:pointer;
float:right;
margin-right:170px;
font-size:14px;
font-weight:bold; 
color:#6698FF; 

}

.authenticationBox
{ 
  
  padding:20px; 
  font-size:16px;   
  float:left; 
  display:none; 
  
}

.registration
{
  padding-top:20px; 
  font-size:16px; 
  width:500px;
  line-height:30px; 
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	display:block;
	color:#777777;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	min-height:500px;
}

.button
{
  padding:3px; 
  font-weight:bold; 
  font-size:14px; 
}


#staffSelect.button{
  background: none repeat scroll 0 0 #2AA7EA;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 18px;
    min-width: 90px;
    padding: 5px 12px;
    text-align: center;
    text-decoration: none;	
}

#staffSelect.button:hover {
    background: none repeat scroll 0 0 #179CE1;
    box-shadow: 0 1px 4px #333333;
}



td.header{
    padding-top:3px; 
    width:450px;
 	font-size: 16px;
 	border-top:1px solid #B1D0EB;
 	color:#265778;
 	font-weight:bold; 	
}

legend
{
	font-size: 16px;
	color:#265778;
 	font-weight:bold;
}



.formTitle {
text-align:right;
vertical-align:middle;
}

.note
{
  padding:5px; 
  font-weight:bold; 
}

.click
{
  cursor:pointer; 
  border-bottom:1px solid #265778; 
  color: #265778; 
}

fieldset.login 
{
  min-height: 100px; 
  
}

.form input{
    font-size: 16px;
    padding: 8px 12px;
    width: 68%;


}

.wrongLogin
{
	background:#FFC9BB; 
	border:1px solid #E07D63; 
}



.ulTimesContainer
{
	float:left; 
	margin:5px; 		
	padding-bottom:3px; 
}

.appTrackTimesDisplay
{
 	float:left; 
}


.appTrackTimesDisplay li
{
 font-size:14px; 
 font-weight:bold; 
 list-style-type:none; 
 
}

.appTrackTimesDisplay li a
{
	text-decoration:none; 
	margin-right:5px; 
	color:#6698FF;  
}


.appTrackTimesDisplay li a:hover
{
    
	color:black;   
}


.loader
{
  float:left; 
  margin-left:40px; 
  margin-top:20px; 
  margin-bottom:40px; 

}


.availabilititiesHeading
{
	background-color: #DDDDDD;
    border: 1px solid #DDDDDD;
    border-radius: 7px 7px 7px 7px;
    clear: both;
    color: #474747;
    font-size: 18px;
	font-weight:bold;
    line-height: 26px;
    
	margin-top:20px;
    padding-left:10px;
    text-align: left;
    text-shadow: 1px 1px 0 white;
}

.timeOfDay
{
  font-weight:bold;
}


#timeOptions
{	
	float:left;	
	padding:5px; 
	margin-top:10px; 
	margin-left:10px; 
}

.noopen{

 padding:20px; 
 width:400px; 
 font-size:16px; 
 font-weight:bold; 

}

.appSummaryHeader
{
	font-size:16px; 
	font-weight:bold; 
	margin-bottom:10px;
}



.serviceRow {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	display:block;
	color:#777777;
	font-family:arial;
	font-size:14px;
	padding:6px 6px;
	text-decoration:none;	
	margin-bottom:10px; 
}

..serviceRow:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}

..serviceRow:active {
	position:relative;
	top:1px;
}


h1
{
font-weight:normal; 
}