/* All the main styles and stylesheet imports

 *

 * @file		site.css

 *

 * @type		strict

 * @browsers	Windows: IE6+, Firefox2+, Safari3+

 *				Mac OS: Safari3+, Firefox2+

 *

 * @link		http: //www.patientdocs.com/

 * @copyright	2009 PatientDocs.com. All Rights Reserved.

 *

 */



/*===================================

	GLOBAL

===================================*/

@import "reset.css"; 



html {
	color:#fff;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	text-transform: uppercase;
}

body {
	background: #071B33;
	text-align: left;
	height: 100%; /* for older browsers */
	font-size: 11pt;
}



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

.inside {margin: 0 auto; position: relative; width: 950px;}



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

.add_top{
	float:left;
	width:100%;
	font-size: 19pt;
	text-transform: uppercase;
	text-decoration: none;
}

.add_mid{
	float:left;
	width:40%;
	color:#fff;
}

.add_mid a{color:#fff !important;}
.add_mid1 {
	float:left;
	width:75%;
	color:#fff;
	padding-right: 10px;
}
.add_mid2 {
	float:left;
	color:#fff;
}

.add_mid3 {
	float:left;
	color:#fff;
	width: auto;
}

a img {border: none;}

h1, h2, h3 {
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}

p, blockquote {color:#fff; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; margin-bottom:20px;}

p{font-size:14px;}

#main a, #footer .inside a, .side_item a {
	color:#5296dd;
	font-family: "Times New Roman", Times, serif;
	font-size: 19px;
	text-decoration: none;
}

#main a:hover, .side_item a:hover {
	text-decoration: underline;
	font-size: 19px;
	text-transform: none;
}

#sec .main_column a {color:#5296dd; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; line-height:17px;}

#sec .main_column a:hover {text-decoration: underline;}



.fl-40{float:left; width:40%; font-weight:bold; line-height:17px;}

.fl-60{	float:left; width:60%; line-height:17px;}



#types-of-relief {line-height:20px;}

#types-of-relief p{color:#fff;}

#types-of-relief div.hr { height: 15px;  background: #fff url(../img/hr1.html) 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; font-size:18px; text-transform:uppercase; color:#E3D98F;}



.clear_left {clear: left;}

.clear_right {clear: right;}

.clear_both {clear: both;}

.float_left {float: left;}

.float_right {float: right;}



/*===================================

	HEADER

===================================*/

#header { height: 99px; }

#header .inside {height: 99px; background: url(../img/header_bkg.jpg) repeat-x left top;}



.request_appt {width: 266px; height: 55px; position: absolute; top: 0px; right: 0px;}

.request_appt a {background: url(../img/button_request_appt.jpg) no-repeat left top; width: 266px; height: 55px; display: block; overflow: hidden; text-indent: -9999px;}

.request_appt a:hover {background-position: left -55px;}



.phone {
	position: absolute;
	top: 37px;
	right: 289px;
	color: #e3d990;
	font-family: Times New Roman, Times, serif !important;
	font-size: 15px;
	width:384px;
	height: 56px;
}

.phone a{
	text-decoration:none;
	color: #e3d990 !important;
	text-transform: uppercase;
}

.phone a:hover{
	text-decoration:underline;
	font-size: 19px;
	text-transform: none;
}

.phone span {font-size: 21px;}



.logo {width: 204px; height: 85px; position: absolute; top: 9px; left: 30px;}

.logo a {width: 204px; height: 85px; display: block; overflow: hidden; text-indent: -9999px;}



/*===================================

	MAIN CONTENT

===================================*/

#main #content {height: 259px; padding-top:5px;}

#main #content .inside {height: 259px; background: url(../img/content_inner_bkg.jpg) no-repeat;}



/*----------------------------------

	MAIN NAV

----------------------------------*/

#navigation {height: 58px;}

#sec #navigation {padding-top: 5px;}

#navigation .inside {height: 58px;}

#navigation .inside .main_nav_container {padding: 0 32px; height: 58px; width: 886px; background: url(../img/nav_bkg.jpg) no-repeat;}

ul.main_nav {margin: 0 auto; width: 886px; height: 58px;}

ul.main_nav li {float: left; list-style: none; display: inline-block; height:58px; margin-right: 3px;}

ul.main_nav li a {height: 58px; display: block; text-indent: -9999px; overflow: hidden;}

ul.main_nav li.last {margin-right: 0;}



ul.main_nav li.home a {background: url(../img/nav_home.jpg) no-repeat left top; width: 64px;}

ul.main_nav li.home a:hover, ul.main_nav li.home a.current {background-position: 0 -58px;}



ul.main_nav li.meet_the_doctor a {background: url(../img/nav_meet_the_doctor.jpg) no-repeat left top; width: 156px;}

ul.main_nav li.meet_the_doctor a:hover, ul.main_nav li.meet_the_doctor a.current {background-position: 0 -58px;}



ul.main_nav li.types_of_pain a {background: url(../img/nav_types_of_pain.jpg) no-repeat left top; width: 169px;}

ul.main_nav li.types_of_pain a:hover, ul.main_nav li.types_of_pain a.current {background-position: 0 -58px;}



ul.main_nav li.patient_education a {background: url(../img/nav_patient_education.jpg) no-repeat left top; width: 163px;}

ul.main_nav li.patient_education a:hover, ul.main_nav li.patient_education a.current {background-position: 0 -58px;}



ul.main_nav li.faq a {background: url(../img/nav_faq.jpg) no-repeat left top; width: 53px;}

ul.main_nav li.faq a:hover, ul.main_nav li.faq a.current {background-position: 0 -58px;}



ul.main_nav li.patient_reviews a {background: url(../img/nav_patient_reviews.jpg) no-repeat left top; width: 139px;}

ul.main_nav li.patient_reviews a:hover, ul.main_nav li.patient_reviews a.current {background-position: 0 -58px;}



ul.main_nav li.contact_us a {background: url(../img/nav_contact_us.jpg) no-repeat left top; width: 103px;}

ul.main_nav li.contact_us a:hover, ul.main_nav li.contact_us a.current {background-position: 0 -58px;}







	/*----------------------------------

		MAIN MODULES

	----------------------------------*/

	#main #modules {min-height: 185px; height: auto !important; height: 185px;}

	#main #modules .inside {padding:15px 0 5px 0; min-height: 185px; height: auto !important; height: 185px;}

	.large_module {margin-right: 18px; padding: 13px; width: 434px; float: left; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #14283d;}

	ul.modules_container li {
	list-style: none;
	padding: 14px;
	margin-bottom: 10px;
	width: 434px;
	float: left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #14283d;
	height: auto;
	min-width: 10px;
}

	ul.modules_container li.last {margin-right: 0;}

	.side_column ul.modules_container li {width: 288px; padding: 11px;}

	.modules_container .icon, .large_module .icon {float: left; margin: 0 10px 0 0;}

	.modules_container h2 a, .large_module h2 a {font-size:19px !important; font-weight: normal; color: #e3d98f !important; text-transform: uppercase; font-family: Times New Roman, Times, serif !important;}

	.modules_container h2 a:hover, .large_module h2 a:hover {text-decoration: none !important;}

	.modules_container h2, .large_module h2 {margin-bottom: 10px !important;}

	.modules_container p, .large_module p {
	margin-bottom: 2px;
	padding: 0 19px;
	color: #fff;
	line-height:19px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}

	.side_column p {float: left; width: 200px; padding: 0;}



/*===================================

	SECONDARY CONTENT

===================================*/

#sec #content {min-height:500px; height:auto !important; height:500px; padding-top: 10px;}

#sec #content .inside {background: url(../img/sidebar_bkg.jpg) repeat-y; min-height:500px; height:auto !important; height:500px; margin-top: 2px;}

.main_column {width: 630px; float: left; background: url(../img/main_content_top_bkg.jpg) no-repeat left top;}

.main_column_footer {width: 630px; height: 8px; background: url(../img/main_content_footer_bkg.jpg) no-repeat left bottom;}

.side_column {width: 320px; float: left;}

.promo {width: 250px; height: 325px; margin-bottom: 10px; background: url(../img/promo_bkg.jpg) no-repeat left 7px;}

.main_content_wrapper {padding: 9px 28px 0;}

.main_content_wrapper strong{color:#5296DD;}

.indent_content {padding: 0 21px;}



/*--STYLES-------------------------*/

#relief-desc strong{color:#5296DD;}

.header_sec_content h1 {color: #00467f; font-size: 26px; position: absolute; left: 60px; top: 50px;}

.main_column h1 {font-size:26px; padding-bottom: 19px; font-weight: normal; color: #e3d98f; text-transform: uppercase; font-family: Times New Roman, Times, serif; background: url(../img/h2.jpg) no-repeat left bottom; margin-bottom: 15px;}

.main_column h2 {font-family: Times New Roman, Times, serif; text-transform: uppercase; font-weight:bold; color: #5982ad; font-size: 18px; margin-bottom: 15px;}

.main_column ul {margin-bottom:15px;}

.main_column ul li {font-size: 14px; background: url(../img/li.jpg) no-repeat left 2px; margin-left:20px; padding:0 0 6px 13px; line-height:20px;}

.main_column p, blockquote, .main_column ul li {font-family: Arial, Arial, Helvetica, sans-serif;}

blockquote {-moz-border-radius: 10px; -webkit-border-radius: 10px; width: 495px; border: 1px solid #fff; background: #4a6486; padding: 8px 14px; position: relative; margin-left:20px;}

blockquote div {color: #fff; padding: 12px 0 2px 0;}

div.hr {height: 7px; width: 581px; background: url(../img/hr.jpg) no-repeat; clear: both; margin-bottom: 20px;}

.team_container {width: 581px; margin-bottom: 20px;}

.team_photo {width: 166px; float: left; margin-right: 15px;}

.team_desc {width: 400px; float: left;}

.team_desc h3 {font-family: Arial, Arial, Helvetica, sans-serif; color: #E3D98F; text-transform: uppercase; font-size: 18px; padding-bottom: 15px;}

.team_desc strong { color: #E3D98F; }







	/*----------------------------------

		SIDEBAR

	----------------------------------*/

	.side_item {margin-bottom: 10px; width:301px;}

	.side_item h2 {margin-bottom: 8px;}

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

	

/*===================================

	FOOTER

===================================*/

#footer {height: 80px;}

#sec #footer {padding-top:10px;}

#footer .inside {height: 49px; padding: 10px 0 30px; text-align: center; background: url(../img/footer_bkg.jpg) repeat-x;}

#footer .inside p {color: #071c33; font-size: 14px !important; margin-bottom:0px;}

#footer .inside a {color: #071c33 !important; font-size: 14px !important; text-decoration: none !important;}

#footer .patientdocs, #footer .patientdocs a {color: #071c33 !important; font-size: 14px !important;}

#footer .inside a:hover {text-decoration: underline !important;}





/*===================================

	PATIENT EDUCATION

===================================*/

#edu-article-title p{ font-size: 20px; text-decoration: underline; font-weight: bold; }

#edu-href {font-size: 18px; }

#edu-li {padding-bottom: 14px; line-height: 18px; }

#edu-li a {padding-bottom: 14px; font-weight: bold;}





/*===================================

	GENERAL CSS RULES

===================================*/

/* OFFICE HOURS TABLE */

#hours{	width:220px; background-color:#1b3e8c; font-size:14px;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(../../www.patientdocs.com/img/home/poweredby.html); 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 { }

#cal1Container { z-index: 500;}



#cal2Container { position: absolute; display: none; }

p, #cal2Container { }

#cal2Container { z-index: 500;}



.dp-highlighter {z-index: 1;}



/*--Input Style--*/

input {	border:1px solid #7e9db9;	background-color:#FFFFFF; }

select {	border:1px solid #7e9db9;	background-color:#FFFFFF;	margin-top:0px;	}

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:185px;
	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.html) right no-repeat #fff;	}

/*--End Images--*/

	

/*--Classes--*/

.field_name {	font-weight:bold;	color:#fff;/*--Change the color of the field name ie: Name--*/	}

.secondary_details {	font-size:11px;	color:#fff;/*--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-white.html) top left no-repeat; width:100px; height:40px;}



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

	

/* Calendar Header */

.calheader{	color:#000;	}

/*--End Classes--*/



.fl-40 ul {padding 0px; margin: 0px;}

.fl-40 ul li {font-size: 14px; background: url(../img/li.jpg) no-repeat left 1px; margin-left:1px; padding:0px 0 10px 10px; line-height:15px;}

.fl-60 ul {padding 0px; margin: 0px;}

.fl-60 ul li {font-size: 14px; background: none; margin-left:1px; padding:0px 0 10px 5px; line-height:15px;}
.yui-skin-sam #main #modules .inside .modules_container li .add_mid3 a {
	color: #FFF;
}
.yui-skin-sam #main #modules .inside .modules_container li .add_mid2 a {
	color: #FFF;
}
.yui-skin-sam #main #modules .inside .modules_container li .add_mid1 a {
	color: #FFF;
}
.Announcement {
	font-size: 19px;
}

