/* Theme Name: Gateway Gastroenterology 2.0 Theme URI: Description: A custom wordpress template for Gateway Gastroenterology Version: 2.0 Author: Matt Kreikemeier Author URI: http://www.callmegoon.com Tags: */ body {color: #3a4850; background: #ccc url(images/bg-body-stripes.jpg) repeat-x;} #wrap {width: 960px; margin: 10px auto; padding: 0; position: relative; font-size: 11px;} /************************************************** HEADER **************************************************/ #header {color: #3a4850; background: url(images/bg-header-internal.jpg) no-repeat; height: 171px; position: relative; border: 2px solid #FFF; z-index: 9999;} #header h1 a {background: url(images/logo-internal.png) no-repeat; width: 184px; height: 102px; display: block; position: absolute; top: 18px; right: 56px; text-indent: -9999px; outline: none;} /* HEADER NAV */ #header ul#headerNav {background: #5C707C; width: 956px; height: 38px; margin: 0; position: absolute; top: 133px; left: 0; z-index: 9999;} #header ul#headerNav li {height: 38px; list-style: none; display: inline; position: absolute; text-indent: -9999px;} #header ul#headerNav li:hover, #header ul#headerNav li.iehover,#header ul#headerNav li.current_page_item {background-position: 0 -38px;} #header ul#headerNav li a {background: transparent; height: 34px; left: 0; position: absolute; display: block; outline: none;} #header ul#headerNav li a:hover {color: #fff; text-decoration: none;} #header ul#headeranv li.welcome {display: none;} /** OUR DOCTORS **/ #header ul#headerNav li.page-item-5 {background-image: url(images/headerNav-os.gif); width: 126px; left: 7px;} #header ul#headerNav li.page-item-5 a {width: 126px;} .ourdoctors #header ul#headerNav li.page-item-5 {background-position: 0 -38px;} /** PATIENT FORMS **/ #header ul#headerNav li.page-item-9 {background-image: url(images/headerNav-ps.gif); width: 135px; left: 139px;} #header ul#headerNav li.page-item-9 a {width: 135px;} .patientforms #header ul#headerNav li.page-item-9 {background-position: 0 -38px;} /** PROCEDURES WE PERFORM **/ #header ul#headerNav li.page-item-13 {background-image: url(images/headerNav-prs.gif); width: 126px; left: 280px;} #header ul#headerNav li.page-item-13 a {width: 126px;} .proceduresweperform #header ul#headerNav li.page-item-13 {background-position: 0 -38px;} /** ENDOSCOPY CENTER **/ #header ul#headerNav li.page-item-394 {background-image: url(images/headerNav-er.gif); width: 179px; left: 412px;} #header ul#headerNav li.page-item-394 a {width: 179px;} .endoscopycenter #header ul#headerNav li.page-item-394 {background-position: 0 -38px;} /** FAQs **/ #header ul#headerNav li.page-item-318 {background-image: url(images/headerNav-fs.gif); width: 63px; left: 598px;} #header ul#headerNav li.page-item-318 a {width: 63px;} /** CONTACT US **/ #header ul#headerNav li.page-item-21 {background-image: url(images/headerNav-cs.gif); width: 126px; left: 668px;} #header ul#headerNav li.page-item-21 a {width: 126px;} .contactus #header ul#headerNav li.page-item-21 {background-position: 0 -38px;} /** DROPDOWN STYLES **/ #header ul#headerNav li ul {background: #5C707C; width: 231px; height: auto; margin: 33px 0 0 0; padding: 10px 0 10px 0; position: absolute; left: -9999px; border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; z-index: 999;} #header ul#headerNav li ul li {width: 205px; height: auto; top: auto; display: block; position: relative; font-size: 12px; text-indent: 0;} #header ul#headerNav li ul li a {color: #fff; background: url(images/bg-headerNav-bullet.gif) no-repeat 0 13px; width: 200px !important; height: auto; margin: 0 12px 0 12px; padding: 7px 0px 7px 8px; left: auto; position: relative; text-indent: 0; text-align: left; text-transform: none; outline: none;} #header ul#headerNav li ul li a:hover {color: #555; background: #f1fafd; display: block; text-decoration: none;} #header ul#headerNav li:hover ul, #header ul#headerNav li.iehover ul {left: 0px;} /* SEARCH */ #header form#cse-search-box {background: url(images/bg-header-search.gif) no-repeat; width: 146px; height: 23px; position: absolute; top: 140px; left: 804px; z-index: 9999;} #header form#cse-search-box input#txtSearch {color: #6e8492; background: transparent; margin: 3px 0 0 10px; border: none;} #header form#cse-search-box button {background: url(images/bg-header-search-button.gif) no-repeat; width: 8px; height: 12px; position: absolute; top: 5px; left: 130px;} /* DID YOU KNOW */ #header #didYouKnow {width: 550px; height: 105px; position: relative;} #header #didYouKnow h6 {background: url(images/bg-header-didYouKnow.png) no-repeat; width: 260px; height: 23px; margin: 23px 0 0 23px; font-size: 20px; text-indent: -9999px; outline: none;} #header #didYouKnow .dykContent {color: #46535b; margin: 10px 0 0 23px; font-size: 12px;} #header #didYouKnow p.refresh {background: url(images/bg-header-didYouKnow-refresh.png) no-repeat; width: 24px; height: 24px; position: absolute; top: 0; left: 299px; text-indent: -9999px; outline: none; cursor: pointer;} /************************************************** CONTENT ********************************************/ #content {background: #FFF; overflow: hidden;/* This hides the excess padding in non-IE browsers */ position: relative;}/*see ie.css for fixes*/ #content:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;} #content p.edit {margin: 20px; position: relative; top: 20px; clear: both;} /************************************************** MAIN *******************************************/ #main {background: #FFF; width: 722px; margin: 0; position: relative; float: left;}/*see ie.css for fixes*/ #main #contentContainer {margin: 20px; line-height: 1.3; font-size: 1.1em;} #main #contentContainer a,#main #contentContainer a:link,#main #contentContainer a:visited,#main #contentContainer a:active,#main #contentContainer a:hover {font-weight: bold;} /* IMAGES */ #main img.left,#main img.alignleft {background: #D5DADD; margin: 0 20px 10px 0; padding: 10px; border: 1px solid #9db2bf; float: left;} #main img.right,#main img.alignright {background: #D5DADD; margin: 0 0 10px 20px; padding: 10px; border: 1px solid #9db2bf; float: right;} /* HEADINGS */ #main h2 {color: #1a2674; margin: 0 0 15px 0; font-size: 18px; font-weight: normal; font-family: "Adobe Caslon Pro", "Times New Roman", "Times"; text-transform: uppercase;} #main h3 {margin: 0 0 10px 0; font-weight: normal; font-size: 13px; text-transform: uppercase;} #main h4 {margin: 0 0 10px 0; font-weight: normal; font-size: 15px; text-transform: uppercase;} #main h5 {margin: 0 0 10px 0; font-weight: normal; font-size: 1.1em;} /* PARAGRAPHS */ #main p {margin: 0 0 20px 0;} /* LISTS */ #main ul {margin: 0 0 20px 20px;} #main ol {margin: 0 0 20px 30px;} #main ul li {margin: 0 0 10px 0;} #main ol li {margin: 0 0 10px 0;} #main ol li ul, #main ul li ul {margin: 10px 0 0 20px;} #main ol li ol, #main ul li ol {margin: 10px 0 0 30px;} #main ol li ol li, #main ul li ol li {list-style: decimal;} #main dl {margin: 0 0 20px 0;} #main dl dt {margin: 0 0 3px 0;} #main dl dd {margin: 0 0 15px 0;} /* TABLES */ #main table {width: 600px; margin: 0 0 20px 0; border: 1px solid #910000;} #main table thead tr th, #main table tfoot tr td {color: #fff; background: #910000; padding: 5px 10px; text-align: left; vertical-align: bottom;} #main table tbody tr td {padding: 5px 10px; border-bottom: 1px solid #910000; vertical-align: middle;} #main blockquote {color: #5c707c; background: #D5DADD; margin: 14px 30px; padding: 20px; font-style: italic; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;} /*FORM ELEMENTS*/ #main form {clear: both;} #main form label {color: #999; margin: 0 0 10px 0; font-weight: bold; float: left; display: block;} #main form input {color: #999; margin: 0 0 10px 0; padding: 3px; font-size: 1em; border: 1px solid #999;} #main form div {margin: 0 0 15px 0; padding: 0 0 30px 0; position: relative;} #main form .text label {width: 125px; text-align: right;} #main form .text input {margin: 0 0 10px 15px;} #main form .checkbox label {width: 275px;} #main form .checkbox input {margin: 0 5px 20px 0; padding: 0; float: left; display: block; border: none;} #main form .radio label {width: 275px;} #main form .radio input {margin: 0 5px 20px 0; padding: 0; float: left; display: block; border: none;} #main form br {clear: both;} #main form input#btnNext, #main form input#btnEdit, #main form input#btnSubmit {margin: 0; padding: 0; border: none;} #main form p.required {color: #999; font-size: .9em; font-style: italic;} #main ul.formVerify {margin: 0 0 20px 0; position: relative;} #main ul.formVerify li {margin: 0 0 5px 0; list-style: none; display: block; clear: both; border-bottom: 1px dotted #666;} #main ul.formVerify li:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;} #main ul.formVerify li strong {background: #fff; margin: 0; top: .6em; font-weight: normal; float: left; display: block; position: relative;} #main ul.formVerify li em {background: #fff; margin: 0; top: .6em; float: right; display: block; position: relative;} #main ul.formVerify li.textbox {margin: 15px 0 0 0; border: none;} #main ul.formVerify li.textbox strong {float: none;} #main ul.formVerify li.textbox em {float: none; overflow: auto;} /** DIRECTIONS FORM **/ #main form#ddform {margin: 0; clear: both;} #main form#ddform h5 {color: #354F64;} #main form#cforms2form legend {display: none;} #main form#cforms2form ol li {list-style: none;} #main form#cforms2form fieldset {} #main form#cforms2form fieldset label {color: #555; width: 175px; text-align: right; display: block; float: left;} #main form#cforms2form fieldset input, #main form#cforms2form fieldset textarea {color: #fff; background: #354f64; margin: 0 7px 7px 7px; padding: 2px; border: 1px solid #fff;x;} #main form#cforms2form input#sendbutton2 {margin: 0 0 0 390px;} #main p.linklove {display: none;} /* PICTURE FADER */ #main .pics {margin: 0 15px 15px 15px; float: right;} #main ul.pics li {list-style: none;} #main ul.pics li img,#main .pics img {background: #EEE; padding: 10px; border: 1px solid #999;} /* BODY CALLOUTS */ #main .bodyCalloutWrap {background: #D5DADD; width: 312px; margin: 14px 0 0 0; padding: 10px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; float: left;} #main .recentNews {margin-right: 18px; clear: both;} #main .bodyCalloutWrap h4 {color: #5c707c; margin-bottom: 0; padding: 1px 0 2px 30px; font-size: 14px; text-transform: uppercase; font-family: "Lucida Grande"; cursor: pointer;} #main .bodyCalloutWrap h4.inactive {background: url(images/bg-sidebar-callout-inactive.gif) no-repeat;} #main .bodyCalloutWrap h4.active {background: url(images/bg-sidebar-callout-active.gif) no-repeat;} #main .bodyCalloutWrap ul,#main .bodyCalloutWrap p {margin: 10px 6px 0 6px;} #main .bodyCalloutWrap ul li {background: url(images/bg-sidebar-dash_bullet.gif) no-repeat 0 7px; margin: 3px 0; padding: 0 0 0 12px; list-style: none; font-size: 12px;} #main .bodyCalloutWrap ul li a {color: #1a2674;} #main .bodyCalloutWrap ul li a:hover {color: #5c707c;} #main .bodyCalloutWrap p.viewAllArticles {left: 180px; position: relative;} #main .bodyCalloutWrap p.viewAllArticles a {background-image: url(images/bg-main-bodyCallout-viewArticles.png); background-repeat: no-repeat; width: 126px; height: 25px; display: block; text-indent: -9999px; outline: none;} #main .bodyCalloutWrap p.viewAllArticles a:hover {background-position: 0 -25px;} /* BLOG STYLES */ .entry-meta {background: #efefef; padding: 20px; margin: 10px 40px 10px 10px; border-color: #999; border-style: dotted; border-width: 1px 0 1px 0; font-size: 1.1em; clear: left;} .entry-content {margin: 0; clear: left;} .more-link {display: inline;} /** NAVIGATION **/ #main .navigation {margin-left: 270px; clear: both;} #main .navigation h5.viewArchives {text-transform: uppercase;} #main .navigation p {margin: 0;} #main .navigation p.viewMore {margin: 0 0 5px 0;} #main .navigation p.previous {color: #5c707c; background: #F1FAFD; width: 150px; margin: 10px 0; padding: 5px 10px; border: 1px solid #d2e8f0; text-transform: uppercase; text-align: center; cursor: pointer;} #main .navigation p.next {color: #5c707c; background: #F1FAFD; width: 150px; margin: 10px 0; padding: 5px 10px; border: 1px solid #d2e8f0; text-transform: uppercase; text-align: center; cursor: pointer;} #main .singlePost .entry-date {color: #630; margin: 0 0 5px 0; font-size: 12px; font-weight: normal;} /** COMMENTS **/ #comments {margin: 20px 0 20px 0; padding: 20px;} #comments a {} #comments h3 {} #comments #respond {color: #5c707c; margin: 0 0 10px 0;} #comments form#commentform {margin: 0;} #comments form#commentform .form-label {background: #4086B7; margin: 0 7px 0 0; padding: 5px 10px; width: 100px; float: left; clear: left; text-align: right; font-size: 11px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;} #comments form#commentform textarea {color: #777; background: #FFF; padding: 5px 10px; font-size: 11px; font-family: Trebuchet MS, Verdana, sans-serif; border: none; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;} #comments form#commentform input {color: #777; background: #FFF; border: none; margin: 0 0 10px 0; padding: 5px 10px; font-size: 11px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;} #comments form#commentform .form-submit {margin-top: 10px;} #comments form#commentform .form-submit input {color: #FFF; background: #630; margin: 0 0 0 125px; cursor: pointer;} #comments .comment-meta {margin: 0 0 10px 0;} #main #comments {margin-top: 50px; padding-top: 10px; clear: both;} #main #comments h3 {margin: 0 0 10px 0; text-transform: uppercase;} #main #comments .comments {margin: 0 0 50px 0;} #main #comments .comments .comment {color: #555; margin: 15px 25px 30px 110px; padding: 0 15px; position: relative; font-style: italic;} #main #comments .comments .comment a {color: #155ba3;} #main #comments .comments .comment p {color: #777; background: #FFF; margin: 0 0 8px 0; padding: 15px; font-weight: bold; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #main #comments .comments .comment .comment-author {width: auto; position: absolute; left: -90px; top: 35px; float: left;} #main #comments .comments .comment .comment-author img {background: #fff; padding: 5px; border: 1px solid #999;} #main #comments .comments .comment .comment-author .fn a {color: #FFF; width: 90px; margin-top: 5px; display: block; font-style: normal;} #main #comments .comments .comment .comment-meta, .unapproved {color: #FFF; margin: 0 0 10px 0; font-style: normal;} #main #comments .comments .arrow {width: 0; height: 0; line-height: 0; position: absolute; top: 45px; left: -15px; border-top: 30px solid #FFF; border-right: none; border-left: 30px solid #5BA1CC;} #comments #comment_form {margin-left: 0px; margin-bottom: 0px; padding: 0px;} #comments #comment_form label {color: #999; width: 125px; margin: 0 5px 5px 0; padding: 5px 10px 5px 5px; display: block; font-size: 12px; text-align: right; text-transform: uppercase; font-weight: normal; float: left; clear: left;} #comments #comment_form input {background: #EFEFEF; color: #5c707c; padding: 5px 5px 5px 10px; margin: 0 5px 5px 0; border: 1px solid #DDD;} #comments #comment_form input#submit {color: #5c707c; background: #F1FAFD; margin: 10px 0; padding: 5px 10px; position: relative; left: 145px; border: 1px solid #d2e8f0; text-transform: uppercase; cursor: pointer;} #comments #comment_form textarea {background: #EFEFEF; color: #5c707c; padding: 5px 5px 5px 10px; margin: 0 5px 0 0; border: 1px solid #DDD; font-family: Verdana, sans-serif, Helvetica; font-size: 11px;} #comments .comment-wrap {height: 100%; overflow: auto; margin: 0 0 12px 0; padding: 0 12px 0; clear: both; border-bottom: 1px solid #EEE;} #comments h3 {padding-top: 0;} #comments h3#respond {padding-top: 8px;} #comments .comment-wrap img.avatar {width: 56px; height: 56px; display: block; margin: 0; margin-bottom: 12px; padding: 2px; background-color: #fff; border: 1px solid #E8E8E8;} #comments .comment-wrap .left {width: 65px; padding-top: 12px; float: left;} #comments .comment-wrap .right {background: url(images/bg-comment.png) no-repeat; width: 520px; min-height: 100px; float: left; padding: 30px 0 6px 32px;} #comments .comment-wrap .right a {text-decoration: none;} #comments .comment-wrap .right a:hover {text-decoration: none;} #comments .comment-wrap .right cite {margin: 0; padding: 0; font-style: normal; display: block; height: 100%; overflow: auto;} #comments .comment-wrap .right cite b {float: left;} #comments .comment-wrap .right cite b a {} #comments .comment-wrap .right cite small {font-size: 90%; float: right;} #comments .comment-wrap .right p {padding: 12px 0; clear: both;} #comments .comment-wrap .right blockquote,#comments .comment-wrap .right code,#comments .comment-wrap .right pre {margin: 6px 0; clear: both;} #comments .author {border-color: #DDD;} /************************************************** SIDEBAR *********************************************/ #sidebar {color: #3a4850; background: #FFF; width: 238px; margin: 0; position: relative; float: left;} /* UTILITY NAV */ #sidebar ul#utilityBar {width: auto; height: 45px; margin: 0 0 14px 0; position: relative; z-index: 999;} #sidebar ul#utilityBar li {display: block; float: left; list-style: none;} #sidebar ul#utilityBar li a {display: block; text-indent: -9999px; outline: none;} #sidebar ul#utilityBar li#homeLink {position: absolute; top: 8px; right: 185px;} #sidebar ul#utilityBar li#homeLink a {background-image: url(images/btn-home.gif); width: 22px; height: 37px; outline: none;} #sidebar ul#utilityBar li#homeLink a:hover {background-position: 0 -37px;} #sidebar ul#utilityBar li#email {position: absolute; top: 13px; right: 153px;} #sidebar ul#utilityBar li#email a {background-image: url(images/btn-email.gif); width: 25px; height: 30px; outline: none;} #sidebar ul#utilityBar li#email a:hover {background-position: 0 -30px;} #sidebar ul#utilityBar li#bookmark {position: absolute; top: 8px; right: 127px;} #sidebar ul#utilityBar li#bookmark a {background-image: url(images/btn-bookmark.gif); width: 22px; height: 38px; outline: none;} #sidebar ul#utilityBar li#bookmark a:hover {background-position: 0 -38px;} #sidebar ul#utilityBar li#print {position: absolute; top: 8px; right: 97px;} #sidebar ul#utilityBar li#print a {background-image: url(images/btn-print.gif); width: 27px; height: 35px; outline: none;} #sidebar ul#utilityBar li#print a:hover {background-position: 0 -35px;} #sidebar ul#utilityBar li#fontInc {position: absolute; right: 70px; top: 10px;} #sidebar ul#utilityBar li#fontInc a {background-image: url(images/btn-font_inc.gif); width: 24px; height: 34px; outline: none;} #sidebar ul#utilityBar li#fontInc a:hover {background-position: 0 -34px;} #sidebar ul#utilityBar li#fontDec {position: absolute; right: 45px; top: 10px;} #sidebar ul#utilityBar li#fontDec a {background-image: url(images/btn-font_dec.gif); width: 24px; height: 34px; outline: none;} /* NAV CALLOUT */ ul#utilityBar li#fontDec a:hover {background-position: 0 -34px;} #sidebar .navCallout {background: #5c707c; width: 185px; margin: 14px 0 0 14px; border-radius: 7px; padding: 10px; -moz-border-radius: 7px; -webkit-border-radius: 7px;} #sidebar .navCallout h4 {color: #f1fafd; padding: 1px 0 2px 30px; font-size: 14px; font-family: "Adobe Caslon Pro", "Times New Roman", "Times", "Lucida Grande"; font-weight: normal; text-transform: uppercase; cursor: pointer;} #sidebar .navCallout h4.inactive {background: url(images/bg-sidebar-navCallout-inactive.gif) no-repeat;} #sidebar .navCallout h4.active {background: url(images/bg-sidebar-navCallout-active.gif) no-repeat;} #sidebar .navCallout ul {margin: 10px 6px 0 6px; position: relative;} #sidebar .navCallout ul li {background: url(images/bg-sidebar-sidebarNav-bullet.gif) no-repeat 0 11px; margin: 0; padding: 5px 0 5px 12px; list-style: none; font-size: 12px;} #sidebar .navCallout ul li:hover {background: #F1FAFD;} #sidebar .navCallout ul li:hover a {color: #5C707C;} #sidebar .navCallout ul li a {color: #f1fafd;} #sidebar .navCallout ul li.current_page_item {background: #F1FAFD;} #sidebar .navCallout ul li.current_page_item a {color: #5C707C;} /* Hide Nav for Pages with No Children */ .patientforms #sidebar .navCallout,.faqs #sidebar .navCallout,.contactus #sidebar .navCallout,.coloncancerscreening #sidebar .navCallout {display: none;} /* SIDEBAR CALLOUTS */ #sidebar .calloutWrap,#sidebar .archivesCalloutWrap {background: #D5DADD; width: 185px; margin: 14px 0 0 14px; border-radius: 7px; padding: 10px; -moz-border-radius: 7px; -webkit-border-radius: 7px;} #sidebar .calloutWrap h4,#sidebar .archivesCalloutWrap h4 {color: #5c707c; padding: 1px 0 2px 30px; font-size: 14px; text-transform: uppercase; font-family: "Lucida Grande"; cursor: pointer;} #sidebar .calloutWrap h4.inactive,#sidebar .archivesCalloutWrap h4.inactive {background: url(images/bg-sidebar-callout-inactive.gif) no-repeat;} #sidebar .calloutWrap h4.active,#sidebar .archivesCalloutWrap h4.active {background: url(images/bg-sidebar-callout-active.gif) no-repeat;} #sidebar .calloutWrap ul,#sidebar .archivesCalloutWrap ul {margin: 10px 6px 0 6px; position: relative;} #sidebar .calloutWrap ul li,#sidebar .archivesCalloutWrap ul li {background: url(images/bg-sidebar-dash_bullet.gif) no-repeat 0 7px; margin: 3px 0; padding: 0 0 0 12px; list-style: none; font-size: 12px;} #sidebar .calloutWrap ul li a,#sidebar .archivesCalloutWrap ul li a {color: #1a2674;} #sidebar .calloutWrap ul li a:hover,#sidebar .archivesCalloutWrap ul li a:hover {color: #5c707c;} #sidebar .signUpCallout p {margin: 10px; font-size: 16px; text-transform: uppercase; text-align: center;} #sidebar .signUpCallout p a {/* background: url(images/bg-sidebar-newsletter.png) no-repeat; width: 122px; height: 242px; display: block; text-indent: -9999px; outline: none; */} #sidebar .askAQuestionCallout form {background: url(images/bg-sidebar-askAQuestion-search.gif) no-repeat; width: 175px; height: 24px; margin: 7px 0 0 0; position: relative;} #sidebar .askAQuestionCallout form input#txtSearch2 {color: #5c707c; margin: 4px 0 0 10px; border: none;} #sidebar .askAQuestionCallout form input#upToDateSubmit {background: url(images/bg-sidebar-askAQuestion-search_button.gif) no-repeat; width: 8px; height: 12px; display: block; position: absolute; top: 6px; left: 160px; border: none; text-indent: -9999px; outline: none;} #sidebar .askAQuestionCallout #viewCategories h5 {margin: 10px 0 0 3px; font-family: "Lucida Grande"; font-size: 12px; font-weight: bold; text-transform: uppercase;} #sidebar .askAQuestionCallout #viewCategories h5 a {color: #5c707c;} #sidebar .askAQuestionCallout #viewCategories h5 a:hover {color: #1a2674;} #sidebar h5.colonCancerScreening a {background: url(images/bg-sidebar-colonCancerScreening.gif) no-repeat; width: 205px; height: 134px; margin: 14px 0 0 14px; display: block; text-indent: -9999px; outline: none;} #sidebar h5.hemorrhoids a {background: url(images/bg-sidebar-hemorrhoids.gif) no-repeat; width: 205px; height: 134px; margin: 14px 0 0 14px; display: block; text-indent: -9999px; outline: none;} /************************************************** FOOTER **********************************************/ #footer {background: #6b818f url(images/bg-footer.png) repeat-x; color: #fff; width: 956px; height: 92px; margin: 0 auto; padding: 0 0 11px 0; position: relative; border: 2px solid; border-width: 20px 2px 2px 2px; clear: both;} #footer p.privacyPolicy {padding: 60px 0 0 0; position: absolute; top: 68px; left: 50px;} #footer p a {color: #fff; text-decoration: underline; outline: none;} #footer #stJohns {width: 45%; padding: 11px 0 0 30px; float: left; text-align: left;} #footer #endoCenter {width: 45%; padding: 12px 30px 0 0; text-align: right; float: right;} /* LINK LOVE */ p.linkLove {margin: 5px 0 15px 5px; text-align: center; font-size: 14px;} /***************************************************************** ***************************************************************** UNIQUE LAYOUTS ****************************************************************** *****************************************************************/ /* VIDEO LINKS */ #main .video a {background-image: url(images/play_video.jpg); height: 113px; width: 200px; margin: 0 15px 10px 0; border: 2px solid #777; display: block; float: left;} #main .video a:hover {background-position: 0 -113px;} /* ARCHIVE (NEWS) PAGE */ #main .post {background: none; margin: 0 0 16px 0; padding: 15px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;} .news #main .post {background: #d5dadd;} #main .post h2 {margin: 0 10px 5px 0;} #main .post h2 a {color: #627581; font-size: 16px; text-transform: uppercase;} #main .post h2 a:hover {color: #1a2674;} #main .post span.entry-date {color: #FFF; background: #D5DADD; padding: 3px 7px; margin: 0 0 10px 0; position: relative; top: 2px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #main .post p {margin-top: 15px; font-size: 12px;} #main .post p span.more-link {position: relative; top: 20px; left: 500px;} #main .post p span.more-link a {background-image: url(images/bg-main-post-read_more.gif); background-repeat: no-repeat; width: 105px; height: 23px; display: block; text-indent: -9999px; outline: none;} #main .post p span.more-link a:hover {background-position: 0 -23px;} #main p.olderEntries {width: 105px; height: 23px; margin: 0; float: left;} #main p.olderEntries a {background-image: url(images/bg-main-older_entries.png); background-repeat: no-repeat; width: 105px; height: 23px; display: block; text-indent: -9999px; outline: none;} #main p.newerEntries {width: 105px; height: 23px; margin: 0 20px 0 0; position: relative; left: 110px;} #main p.newerEntries a {background-image: url(images/bg-main-newer_entries.png); background-repeat: no-repeat; width: 105px; height: 23px; display: block; text-indent: -9999px; outline: none;} #main p.newerEntries a:hover {background-position: 0 -23px;} #main p.olderEntries a:hover {background-position: 0 -23px;} /* DRIVING DIRECTIONS FORM */ #main form#ddform legend {color: #F1FAFD; margin: 0 0 10px 0; text-transform: uppercase;} #main form#ddform fieldset ol li {list-style: none;} #main form#ddform fieldset label {color: #F1FAFD; width: 50px; margin: 0 10px 0 0; padding: 0; text-align: right; text-transform: uppercase; float: left; clear: left;} #main form#ddform fieldset input,#main form#ddform fieldset textarea {color: #f1fafd; background: #354F64; margin: 0 10px 15px 0; padding: 3px 3px 3px 6px; border: none; display: block; font-size: 11px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;} #main form#ddform fieldset input#sendbutton2 {color: #5c707c; background: #F1FAFD; margin: 10px 0 0 0; border: none; cursor: pointer;} #main form#ddform2 fieldset ol li {list-style: none;} #main form#ddform2 fieldset label {color: #555; width: 150px; margin: 0 10px 15px 10px; text-align: right; float: left; clear: left;} #main form#ddform2 fieldset input,#main form#ddform2 fieldset textarea {color: #fff; background: #354F64; margin: 0 10px 15px 0; padding: 3px; border: 1px solid #fff; display: block; font-size: 11px;} #main form#ddform2 fieldset input#sendbutton2 {color: #fff; background: #6b7992; margin: 10px 0 0 0; border: 1px solid #1a2849; cursor: pointer;} /* REVEAL FORMS */ #main .revealFormsWrap {color: #f1fafd; background: #5c707c; width: 350px; margin: 14px 0 0 0; border-radius: 7px; padding: 10px; display: block; -moz-border-radius: 7px; -webkit-border-radius: 7px; font-size: 12px; clear: both;} #main .revealFormsWrap h5 {color: #f1fafd; margin: 0; padding: 1px 0 2px 30px; font-size: 14px; font-weight: normal; text-transform: uppercase; cursor: pointer;} #main .revealFormsWrap h5.inactive {background: url(images/bg-sidebar-navCallout-inactive.gif) no-repeat;} #main .revealFormsWrap h5.active {background: url(images/bg-sidebar-navCallout-active.gif) no-repeat;} #main .revealFormsWrap .toggle p.pdfDownload {margin: 0;} #main .revealFormsWrap .toggle {padding: 10px 14px 14px 14px;} /* REVEAL FAQS */ #main .revealFAQWrap {color: #f1fafd; background: #5c707c; width: auto; margin: 14px 0 0 0; border-radius: 7px; padding: 10px; -moz-border-radius: 7px; -webkit-border-radius: 7px; font-size: 12px;} #main .revealFAQWrap h5 {color: #f1fafd; margin: 0; padding: 1px 0 2px 30px; font-size: 14px; font-weight: normal; text-transform: uppercase; cursor: pointer;} #main .revealFAQWrap h5.inactive {background: url(images/bg-sidebar-navCallout-inactive.gif) no-repeat;} #main .revealFAQWrap h5.active {background: url(images/bg-sidebar-navCallout-active.gif) no-repeat;} #main .revealFAQWrap .toggle {margin: 0 0 0 20px; padding: 15px; width: 500px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #main .revealFAQWrap .toggle p {margin: 0 0 5px 0;}