@charset "utf-8";
/* CSS Document */
html,body{
    height: 100%;
    text-align:center;
  	 font-family: "Lucida Grande",Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0px;
}
.wrapper {
border:#EAEAEA 3px outset; 
width:70%;
margin: 0 auto;
margin-top:10px;
margin-bottom:30px;
height:800px;
}
.book_button{
      border-style: none;
      background-image: url('../images/book-appointment.png');
      background-repeat: no-repeat;
      width: 159px;
      height: 28px;
      color:white;
      
}

.rightpad {
	float:right;
	min-width:12%;
	width:12%;
	top:0px;
}
.leftpad {
	float:left;
	min-width:12%;
	width:12%;
	top:0px;
}
.centerdiv {
	width:700px; 
	position:absolute; 
	left:50%; 
	margin-left:-350px; 
	
}
img.doctor-img {border: 2px #EAEAEA outset;float:left;


}
ul.special {
	    list-style-image:url("../images/bullet.gif");
	    margin-left:15px;
	    padding-left:0px;
    }
ul.hmpgspecial {
	    list-style-image:url("../images/bullet.gif");
	    margin-left:15px;
	    padding-left:0px;
    }

#searchfilters{
 height:25px;	
 background-color: #EEE;
 color:#FF9000;
 width:100%;
 margin-top:3px;
 margin-bottom:3px;
 font-family: "Lucida Grande",Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size: 12px;
 vertical-align:middle;
}


#topmessage{
 height:25px;
 width:100%;
 background-color: #FFC;
}


table.result{	
	width:100%;
	padding-left:5px;
	padding-right:5px;
}


#tableelement{
	padding-right:0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:3px;

}

#tableelementspace{
	padding-top:1px;
	padding-bottom:1px;
}


#lefttablesubheader{
	background-color: #EAEAEA;
	font-weight:bold;
	color:#006;
	/*height:20px;*/
	text-align:left;
	vertical-align:middle;

	border: 1px solid #EAEAEA;	
	padding-left:20px;
	margin-left:2px;
}

#lefttablenormal{
	background-color: #FFF;
	font-weight:bold;
	color:#006;
	/*height:20px;*/
	text-align:center;
	vertical-align:middle;	
	border: 1px solid #EAEAEA;	
	border-bottom-color:#FFF;
	margin-left:2px;
}

.calendarHeader{
	border-bottom: 1px solid #FF9900;	
	background-color: #FFFFFF;
	position:relative;
	text-align:center;
	/*font-weight:bold;*/
	/*color:#006;*/
	/*height:20px;*/
	/*text-align:center;*/
	/*vertical-align:middle;	*/
	/*border-bottom-color:#FFF;*/
	/*margin-left:2px;*/
}

#lefttablenormalslider{
	background-color: #FFF;
	font-weight:bold;
	color:#006;
	/*height:20px;*/
	text-align:center;
	vertical-align:middle;	
	border: 1px solid #EAEAEA;	
	border-bottom-color:#FFF;
	margin-left:2px;
}
#slider-range-min {
	text-align:center;
	width:90%;
	padding-left:3px;
	padding-right:3px;
}
#slider-range-time {
	text-align:center;
	width:90%;
	padding-left:3px;
	padding-right:3px;
}

#lefttablelast{
	background-color: #FFF;
	font-weight:bold;
	color:#006;
	height:20px;
	text-align:center;
	vertical-align:middle;
	padding-top:7px;
	
	border-left:1px solid #EAEAEA;	
	border-right:1px solid #EAEAEA;	
	margin-left:2px;
}

#ridge{
float:left;
border:1px solid #006;

}
#lefttableheader{
	background-color:#336699;
	font-weight:bold;
	color:#FFF;
	height:30px;
	text-align:center;
	vertical-align:middle;
	margin-left:2px;
}
#rightcolumnheader{
	background-color:#FFF;
	font-weight:bold;
	color:#FFF;
	height:30px;
	text-align:center;
	vertical-align:middle;
	margin-left:2px;
	width:100%;
}
.docrightcolumn{
/*float:left;*/
/*width:800px;
//min-height: 400px;*/
border: 3px solid #3399ff;
margin-left: 2%;
min-height:560px;
position:absolute;
top:36px;
left:17%;
width: 80%;
}
#loading{
z-index:1000;
text-align:center;
}

#leftcolumn{
float:left;
position:absolute;
top:32;
left:3px;
min-height:660px;
margin-top:5px;
}

#rightcolumn{
/*float:left;*/
/*width:800px;
//min-height: 400px;*/
margin-left: 2%;
min-height:638px;
/*height:638px;
overflow:auto;*/
position:absolute;
top:51px;
left:17%;
width: 80%;
border: 1px solid #EAEAEA;

}

#rightcolumn_getDoctor{
/*float:left;*/
/*width:800px;
//min-height: 400px;*/
margin-left: 2%;
min-height:638px;
overflow:auto;
position:absolute;
top:46px;
left:17%;
width: 100%;

}


#rightcolumn_cover{
/*float:left;*/
/*width:800px;
//min-height: 400px;*/
/*
margin-top: 5px;
border: 1px solid #EAEAEA;
margin-left: 2%;
min-height:638px;
position:absolute;
top:46px;
left:17%;
width: 80%;
*/
}
#rightpanel{
/*float:left;*/
/*width:800px;
//min-height: 400px;*/
min-height:560px;
position:absolute;
top:15;
}
#myPagination{
/*float:left;*/
/*width:800px;
//min-height: 400px;*/
margin-bottom: 1%;
position:relative;
float:right;
text-align:right;
top:10px;
width: 15%;
min-width:15%;
font-size: 80%;
}

.info {
margin-bottom: 1%;
position:relative;
float:right;
top:10px;
width: 30%;
font-size: 80%;
font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;font-weight:normal;font-size:12px;color:#FE6A10;margin-top:3px;margin-bottom:3px;font-weight: bold;

}
        
.mypagination a {
    text-decoration: none;
	/*border: solid 1px #AAE;*/
    color: #069;
}

.mypagination a, .mypagination span {
    /*display: block;*/
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
    margin-bottom: 5px;
   font-size: 10px;
}



.mypagination .current {
    background: #26B;
    color: #fff;
   /* border: solid 1px #AAE;*/
}

.mypagination .current.prev, .mypagination .current.next{
	color:#999;
	border-color:#999;
	background:#fff;
}

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

#footer{
	left:2px;
	width:100%;
	background-color:transparent;
	text-align:left;
}

#tableelementheader
{
    margin: 0 auto;
    border: 0px solid #ffffff;
    color: #ffffff;
    text-align: center;
    background-color: #006;

}

.calendar1 {vertical-align:top;font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;font-weight:normal;font-size:12px;margin-top:3px;margin-bottom:3px;background-color:#EAEAEA; color: #069;}
.calendar0 {vertical-align:top;font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;font-weight:normal;font-size:12px;margin-top:3px;margin-bottom:3px;background-color:#FFFFFF; color: #069;}
.description0{font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;font-weight:normal;font-size:12px;color:#444;margin-top:3px;margin-bottom:3px;border-bottom: 1px solid #EAEAEA;}
.normal{font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;font-weight:normal;font-size:13px;color:#444}
.doctor-name{font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;font-weight:normal;font-size:13px;color:#58b;margin-top:3px;margin-bottom:3px;font-weight: bold;}
.title{font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;font-weight:normal;font-size:13px;color:#444;margin-top:3px;margin-bottom:3px;font-weight: bold;}
a { color: #069; text-decoration: none }
a:hover { text-decoration: underline; }

.doctorTopInfo { padding:10px 0px 0px 10px; position:absolute; top:10px;text-align:left; height:100px}
.doctorTopInfo .doctorLeftTopInfo { padding:10px 50px 0px 10px; float:left}
.doctorTopInfo .doctorRightTopInfo { padding:10px 0px 0px 50px; float:right}
.doctorTopInfo P.description { padding:0px 0px 10px 0px}


.doctorSecondInfo { padding:10px 0px 0px 10px; position:relative; text-align:left; height:100px}

div.color_picker {
  height: 16px;
  width: 16px;
  padding: 0 !important;
  border: 1px solid #ccc;
  cursor: pointer;
  line-height: 16px;
}

div#color_selector {
  width: 110px;
  position: absolute;
  z-index : 1001;
  border: 1px solid #598FEF;
  background-color: #EFEFEF;
  padding: 2px;
}
  div#color_custom {width: 100%; float:left }
  div#color_custom label {font-size: 95%; color: #2F2F2F; margin: 5px 2px; width: 25%}
  div#color_custom input {margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #000; width: 65%; }

div.color_swatch {
  height: 12px;
  width: 12px;
  border: 1px solid #000;
  margin: 2px;
  float: left;
  cursor: pointer;
  line-height: 12px;
}

.description{font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;font-weight:normal;font-size:11px;color:#444;margin-top:2px;margin-bottom:2px;}

.bolded{font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;font-weight:normal;font-size:12px;color:f79646;margin-top:3px;margin-bottom:3px;font-weight: bold; position:relative}

.bodyfooter{
	width:700px; 
	position:absolute; 
	left:50%; 
	margin-left:-350px; 
	font-weight:bold;	
	text-align:center;
	vertical-align:middle;
	font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	font-weight:normal;
	font-size:14px;color:#444;margin-top:3px;margin-bottom:3px;
	top:320;
	/*right:0px;*/

}

#bodycenter{
	width:700px; 
	position:absolute; 
	left:50%; 
	margin-left:-350px; 
	height:auto;
	font-weight:bold;	
	min-height:145;
	text-align:center;
	vertical-align:middle;
	/*margin-left:2px;*/
	top:88;
/*	left:300px;*/
}
#bodyheading{
	width:700px; 
	position:absolute; 
	left:50%; 
	margin-left:-350px; 
	font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	color:#FFFFFF;
	
	font-weight:bold;	
	height:40;
	text-align:left;
	vertical-align:bottom;
/*	border: 3px solid #336699;*/
	padding-top: .8em;
	top:45;
/*	left:300;*/
/*	background-color:#336699;*/
	font-size:16px;
	float:center;
	background-image:url(../images/bookappointmentsbarstr.png);
	background-repeat:repeat-x;
}
.hmpgmessage {
	font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	color:#336699;
	text-align:center;
	vertical-align:bottom;
	font-size:19;
	font-weight:600;
	float:center;
}

#imagelogo{
	position:absolute;
	top:81px;
	/*right:255px;*/
	z-index:10;

}

#formbody{
	position:relative;
	margin-top:30px;
	margin-bottom:30px;

}

#formLabel{
	color: #444;
	/*font-family: "Times New Roman", Courier, Garamond, serif;*/
	font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#444;
	margin-top:3px;
	margin-bottom:3px;
}

#docSelect{
	color: #006;
	font-family: Calibri;
	font-size: 16px;
}

.fg-button { 
   outline: 0; 
   margin:0 4px 0 0; 
   padding: .4em 1em; 
   text-decoration:none !important; 
   cursor:pointer; 
   position: relative; 
   text-align: center; 
   zoom: 1;    
   color: #FFF;
   	font-family: "Times New Roman", Courier, Garamond, serif;
   /*font-family: Calibri;*/
   font-size: 18px;
   width:200px;
   border:1px solid #006;
   }

#header{
	font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	font-weight:normal;
	font-size:12px;
   	margin-left:4px; 
   	margin-right:4px; 
   	margin-top:4px; 

	

	color:#58b;	
        font-style: normal;
	border-bottom: 1px solid #EAEAEA;
	height:15px;
}


#headerleft{
	float:left;
}


#headerright{
	float:right;

}

#helpIcon {
  position:relative;
  top:50px;
  /*left:930px;*/
  cursor:pointer;
  display:block;
}


.helpcontainer{	
	width:100%;
	height : 300px;
	font-family: "Times New Roman", Courier, Garamond, serif;
	font-weight: normal;
    font-style: normal;
}


#firststep{
/*	background-color:#006;*/
	float:left;
	height:100%;
	width:30%;
	border:2px solid #C4D929;
/*	margin-left:30px;*/
	margin-right:10px;
}

#secondstep{
/*	background-color: #C4D929;*/
	float:left;
	height:100%;
	width:30%;
	border:2px solid #C4D929;
	margin-right:10px;
}

#thirdstep{
/*	background-color:#006;*/
	float:left;
	height:100%;
	width:30%;
	border:2px solid #C4D929;
/*	margin-right:25px;*/
}

#dialogHelp{
	margin-top:30px;
	margin-left:45px;

}
dl dt {
	display: inline;
	margin:0;
}

dl dd {
	display: inline;
	margin:0;
}

a { color: #069; text-decoration: none }
a:hover { text-decoration: underline; }

.homePageWrapper{
	margin-left: auto;
    margin-right: auto;
}