@charset "utf-8";
/* CSS Document */
.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{
	margin-right:auto;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	margin-left:auto;
	text-align:left;
	width:100%;

}

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


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

	border-top: 1px solid #EAEAEA;	
	border-bottom: 1px solid #EAEAEA;	

}

#lefttablenormal{
	background-color: #FFF;
	font-weight:bold;
	color:#7d7d7d;
	/*height:20px;*/
	text-align:center;
	vertical-align:middle;	

	border-bottom-color:#FFF;
	border-top: 1px solid #EAEAEA;	
	border-bottom: 1px solid #EAEAEA;	

}

#lefttablenormalslider{
	background-color: #FFF;
	font-weight:bold;
	color:#7d7d7d;
	/*height:20px;*/
	text-align:center;
	vertical-align:middle;	
	border-top: 1px solid #EAEAEA;	
	border-bottom: 1px solid #EAEAEA;	
	border-bottom-color:#FFF;
}
#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:#7d7d7d;
	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:#7d7d7d;
	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:relative;
	display: inline;
	top:0px;
	left:3px;
	min-height:660px;
	margin-top:5px;
	width: 18%;
}

#rightcolumn{
	float:right;
	min-height:660px;
	position:relative;
	display: inline;
	
}

#rightcolumn_getDoctors{
}

#rightcolumn_heading ul {
	width: inherit;
	height: 20px;
	margin: auto;
}	

#rightcolumn_heading li {
	float: left;
	margin-right: 30px;
	margin-left: 0px;
}

#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;
}

#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;

}

.description0{font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;font-weight:normal;font-size:12px;color:#7d7d7d;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:#7d7d7d}
.doctor-name{font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;font-weight:normal;font-size:14px;color:#7d7d7d;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:#7d7d7d;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:#7d7d7d;margin-top:2px;margin-bottom:2px;}

.bolded{font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;font-weight:normal;font-size:12px;color:#7d7d7d;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:#7d7d7d;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;
}


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

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

.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;
	width: 14%;
}

.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; 
	color: #069;
	width: 14%;
}

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

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

.mypagination {
	width: 100%;
	height: 25px;
	position: relative;
	top:15px;
	z-index:20;
}

.next {
	float:right;
	display: inline;
	left: 95%;
}
.prev {
	float:left;
	display: inline;
}

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

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

.doctor_profile_calendar_table {
	height: 130px;
	position: relative;
	width:88%;
	top:-20px;
	margin-left:6%;
	margin-right:6%;
	
}

.calendarTable {
	width: 90%;
	position: relative;
	top: -30px;
	left: 5%;
}

.da_calendar {
	height: 119px;
	position: relative;
	width:94%;
	top:-20px;
	margin-left:6%;
	
}

.da_calendar_heading {
	height: 45px;
}

.da_calendar_body {
	height: 74px;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

.da_calendar_viewport {
	height: 100%;
}

.da_scrollbar::-webkit-scrollbar-track {
	
}

.da_scrollbar::-webkit-scrollbar {
}

.da_scrollbar::-webkit-scrollbar-thumb {
	
}

.da_scrollbar::-webkit-scrollbar-thumb:vertical {
}

.da_scrollbar::-webkit-scrollbar-button {
}

.da_scrollbar::-webkit-scrollbar-corner {
}

::-webkit-scrollbar {
    width: 12px;
    background:rgba(255,255,255,0.5);
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    background: rgba(255,255,255,0.8);
    -webkit-border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}