@charset "utf-8";
/* CSS Document */
html,
body{
	background: url(../img/bkg_repeat-x.gif) repeat-x top #2d4c5e;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	text-align:center;
	padding: 0;
	font-family: Arial;
	height:100%;
}
p{
	margin: 0;
	padding: 0;
}
ul{
	list-style:url(/img/toothbrush-bullet.gif) ;
}
#container { 
	width: 818px;  /* 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. */
	min-height:100%;
	height: auto !important;
   margin: 0 auto -111px; /* the bottom margin is the negative value of the footer's height */

}
#main-body{
	/*padding-bottom:85px;	*/
}
#header{
	width: 818px;
}
#menu-contain{
	background: url(../img/bkg_menu-left.gif) repeat-y;
	float: left;
	width: 305px;
}
#hdr-menu{
	width: 296px;
	padding-left:9px;
}
#phone-num{
	padding-top:12px;
	padding-left:15px;
	color:#000000;
	float:left;
	width: 460px;
	font-size:16px;
	font-weight:bold;
}
#main-pic {
	background:url(../img/hdr_family.jpg) no-repeat;
	float:right;
	width:513px;
	height:301px;
}
#horiz-menu{
	clear:right;
	background: url(../img/bkg_menu-lower.gif) no-repeat;
	width: 818px;
	height:44px;
}
#menu{
	padding: 3px 9px 0px 100px;
}
#meetdentist{
	background:url(../img/bkg_meet-the-dentist.gif) no-repeat;
	cursor:pointer;
	width:194px; 
	height:68px; 
	padding: 56px 32px 20px 99px;	
	font-size:11px;
	font-family: Arial;
	color:#000000;
}
#office{
	background:url(../img/bkg_office-location.gif) no-repeat; 
	width:194px; 
	height:66px; 
	padding: 45px 32px 20px 99px;	
	font-size:11px;
	color:#000000;
	cursor:pointer;
}

#push{
	clear:both;
	height: 111px;	
}
#footer {
	clear:both;
	font-size:12px;
	color:#FFF;
	background: url(/img/bkg_footer.gif) repeat-x top #6290aa;
	height: 111px;
	width:100%;
	bottom:0;
	
}
#foot-pad{
	padding-top:20px;
}
#main-title{
	background:url(../img/bkg_main-title.gif) no-repeat; 
	width:463px; 
	height:31px; 
	color:#b8edff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	padding: 25px 10px 0px 20px;	
}
#main-content{
	width:454px; 
	height:auto; 
	background-color:#284454;
	font-size:12px;
	color:#fff;
	padding: 13px 15px 15px 15px;
}
#patient-edu-page a{
	font-size:16px;
	font-weight:bold;
	color: #f0df71;
}
#patient-edu-page {
line-height:18px;
}

#main-content h3{
	margin:0;
	color: #b8edff;	
	font-size: 14px;
}
#main-content strong{
	color: #f0df71;	
}
/*===== DEFAULT LINKS =====*/
A:link {FONT-FAMILY: Arial; FONT-SIZE: 12px; COLOR:#FFF; TEXT-DECORATION: underline}
A:visited {FONT-FAMILY: Arial; FONT-SIZE: 12px; COLOR: #FFF; TEXT-DECORATION: underline}
A:active {FONT-FAMILY: Arial; FONT-SIZE: 12px; COLOR: #FFF; TEXT-DECORATION: underline}
A:hover {FONT-FAMILY: Arial; FONT-SIZE: 12px; COLOR: #FFF; TEXT-DECORATION: none}

/*===== MEET DENTIST/OFFICE LOCATION LINKS =====*/
A.side:link {FONT-FAMILY: Arial; FONT-SIZE: 12px; COLOR:#000; TEXT-DECORATION: none}
A.side:visited {FONT-FAMILY: Arial; FONT-SIZE: 12px; COLOR: #000; TEXT-DECORATION: none}
A.side:active {FONT-FAMILY: Arial; FONT-SIZE: 12px; COLOR: #000; TEXT-DECORATION: none}
A.side:hover {FONT-FAMILY: Arial; FONT-SIZE: 12px; COLOR: #000; TEXT-DECORATION: none}


/*===== ROLLOVERS =====*/
.nav-item {float:left; margin:0px; padding:0px;}
.nav-item-hover img, .nav-item-selected img {visibility:hidden;}
 
#home { background:url(/img/home-selected.gif); }
#home.nav-item-selected { background:url(/img/home-selected.gif); }

#request-appointment { background:url(/img/request-appointment-selected.gif); }
#request-appointment.nav-item-selected { background:url(/img/request-appointment-selected.gif); }

#new-patient-forms { background:url(/img/new-patient-forms-selected.gif); }
#new-patient-forms.nav-item-selected { background:url(/img/new-patient-forms-selected.gif); }

#meet-the-dentist { background:url(/img/meet-the-dentist-selected.gif); }
#meet-the-dentist.nav-item-selected { background:url(/img/meet-the-dentist-selected.gif); }

#fremontdentistryservices { background:url(/img/fremontdentistryservices-selected.gif); }
#fremontdentistryservices-selected { background:url(/img/fremontdentistryservices-selected.gif); }

#patient-education { background:url(/img/patient-education-selected.gif); }
#patient-education.nav-item-selected { background:url(/img/patient-education-selected.gif); }

#contact-us { background:url(/img/contact-us-selected.gif); }
#contact-us.nav-item-selected { background:url(/img/contact-us-selected.gif); }

/*=========GENERAL CSS RULES================*/
#edu-article-title p{
	margin: 0;
	padding: 0;
	color: #f0df71;
	font-size: 18px;
	font-weight: bold;
}

/* OFFICE HOURS TABLE */
#hours{
	width:220px; background-color:#6290aa; font-size:12px;float:left;	
}
#hours-hdr{
	color:#FFF; 
	font-weight:bold;
}
.hours-bg{
	background-color:#FFF;
	color:#1b3e8c;
}
.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;
        }
 .calheader {    
     color:#000;   
     
} 
/*--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:#b2b2b2;/*--Change the color of the secondary details ie: (include area code)--*/
	}
	
.required {
	color:#b90000;/*--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-white.png) top left no-repeat;
	width:100px;
	height:40px;
}

	
.field_margin {
	clear:both;
	margin-bottom:12px;
	}
	

/*--End Classes--*/