/* Theme Name: Hollywood Bariatrics Theme URI: http://www.hollywoodbariatrics.com/wp-content/themes/gcb Description: Hollywood Bariatrics Author: IFX Medical Author URI: http://www.ifxmedical.com Version: 0.1.1 Tags: Framework */ /* Background-Styles */ body {margin:5px 0 0 0; padding:0px; background:#9db1cc url('images/body-bg.gif') 0 0 repeat; font-family:Verdana,Arial, Helvetica, sans-serif;} .container {width:960px; margin:0 auto; position:relative;} #body-wrap {} #header {background-color:#fff;} #header .container{ height:134px;width:972px; background: url('images/header-bg.gif') center center no-repeat;} #header-logo a { background: url('images/hollywood-logo.gif') 0 0 no-repeat; width:270px; height:134px; text-indent: -9999px; display: block; float:left; margin-left: 10px; } #header-phone-certificate { width:267px; float: right; margin-right: 10px; } #header-phone { background: url('images/header-phone.gif') 0 0 no-repeat; width:267px; height:48px; text-indent: -9999px; display: block; } #header-certificate { background: url('images/header-certificate.gif') 0 0 no-repeat; width:267px; height:86px; text-indent: -9999px; display: block; } #menu { background: url('images/menu.gif') 0 0 repeat-x; height:41px; } #menu .container{background: url('images/menu-bg.gif'); center center no-repeat; height:41px; width:972px;} .vis{visibility:hidden;} #footer {} #footer .container {background:url("images/footer-bg.gif") center top no-repeat #758395; height:236px; width:972px; padding-top:10px;} #content {} #content .container{vertical-align:top; background: url('images/content-bg.gif') center top repeat-y; width:972px;} #content .page, #content .inner-page {vertical-align:top;} #content .inner-page #block-content { min-height:960px; } #content .inner-page #block-content h1, #content .inner-page #block-single-content h1 { margin: 20px 5px 10px 10px; } #banner {background: url('images/banner-bg.gif') top center repeat-x; height:254px;padding:0;margin:0 0 16px;} #banner .container{background: url('images/banner.gif') center center no-repeat; height:270px; width:972px;} #pagebanner {background: url('images/banner-bg.gif') top center repeat-x; height:254px;padding:0;margin:0 0 -137px;} #pagebanner .container{background: url('images/page-banner.gif') center center no-repeat; width:972px; height:117px; } #banner-frame {margin: 0 22px; padding: 0; width: 960px; } #banner-frame .banner-flash {float: right; height: 270px; margin: 0 63px 0 0; padding: 0; width: 390px; } .promo-frame { background-color:#000; height: 220px; margin-top:25px; padding-top: 0px; width: 390px;} #feature {} #feature .container {width:972px; height:155px; margin:0 auto; padding:0;} #featuremenu { background: url('images/featuremenu.gif') top center no-repeat; width:972px; height:155px; } /* text defaults */ td {vertical-align:top} ul {font-size:12px;line-height:18px;} ul li {} ol {font-size:12px;line-height:18px;} ol li {} dl {} dt {} dd {} blockquote {} blockquote blockquote {} blockquote em {} h1{ font-size:22px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; line-height:28px; color:#133e60; } h2{font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; line-height:22px; color:#94b851; letter-spacing:-1px;} h3{font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; line-height:20px; color:#70CEE0;} h4{font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:20px;color:#70CEE0;} p {font-size:11px;line-height:20px;margin:0px;} small { color:#595856; font-weight:bold; font-size:11px; display:block; margin: 10px 5px 15px 10px;} /************************************* Links **************************************/ a { color: #333; } a:hover { color: #333; } h2 a { color:#990000;} h2 a:hover {color:#000000;} /* Previous/Next Page Navigation *********************************************/ .page-nav { clear:both; margin:15px 0px; padding:2px 0px; height:22px; font-weight:bold; font-size:15px; } .nav-previous { width:249px; float:left; text-align:left; margin:2px 0px; } .nav-next { width:249px; float:right; text-align:right; margin:2px 0px; } .page-nav a { text-decoration:none; } .nav-previous a { padding-left:13px; } .nav-next a { padding-right:13px; } /* Menu-Styles */ /************************************************ * Navbar * ************************************************/ #navbar {width: 945px;margin: 0 auto 0px;padding: 0 0 0 15px;} #nav {margin: 0px; padding: 0px;} #nav ul {float: left; list-style: none; margin: 0px; padding: 0px;} #nav li {float: left;list-style: none; margin: 0px; padding: 0px; z-index: 15; position: relative; } #nav li a, #nav li a:link, #nav li a:visited { color: #0b5a97; display: block; font-size: 11px; font-family: verdana,Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-decoration: none; margin: 5px 10px 0px 10px; padding: 3px 3px 15px; } #nav li a:hover, #nav li a:active {color: #ffffff; text-decoration: none;} #nav li li a, #nav li li a:link, #nav li li a:visited { background: #777777; width: 150px; color: #FFFFFF; font-size: 12px; font-family: Arial, Tahoma, Verdana; font-weight: normal; text-decoration: none; text-transform: none; float: none; margin: 0px; padding: 5px 10px 5px 10px; border: none; border-bottom: 1px solid #555555; border-left: 1px solid #555555; border-right: 1px solid #555555;} #nav li li a:hover, #nav li li a:active {background: #888888;color: #FFFFFF;text-decoration: none;} #nav li ul {z-index: 9999;position: absolute;left: -999em;height: auto;width: 150px;margin: 0px;padding: 0px;} #nav li li {z-index: 10;position: relative; } #nav li ul a {width: 120px;} #nav li ul a:hover, #nav li ul a:active {} #nav li ul ul {margin: -25px 0 0 151px;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;} #nav li:hover, #nav li.sfhover {position: static;} .rsslink {margin: 0px 0px 0px 10px; padding: 3px 25px 3px 0px; background: url(images/rss_navbar.png) no-repeat right center;} /* Feature Menu-Styles */ #featuremenu { background: url('images/featuremenu.gif') top center no-repeat; width:972px; height:155px; padding:0; margin:0;} #featuremenu ul{list-style:none;padding:0;margin:0;} #featuremenu li {display: inline;float: left; height: 155px; list-style: none; position: relative; margin:0;} #featuremenu a {display: block; height: 155px;} #featuremenu span {display: none;} #ft-register-menu {width: 248px;} #ft-register-menu a:hover {background: url('images/featuremenu.gif') 0px -155px no-repeat;} #ft-seminar-menu{width: 240px;} #ft-seminar-menu a:hover{background: url('images/featuremenu.gif') -248px -155px no-repeat;} #ft-estore-menu{width: 240px;} #ft-estore-menu a:hover{background: url('images/featuremenu.gif') -488px -155px no-repeat;} #ft-contact-menu{width: 240px;} #ft-contact-menu a:hover{background: url('images/featuremenu.gif') -728px -155px no-repeat;} #buttons {background: url('images/sidemenu.gif') no-repeat; width: 295px; height: 290px; padding:0; margin: 15px 0 15px 16px;} #buttons span {display:none;} #buttons a {display: block; width: 295px; height: 72px;} #buttons ul{padding:0;margin:0;} #buttons li {display: inline; float: left; padding:0;margin:0; width: 295px; list-style: none; position: relative; margin:0;} #buttons a:hover{text-decoration:none;} #register-btn{height: 72px;} #register-btn a:hover {background: url('images/sidemenu.gif') -295px 0px no-repeat} #seminar-schedule-btn {height: 72px;} #seminar-schedule-btn a:hover {background: url('images/sidemenu.gif') -295px -72px no-repeat;} #contact-btn {height: 72px;} #contact-btn a:hover {background: url('images/sidemenu.gif') -295px -144px no-repeat;} #bmi-btn {height: 72px;} #bmi-btn a:hover {background: url('images/sidemenu.gif') -295px -216px no-repeat;} /* Sidepanel */ #block-sidebar {float:left; width:320px; min-height: 980px; padding: 0 20px; margin:35px 0 0 10px;} #block-sidebar #recent_posts { } #block-sidebar h2{font-size:16px; 5px; font-weight:normal; color: ##133e60;} #block-sidebar h3{font-size:14px; font-weight:normal; border-bottom:1px solid #a09e8c; color:#b30000;} #block-sidebar ul {margin:0; padding:0;list-style:none;} #block-sidebar ul li{list-style:none;margin:0;padding:5px 10px 0 10px;} #block-sidebar ul li a{font-size:12px;} #block-sidebar p{margin: 0 5px 5px 0;} #block-sidebar img{margin:0 5px 5px 0;} #block-sidebar h2 { margin:0px 0 5px 5px; padding:5px 0px 0px 0; font-family:Georgia, "Times New Roman", Times, serif; } #block-sidebar .popular h2 { font-size:18px; color: #333; } #block-sidebar h2.i_twitter { background:url("images/i_twitter.gif") no-repeat; padding-left:35px; color:#333 !important; } #block-sidebar h2#patient-success-home {background: url('images/h2-patient-success-stories.gif') 0 0 no-repeat; text-indent:-9999px; width:196px; height:17px; margin: 10px 0;} #flash-container {margin:10px 0 0 2px;} /*Facebook FB:fan box */ #fb-fanbox{ margin: 10px 20px; height:90px;} /*Twitter: follow me button */ #twit-btn{ margin:0 0 0 70px; height:36px; width:160px;} #twit-btn img{ border-style: none;} #youtube-btn img { border-style: none; height: 27px; margin: 0 0 0 70px; width: 160px; } /*side bar buttons */ #page-buttons {background: url('images/page-buttons.jpg') no-repeat; width: 292px;height: 292px;padding:0;margin:10px 0;} #page-buttons span {display:none;} #page-buttons a {display: block; width: 292px; height: 73px; padding:0; margin:0;} #page-buttons ul{padding:0;margin:0;} #page-buttons ul li{padding:0;margin:0;} #page-buttons li {display: inline; float: left; width: 292px; list-style: none; position: relative; margin:0; padding:0;} #page-buttons a:hover{text-decoration:none; margin:0;padding:0;} #gastric-band-guide-btn{height: 73px;} #gastric-band-guide-btn a:hover {background: url('images/page-buttons.jpg') -292px 0px no-repeat} #request-information-btn {height: 73px;} #request-information-btn a:hover {background: url('images/page-buttons.jpg') -292px -73px no-repeat;} #follow-us-btn {height: 73px;} #follow-us-btn a:hover {background: url('images/page-buttons.jpg') -292px -146px no-repeat;} #support-seminars-btn {height: 73px;} #support-seminars-btn a:hover {background: url('images/page-buttons.jpg') -292px -219px no-repeat;} /*social media buttons */ #social-media-buttons {background: url('images/social-media-buttons.jpg') no-repeat;width:140px;height:40px;padding:0; margin:5px 10px;} #social-media-buttons span {display:none;} #social-media-buttons ul{list-style:none;padding:0;margin:0;} #social-media-buttons ul li{padding:0;margin:0;} #social-media-buttons li {display: inline;float:left;height:40px;list-style:none;position:relative;margin:0;padding:0;} #social-media-buttons a {display: block; height:40px;padding:0;margin:0;} #social-media-buttons a:hover{text-decoration:none; margin:0;padding:0;} #facebook-btn{width:44px;} #facebook-btn a:hover {background: url('images/social-media-buttons.jpg') 0px -40px no-repeat;} #twitter-btn{width:44px;} #twitter-btn a:hover {background: url('images/social-media-buttons.jpg') -44px -40px no-repeat} #rss-btn{width:44px;} #rss-btn a:hover {background: url('images/social-media-buttons.jpg') -88px -40px no-repeat} /* Block-Home-Page-Styles */ #block-content{width: 560px; float:left; overflow:auto; padding:0 15px 15px; border-left: 2px solid #D8EBB4;} #block-single-content{width:560px; float:left; overflow:auto; padding:0 15px 15px; border-left: 2px solid #D8EBB4;} #block-content h1,#block-single-content h1{margin:15px 5px 10px 10px;} .page #block-content h1,.page #block-single-content h1{margin-top:25px;} #block-content p,#block-single-content p{margin:10px 5px 10px 10px;} #block-content img,#block-single-content img{margin:5px 5px 5px 0;} #block-content h2,#block-single-content h2{margin:10px 5px 10px 10px;} #block-content h3,#block-single-content h3{margin:10px 5px 10px 10px;} #block-content h4,#block-single-content h4{margin:10px 5px 10px 10px;} /* prevent default underline under hidden content */ #block-content h2 a{text-decoration:none;} #block-content h2 a:hover{text-decoration:underline;} #block-content a{color:#666666;text-decoration:none;} #block-content a:hover{color:#333366;text-decoration:underline;} #block-content ul {font-size:11px; line-height:18px;margin:10px 30px 10px 20px;} #block-content ul li {} #block-content ol {font-size:11px; line-height:18px;margin:10px 30px 10px 20px;} #block-content ol li {} #block-content .thumbnail {margin:0 5px 5px 30px; border:0;} #guide-image h1{color:#853131; margin:0;position:absolute;top:30px;left:550px} #block-content h1#welcome { background: url('images/h1-welcome.gif') 0 0 no-repeat transparent; text-indent:-9999px; width:284px; height:52px; margin:20px 0;} #procedures-home { background: url('images/procedures-bg.gif') top left repeat-x #c5e3f3; width: 560px; float:left; overflow:auto; padding: 0 10px 25px 25px; border-left: 2px solid #D8EBB4; } #procedures-home h2#surgical-procedures { background: url('images/h2-learn-more-about-surgical-weightloss.png') 0 0 no-repeat; text-indent:-9999px; width:427px; height:20px; margin:10px 0; } #procedures-home h3{font-size:16px; font-weight:bold; line-height:5px; color:#98c05b;} #profile-home { background: url('images/profile-bg.gif') top left repeat-x #eaf4d6; width: 560px; float:left; overflow:auto; padding: 10px 10px 10px 25px; margin: 0 0 10px; border-left: 2px solid #D8EBB4; } #profile-home img { float:left; padding: 10px 10px 10px 0; } #profile-home h2#dr-bass-profile { background: url('images/h2-dr-thomas-bass.png') 0 0 no-repeat; text-indent:-9999px; width:140px; height:15px; margin: 10px 0 10px 150px; } /* Block-left-Page-Styles */ #block-left{ float: left; margin: 10px 0 0; padding: 0 10px; width: 320px;} #block-left ul {margin:0; padding:0;list-style:none;} #block-left ul li{list-style:none;margin:0;} #block-left ul li a{font-size:12px; color:#133e60;} #block-left ul li a:hover {color:#6d9bbf;} #block-left h1{margin:20px 5px 10px 30px;} #block-left p{margin:10px 30px 10px 30px;} #block-left img{margin:0 5px 5px 0;} #block-left h2{margin:10px 5px 10px 10px; font-family: Georgia,"Times New Roman",Times,serif; font-size: 16px; font-weight: bold;} #block-left h3{margin:10px 5px 10px 30px;} #block-left h4{margin:10px 5px 10px 30px;} #block-left .search { background-color:#d8edf8; margin: 10px 10px 0 15px; border-top:2px solid #B5D9EC; border-right:2px solid #B5D9EC; border-bottom:3px solid #a6cbdf; border-left:2px solid #B5D9EC;} #block-left .rss-subscribe { background-color:#e1f2c2; margin: 10px 10px 0 15px; padding: 0 0 15px; border-top:2px solid #BCD68C; border-right:2px solid #BCD68C; border-bottom:3px solid #a7c177; border-left:2px solid #BCD68C;} #block-left .rss-subscribe h2 { margin-left:0; } #block-left .rss-subscribe ul li { margin-left:10px; } #block-left .popular { background-color:#e1f2c2; margin: 10px 10px 0 15px; padding: 0 0 15px; border-top:2px solid #BCD68C; border-right:2px solid #BCD68C; border-bottom:3px solid #a7c177; border-left:2px solid #BCD68C;} #block-left .popular h2 { } .quicklinks{margin:5px 20px 0 20px;list-style:none;padding:0;} .quicklinks ul{list-style:none; margin:5px 10px;} .quicklinks ul li{list-style:none;padding:0; margin-left: 10px;} .quicklinks ul li a{margin-left: 10px;} .quicklinks a:visited{color: #8BAC26;} .quicklinks a{color: #8BAC26;} .quicklinks a:hover{color: #666666;} /* Footer-Styles */ #footer {font-size:10px;} #footer h3{font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; margin:0 10px; color:#c8e394;} #footer h4{font-size:11px;line-height:15px;margin:5px 10px;color:#c8e394;} #footer p { color:#FFFFFF; font-size:10px; line-height: 16px; margin:5px 10px; } #footer a { color:#c8e394; font-size:10px;} #footer a:hover { color:#FFFFFF; font-size:10px;} #footerblock { padding: 20px 0 0; margin:0px; width:960px} #footerblock ul{list-style:none;padding:0; margin:5px 10px;} #footerblockleft {float:left;width:300px;margin-left:20px;} #footerblockmid {float:left;width:340px;} #footerblockright {float:right; width:300px;} #footer-tagline { padding: 0 20px; } #copyright {text-align:center;color:#DDDDDD;font-size:10px;margin-top: 10px;} #copyright a{text-align:center;text-transform:none;} /* Comment-Styles */ #block-comment{margin:0 0 0 2px; width:340px;} #block-comment h3{margin-left: 0;} #block-comment b {font-size:12px;} #commentform { margin:0; padding:0px; background:#fff;} #content .commentlist {margin: 0; padding: 0; border-top:#eed 1px solid;} .commentlist li {clear:both; list-style:none; margin: 0; padding: 1em; border-bottom:#eed 1px solid;} .commentlist .commentmetadata{margin:0 0 1em 0;} .commentlist li .cmtinfo {padding:0;margin-bottom: 1em;} .commentlist li .cmtinfo em { margin:0; padding:0 1em; font-weight:normal; font-style:normal;color:#999; font-size:95%;} .commentlist li cite {font-style:normal;font-weight:bold; font-size:1.1em;} .commentlist li.alt{background:#edebd5;} .commentlist .avatar{float:right; margin:0 0 0.5em 0.5em; } .comment-meta a{font-style:normal; font-weight:bold; font-size:10px; color:#999999;} .feed{background:url(images/feed.gif) no-repeat left; padding-left:18px; } .trackback{ background:url(images/trackback.gif) no-repeat left; padding-left:12px; } /* Fix up IE6 PNG Support */ img, #logo { behavior: url(scripts/iepngfix.htc); } /* Slider */ #slides { width:280px; margin-bottom: 10px; } .slides_container { background: url('images/slider-bg.gif') no-repeat 0 0 transparent; width:280px; height:275px; margin-left:0px; } .slides_container div { width:280px; height:275px; display:block; } .pagination { list-style:none; margin:0; padding:0; visibility:hidden;} .pagination .current a { background-position:0 -22px; } a#slide-img-001 {background: url('images/slider/slide-img-001.jpg') no-repeat 0 0 transparent; width:280px; height:275px; z-index:-1; } a#slide-img-002 {background: url('images/slider/slide-img-001.jpg') no-repeat 0 0 transparent; width:280px; height:275px; z-index:-1; } a#slide-img-003 {background: url('images/slider/slide-img-001.jpg') no-repeat 0 0 transparent; width:280px; height:275px; z-index:-1; } a#slide-img-004 {background: url('images/slider/slide-img-001.jpg') no-repeat 0 0 transparent; width:280px; height:275px; z-index:-1; } a#slide-img-005 {background: url('images/slider/slide-img-001.jpg') no-repeat 0 0 transparent; width:280px; height:275px; z-index:-1; } ul.pagination {margin: -33px 0 0 37px; position: absolute; z-index: 10;} ul.pagination li {display:inline; float: left;} ul.pagination li a{background: url('images/pagination.gif') no-repeat 0 0 transparent; color:#fff; font-size: 14px; text-align: center; width:20px; height:22px; padding: 0 3px 0 0; display:block; visibility:hidden;} ul.pagination li a:hover {background-position: 0 -22px;} /*twitter box start */ #txsidebar{ } #txsidebar.txboxcontent { margin:0 25px 10px 5px; display:block; padding:2px; } /*Twitter box Rounded Corner start */ #txsidebar{ background: transparent; } #txsidebar.txboxcontent { background:#fffbcb; border:0 solid #bdbcb6; border-width: 1px; } #txsidebar .popular ul li ul li { border-bottom: 1px dotted #837a6f; background: url("images/bullet-arrow3.gif") 0 9px no-repeat; } #txsidebar .popular ul li ul li a:hover { color:#333; } #txsidebar .popular ul li ul li a { color:#b30000; } /*search box Rounded Corner start */ #pxsearch{margin:0 15px 10px 5px; } /*subscribe box Rounded Corner start */ #pxsubscribe{ margin:0 15px 10px 5px; } /*popular box Rounded Corner start */ .pxboxcontent { margin:0 15px 10px 5px;display:block; padding:2px;} #block-left ul.wp-tag-cloud { margin-left:10px; } /************************************* Popular Posts Section **************************************/ #pxsidebar { background: transparent; margin:0 0 10px 5px; } .pxboxcontent { } /*popular box Rounded Corner End */ .popular ul { margin:0px; padding:0px 10px 15px 10px; } .popular ul li { margin:0px; padding:0px; } .popular ul li ul { padding:0px; } .popular ul li ul li { margin:0px; padding:5px 10px; } .popular ul li ul li a, #popular ul li ul li a:visited { padding:0; margin:0px; text-decoration:none; } .popular ul li ul li a:hover { text-decoration:underline; } /************************************* Sidebar 2 column **************************************/ #l_sidebar ul, #l_sidebar ul li, #r_sidebar ul, #r_sidebar ul li { margin:10px 10px 0 5px; padding:0px; font-size:10px;} #l_sidebar ul li ul li, #r_sidebar ul li ul li { margin:0px; padding:5px 3px 7px 8px; } #l_sidebar ul li ul li a, #l_sidebar ul li ul li a:visited, #r_sidebar ul li ul li a, #r_sidebar ul li ul li a:visited { margin:0px; text-decoration:none; } #l_sidebar ul li ul li a:hover, #r_sidebar ul li ul li a:hover { text-decoration:underline; } #l_sidebar ul li ul li ul li, #r_sidebar ul li ul li ul li { margin:0px; padding:0px; } #l_sidebar ul li ul li ul li a, #l_sidebar ul li ul li ul li a:visited, #r_sidebar ul li ul li ul li a, #r_sidebar ul li ul li ul li a:visited { padding:5px 3px 7px 8px; margin:0px; text-decoration:none; } #l_sidebar ul li ul li ul, #r_sidebar ul li ul li ul { border:none; padding:0px; margin:0px; } #l_sidebar ul li ul li ul li a:hover, #r_sidebar ul li ul li ul li a:hover { text-decoration:underline; } #l_sidebar, #r_sidebar { width:280px; margin:0px; padding:0px 0px 0px 10px; } #l_sidebar h2, #r_sidebar h2 { font-size:16px; } #l_sidebar ul li ul li, #r_sidebar ul li ul li { border-bottom: 1px dotted #b8b7af; background: url("images/bullet-arrow3.gif") 0 10px no-repeat; } #l_sidebar ul li ul li a, #r_sidebar ul li ul li a { color: #333; } #l_sidebar ul li ul li a:hover, #r_sidebar ul li ul li a:hover { color:#b30000; } #l_sidebar ul li ul li ul li, #r_sidebar ul li ul li ul li { border-bottom: 1px solid #b8b7af; /*IE Bug Fix */ background:none; } #l_sidebar ul li ul li ul li a, #r_sidebar ul li ul li ul li a { color: #333; } #l_sidebar ul li ul li ul, #r_sidebar ul li ul li ul { border: none; } /* Miscellaneous */ #flashframe{margin: 10px 0 10px 30px;} #calendar-frame{margin: 10px 0 10px 30px;} #contact-frame{margin: 10px 0 10px 30px;} .separator{margin:10px 15px; border-top:#ffffff 1px solid;} a:active, a:visited, a:link, a:hover{ outline: none; outline-style:none; outline-width:0; } a:focus{-moz-outline-style: none;} #bmi-form{ margin-left:30px; background-color:#F7F7F7; } #bmi-form th{ font-size:12px; font-weight:bold; text-align:left; padding:3px; } #bmi-form td{ font-size:12px; text-align:left; padding:3px; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* Newsletter Sign-Up Styles */ #SignUp {background: url("images/newsletter-subscription.gif") no-repeat scroll 0 0 transparent; border: medium none; width: 263px; height: 159px; margin: 10px 0 10px 20px; } .link, .link a, .signupframe { color: #133e60; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .link, .link a { text-decoration: none; } .signupframe { background: transparent; margin-top: -3px; } .signupframe td {float:left; clear:both; margin-top: -2px; padding: 3px 14px;} .signupframe .required { font-size: 10px; } .signupframe input { margin: -5px 0 0; } #signupsubmit { background: url("images/subscribe-button.gif") no-repeat scroll 0 0 transparent; border: medium none; width: 107px; height: 19px; text-indent: -9999px; } /* Calendar */ #calframe{margin:5px 5px 5px 0} #calframe table td{padding:0;} #calframe span {margin:0; padding:0;} .calnk a:hover {background-position:0 0;text-decoration:none;color:#000000;border-bottom:1px dotted #000000;} .calnk a:visited {text-decoration:none;color:#000000; border-bottom:1px dotted #000000;} .calnk a {text-decoration:none;color:#000000;border-bottom:1px dotted #000000;} .calnk a span {display:none;} .calnk a:hover span {color:#333333;background:#f5f5f5;display:block;position:absolute;padding:5px; width:200px; z-index:100;} .calendar-table {border:none; width:100%;} .calendar-heading { height:25px; text-align:center; border:1px solid #BBA25E; background-color:#CDBB89; } .calendar-next { width:25%;text-align:center;font-size:10px;font-weight:bold;} .calendar-prev {width:25%;text-align:center;font-size:10px;font-weight:bold;} .calendar-month {width:50%;text-align:center;font-weight:bold;} .normal-day-heading {text-align:center;width:25px;height:25px;font-size:10px;border:1px solid #D9CAA4;background-color:#EEEEEE;} .weekend-heading {text-align:center;width:25px;height:25px;font-size:10px;border:1px solid #D9CAA4;background-color:#EEEEEE;color:#FF0000;} .day-with-date {vertical-align:text-top;text-align:left;width:60px;height:60px;border:1px solid #D9CAA4;font-size:10px;} .no-events {} .day-without-date {width:60px;height:60px;border:1px solid #D9CAA4;font-size:10px;} span.weekend {color:#FF0000;} .current-day {vertical-align:text-top;text-align:left;width:60px;height:60px;border:1px solid #BFBFBF;background-color:#D5DDE1;font-size:10px;} span.event {font-size:11px;margin:5px;} .kjo-link {font-size:11px;text-align:center;} .print-view a{font-size:11px} .event-box{border:#999999 3px solid; margin:5px; padding:5px;} .event-title {text-align:left;font-weight:bold;font-size:12px; margin:0;padding:0;} .event-title-break {clear:both;} .event-content-break {clear:both;} .calendar-date-switcher { height:25px;text-align:center;border:1px solid #BBA25E;background-color:#E4EBE3;} .calendar-date-switcher form {margin:0; padding:0; } .calendar-date-switcher {input border:1px #BBA25E solid; } .calendar-date-switcher select {border:1px #D6DED5 solid;} .cat-key {width:100%;margin-top:10px;padding:5px;border:1px solid #D6DED5;font-size:12px;} #eventframe{margin:5px 20px;} #eventframe p{margin:10px 0 10px 0;} #eventframe table td{padding:0;} #eventframe span {margin:0; padding:0;} #eventframe ul{list-style:none; margin:0;padding:0;} #eventframe ul li{margin:0;padding:0; font-size:14px;} #eventframe ul li ul{list-style:none; margin:0;padding:0;} #eventframe ul li ul li {margin:0 0 0 10px;padding:0;} #eventframe .event-list-title{font-weight:bold; font-size:14px;} #eventframe .event-list-date{color:#666666; margin:10px 0 10px 0;font-size:14px;font-weight:bold;} #eventframe .event-list-content{} #eventframe .event-list-time span{font-weight:bold;} /* Forms */ .gform_wrapper{ overflow:hidden; margin:10px 0 10px 20px; padding:10px; background-color: #FFFFFF; } .gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3{font-weight:normal; border:none; outline:none; background:none} .gform_wrapper:focus{ outline:none} .gform_wrapper form{ text-align:left} .gform_wrapper input{ outline-style:none; font-size:11px; font-family:verdana,sans-serif; padding:2px 0 2px 0; letter-spacing:normal} .gform_wrapper textarea{ outline-style:none; font-size:11px; font-family:verdana,sans-serif; letter-spacing:normal; padding:2px 0 2px 0; resize:none; /* doesn't validate but added for Safari field resizing */} .gform_wrapper ul{ margin:0; list-style-type:none} html >body .entry ul, .gform_wrapper ul{text-indent:0px} .gform_wrapper li, .gform_wrapper form li{ list-style-type:none!important; overflow:hidden} .gform_wrapper ul.right_label li, .gform_wrapper form ul.right_label li, .gform_wrapper ul.left_label li, .gform_wrapper form ul.left_label li {margin-bottom:14px} .gform_wrapper ul li:before, .gform_wrapper ul li:after, .entry ul li:before, .entry ul li:after{content:""; /* for safari */} .gform_wrapper ul li:before, .gform_wrapper ul li:after, .entry ul li:before, .entry ul li:after{content:none; # /* for other browsers */} .gform_wrapper ul.gform_fields{ padding:0px; margin:0px} .gform_wrapper select{ font-size:11px; font-family:verdana,sans-serif; padding:3px 0 3px 0; letter-spacing:normal} .gform_wrapper .inline{ display:inline!important} .gform_wrapper .gform_heading{ width:98%; padding-bottom:12px; margin-bottom:18px} .gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year{ width:70px; float:left} .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year {margin-right:12px} .gform_wrapper .gfield_time_ampm select{ width:60px!important} .gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input, .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input{ width:70%!important} .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year{ width:50px; float:left} .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input{ width:85%!important} .gform_wrapper .field_hover{ border:1px dashed #2175A9!important; cursor:pointer} .gform_wrapper .field_selected{ background-color:#DFEFFF; border:1px solid #C2D7EF!important} .gform_wrapper .field_name_first, .gform_wrapper .field_name_last{ width:50%; float:left} .gform_wrapper .ginput_complex{overflow:hidden} .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input{ width:90%!important} .gform_wrapper .field_name_last input{ width:93%!important} .gform_wrapper .datepicker{ width:100px!important} .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right{ width:48%; float:left;} .gform_wrapper .gfield_error .ginput_complex .ginput_left, .gform_wrapper .gfield_error .ginput_complex .ginput_right { width:50%} .gform_wrapper .gfield_error .ginput_complex .ginput_left input { width:90%!important} .gform_wrapper .gfield_error .ginput_complex .ginput_right input { width:100%!important} .gform_wrapper .ginput_complex input, .gform_wrapper .ginput_complex select{ width:92%!important} .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction { display:block; margin:3px 0 8px 0; font-size:10px; letter-spacing: 1px} .gform_wrapper .ginput_complex .name_prefix{ float:left; width:30px!important; margin-right:14px} .gform_wrapper .ginput_complex .name_suffix{ float:left; width:30px!important} .gform_wrapper .ginput_complex .name_first, .gform_wrapper .ginput_complex .name_last{ float:left; width:100px; margin-right:8px} .gform_wrapper .top_label .gfield_label{ margin:10px 0 4px 0; font-weight:bold; display:-moz-inline-stack; display:inline-block; line-height:130%; clear:both} .gform_wrapper .left_label .gfield_label{ float:left; margin:2px 15px 0 0; width:29%; font-weight:bold} .gform_wrapper .right_label .gfield_label{ float:left; margin:2px 15px 0 0; width:29%; font-weight:bold; text-align:right} .gform_wrapper .left_label ul.gfield_checkbox, .gform_wrapper .right_label ul.gfield_checkbox, .gform_wrapper .left_label ul.gfield_radio, .gform_wrapper .right_label ul.gfield_radio{ margin-left:32%} .gform_wrapper .top_label input.small, .gform_wrapper .top_label select.small{ width:25%} .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium{ width:50%} .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea{ width:92%} .gform_wrapper .right_label input.small, .gform_wrapper .right_label select.small, .gform_wrapper .left_label input.small, .gform_wrapper .left_label select.small{ width:15%} .gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium, .gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium{ width:35%} .gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper textarea.textarea{ width:59%} .gform_wrapper .right_label div.ginput_complex, .gform_wrapper .left_label div.ginput_complex{ width:64%; float:left} .gform_wrapper h2.gsection_title{ margin:0!important; padding:0!important; letter-spacing:normal!important} .gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title{ font-weight:bold; font-size:16px; font-family:Helvetica,sans-serif} .gform_wrapper h3.gform_title{ letter-spacing:normal!important; margin:10px 0 6px 0} .gform_wrapper span.gform_description{font-weight:normal} .gform_wrapper h2.gsection_title, .gform_wrapper .gsection_description, .gform_wrapper h3.gform_title{ width:98%} .gform_wrapper .gsection{ border-bottom:1px dotted #ccc!important; padding:0 0 8px 0; margin:8px 0 16px 0} .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio{ padding:5px 0; margin:0} .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li{ padding:3px 0 0 0!important;} .gform_wrapper .gfield_checkbox label, .gform_wrapper .gfield_radio label{ margin-left:6px; display:inline} .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description,.gform_wrapper .instruction { font-size:10px; line-height:150%; clear:both; font-family:verdana,sans-serif; letter-spacing:normal} .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description{padding:4px 0 8px 0} .gform_wrapper .gfield_description {padding: 10px 0 8px 0; font-style: italic} .gfield_date_year+.gfield_description {padding:0 0 8px 0} .gform_wrapper .gsection_description {font-style: italic} .ginput_complex + .gfield_description {padding-top:0!important} .gform_wrapper .right_label .gfield_description, .gform_wrapper .left_label .gfield_description, .gform_wrapper .left_label .instruction, .gform_wrapper .right_label .instruction{ margin-left:29%; padding-left:15px} .gform_wrapper .left_label .gsection .gsection_description, .gform_wrapper .right_label .gsection .gsection_description{ margin-left:0; padding-left:0; padding-top:4px; line-height:150%} .gform_wrapper .gfield_required{ color:#790000; margin-left:4px} .gform_wrapper textarea.small{ height:80px} .gform_wrapper textarea.medium{ height:150px} .gform_wrapper textarea.large{ height:250px} .gform_wrapper .gfield_error{ background-color:#FFDFDF!important; margin-top:4px!important; margin-bottom:6px; padding:6px 6px 4px 6px!important; border:1px dotted #C89797} .gform_wrapper .top_label .gfield_error .ginput_container {max-width:99%} .gform_wrapper .top_label .gfield_error{ width:92%} .gform_wrapper .top_label .gfield_error input.large, .gform_wrapper .top_label .gfield_error select.large, .gform_wrapper .top_label .gfield_error textarea.textarea{ width:100%} .gform_wrapper .right_label .gfield_error input.large, .gform_wrapper .right_label .gfield_error select.large, .gform_wrapper .right_label .gfield_error textarea.textarea, .gform_wrapper .left_label .gfield_error input.large, .gform_wrapper .left_label .gfield_error select.large, .gform_wrapper .left_label .gfield_error textarea.textarea { width:66%} .gform_wrapper .gfield_error .gfield_label{ color:#790000} .gform_wrapper .validation_error{ color:#790000; font-weight:bold; font-size:14px; line-height:150%; font-family:Helvetica,sans-serif; margin-bottom:16px} .gform_wrapper .validation_message{ color:#790000!important; font-size:11px; font-family:verdana,sans-serif; letter-spacing:normal} .gform_wrapper .gform_footer{ padding:5px 0 10px 0; margin:5px 0 0 0px} .gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label { padding:16px 0 10px 31%} .gform_wrapper input.button{ font-size:75%; color:#FFFFFF; background-color: #666666;} .gform_wrapper input.button:hover{ color:#000} #gforms_confirmation_message{background-color:#fffac6; border:1px solid #feda70; margin-top:10px; margin-bottom:10px; padding:20px 0; font-size:14px; color:#252525; text-align:center} /* added for v1.3 ------------------------------------------------------------------------- */ .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full { min-height:43px; display:block; overflow:hidden} .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {margin-bottom:4px; line-height: 130%!important} /* improve spacing and prevent descenders from getting cut off in IE */ /* a few IE7 specific hacks ------------------------------------------------------------------------- */ .gform_wrapper .gfield_time_hour{*width:80px} .gform_wrapper .gfield_time_minute{*width:70px} .gform_wrapper .gfield_time_ampm{*padding-top:2px} .gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input{*margin-left:-10px} .gform_wrapper .ginput_complex .ginput_left label, .gform_wrapper .ginput_complex .ginput_right label { *margin:3px 0 5px 0} .gform_footer input.button {*padding:3px} ul.top_label .clear-multi {overflow:hidden; clear:both} /* IE8 & IE7 hacks because IE still sux ------------------------------------------------------------------------- */ .gform_wrapper .ginput_complex .ginput_left select, .gform_wrapper .ginput_complex .ginput_right select { padding: 2px 0 2px 0\9 } /* jQuery UI date picker ---------------------------------------------------------------------------------------*/ .ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div{ /*resets*/margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none; font-family:"lucida sans", "lucida grande", lucida ,sans-serif; background:#fff; font-size:1.0em; border:4px solid #C1C1C1; width:15.5em; padding:2.5em .5em .5em .5em; position:relative} .ui-datepicker-div, #ui-datepicker-div{ z-index:9999; /*must have*/ display:none} .ui-datepicker-inline{ float:left; display:block} .ui-datepicker-control{ display:none} .ui-datepicker-current{ display:none} .ui-datepicker-next, .ui-datepicker-prev{position:absolute; left:.5em; top:.5em; background:#eee} .ui-datepicker-next{ left:14.6em} .ui-datepicker-next:hover, .ui-datepicker-prev:hover{ background:#dadada} .ui-datepicker-next a, .ui-datepicker-prev a{ text-indent:-999999px; width:1.3em; height:1.4em; display:block; font-size:1em; background:url(../images/datepicker_arrow_left.gif) 50% 50% no-repeat; border:1px solid #d3d3d3; cursor:pointer} .ui-datepicker-next a{ background:url(../images/datepicker_arrow_right.gif) 50% 50% no-repeat} .ui-datepicker-header select{ border:1px solid #d3d3d3; color:#555; background:#e6e6e6; font-size:1em; line-height:1.4em; position:absolute; top:.5em; margin:0 !important} .ui-datepicker-header option:focus, .ui-datepicker-header option:hover{ background:#dadada} .ui-datepicker-header select.ui-datepicker-new-month{ width:7em; left:2.2em} .ui-datepicker-header select.ui-datepicker-new-year{ width:5em; left:9.4em} table.ui-datepicker{ width:15.5em; text-align:right} table.ui-datepicker td a{ padding:.1em; display:block; color:#555; background:#e6e6e6; cursor:pointer; border:1px solid #fff; text-align:center} table.ui-datepicker td a:hover{ border:1px solid #fff; color:#212121; background:#dadada; text-decoration: none} table.ui-datepicker td a:active{ border:1px solid #aaa; color:#212121; background:#fff; text-decoration: none} table.ui-datepicker .ui-datepicker-title-row td{ padding:.2em 0; text-align:center; font-size:.9em; color:#222; text-transform:uppercase} table.ui-datepicker .ui-datepicker-title-row td a{ color:#222; padding:.3em 0} .ui-datepicker-cover{ display:none; display/**/:block; position:absolute; z-index:-1; filter:mask(); top:-4px; left:-4px; width:193px; height:200px} img.ui-datepicker-trigger {position:relative; top:3px; left:4px} /* tame those pesky hidden fields --------------------------------------------------------------------*/ .gform_wrapper input[type="hidden"], .gform_wrapper input.gform_hidden {display:none} /* fix captcha alignment for IE8 --------------------------------------------------------------------*/ .gform_wrapper .left_label #recaptcha_area, #recaptcha_table, .gform_wrapper .right_label #recaptcha_area, #recaptcha_table {margin-left:32%;} Guide menu */ .pagenav ul li {font-weight:bold;} .pagenav ul li ul li {background: url("images/bullet-arrow3.gif") 0 9px no-repeat; font-weight:normal;font-size:9px;!important} .pagenav ul ul, .pagenav .current_page_item ul ul, .pagenav .current_page_ancestor ul ul, .pagenav .current_page_ancestor .current_page_item ul ul, .pagenav .current_page_ancestor .current_page_ancestor ul ul { display: none; } .pagenav .current_page_item ul, .pagenav .current_page_ancestor ul, .pagenav .current_page_ancestor .current_page_item ul, .pagenav .current_page_ancestor .current_page_ancestor ul, .pagenav .current_page_ancestor .current_page_ancestor .current_page_item ul, .pagenav .current_page_ancestor .current_page_ancestor .current_page_ancestor ul { display: block; } #bmi-calculator-btn {height:92px; width:301px;padding:0;margin:0;} #bmi-calculator-btn a {display: block; text-indent: -9999px; height:92px; width:301px; background: url('images/bmi-calculator-btn.gif') no-repeat;} #bmi-calculator-btn a:hover {background: url('images/bmi-calculator-btn.gif') 0px -92px no-repeat} #special-button{height:190px; width:275px;padding:0;margin:0 0 0 4px;} #special-button span {display:none;} #special-button-top{background: url('images/special-pricing-top.gif') no-repeat; width: 303px; height:159px; padding:0; margin:0;} #special-button-foot{background: url('images/special-pricing-bottom.gif') no-repeat; width: 303px; height: 30px; padding:0; margin:0;} #special-button-foot a {display: block; width: 303px; height: 30px; background: url('images/special-pricing-bottom.gif') no-repeat;} #special-button-foot a:hover {background: url('images/special-pricing-bottom.gif') 0px -31px no-repeat}