@charset "utf-8";
/* CSS Document */

body{
	background:url(../img/bkg_main.gif) repeat-x #4674b9;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	
}
strong{
	color:#153786;	
}
a{
	color:#153786;
	text-decoration:none;
}
a:hover{
	color:#153786;
	text-decoration:underline;		
}
ul, li{ 
	color:#000;
}
.white-text{ /* to be used with the LI style */
	color:#FFF;	
}
p{
	line-height:19px;
	margin:0;
}
h3{
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#4674b9;
	margin:0;
	text-transform:uppercase;
}

.clear-both{
	clear:both;
}

#header{
	height:136px;
	
}
#main-img{
	height:259px;
	background:url(/img/img_main.jpg) top left no-repeat;
}
#main-text{
	padding:84px 25px 0px 423px;
	color:#FFF;
}
#main-menu{
	height:58px;	
}
#sec-menu{
	height:58px;
	border-top:1px solid #e0e1e2;
}

.container {
	width: 950px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.fl-40{
	float:left; width:40%; font-weight:bold;	
}
.fl-60{
	float:left; width:60%;
}

#types-of-relief div.hr {
  height: 15px;
  background: #fff url(/img/hr1.gif) no-repeat scroll left;
  margin:0;
  clear:both;
}
#types-of-relief div.hr hr {
  display: none;
}
#types-of-relief hr{
	height:1px; color:#cfcfcf; background-color:#cfcfcf;
}
#types-of-relief h3{
	padding-bottom:8px;
}

#sec-left{
	float:left;
	width:320px;
}
#sec-right{
	float:right;
	width:630px;
}
#sec-top{
	background:url(../img/bkg_top-content-sec.gif) top left no-repeat #fff;
	width:630px;
	height:7px;
}
#sec-content{
	background-color:#fff;
	padding:11px 15px 28px 30px;
	line-height:19px;
}
#sec-hdr{
	
	font-family:"Times New Roman", Times, serif;
	font-size:26px;
	font-weight:bold;	
	color:#153786;
	text-transform:uppercase;
	padding-bottom:13px;
}
#sec-btm{
	background:url(../img/bkg_btm-content-sec.gif) top left no-repeat;
	width:630px;
	height:7px;
}

#education{
	position:relative;
}

#education-top{
float:left;
}


#education-bottom{
float:left;
margin-top:30px;
margin-left:20px;
}



#sec-content blockquote { background:#5A82C0; width:460px; padding:18px 10px 10px 60px; margin-left:30px; color:#ffffff; position:relative;}
#sec-content blockquote span.top {font-family:Arial, Helvetica, sans-serif !important; font-size:100px !important; display:block; position:absolute; top:50px; left:20px; color:#ffffff;} 
#sec-content blockquote div {color:#143686; margin-left:25px; margin-top:10px;}

#footer{
	background:url(../img/bkg_footer.gif) top left no-repeat;
	padding-top:19px;
	height:29px;
	width:950px;
	font-size:11px;
	text-align:center;
	clear:both;
	color:#fff;
}
#footer a{
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
.push-10{
	height:10px;
	clear:both;
}

.push-20{
	height:20px;
	clear:both;
}
.push-35{
	height:35px;
	clear:both;
}
.photo-pad{
	padding-right:21px;	
}
.blank-pad{
	padding-right:5px;	
}
#home-row{
	height:170px;		
}
/*main(index) boxes*/
#meet-doctor-main{
	padding: 43px 13px 8px 13px;
	background:url(../img/bkg_meet-doctor-main.jpg) top left no-repeat;
	width:277px;
	height:119px;
	float:left;
	text-decoration:none;
	color:#FFF;
	cursor:pointer;
}
#our-location-main{
	padding: 43px 13px 8px 23px;
	background:url(../img/bkg_our-location-main.jpg) top center no-repeat;
	width:288px;
	height:119px;
	float:left;
	text-decoration:none;
	color:#FFF;
	cursor:pointer;
}
#types-relief-main{
	padding: 43px 7px 8px 23px;
	background:url(../img/bkg_types-relief-main.jpg) top right no-repeat;
	width:283px;
	height:119px;
	float:left;
	text-decoration:none;
	color:#FFF;
	cursor:pointer;	
}


/*secondary boxes*/
#meet-doctor-sec{
	padding: 44px 5px 10px 12px;
	background:url(../img/bkg_meet-doctor-sec.jpg) top left no-repeat;
	width:284px;
	height:76px;
	text-decoration:none;
	color:#FFF;
	cursor:pointer;
}
#our-location-sec{
	padding: 42px 5px 10px 12px;
	background:url(../img/bkg_our-location-sec.jpg) top left no-repeat;
	width:284px;
	height:78px;
	text-decoration:none;
	color:#FFF;
	cursor:pointer;
}
#types-relief-sec{
	padding: 42px 5px 10px 12px;
	background:url(../img/bkg_types-relief-sec.jpg) top left no-repeat;
	width:284px;
	height:78px;
	text-decoration:none;
	color:#FFF;
	cursor:pointer;	
}

/* BEGIN TOP NAVIGATION*/
#menu {
    width: 950px; height: 58px;
    background: url(../img/btn_menu-sprite.jpg);
    margin: 0 auto; 
	padding: 0;
    position: absolute;
}
#menu li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
}
#menu li span { display: none; }
#menu li, #menu a {
    height: 58px; display: block;
}
#home a:hover {
    background: transparent url(../img/btn_menu-sprite.jpg)
    -27px -58px no-repeat;}
#meet-the-team a:hover {
    background: transparent url(../img/btn_menu-sprite.jpg)
    -98px -58px no-repeat;}
#types-relief a:hover {
    background: transparent url(../img/btn_menu-sprite.jpg)
    -261px -58px no-repeat;}
#patient-education a:hover {
    background: transparent url(../img/btn_menu-sprite.jpg)
    -436px -58px no-repeat;}	
#faq a:hover {
    background: transparent url(../img/btn_menu-sprite.jpg)
    -606px -58px no-repeat;}
#patient-reviews a:hover {
    background: transparent url(../img/btn_menu-sprite.jpg)
    -663px -58px no-repeat;}
#contact-us a:hover {
    background: transparent url(../img/btn_menu-sprite.jpg)
    -805px -58px no-repeat;}	
	
#home {left: 27px; width: 71px;}
#home-selected { left: 27px; width: 71px; background: transparent url(../img/btn_menu-sprite.jpg)
    -27px -58px no-repeat;
}
#meet-the-team {left: 98px; width:163px;}
#meet-the-team-selected{
	left: 98px; width: 163px;
	background: transparent url(../img/btn_menu-sprite.jpg)
    -98px -58px no-repeat;
}
#types-relief {left: 261px; width: 175px;}
#types-relief-selected{
	left: 261px; width: 175px;
	background: transparent url(../img/btn_menu-sprite.jpg)
    -261px -58px no-repeat;	
}
#patient-education {left: 436px; width: 170px;}
#patient-education-selected {
	left: 436px; width: 170px;
	background: transparent url(../img/btn_menu-sprite.jpg)
    -436px -58px no-repeat;
}
#faq {left: 606px; width: 57px;}
#faq-selected {
	left: 606px; width: 57px;
	background: transparent url(../img/btn_menu-sprite.jpg)
    -606px -58px no-repeat;
}
#patient-reviews {left: 663px; width: 142px;}
#patient-reviews-selected {
	left: 663px; width: 142px;
	background: transparent url(../img/btn_menu-sprite.jpg)
    -663px -58px no-repeat;
}
#contact-us {left: 805px; width: 118px;}
#contact-us-selected {
	left: 805px; width: 118px;
	background: transparent url(../img/btn_menu-sprite.jpg)
    -805px -58px no-repeat;
}
/* END TOP NAVIGATION*/
/* BEGIN APPOINTMENT NAVIGATION*/
#menu-top {   
    background:url("../img/btn_top-menu-sprite.gif") 0 0 no-repeat;   
    width:540px;   
    height:55px;   
    margin:0;   
    padding:0;   
    }  
#menu-top li span { display: none; }   
  
#menu-top li { float:left; list-style:none; position:relative; }   
  
#menu-top li, #menu-top a {   
    height:55px;    /* Each button must have the same height, define it here */  
    display:block;   
    margin:0;   
    padding:0;   
    }   
  
li#request-appt,li#new-forms { margin-bottom:0px; width:270px; } 
#request-appt a:hover { background:url("../img/btn_top-menu-sprite.gif") -810px  -0px no-repeat; }   
#new-forms a:hover { background:url("../img/btn_top-menu-sprite.gif") -540px  -0px no-repeat; } 

li#request-appt-selected,li#new-forms-selected { margin-bottom:0px; width:270px; } 
#request-appt-selected { background:url("../img/btn_top-menu-sprite.gif") -810px  -0px no-repeat; }   
#new-forms-selected { background:url("../img/btn_top-menu-sprite.gif") -540px  -0px no-repeat; } 

/* END APPOINTMENT NAVIGATION*/


/*=========GENERAL CSS RULES================*/
/* OFFICE HOURS TABLE */
#hours{
	width:220px; background-color:#1b3e8c; font-size:12px;float:left;	
}
#hours-hdr{
	color:#FFF;
	font-weight:bold;
}
.hours-bg{
	background-color:#FFF;
	color:#1b3e8c;
}

/* END OFFICE HOURS TABLE */
.a-error {
color:#FF0000;
display:none;
font-weight:bold;
margin:0;
text-align:left;
}
.a-form {
font-size:12px;
margin:0;
}
.a-div {
clear:both;
margin:0;
padding:0 2px 10px;
}
.a-pad {
padding:6px;
}
.a-label {
font-weight:bold;
margin:0;
padding:0;
text-align:left;
width:95px;
}
.a-input {
margin:0;
padding:0;
width:190px;
}
.a-logo {
background-image:url(http://www.patientdocs.com/img/home/poweredby.png);
background-repeat:no-repeat;
}
* html .a-logo {
background-image:none;
}
.a-clear {
clear:both;
height:50px;
position:relative;
}

#cal1Container {
            position: absolute;
            display: none;
        }
        p, #cal1Container {
            margin: 1em;
        }
        
        #cal1Container {
            z-index: 500;
        }
        .dp-highlighter {
            z-index: 1;
        }

/*--Input Style--*/
input {
	border:1px solid #7e9db9;
	background-color:#FFFFFF;
	margin-top:2px;
	}
	
select {
	border:1px solid #7e9db9;
	background-color:#FFFFFF;
	margin-top:2px;
	}
	
textarea {
	border:1px solid #7e9db9;
	background-color:#FFFFFF;
	margin-top:2px;
	}
/*--End Input Style--*/

/*--Divs--*/
#form_container {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:365px; height:270px;
	text-align:left;
	}
	
#top_left {
	width:174px;
	float:left;
	padding-bottom:15px;
	border-right:1px solid #d9d9d9;/*--Change the color of border--*/
	}	
	
#top_right {
	width:175px;
	float:right;
	padding-bottom:15px;
	}
	
#bottom {
	clear:both;
	width:365px;
	height:51px;
	padding-top:11px;
	margin-bottom:10px;
	border-top:1px solid #d9d9d9;/*--Change the color of border--*/
	border-bottom:1px solid #d9d9d9;/*--Change the color of border--*/
	}
/*--End Divs--*/	
	
/*--Images--*/
#submit_request {
	border:none;
	}
	
.bkg_calendar {
	background:url(/images/btn_img_calendar.gif) right no-repeat #fff;
	}
/*--End Images--*/
	
/*--Classes--*/
.field_name {
	font-weight:bold;
	color:#000000;/*--Change the color of the field name ie: Name--*/
	}

.secondary_details {
	font-size:11px;
	color:#000000;/*--Change the color of the secondary details ie: (include area code)--*/
	}
	
.required {
	color:#BC0303;/*--Change the color of the required fields--*/
	}
	
.float_right {
	float:right;
	}

.float_left {
	float:left;
	}
	.powered-by{
	float:right;
	background:url(/images/img_powered-by-color.png) top left no-repeat;
	width:100px;
	height:40px;
}


	
.field_margin {
	clear:both;
	margin-bottom:12px;
	}
	
/* Calendar Header */
.calheader{
	color:#000;	
}
/*--End Classes--*/