/* All the main styles and stylesheet imports
 *
 * @file		screen.css
 *
 * @type		strict
 * @browsers	Windows: IE6+, Firefox2+, Safari3+
 *				Mac OS: Safari3+, Firefox2+
 *
 * @link		http://www.patientdocs.com
 * @copyright	2009 Patient Docs. All Rights Reserved.
 *
 */

/*===================================
	GLOBAL
===================================*/
@import "reset.css"; 

html {color:#000; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 12px;}
body {background: #183152; text-align: center; height: 100%; /* for older browsers */}
strong{color:#183152}

#main, #sec {margin: 0 auto; position: relative; width: 100%; text-align: left;}
.inside {margin: 0 auto; position: relative; width: 950px;}

#header, #nav, #content, #modules, #footer {position: relative;}

a img {border: none;}
h1, h2, h3 {font-family: Arial, Arial, Helvetica, sans-serif; font-weight: normal;}
p, blockquote {color:#000; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom:15px;}
#main a, #footer .inside a, .side_item a {color:#000; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}
#main a:hover, .side_item a:hover {text-decoration: underline;}
#sec .main_column a {color:#293d54; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}
#sec .main_column a:hover {text-decoration: underline;}

.clear_left {clear: left;}
.clear_right {clear: right;}
.clear_both {clear: both;}
.float_left {float: left;}
.float_right {float: right;}
#photo-pad-right{padding-right:20px; padding-left:10px;}

/*===================================
	HEADER
===================================*/
#header {height: 177px;}
#header .inside {height: 177px; background: url(../img/header_bkg.jpg) no-repeat;}
.logo {width: 156px; height: 160px; position: absolute; left: 29px; bottom: 7px;}
.logo a {width: 156px; height: 160px; display: block; overflow: hidden; text-indent: -9999px;}

	/*----------------------------------
		MAIN NAV
	----------------------------------*/
	#nav {height: 72px;}
	#nav .inside {height: 72px; background: url(../img/nav_bkg.jpg) no-repeat;}
	#nav .inside .main_nav_container {height: 72px; width: 950px; position: absolute; bottom: 0;}
	ul.main_nav {margin: 0 auto; width: 825px; height: 67px;}
	ul.main_nav li {float: left; padding: 0 19px 0 23px; list-style: none; display: inline-block; height:67px; background: url(../img/nav_divider.jpg) no-repeat right 26px;}
	ul.main_nav li a {height: 41px; color: #fff !important; display: block; padding-top: 26px; font-size: 14px !important; font-weight: bold;}
	ul.main_nav li a:hover, ul.main_nav li a.current {background: url(../img/nav_hover.jpg) no-repeat center top; text-decoration: none !important;}
	ul.main_nav li.first {width: 63px; padding: 0 1px 0 19px;}
	ul.main_nav li.last, ul.main_nav li.last a {padding-right: 0 !important;}
	ul.main_nav li.last {background: none !important;}
					
/*===================================
	MAIN CONTENT
===================================*/
#main #content .inside {height: 315px; background: url(../img/main_content_outer_bkg.jpg) repeat-y;}
#main #content .wrapper {height: 315px; width: 950px; background: url(../img/main_content_bkg.jpg) no-repeat;}

.ad1 {width: 210px; height: 65px; position: absolute; top: 93px; right: 242px;}
.ad1 a {width: 210px; height: 65px; display: block; overflow: hidden; text-indent: -9999px;}

.ad2 {width: 238px; height: 65px; position: absolute; top: 93px; right: 0px;}
.ad2 a {width: 238px; height: 65px; display: block; overflow: hidden; text-indent: -9999px;}

.promo .request_appt {top: 31px !important;}
.request_appt {width: 264px; height: 116px; position: absolute; top: 29px; right: 17px;}
.request_appt a {width: 264px; height: 116px; background: url(../img/request_appointment.jpg) no-repeat left top; display: block; overflow: hidden; text-indent: -9999px;}
.request_appt a:hover {background-position: left -116px;}
.request_appt_selected {width: 264px; height: 116px; position: absolute; top: 29px; right: 17px;}
.request_appt_selected a {width: 264px; height: 116px; background: url(../img/request_appointment.jpg) no-repeat left top; display: block; overflow: hidden; text-indent: -9999px; background-position: left -116px;}

.promo .new_patient_forms {top: 155px !important;}
.new_patient_forms {width: 264px; height: 116px; position: absolute; top: 153px; right: 17px;}
.new_patient_forms a {width: 264px; height: 116px; background: url(../img/patient_forms.jpg) no-repeat left top; display: block; overflow: hidden; text-indent: -9999px;}
.new_patient_forms a:hover {background-position: left -116px;}
.new_patient_forms_selected {width: 264px; height: 116px; position: absolute; top: 153px; right: 17px;}
.new_patient_forms_selected a {width: 264px; height: 116px; background: url(../img/patient_forms.jpg) no-repeat left top; display: block; overflow: hidden; text-indent: -9999px; background-position: left -116px;}

#edu-href {font-size:18px;font-weight:bold; }
#edu-li{padding-bottom:20px;}
#edu-article-title p{font-size:18px;font-weight:bold; color:#293D54;}
	/*----------------------------------
		MAIN MODULES
	----------------------------------*/
	#main #modules .inside {min-height:75px; height:auto !important; height:75px; background: url(../img/main_content_outer_bkg.jpg) repeat-y; padding: 5px 0 20px 0;}
	ul.modules_container {margin: 0 auto; width: 908px;}
	ul.modules_container li {list-style: none; width: 282px; float: left; margin-right: 30px;}
	ul.modules_container li.last {margin-right: 0;}
	ul.modules_container h2 {margin-bottom: 9px;}
	ul.modules_container li h2.wa {margin-bottom: 9px !important;}
	ul.modules_container li p, .side_item p {color: #000;}
	

/*===================================
	SECONDARY CONTENT
===================================*/
#sec #content .inside {width: 950px; background: url(../img/main_column_bkg.jpg) repeat-y left top;}
.main_column {background: url(../img/main_content_top.jpg) no-repeat left top; width: 605px; padding: 30px 0 10px 20px; min-height:641px; height:auto !important; height:641px; float: left;}
.side_column {width: 325px; float: left; min-height:297px; height:auto !important; height:297px;}
.side_column .wrapper {background: url(../img/sidebar_bkg_top.jpg) no-repeat left top;}
.promo {width: 321px; height: 296px; margin-bottom: 15px; background: url(../img/promo_bkg.jpg) no-repeat;}
.main_column_footer {height: 30px; background: url(../img/main_column_footer_bkg.jpg) no-repeat;}

/*--STYLES-------------------------*/
.header_sec_content h1 {color: #00467f; font-size: 26px; position: absolute; left: 60px; top: 50px;}
.main_content_wrapper p {margin-left: 20px;}
.main_column h1 {font-family: Arial, Arial, Helvetica, sans-serif; color: #183152; font-weight: bold; font-size: 28px; background: url(../img/h1.jpg) no-repeat left top; margin: 0 0 15px 13px; padding: 15px 0 25px 20px;}
.main_column h2 {font-family: Arial, Arial, Helvetica, sans-serif; font-weight:bold; color: #375d81; font-size: 18px; margin: 0 0 15px 20px;}
.main_column ul {margin: 0 0 15px 40px;}
.main_column ul li {background: url(../img/li.jpg) no-repeat left 1px; padding:0 0 6px 16px;}
.main_column p, blockquote, .main_column ul li {font-family: Arial, Arial, Helvetica, sans-serif; margin-left:20px;}
blockquote {width: 400px; background: #c4d7ed; border: 1px solid #b0c0ce; padding: 42px 25px 15px; margin-left:40px; position: relative;}
blockquote div {color: #293d54; padding: 15px 0 0 0;}
.quote_top {padding: 0 !important; width: 70px; height: 38px; background: url(../img/quote.jpg) no-repeat; position: absolute; top: -1px; left: -1px;}
.quote_bottom {padding: 0 !important; width: 71px; height: 39px; background: url(../img/quote_bottom.jpg) no-repeat; position: absolute; bottom: -1px; right: -1px;}

div.hr {height: 16px; width: 588px; background: url(../img/hr.jpg) no-repeat; clear: both; margin: 25px 0 13px 20px;}
.team_container {width: 581px; margin: 0 0 15px 20px; line-height:17px;}
.team_container h2{color: #375d81; font-size: 18px; margin: 0 0 15px 0px;}
.team_container span{font-size:12px;}
.team_photo {width: 166px; float: left; margin-right: 15px;}
.team_desc {width: 355px; float: left;}
.team_desc h3 {font-family: Arial, Arial, Helvetica, sans-serif; color: #375d81; font-size: 18px; padding-bottom: 15px;}
.team_desc p {margin-left: 0 !important;}

	/*----------------------------------
		SIDEBAR
	----------------------------------*/
	.side_item {width:289px; margin: 0 0 10px 23px;}
	.side_item h2 {margin-bottom: 4px;}
	.side_item h2 a {color: #8aa43e; font-size: 18px; text-decoration: none;}
	.side_item h2.other a {color: #00467f;}
	.side_item h2 a:hover {text-decoration: none;}
	.side_item p {font-size: 12px; margin-right:2px; padding:0 8px;}
	
/*===================================
	FOOTER
===================================*/
#footer {height: 72px; margin-bottom: 50px;}
#footer .inside {height: 51px; background: url(../img/footer_bkg.jpg) no-repeat; padding: 21px 0 0 0; text-align: center;}
#footer .inside p {color: #fff; margin-bottom: 4px; height: 10px;}
#footer .inside p span, #footer .inside p span a {color: #c4d7ed !important;}
#footer .inside a {color: #fff !important; text-decoration: none !important;}
#footer .inside a:hover {text-decoration: underline !important;}



/*=========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;
        }

#edu-return-href{color:#183152;}


/*--Input Style--*/
input.txt_input {
	border:1px solid #7e9db9;
	background-color:#FFFFFF;
	margin-top:2px;
	}
	
input.btn_input {}	
	
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--*/