/* 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: Georgia1,Georgia,serif; font-size: 12px;} body {background: #3d587f url(../img/bkg.jpg) repeat-x; text-align: center; padding-bottom: 50px; 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, #nav, #content, #modules, #footer {position: relative;} a img {border: none;} h1, h2, h3 {font-family: Georgia1,Georgia,serif; font-weight: normal;} p, blockquote {color:#000; font-family: Georgia1,Georgia,serif; font-size: 12px; line-height: 17px; margin-bottom:15px;} #main a, #footer .inside a, .side_item a {color:#000; font-family: 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:#456490; font-family: Georgia1, Georgia, serif; font-size: 13px; 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: 200px;} #header .inside {height: 200px; background: url(../img/header_bkg.jpg) no-repeat;} .logo {width: 300px; height: 160px; position: absolute; top: 6px; left: 323px; overflow: hidden;} .logo a {width: 300px; height: 160px; display: block; overflow: hidden; text-indent: -9999px;} /*=================================== NAVIGATION ===================================*/ #nav {height: 63px;} #main #nav .inside {height: 63px; background: url(../img/nav_bkg.jpg) no-repeat;} #sec #nav .inside {height: 63px; background: url(../img/nav_bkg2.jpg) no-repeat;} /*---------------------------------- MAIN NAV ----------------------------------*/ #nav .inside .main_nav_container {height: 63px; width: 950px; position: absolute; bottom: 0;} ul.main_nav {margin: 0 auto; width: 860px; height: 63px;} ul.main_nav li {float: left; list-style: none; display: inline-block; height:63px;} ul.main_nav li a {height: 63px; display: block; text-indent: -9999px; overflow: hidden;} ul.main_nav li.last, ul.main_nav li.last a {padding-right: 0 !important;} ul.main_nav li.home a {background: url(../img/nav_home.jpg) no-repeat left top; width: 62px;} ul.main_nav li.home a:hover, ul.main_nav li.home a.current {background-position: 0 -63px;} ul.main_nav li.why_choose_us a {background: url(../img/nav_why_choose_us.jpg) no-repeat left top; width: 149px;} ul.main_nav li.why_choose_us a:hover, ul.main_nav li.why_choose_us a.current {background-position: 0 -63px;} ul.main_nav li.about_the_team a {background: url(../img/nav_about_the_team.jpg) no-repeat left top; width: 146px;} ul.main_nav li.about_the_team a:hover, ul.main_nav li.about_the_team a.current {background-position: 0 -63px;} ul.main_nav li.referral_program a {background: url(../img/nav_referral_program.jpg) no-repeat left top; width: 167px;} ul.main_nav li.referral_program a:hover, ul.main_nav li.referral_program a.current {background-position: 0 -63px;} ul.main_nav li.patient_education a {background: url(../img/nav_patient_education.jpg) no-repeat left top; width: 167px;} ul.main_nav li.patient_education a:hover, ul.main_nav li.patient_education a.current {background-position: 0 -63px;} #main ul.main_nav li.faq a {background: url(../img/nav_faq.jpg) no-repeat left top; width: 60px;} #sec ul.main_nav li.faq a {background: url(../img/nav_faq2.jpg) no-repeat left top; width: 60px;} #main ul.main_nav li.faq a:hover, #main ul.main_nav li.faq a.current, #sec ul.main_nav li.faq a:hover, #sec ul.main_nav li.faq a.current {background-position: 0 -63px;} #main ul.main_nav li.contact_us a {background: url(../img/nav_contact_us.jpg) no-repeat left top; width: 109px;} #sec ul.main_nav li.contact_us a {background: url(../img/nav_contact_us2.jpg) no-repeat left top; width: 109px;} #main ul.main_nav li.contact_us a:hover, #main ul.main_nav li.contact_us a.current, #sec ul.main_nav li.contact_us a:hover, #sec ul.main_nav li.contact_us a.current {background-position: 0 -63px;} /*=================================== MAIN CONTENT ===================================*/ #main #content {height: 322px;} #main #content .inside {height: 322px; background: url(../img/content_inner_bkg.jpg) no-repeat;} .request_appt {width: 272px; height: 54px; position: absolute; top: 189px; left: 10px;} .request_appt a {background: url(../img/button_request_appt.jpg) no-repeat left top; width: 272px; height: 54px; display: block; overflow: hidden; text-indent: -9999px;} .request_appt a:hover, a.current {background-position: left -54px;} .new_patient_forms {width: 272px; height: 54px; position: absolute; top: 253px; left: 10px;} .new_patient_forms a {background: url(../img/button_patient_forms.jpg) no-repeat left top; width: 272px; height: 54px; display: block; overflow: hidden; text-indent: -9999px;} .new_patient_forms a:hover, a.current {background-position: left -54px;} .ad1 {width: 272px; height: 74px; position: absolute;} .ad1 a {width: 272px; height: 74px; display: block; overflow: hidden; text-indent: -9999px;} .ad2 {width: 272px; height: 74px; position: absolute; top: 98px; left: 10px;} .ad2 a {width: 272px; height: 74px; display: block; overflow: hidden; text-indent: -9999px;} /*---------------------------------- MAIN MODULES ----------------------------------*/ #main #modules {height: 185px;} #main #modules .inside {height: 109px; padding: 38px 0;} ul.modules_container {margin: 0 auto; width: 950px;} ul.modules_container li {list-style: none; width: 305px; float: left; margin-right: 17px;} ul.modules_container li.last {margin-right: 0;} ul.modules_container h2 {margin-bottom: 13px;} .img_left {float: left; margin: 0 10px 10px 0;} .desc_right {float: left; width: 185px;} ul.modules_container li h2.wa {margin-bottom: 15px !important;} ul.modules_container li p, .side_item p {color: #fff;} /*=================================== SECONDARY CONTENT ===================================*/ #sec #content {min-height:705px; height:auto !important; height:705px;} #sec #content .inside {min-height:650px; height:auto !important; height:650px; width: 950px; background: url(../img/main_content_bkg.jpg) repeat-y 302px top;} #sec #content .main_content_footer {margin: 0 auto; height: 29px; width: 950px; background: url(../img/main_content_footer.jpg) no-repeat;} .main_column {width: 648px; float: left; background: url(../img/main_content_top_bkg.jpg) no-repeat left top;} .side_column {width: 302px; float: left;} .promo {width: 302px; height: 322px; margin-bottom: 30px; background: url(../img/promo_bkg.jpg) no-repeat;} .main_content_wrapper {padding: 30px 25px 10px 25px;} /*--STYLES-------------------------*/ .header_sec_content h1 {color: #00467f; font-size: 26px; position: absolute; left: 60px; top: 50px;} .main_column h1 {font-family: Georgia1, Georgia, serif; color: #646f70; font-size: 26px; text-transform: uppercase; margin-bottom: 15px; height:56px; padding-top: 15px;} .main_column h2 {font-family: Georgia1, Georgia, serif; font-weight:bold; color: #3d587f; font-size: 18px; margin-bottom: 15px;} .main_column ul {margin-bottom:15px;} .main_column ul li {background: url(../img/li.jpg) no-repeat left 2px; padding:0 0 6px 13px;} .main_column p, blockquote, .main_column ul li {font-family: Georgia1, Georgia, serif; font-size: 13px;} blockquote {padding-top:33px; width: 545px; background: url(../img/blockquote_top.jpg) no-repeat left top; position: relative; margin-left:20px;} blockquote div {line-height:19px; padding: 0 25px 10px; background: #e3d8a8;} blockquote .blockquote_footer {position: relative; width: 545px; height: 32px; background: url(../img/blockquote_footer.jpg) no-repeat;} blockquote div.author {position: absolute; bottom: 18px; left: 25px; color: #3d587f; padding: 0 !important;} .quote_img {width: 35px; height: 33px; background: url(../img/quote.jpg) no-repeat; position: absolute; top: -5px; left: -20px;} div.hr {height: 4px; width: 578px; background: url(../img/hr.jpg) no-repeat; clear: both; margin-bottom: 15px;} .team_container {width: 581px; margin-bottom: 15px;} .team_photo {width: 168px; float: left; margin-right: 15px;} .team_desc {width: 398px; float: left;} .team_desc h3 {font-family: Georgia1, Georgia, serif; color: #3d587f; font-size: 18px; padding-bottom: 15px;} /*---------------------------------- SIDEBAR ----------------------------------*/ .side_item {margin-bottom: 20px; width:287px;} .side_item h2 {padding-top:16px; 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;} .side_item .img_left {padding: 0 15px 15px 0 !important; margin: 0;} /*=================================== FOOTER ===================================*/ #footer {height: 85px;} #footer .inside {height: 85px; padding: 18px 0 0 0; text-align: center; background: url(../img/footer_bkg.jpg) no-repeat;} #footer .inside p {color: #fff; margin-bottom: 5px;} #footer .inside a {color: #fff !important; text-decoration: none !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: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; 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--*/