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

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

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

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

a img {border: none;}
h1, h2, h3 {font-family: Verdana, Verdana, Geneva, sans-serif; font-weight: normal;}
p, blockquote {color:#000; font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 14px; line-height: 17px; margin-bottom:20px;}
#main a, #footer .inside a, .side_item a {color:#000; font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 12px; text-decoration: none;}
#main a:hover, .side_item a:hover {text-decoration: underline;}
#sec .main_column a {color:#418d8d; font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 14px; 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;}

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

.phone {position: absolute; top: 65px; right: 7px; font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 18px;}
.phone span {font-weight: bold; font-size: 24px;}

.logo {width: 204px; height: 181px; position: absolute; top: 9px; left: 0;}
.logo a {width: 204px; height: 181px; display: block; overflow: hidden; text-indent: -9999px;}

	/*----------------------------------
		MAIN NAV
	----------------------------------*/
	#header .inside .main_nav_container {height: 46px; width: 702px; position: absolute; bottom: 24px; right: 15px;}
	ul.main_nav {margin: 0 auto; width: 702px; height: 46px;}
	ul.main_nav li {float: left; list-style: none; display: inline-block; height:46px;}
	ul.main_nav li a {height: 46px; display: block; text-indent: -9999px; overflow: hidden;}
	
	ul.main_nav li.home a {background: url(../img/nav_home.jpg) no-repeat left top; width: 71px;}
	ul.main_nav li.home a:hover, ul.main_nav li.home a.current {background-position: 0 -46px;}
	
	ul.main_nav li.about a {background: url(../img/nav_about.jpg) no-repeat left top; width: 93px;}
	ul.main_nav li.about a:hover, ul.main_nav li.about a.current {background-position: 0 -46px;}
	
	ul.main_nav li.devices a {background: url(../img/nav_devices.jpg) no-repeat left top; width: 166px;}
	ul.main_nav li.devices a:hover, ul.main_nav li.devices a.current {background-position: 0 -46px;}
	
	ul.main_nav li.testimonials a {background: url(../img/nav_testimonials.jpg) no-repeat left top; width: 116px;}
	ul.main_nav li.testimonials a:hover, ul.main_nav li.testimonials a.current {background-position: 0 -46px;}
	
	ul.main_nav li.patient_education a {background: url(../img/nav_patient_education.jpg) no-repeat left top; width: 153px;}
	ul.main_nav li.patient_education a:hover, ul.main_nav li.patient_education a.current {background-position: 0 -46px;}
	
	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 -46px;}
								
/*===================================
	MAIN CONTENT
===================================*/
#main #content {height: 341px;}
#main #content .inside {height: 341px; background: url(../img/content_inner_bkg.jpg) no-repeat;}

.request_appt {width: 223px; height: 109px; position: absolute; top: 53px; left: 13px;}
.request_appt a {background: url(../img/button_request_appt.jpg) no-repeat left top; width: 223px; height: 109px; display: block; overflow: hidden; text-indent: -9999px;}

.refer {position: absolute; top: 215px; left: 21px; width: 210px; text-align: center;}
.refer a {font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 20px !important; line-height: 25px; color: #000;}
.refer a:hover {text-decoration: underline;}

	/*----------------------------------
		MAIN MODULES
	----------------------------------*/
	#main #modules {min-height: 185px; height: auto !important; height: 185px;}
	#main #modules .inside {padding-top:15px; min-height: 185px; height: auto !important; height: 185px;}
	ul.modules_container li {list-style: none; width: 301px; float: left; margin-right: 23px;}
	ul.modules_container li .icon {float: right; margin-top:6px; margin-right:10px; padding-left: 0px;}
	ul.modules_container li.last {margin-right: 0;}
	ul.modules_container li h2 {margin-bottom: 10px !important;}
	ul.modules_container li p, .side_item p {padding: 0 10px; color: #000; line-height:19px; font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 14px;}
	ul.modules_container a{color:#418D8D !important; font-size:14px !important; text-decoration:underline !important; }
	ul.modules_container a:hover{text-decoration:none !important;}
	

/*===================================
	SECONDARY CONTENT
===================================*/
#sec #content {min-height:705px; height:auto !important; height:705px;}
#sec #content .inside {background: url(../img/sidebar_bkg.jpg) repeat-y; min-height:705px; height:auto !important; height:705px; margin-top: 2px;}
.main_column {width: 700px; float: left; background: url(../img/main_content_top_bkg.jpg) no-repeat left top;}
.main_column_footer {width: 700px; height: 51px; background: url(../img/main_content_footer_bkg.jpg) no-repeat left top;}
.side_column {width: 250px; float: left;}
.promo {width: 250px; height: 325px; margin-bottom: 10px; background: url(../img/promo_bkg.jpg) no-repeat left 7px;}
.main_content_wrapper {padding: 40px 38px 0 38px; min-height:620px;}
.indent_content {padding: 0 21px;}

/*--STYLES-------------------------*/
.header_sec_content h1 {color: #00467f; font-size: 26px; position: absolute; left: 60px; top: 50px;}
.main_column h1 {font-family: Verdana, Verdana, Geneva, sans-serif; color: #11423f; font-size: 28px; background: url(../img/h2.jpg) no-repeat left bottom; margin-bottom: 20px; padding:20px;}
.main_column h2 {font-family: Verdana, Verdana, Geneva, sans-serif; font-weight:bold; color: #2e817b; font-size: 18px; margin-bottom: 20px;}
.main_column h3 {font-family: Verdana, Verdana, Geneva, sans-serif; font-weight:bold; color:#C60000; font-size: 18px;}
.main_column ul {margin-bottom:20px;}
.main_column ul li {font-size: 14px; background: url(../img/li.jpg) no-repeat left 6px; margin-left:20px; padding:0 0 6px 13px;}
.main_column ul li a {font-weight:bold; color:#000000 !important;}
.main_column p, blockquote, .main_column ul li {font-family: Verdana, Verdana, Geneva, sans-serif;}
blockquote {-moz-border-radius: 10px; -webkit-border-radius: 10px; background: #d5e6e5; padding: 27px 20px 10px 20px; position: relative; margin-left:20px;}
blockquote div {color: #2e817b; padding: 12px 0 5px 0;}
.quote_img {width: 19px; height: 13px; background: url(../img/quote.jpg) no-repeat; position: absolute; top: 10px; left: 10px;}
.quote_img_bottom {width: 20px; padding: 0; height: 13px; background: url(../img/quote_bottom.jpg) no-repeat; position: absolute; bottom: 7px; right: 8px;}
div.hr {height: 3px; 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: Verdana, Verdana, Geneva, sans-serif; color: #2e817b; font-size: 18px; padding-bottom: 15px;}

.device_container {width: 581px; margin-bottom: 20px;}
.device_container img {margin-right:15px;}
.divice_container .top {float:right;}
.device_container .top a {float:right; font-family: Verdana, Verdana, Geneva, sans-serif; color: #2e817b !important; font-size: 10px !important;}
.device_container .device_images img {height:70px; margin: 8px; float:left;}
.device_container .device_images h3 { font-family: Verdana, Verdana, Geneva, sans-serif; color: #000000; font-size: 14px; padding-bottom: 15px;}
.device_desc {width: 100%; float: left;}
.device_desc h3 {font-family: Verdana, Verdana, Geneva, sans-serif; color: #2e817b; font-size: 18px; padding-bottom: 15px;}

.contactbox{float:left; width:50%; line-height:17px;}


	/*----------------------------------
		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: 130px;}
#footer .inside {height: 49px; padding: 16px 0 30px; text-align: center; background: url(../img/footer_bkg.jpg) repeat-x;}
#footer .inside p {color: #fff; font-size: 11px !important; margin-bottom:0px;}
#footer .inside a {color: #fff !important; font-size: 11px !important; text-decoration: none !important;}
#footer .patientdocs, #footer .patientdocs a {color: #295e5c !important; font-size: 11px !important;}
#footer .inside a:hover {text-decoration: underline !important;}

/*===================================
	GENERAL CSS RULES
===================================*/
/*patient education */
.main_column #edu-li{height:140px; border-bottom:thin solid green; margin-bottom: 10px;}
#edu-return-href, #edu-href{font-size:17px; font-weight:bold; color:#12635d;}
#edu-article-title{font-size:20px; font-weight:bold;}


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

#cal2Container { position: absolute; display: none; }
p, #cal2Container { margin: 1em;}
#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: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;	height:51px; padding: 0 0 11px 0;	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--*/

/*=====================================
	LIGHTBOX
======================================*/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
/*
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 85% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 85% no-repeat; }
*/
#prevLink { background: url(../images/prevlabel.gif) left 90% no-repeat; }
#nextLink { background: url(../images/nextlabel.gif) right 90% no-repeat; }

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}