/************************************************************************** CSS Reset ***********************************************************/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /************************************************************************** Layout Styles ***********************************************************/ body {background-color: #F6F6DB;background-image: url("/sites/all/themes/jemc_theme/images/bg-header.jpg");background-repeat: repeat-x;font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;font-size: 12px;line-height: 16px;margin: 0;padding: 0;height: 100%; } .medium #main_content {font-size: 14px; line-height: 18px;} .large #main_content {font-size: 16px; line-height: 20px;} strong {font-weight: bold;} #page {background-color: #FFFFFF;padding: 23px 0 50px;width: 960px;min-height: 100%;margin:0 auto;} #site-name a {text-indent: -9999px;display:block;width:221px;height:56px;background:url('/sites/all/themes/jemc_theme/images/jemc-logo.jpg') no-repeat transparent;} #main-wrapper {width:960px;} #sidebar-first {display: block;left: 0;width: 250px;} #sidebar-second {float:right;} ul.menu { background-color: #DFDFDF;height: 30px;} ul.menu li {float: left;list-style: none outside none;} ul.menu ul li {float: left;} ul.menu ul { /*position:absolute;left:200px;*/ } ul.menu ul ul {clear: right;float: left;left:0;height: auto;margin: 15px 0;padding: 5px 0;position: absolute;width: 200px;} ul.menu ul ul li {float:none;} ul.menu ul ul ul {position:relative;margin:0;padding:0;width:185px;} ul.menu ul ul li a, ul.menu ul ul li a:visited {font-size:10px;} a.active-trail, a.active-trail:visited {font-weight: bold;} /*#breadcrumb, #main-wrapper {display: block;margin-top: 0;padding: 0;width: 700px;} */ .sf-menu {clear: left; position: relative; width: 960px; /*border-bottom: 5px solid #f8ae33;*/ } .sf-menu ul {margin:15px 0 0;} .sf-menu li {float:left;} .sf-menu li a, ul li a:visited {font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;} .sf-menu li a:hover {} /***************************************************************************************** Header Styles **************************************************************************/ #header-wrapper {width:960px;margin:0 auto;} #header {display:block;height:153px;padding:0;margin: 0 auto;width: 960px;} #site-name {width:221px;height:55px;float:left;padding-right:142px;margin: 0 0 18px;} #site-name a {text-indent: -9999px;display:block;width:221px;height:56px;background:url('/sites/all/themes/jemc_theme/images/jemc-logo.png') no-repeat transparent;} span.quicklinks {color: #ffffff;float: left;font-size: 12px;padding: 25px 0 0 50px;} span.quicklinks a, span.quicklinks a:visited {color:#ffffff;font-size:12px;text-decoration:none;} span.quicklinks a:hover {color:#fdb728;} span.site_search {float: right;margin: 16px 29px 0 0;width:250px;} input {float: left; height: 28px; margin: 0 8px 0 0; width: 200px;} input#searchsubmit {background: url("/sites/all/themes/jemc_theme/images/search-button.jpg") repeat scroll 0 0 transparent;border: medium none;display: block;height: 28px;margin: 0 0 0 8px;text-indent: -9999px;width: 37px;} h1 {} h2 {margin:0 0 18px;} h3 {} h4 {} h5 {} p {margin:0 0 18px;color:#333333;} a, a:visited {outline:none;} a:hover {} .clearfix {clear: both;display: block;height: 0;} #global_nav {position:relative;clear:left;} #menu {width:960px;position:absolute;} #menu li {float:left;} #menu li a, ul li a:visited {font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;} #menu li a:hover {} /***************************************************************************************** Breadcrumb & Text Resizer **************************************************************************/ #breadcrumbs {width:673px;height:44px;margin:0 0 0 34px;font-size: 12px;float:left;color:#666666;font-size: 11px;} #breadcrumbs a, #breadcrumbs a:visited {color:#666666;font-size: 11px;text-decoration:none;} #breadcrumbs a:hover {text-decoration: underline;} #text-resizer {width:253px;height:44px;margin: -2px 7px 2px 0font-size: 12px;float:right;} #text-resizer a, #text-resizer a:visited {float:left;margin:0 10px 0 0;display:block;text-decoration: none;color:#666666;} #text-resizer a:hover {text-decoration: underline;} #text-resizer ul.resizer, #text-resizer ul.resizer li, #text-resizer p {float:left;line-height: 20px;color:#666666;} #text-resizer p {margin:0 5px 0 0;font-size:11px;} #text-resizer li.small a, #text-resizer li.small a:visited {line-height:20px;} #text-resizer li.medium a, #text-resizer li.medium a:visited {font-size: 14px;line-height:18px;} #text-resizer li.large a, #text-resizer li.large a:visited {font-size: 16px;line-height:17px;} #text-resizer li.small a:hover, #text-resizer li.medium a:hover, #text-resizer li.large a:hover {text-decoration: underline;} #text-resizer .addthis_toolbox {display:inline !important;} #text-resizer .atclear {clear:none;} #text-resizer a.addthis_button_compact, #text-resizer a.addthis_button_compact:visited { background: url("../images/share-link.jpg") no-repeat scroll 0 0 transparent;display: block;font-size: 11px;height: 15px;margin: 0 0 0 6px !important;padding: 2px 13px 0 3px;} #text-resizer .at300bs {background:none;} #text-resizer a.addthis_button_compact:hover {background-position: 0 -15px;text-decoration:none;} #text-resizer .share-link a, #text-resizer .share-link a:visited {font-size: 11px;line-height: 20px;padding: 0 2px;} #text-resizer a.print-link, #text-resizer a.print-link:visited {background:url("../images/print-link.jpg") no-repeat;display: block;padding: 0 0 0 22px;height: 15px;} #text-resizer a.print-link:hover {background-position: 0 -15px;text-decoration:none;} #text-resizer .at4-icon.aticon-compact { background:none !important; } #breadcrumbs.homepage, #text-resizer.homepage {height:25px;} .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m {} /* #breadcrumbs {width:673px;height:44px;margin:0 0 0 34px;font-size: 12px;float:left;color:#666666;font-size: 11px;} #breadcrumbs a, #breadcrumbs a:visited {color:#666666;font-size: 11px;text-decoration:none;} #text-resizer {width:250px;height:44px;margin: -2px 7px 2px 0font-size: 12px;float:right;} #text-resizer a, #text-resizer a:visited {float:left;margin:0 10px 0 0;display:block;text-decoration: none;color:#666666;} #text-resizer ul.resizer, #text-resizer ul.resizer li, #text-resizer p {float:left;line-height: 20px;color:#666666;} #text-resizer p {margin:0 5px 0 0;font-size:11px;} #text-resizer li.small a {line-height:20px;} #text-resizer li.medium a {font-size: 14px;line-height:18px;} #text-resizer li.large a {font-size: 16px;line-height:17px;} #text-resizer li a:hover {text-decoration:underline;} #text-resizer a.share-link {height: 16px;background:url("/sites/all/themes/jemc_theme/images/share-link.jpg") no-repeat;display: block;padding: 0 0 0 22px;margin:0 12px 0 6px; } #text-resizer a.share-link:hover {background-position: 0 -15px;text-decoration:underline;} #text-resizer a.print-link {height: 16px;background:url("/sites/all/themes/jemc_theme/images/print-link.jpg") no-repeat;display: block;padding: 0 0 0 22px;} #text-resizer a.print-link:hover {background-position: 0 -15px;text-decoration:underline;} #text-resizer .addthis_toolbox {display:inline !important;} #text-resizer .atclear {clear:none;} #text-resizer a.addthis_button_compact, #text-resizer a.addthis_button_compact:visited {background: url("../images/share-link.jpg") no-repeat scroll 0 0 transparent; display: block; height: 15px; margin: 0 0 0 6px !important; padding: 0 13px 0 3px;} #text-resizer .at300bs {background:none;} #text-resizer a.addthis_button_compact:hover {background-position: 0 -15px;text-decoration:none;} #text-resizer .share-link span a, #text-resizer .share-link span a:visited {} */ /***************************************************************************************** Homepage Styles **************************************************************************/ #header.homepage {height:120px;} .homepage.row1 {height:335px;padding:0 27px;display:block;} .homepage.row1 .col1 {display:block;background: url("/sites/all/themes/jemc_theme/images/slideshow-bg.jpg") no-repeat 0 0 transparent;width:638px;height:310px;float:left;padding:12px 15px 17px 14px;margin-left: -7px;} #slideshow {width:611px;height:282px;} #slideshow li {background-color: transparent;width:611px;height:282px;} #slideshow li .slide-copy {display: block; float: left; padding-right: 10px; width: 210px;} #slideshow img { float:left;} #slideshow p {color:#333333;font-size:13px;line-height: 20px;padding-right: 25px;} #slideshow a, #slideshow a:visited {background: none;color: #003399;font-size: 14px;font-weight: bold;padding-right: 18px;text-decoration: none;} #slideshow h1.slide1 {margin-top: 29px;width:196px;height:72px;display:block;background:url("/sites/all/themes/jemc_theme/images/slide1-h1.jpg") no-repeat 0 0 transparent;text-indent: -9999px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;} #slideshownav {float: right;margin: -24px 0 0;position: relative;text-align: center;min-width: 250px;z-index: 20;} #prev2 {float:left;width:9px;height:24px;display:block;background:url("/sites/all/themes/jemc_theme/images/btn-prev.png") no-repeat 0 0 transparent;text-indent:-9999px;margin:0 6px 0 0;} #next2 {float:left;width:9px;height:24px;display:block;background:url("/sites/all/themes/jemc_theme/images/btn-next.png") no-repeat 0 0 transparent;text-indent: -9999px;} #nav {} #nav a, #nav a:visited {background-color: #FEFAF1;display: block;float: left;height: 20px;padding-top: 4px;margin: 0 7px 0 0;text-decoration: none;width: 26px;color:#ce9a63;} #nav a:hover, #nav a.activeSlide, #nav a.activeSlide:visited {background-color: #fac335;color:#ffffff;} .homepage.row1 .col2 {display: block;float: right;height: 296px;margin-top: 4px;width: 256px;} .homepage.row1 .col2 a, .homepage.row1 .col2 a:visited {display:block;width:252px;background:url("/sites/all/themes/jemc_theme/images/quicklinks-sprite.jpg") no-repeat transparent;} .homepage.row1 .col2 a.myhome, .homepage.row1 .col2 a.myhome:visited {height:71px;margin-bottom: 5px;} .homepage.row1 .col2 a.myhome:hover {background-position: -252px 0;} .homepage.row1 .col2 a.mybusiness, .homepage.row1 .col2 a.mybusiness:visited {height:71px;margin-bottom: 5px;background-position: 0 -75px;} .homepage.row1 .col2 a.mybusiness:hover {background-position: -252px -75px;} .homepage.row1 .col2 a.myaccount, .homepage.row1 .col2 a.myaccount:visited {height:71px;margin-bottom: 19px;background-position: 0 -150px;} .homepage.row1 .col2 a.myaccount:hover {background-position: -252px -150px;} .homepage.row1 .col2 a.paymybill, .homepage.row1 .col2 a.paymybill:visited {height:46px;background-position: 0 -240px;} .homepage.row1 .col2 a.paymybill:hover {background-position: -252px -240px;} .homepage.row2 {padding:0 25px 0 27px;display:block;margin-bottom: 0;float:left;} .homepage.row2 h2 {text-transform:uppercase;font-size:15px;font-weight: bold;color:#0142a2;margin-bottom: 13px;} .homepage.row2 h3 {font-weight: bold;color:#0086cf;margin-bottom: 6px;} .homepage.row2 h3 a, .homepage.row2 h3 a:visited {text-decoration: none;color:#0086cf;font-size:14px;line-height: 18px;} .homepage.row2 .col1 h3 a, .homepage.row2 .col1 h3 a:visited {display: block; max-width: 265px;} .homepage.row2 p {font-size:12px;line-height: 18px;color:#1b1b1b;margin-bottom: 22px;} .homepage.row2 a.readmore, .homepage.row2 a.readmore:visited {color:#0086cf;font-style: italic;text-decoration: none;} .homepage.row2 a:hover {text-decoration: underline;} .homepage.row2 .col1 {display: block; float: left; min-height: 266px; padding: 2px 0 0 3px; width: 307px;} .homepage.row2 .col2 {background: url("/sites/all/themes/jemc_theme/images/homepage-divider.jpg") no-repeat scroll 0 7px transparent; display: block; float: left; min-height: 266px; margin-left: 15px; margin-right: 30px; margin-top: 0; padding-left: 30px; padding-top: 4px; width: 300px;} .homepage.row2 .col2 h3 {margin-bottom:0;} .homepage.row2 .col2 h3 a, .homepage.row2 .col2 h3 a:visited {color: #0086CF; font-size: 14px; font-weight: bold;text-decoration: none;} .homepage.row2 .col2 h3 a:hover {text-decoration: underline;} .homepage.row2 .col3 {background: url("/sites/all/themes/jemc_theme/images/homepage-divider.jpg") no-repeat scroll 0 7px transparent; display: block; float: left; height: 266px; padding-left: 32px; padding-top: 2px; width: 249px;} .homepage.row2 .col3 ul.primary-list {width:125px;display:block;float:left;margin-bottom:38px;} /*.homepage.row2 .col3 ul.primary-list {width:125px;display:block;float:left;margin-bottom:5px;}*/ .homepage.row2 .col3 ul.secondary-list {margin-right: 4px;width:80px;display:block;float:right;margin-bottom:38px;} .homepage.row2 .col3 ul li a, .homepage.row2 .col3 ul li a:visited {text-decoration: none;font-size:12px;font-weight:bold;color:#0086cf;margin-bottom: 8px;display:block;} .homepage.row2 .col3 ul li a:hover {text-decoration: underline;} .homepage.row2 .col3 img.commendation {margin-left:-7px;margin-right:7px;align:left;} .homepage.row2 .col3 p.commendation {display: block; font-size: 11px; line-height: 15px; margin-bottom: 3px; padding: 20px 0 0;} .homepage.row2 .col3 p.commendation-source {font-size:11px;padding:5px 0 0 0;display:block;line-height:16px;color:#636363;} /***************************************************************************************** Landing Pages Styles for Home, for Business **************************************************************************/ #main_content.interior-landing-home h1#page-title, #main_content.interior-landing-business h1#page-title {position:absolute;top:-9999px;} #subnav-one {display:block;float:left;width:254px;height:240px;margin:8px 0 49px;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; url('/sites/all/themes/adsmith_base/css/PIE.htc'); } .business-landing #subnav-one {margin-bottom:24px;} #main_content #subnav-one ul {margin:0px !important;padding:0px 0px 11px !important;background:url('/sites/all/themes/jemc_theme/images/bg-subnav-one-btm.jpg') no-repeat 0 bottom transparent;} #subnav-one li {width:252px;padding:0px !important;margin:0px !important;list-style-image:none;} #subnav-one li a, #subnav-one li a:visited {background: url("/sites/all/themes/jemc_theme/images/bg-subnav-one-a.jpg") no-repeat scroll 0 0 transparent; border-bottom: 1px solid #D2D2D2; color: #003399; display: block; font-size: 14px; line-height: 14px; min-width: 189px; padding: 11px 25px 12px 37px;} .residential-landing #subnav-one li.current-page { background: url("/sites/all/themes/jemc_theme/images/bg-subnav-one-parent-home.jpg") no-repeat scroll 0 0 transparent; border-bottom: medium none; height: 47px; min-width: 202px; text-indent: -9999px; } .business-landing #subnav-one li.current-page { background: url("/sites/all/themes/jemc_theme/images/bg-subnav-one-parent-business.jpg") no-repeat scroll 0 0 transparent; border-bottom: medium none; height: 47px; min-width: 202px; text-indent: -9999px; } #subnav-one li a:hover {background-position: 0 -37px;text-decoration:none;} #subnav-one li:first-child a:hover {background:none;background-color:#fffbe5;text-decoration:none;} #section-nav {margin-left: 24px;} #main_content #interior_slideshow {background:url(/sites/all/themes/jemc_theme/images/interior-slideshow-bg.jpg) no-repeat 0 0 transparent;display:block;width:645px;height:260px;list-style-image:none;margin:0 0 0 21px;float:left;} #main_content #interior_slideshow li {margin:0 0 18px 13px;padding: 17px 0 0 4px;} #main_content #interior_slideshow li.slide .img-holder {height:225px;} #main_content #interior_slideshow .image-holder {width:610px !important;} #main_content #interior_slideshow li p, #main_content #interior_slideshow li h3 {text-indent: -9999px;position:absolute;} #main_content #interior_slideshownav {float: left; margin: -43px 0 20px 92px; min-width: 224px; position: relative; text-align: center; z-index: 20;} #main_content #prev2 {float:left;width:9px;height:24px;display:block;background:url("/sites/all/themes/jemc_theme/images/btn-interior-prev.png") no-repeat 0 0 transparent;text-indent:-9999px;margin:0 6px 0 0;} #main_content #next2 {float:left;width:9px;height:24px;display:block;background:url("/sites/all/themes/jemc_theme/images/btn-interior-next.png") no-repeat 0 0 transparent;text-indent: -9999px;} #main_content #nav {} #main_content #nav a, #main_content #nav a:visited {background-color: #4f7293;display: block;font-size: 12px;line-height: 14px;float: left;height: 20px;padding: 4px 0 0;margin: 0 7px 0 0;text-decoration: none;width: 26px;color:#ffffff;} #main_content #nav a:hover, #main_content #nav a.activeSlide, #main_content #nav a.activeSlide:visited {background-color: #ffffff;color:#4f7293;} #main_content.interior-landing-business {width:960px;padding:0 0 0 25px;} #main_content.interior-landing-page {width:960px !important;padding: 0 0 0 25px !important;margin-left: 0px !important;} .business-landing .row2 {display: block;float: left;margin: 0 0 0 17px;} .business-landing .row2 .col1 {display:block;float:left;width:333px;padding:0 30px 15px 10px; background:url("/sites/all/themes/jemc_theme/images/bg-services-support.jpg") no-repeat right 0 transparent;margin:14px 5px 0 0;} .business-landing .row2 .col2 {display:block;float:left;width:265px;margin-top:14px;} #main_content .business-landing .row2 h2 {text-transform: uppercase;font-weight: bold;color:#0142a2;} #main_content .business-landing .row2 h3 {color:#0086cf;font-size: 13px;margin:0 0 5px;font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande"," Lucida Sans", Arial, sans-serif;} .business-landing .row2 p {} #main_content .business-landing .row2 a, #main_content .business-landing .row2 a:visited {color:#0086cf;font-size:12px;} .business-landing .row2 .col2 p {margin:0 0 40px;} .business-landing .row2 .col2 img { float: left;margin: 3px 15px 0 0;} .business-landing .row3 {display: block;float: left;margin: 0 0 0 17px;padding:28px 0 0;background:url("/sites/all/themes/jemc_theme/images/bg-bus-row2.jpg") no-repeat 0 0 transparent;} .business-landing .row3 .col1 {display:block;float:left;width:130px;margin-right: 15px;} .business-landing .row3 .col2 {display:block;float:left;width:160px;margin-right: 15px;} .business-landing .row3 .col3 {display:block;float:left;width:170px;margin-right: 15px;} .business-landing .row3 .col4 {display:block;float:left;width:130px;} #main_content .business-landing .row3 h3, #main_content .residential-landing .row3 h3 {text-transform: uppercase;font-weight: bold;color:#0142a2;font-size:13px;margin:0 0 7px;} .residential-landing .row3 h3 a, .residential-landing .row3 h3 a:visited {max-width:none;padding:0;} .business-landing .row3 p, .residential-landing p {} .business-landing .row3 a, .business-landing .row3 a:visited, .residential-landing a, .residential-landing a:visited { display: block;font-size: 12px;line-height: 14px;padding: 0 0 11px;} #main_content.interior-landing-home {width:960px;padding: 0 0 0 25px;} .residential-landing .row2 {display: block;float: left;width:100%;margin: 0 0 0 12px;} #main_content .residential-landing .row2 h2 {text-transform: uppercase;font-weight: bold;color:#0142a2;} #main_content .residential-landing .row2 h3 {text-indent: 0;float:left;color:#0086cf;font-size: 13px;margin:0 0 5px;font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande"," Lucida Sans", Arial, sans-serif;} #main_content .residential-landing .row2 p {display: block; float: left; text-indent: 0; width: 175px;} .residential-landing .row2 img { float: left;margin: 0 15px 0 0;} #main_content .residential-landing .row2 ul {list-image:none;margin:0;} #main_content .residential-landing .row2 ul li {display:block;width:296px;float:left;} .residential-landing .row3 {background: url("/sites/all/themes/jemc_theme/images/bg-res-row2.jpg") no-repeat scroll 0 0 transparent; display: block; float: left; padding: 28px 0 0; width: 100%; } .residential-landing .row3 .col1 {display:block;float:left;width:185px;margin-right: 15px;margin-left: 10px;} .residential-landing .row3 .col2 {display:block;float:left;width:185px;margin-right: 10px;} .residential-landing .row3 .col3 {display:block;float:left;width:220px;margin-right: 10px;} .residential-landing .row3 .col4, .residential-landing .row3 .col6 {display:block;float:left;width:150px;margin-right: 10px;} .residential-landing .row3 .col5 {display:block;float:left;width:130px;} /***************************************************************************************** Landing Page - Contact Us **************************************************************************/ .contact-us-page .row2 {display: block;float: left;margin: 0 0 25px 17px;} .contact-us-page .row2 .col1 { display: block; float: left; margin: 14px 5px 0 0; padding: 0 30px 15px 10px; width: 629px;} .contact-us-page .row2 .col1 .info-box {background: url("../images/bg_info_box.jpg") no-repeat scroll 0 bottom #FFFAE1; display: block; padding: 15px 15px 25px;} .contact-us-page .row2 .col1 .info-box .subcol1 {display:block;float:left;width:329px;color:#333333;} .contact-us-page .row2 .col1 .info-box .subcol2 {display:block;float:left;width:206px;color:#333333;} .contact-us-page .row2 .col1 .info-box .standout {font-weight: bold;font-size:14px;} .contact-us-page .row3 p.holidays-note .highlight, .contact-us-page .row2 .col1 .info-box .highlight {color:#0066cc;} .contact-us-page .row2 .col2 {display:block;float:left;width:265px;margin-top:14px;} #main_content .contact-us-page .row2 .col2 h2 {background: url("../images/bg-contact-us-iwouldliketo.jpg") no-repeat scroll 0 0 transparent; color: #333333; display: block;margin: 50px 0 0; font-size: 14px; height: 23px; padding: 12px 0 0 58px;} #main_content .contact-us-page .row2 .col2 ul {border: 1px solid #EFEFEF; list-style-type: none; margin: 0; padding: 0; text-indent: 0;} #main_content .contact-us-page .row2 .col2 ul li {list-style: none outside none; margin: 0;} #main_content .contact-us-page .row2 .col2 ul li::before {content:'';} #main_content .contact-us-page .row2 .col2 ul li a, #main_content .contact-us-page .row2 .col2 h2 ul li a:visited { background: url("../images/bg-contact-us-ul-anchor.png") no-repeat scroll 0 0 #F9F9F9; color: #0E69C9; display: block; font-size: 12px; padding: 11px 15px 8px; width: auto;} #main_content .contact-us-page .row2 .col2 ul li a.white, #main_content .contact-us-page .row2 .col2 h2 ul li a.white:visited {background:url('../images/bg-contact-us-ul-anchor.png') no-repeat 0 0 #ffffff;} #main_content .contact-us-page .row2 .col2 ul li a:hover {} .contact-us-page .row2 p {} #main_content .contact-us-page .row2 a, #main_content .contact-us-page .row2 a:visited {color:#0086cf;font-size:12px;} .contact-us-page .row2 .col2 p {margin:0 0 40px;} .contact-us-page .row2 .col2 img { float: left;margin: 3px 15px 0 0;} .contact-us-page .row3 { display: block; height: 301px; margin: 0 0 0 17px; padding: 0; width: 100%;} .contact-us-page .row3 p.holidays-note {background: url("/sites/all/themes/jemc_theme/images/bg-bus-row2.jpg") no-repeat scroll 0 top transparent; display: block; float: left; margin: 5px 0; padding-top: 25px; width: 100%;} #main_content .contact-us-page .row3 h2.corporate-office {background: url("/sites/all/themes/jemc_theme/images/bg-bus-row2.jpg") no-repeat scroll 0 top transparent; display: block; float: left; margin: 25px 0; padding-top: 25px; width: 100%;} .contact-us-page .row3 .col1 {width:670px;display:block;float:left;padding:0 20px;} .contact-us-page .row3 .col2 {width:213px;display:block;float:left;} .contact-us-page .row3 .subcol1 {display:block;float:left;width:298px;margin-right: 15px;color:#333333;} .contact-us-page .row3 .subcol2 {display:block;float:left;width:287px;margin-right: 15px;color:#333333;} .contact-us-page .row3 img {display:block;margin:3px 16px 20px 0;} .contact-us-page .row3 .col2 .black, .contact-us-page .row3 .subcol1 .black, .contact-us-page .row3 .subcol2 .black {color:#000000;font-weight: bold;} #main_content .contact-us-page .row3 h3, #main_content .residential-landing .row3 h3 {text-transform: uppercase;font-weight: bold;color:#0142a2;font-size:13px;margin:0 0 7px;} /***************************************************************************************** Landing Page - Storm Center **************************************************************************/ .storm-center-page .row2 {display: block;float: left;width:100%;} .storm-center-page .row2 .col1 { display: block; float: left; margin: 14px 19px 0 0; padding: 0 0 15px; width: 645px;} .storm-center-page .row2 .col1 .info-box {display: block; float: left; margin-left: 0; margin-top: 14px; width: 253px;} .storm-center-page .intro-text {font-size:15px;line-height:17px;margin:0 0 18px;color:#666;} .storm-center-page .row2 .col1 .info-box .subcol1 {display:block;float:left;width:329px;color:#333333;} .storm-center-page .row2 .col1 .info-box .subcol2 {display:block;float:left;width:206px;color:#333333;} .storm-center-page .row2 .col1 .info-box .standout {font-weight: bold;font-size:14px;} .storm-center-page .row3 p.holidays-note .highlight, .storm-center-page .row2 .col1 .info-box .highlight {color:#0066cc;} .storm-center-page .row2 .col2 {display:block;float:left;width:265px;margin-top:14px;} #main_content .storm-center-page .row2 .col2 h2 {background: url("../images/bg-contact-us-iwouldliketo.jpg") no-repeat scroll 0 0 transparent; color: #333333; display: block;margin: 4px 0 0; font-size: 14px; height: 23px; padding: 12px 0 0 58px;} #main_content .storm-center-page .row2 .col2 ul {border: 1px solid #EFEFEF; list-style-type: none; margin: 0; padding: 0; text-indent: 0;} #main_content .storm-center-page .row2 .col2 ul li {list-style: none outside none; margin: 0;} #main_content .storm-center-page .row2 .col2 ul li a, #main_content .storm-center-page .row2 .col2 h2 ul li a:visited { background: url("../images/bg-contact-us-ul-anchor.png") no-repeat scroll 0 0 #F9F9F9; color: #0E69C9; display: block; font-size: 12px; padding: 11px 15px 8px; width: auto;} #main_content .storm-center-page .row2 .col2 ul li a.white, #main_content .storm-center-page .row2 .col2 h2 ul li a.white:visited {background:url('../images/bg-contact-us-ul-anchor.png') no-repeat 0 0 #ffffff;} #main_content .storm-center-page .row2 .col2 ul li a:hover {} .storm-center-page .row2 p {} #main_content .storm-center-page .row2 a, #main_content .storm-center-page .row2 a:visited {color:#0086cf;font-size:12px;} .storm-center-page .row2 .col2 p {margin:0 0 40px;} .storm-center-page .row2 .col2 img { float: left;margin: 3px 15px 0 0;} #main_content .storm-center-page .row2 .col2 h3 {background:url('/sites/all/themes/jemc_theme/images/sidebar_images/outagesafetytips.jpg') no-repeat 0 0 transparent;display:block;text-indent:-9999px;width:234px;height:127px;margin:11px 0 0;} .storm-center-page .row3 {background: url("/sites/all/themes/jemc_theme/images/bg-bus-row2.jpg") no-repeat scroll 0 bottom transparent; display: block; float: left; height: 346px; padding: 0; width: 100%;} .storm-center-page .row3 p {line-height: 18px;margin: 0 0 29px;} .storm-center-page .row3 .col1 {width:670px;display:block;float:left;padding:0 20px;} .storm-center-page .row3 .col2 {width:213px;display:block;float:left;} #main_content .storm-center-page .row3 h2 {margin:0 0 5px;} .storm-center-page .row3 .subcol1 {display:block;float:left;width:298px;margin-right: 15px;color:#333333;} .storm-center-page .row3 .subcol2 {display:block;float:left;width:287px;margin-right: 15px;color:#333333;} .storm-center-page .row3 img {float:left;display:block;margin:3px 16px 20px 0;} .storm-center-page .row3 .col2 .black, .storm-center-page .row3 .subcol1 .black, .storm-center-page .row3 .subcol2 .black {color:#000000;font-weight: bold;} #main_content .storm-center-page .row3 h3, #main_content .residential-landing .row3 h3 {text-transform: uppercase;font-weight: bold;color:#0142a2;font-size:13px;margin:0 0 7px;} #main_content .storm-center-page #interior_slideshow {margin: 0;} #main_content .storm-center-page #interior_slideshow li.slide .img-holder {} #main_content .storm-center-page #interior_slideshow .image-holder {} #main_content .storm-center-page #interior_slideshow li p, #main_content .storm-center-page #interior_slideshow li h3 {} #main_content .storm-center-page #prev2 {} #main_content .storm-center-page #next2 {} #main_content .storm-center-page #nav {} #main_content .storm-center-page #nav a, #main_content .storm-center-page #nav a:visited {} #main_content .storm-center-page #nav a:hover, #main_content .storm-center-page #nav a.activeSlide, #main_content .storm-center-page #nav a.activeSlide:visited {} #main_content .GENXVwxNewStyle table {border: medium none; margin: 0; min-width: 0; padding: 0; width: 170px;} #main_content .GENXVwxNewStyle table img {margin:0;display: block;} #main_content .GENXVwxNewStyle td {padding:0;line-height: 12px;} .storm-center-page .row3 .GENXVwxNewStyle img {margin:0;} #main_content .GENXVwxNewStyle tr {padding:0;} #main_content .GENXVwxNewStyle tr.odd, #main_content .GENXVwxNewStyle tr.even {background-color:transparent;} #main_content .GENXVwxNewStyle input, #main_content .GENXVwxNewStyle textarea, #main_content .GENXVwxNewStyle select, #main_content .GENXVwxNewStyle .uneditable-input {padding:0;} #main_content .GENXVwxNewStyle td.GENXVobsWx {padding-bottom: 4px; padding-left: 26px;} /***************************************************************************************** Lefthand Sidebar Navigation Styles **************************************************************************/ h2.subnav-section-header, h2.subnav-section-header a{color:#003399;font-size:15px;line-height: 18px;font-weight:bold;padding-left:5px;padding-right: 25px;margin:0 0 8px;} h2.subnav-section-header a {text-decoration:none;margin:0px;padding:0px;} #sidebar-first {width:150px;float:left;margin:3px 30px;} .menu-block-wrapper ul.menu ul.menu {left:0;position:relative;padding: 0 0 6px;} #sidebar-first ul li.first, #sidebar-first ul ul li.first {border-bottom:none;} #sidebar-first ul li.last, #sidebar-first ul ul li.last {border-bottom:none;} .menu-block-wrapper h1 {color: #003399;font-size: 15px;font-weight: bold;padding: 0 0 10px 5px;} .menu-block-wrapper h1 {color: #003399;font-size: 15px;font-weight: bold;padding: 0 0 10px 5px;} /*First Level*/ .menu-block-wrapper ul {background-color:transparent;} .menu-block-wrapper > ul > li:first-child a, .menu-block-wrapper > ul > li:first-child a:visited {background: url("/sites/all/themes/jemc_theme/images/bg-sidenav-h1.png") no-repeat scroll 0 top transparent;} .menu-block-wrapper ul li:first-child ul li a, .menu-block-wrapper ul li:first-child ul li a:visited {background:none;} .menu-block-wrapper ul li:first-child ul li a.active, .menu-block-wrapper ul li:first-child ul li a.active:visited {background: url("/sites/all/themes/jemc_theme/images/bg-sidenav-subnav-active.jpg") no-repeat scroll 8px 2px transparent;border: medium none;color: #0066CC;font-weight: normal;margin: 0;padding: 6px 5px 6px 18px;} .menu-block-wrapper ul li:first-child ul li a:hover {background-color: #fffbe6;color:#003399;} .menu-block-wrapper ul li {margin:0;padding:0;} .menu-block-wrapper ul li a, .menu-block-wrapper ul li a:visited {border-bottom: 1px solid #E3DCDA;color: #333333;display: block;font-size: 12px;line-height: 14px;padding: 8px 18px 8px 6px;text-decoration: none;width: 124px;} .menu-block-wrapper ul li a:hover {background-color: #fffbe6;color:#003399;} .menu-block-wrapper ul li a.active, .menu-block-wrapper ul li a.active-trail {font-weight: bold;padding:12px 18px 8px 6px;} .menu-block-wrapper ul li.expanded a.active, .menu-block-wrapper ul li.expanded a.active-trail {border:none;} /*Second Level*/ .menu-block-wrapper ul ul {background: none repeat scroll 0 0 transparent;border-bottom:1px solid #E3DCDA;display: block;float: left;height: 100%;padding: 0;width: 148px;} .menu-block-wrapper ul ul li {border:none;} .menu-block-wrapper ul ul li a, .menu-block-wrapper ul ul li a:visited {padding: 6px 5px 6px 18px;width: 125px;border:none;} .menu-block-wrapper ul ul li a:hover {background-color: #fffbe6;color:#003399;} .menu-block-wrapper ul ul li a.active {background: url("/sites/all/themes/jemc_theme/images/bg-sidenav-subnav-active.jpg") no-repeat scroll 8px 2px transparent;border: medium none;color: #0066CC;font-weight: normal;margin: 0;padding: 6px 5px 6px 18px;} .menu-block-wrapper ul ul li a:hover {background-color: #fffbe6;color:#003399;} .menu-block-wrapper ul ul li:first-child ul li a.active, .menu-block-wrapper ul ul li:first-child ul li a.active:visited {background: none;} .menu-block-wrapper ul ul li.expanded a.active, .menu-block-wrapper ul ul li.expanded a.active-trail {border: medium none;color: #0066CC;font-weight: normal;margin: 0;padding: 6px 5px 6px 18px;background: url("/sites/all/themes/jemc_theme/images/bg-sidenav-subnav-active.jpg") no-repeat scroll 8px 2px transparent;} .menu-block-wrapper ul ul li:first-child ul li a.active, .menu-block-wrapper ul ul li:first-child ul li a.active:visited {background: url("/sites/all/themes/jemc_theme/images/bg-sidenav-subnav-active.jpg") no-repeat scroll 20px 2px transparent;border: medium none;color: #0066CC;font-weight: normal;margin: 0;padding: 6px 5px 6px 31px;width: 107px;} .menu-block-wrapper ul ul li:first-child ul li a:hover {background-color: #fffbe6;color:#003399;} /*Third Level*/ .menu-block-wrapper ul ul ul {border:none;margin: 0; padding: 0 0 2px;} .menu-block-wrapper ul ul li.expanded ul a.active, .menu-block-wrapper ul ul li.expanded ul a.active-trail, .menu-block-wrapper ul li:first-child ul ul li a.active, .menu-block-wrapper ul li:first-child ul ul li a.active:visited {padding:4px 5px 4px 31px;background:none;} .menu-block-wrapper ul ul ul li.expanded a.active, .menu-block-wrapper ul ul ul li.expanded a.active-trail {border: medium none;color: #0066CC;font-weight: normal;margin: 0;padding: 4px 5px 4px 18px; /*background: url("/sites/all/themes/jemc_theme/images/bg-sidenav-subnav-active.jpg") no-repeat scroll 20px 2px transparent;*/ background:none;} .menu-block-wrapper ul > ul > ul li a, .menu-block-wrapper ul > ul > ul li a:visited {padding: 4px 5px 4px 31px;width: 107px;background-color:red;} .menu-block-wrapper ul ul ul li a.active {background: url("/sites/all/themes/jemc_theme/images/bg-sidenav-subnav-active.jpg") no-repeat scroll 20px 2px transparent;border: medium none;color: #0066CC;font-weight: normal;margin: 0;padding: 4px 5px 4px 31px;} .menu-block-wrapper ul li:first-child ul ul li a.active:hover, .menu-block-wrapper ul ul ul li a:hover {background-color: #fffbe6;color:#003399;} .menu-block-wrapper ul.menu ul ul li a, .menu-block-wrapper ul.menu ul ul li a:visited {font-size: 11px; padding: 4px 0 4px 31px; width: 117px;} .menu-block-wrapper ul ul ul li.expanded a.active, .menu-block-wrapper ul ul ul li.expanded a.active-trail {border: medium none;color: #0066CC;font-weight: normal;margin: 0;padding: 4px 5px 4px 31px;} /*Fourth Level*/ .menu-block-wrapper ul ul ul.menu ul.menu {padding: 0 0 1px;} .menu-block-wrapper ul.menu ul ul ul li a, .menu-block-wrapper ul.menu ul ul ul li a:visited {background: url("/sites/all/themes/jemc_theme/images/bullet_small.jpg") no-repeat scroll 33px 9px transparent; font-size: 11px; padding: 4px 0 4px 45px; width: 101px;} .menu-block-wrapper ul ul ul li:first-child ul li a.active, .menu-block-wrapper ul li:first-child ul ul ul li a.active, .menu-block-wrapper ul li:first-child ul ul ul li a.active:visited {background: url("/sites/all/themes/jemc_theme/images/bullet_small.jpg") no-repeat scroll 33px 9px transparent;padding: 4px 0 4px 45px;} /***************************************************************************************** Main Styles **************************************************************************/ div.content div.field {float: left; height: auto; overflow: visible;} #main_content {} #main_content.col1 {width:720px;display:block;float:left;margin:0;padding:0;background-color:#ffffff;} /************** Full width layout **************/ #main_content.col2 {width:460px;display:block;float:left;margin:0;padding:0;background-color:#ffffff;overflow:visible;height:100%;} #main_content.col2.no-sidebars {margin-left:209px;width:720px;} /************** Two column layout **************/ #main_content b, #fancybox-inner b {font-weight: bold;} #main_content h1, #fancybox-inner h1 {color:#003399;font-size:20px;margin:0 0 22px;line-height: 26px;} #main_content h1.page-title {margin:0 0 22px;} #main_content h2, #fancybox-inner h2 {color:#0066cc;font-weight: bold;font-size:14px;line-height: 16px;margin:0 0 18px;} #main_content h3 {color:#003399;font-weight: bold;font-size:13px;line-height: 16px;margin:0 0 18px;} #main_content h4 {} #main_content h5, #fancybox-inner h5 {font-size:15px;line-height: 17px;margin:0 0 18px;color: #666666;} #main_content ul, #fancybox-inner ul {color: #333333; font-size: 12px; line-height: 16px; margin: 0 0 14px 34px;} #main_content ul li, #fancybox-inner ul li {margin:0 0 18px;} #main_content .field-name-field-main-content ul li::before, #fancybox-inner ul li::before {content:'• ';font-size: 1.5em; vertical-align: text-top;} #main_content ol, #fancybox-inner ol {color: #333333; font-size: 12px; line-height: 16px; list-style-position: inside; list-style-type: decimal; margin: 0 0 0 20px; text-indent: 0;} #main_content ol li, #fancybox-inner ol li {list-style-position: outside;margin: 0 0 14px 20px;text-indent: 0;} #main_content a, #main_content a:visited, #fancybox-inner a, #fancybox-inner a:visited {color:#0066cc;text-decoration:none;} #main_content h3 a, #main_content h3 a:visited, #fancybox-inner h3 a, #fancybox-inner h3 a:visited {color:#003399;} #main_content a:hover, #fancybox-inner a:hover {text-decoration:underline;} #main_content a.featured-link, #main_content a.featured-link:visited {font-weight: bold;margin:0 0 18px 22px;display:block;font-size: 12px;} #main_content table, #fancybox-inner table {color: #333333; font-size: 12px;font-weight: normal; line-height: 16px;margin:0 0 18px 0;border: 1px solid #efefef;min-width: 460px;} #main_content table tr th, #fancybox-inner table tr th {background-color: #ECF8FB; font-weight: bold; padding: 8px 15px;} #main_content table tr {} #main_content table td, #fancybox-inner table td {padding: 8px 15px 8px 15px;vertical-align: top;} #main_content table tr.odd, #fancybox-inner table tr.odd {background-color: #f9f9f9;border:none;} #main_content table.highlight, #fancybox-inner table.highlights {font-size:14px;font-weight:bold;} span.red {color:#CC0000;} #main_content table img {margin:0 18px 18px 0;} #main_content blockquote {color: #333333;line-height: 16px; font-size: 12px;margin-left: 22px; margin-right: 22px;margin-bottom: 18px;} a#button, a#button:visited {display:block;width:110px;background:url("/sites/all/themes/jemc_theme/images/bg-button.jpg") no-repeat;text-align: center;height:18px;padding:6px 0;text-decoration: none;font-size: 13px;color:#333333;margin:0 0 18px;} .medium #main_content h1 {font-size: 22px; line-height: 24px;margin:0 0 24px;} .medium #main_content h2 {font-size: 16px; line-height: 18px;margin:0 0 20px;} .medium #main_content h3 {font-size: 15px; line-height: 19px;margin:0 0 20px;} .medium #main_content h5 {font-size: 17px;line-height: 19px;margin:0 0 20px;} .medium #main_content p {font-size: 14px;line-height: 18px;margin:0 0 20px;} .medium #main_content ul {font-size: 14px; line-height: 18px;margin:0 0 16px 34px;} .medium #main_content ol {font-size: 14px; line-height: 18px;margin:0 0 16px 20px;} .medium #main_content a.featured-link, .medium #main_content a.featured-link:visited {font-size: 14px; line-height: 18px;margin:0 0 20px 22px;} .medium #main_content table {font-size: 16px; line-height: 20px;margin:0 0 20px 20px;} .medium #main_content blockquote {font-size: 16px; line-height: 20px;margin-bottom: 20px;} .medium #main_content a#button, .medium a#button:visited {display:block;width:110px;background:url("/sites/all/themes/jemc_theme/images/bg-button.jpg") no-repeat;text-align: center;height:18px;padding:6px 0;text-decoration: none;font-size: 13px;color:#333333;margin:0 0 20px;} .large #main_content h1 {font-size: 24px; line-height: 26px;margin:0 0 26px;} .large #main_content h2 {font-size: 18px; line-height: 20px;margin:0 0 22px;} .large #main_content h3 {font-size: 17px; line-height: 21px;margin:0 0 22px;} .large #main_content p {font-size: 16px; line-height: 20px;margin:0 0 22px;} .large #main_content h5 {font-size: 19px;line-height: 21px;margin:0 0 22px;} .large #main_content ul {font-size: 16px; line-height: 20px;margin:0 0 18px 34px;} .large #main_content ol {font-size: 16px; line-height: 20px;margin:0 0 18px 20px;} .large #main_content a.featured-link, .large #main_content a.featured-link:visited {font-size: 16px; line-height: 20px;margin:0 0 22px 22px;} .large #main_content table {font-size: 18px; line-height: 22px;margin:0 0 22px 22px;} .large #main_content blockquote {font-size: 18px; line-height: 22px;margin-bottom: 22px;} .large #main_content a#button, .large a#button:visited {display:block;width:110px;background:url("/sites/all/themes/jemc_theme/images/bg-button.jpg") no-repeat;text-align: center;height:18px;padding:6px 0;text-decoration: none;font-size: 13px;color:#333333;margin:0 0 22px;} #main_content right {margin:0 0 15px 15px;} #main_content left {margin:0 15px 15px 0;} #main_content.col2 ul ul {margin-top:5px;} /***************************************************************************************** Side Column Styles **************************************************************************/ #sidebar-second { /* display: block; float: right; margin: 0; padding: 0 0 0 36px; width: 225px; */ display: block; float: right; margin: 0 30px 0 0; padding: 0; width: 225px;} #sidebar-second h1 {} #sidebar-second h2 {color:#003399;font-size: 14px;font-weight: bold;line-height: 17px;} #sidebar-second h3 {} #sidebar-second h4 {} #sidebar-second h5 {} #sidebar-second p {color:#666666;font-size:12px;line-height: 16px;margin:0 0 10px;} .medium #sidebar-second p {font-size:14px;line-height: 18px;} .medium #sidebar-second h2 {font-size: 16px;line-height: 19px;} .large #sidebar-second p {font-size:16px;line-height: 20px;} .large #sidebar-second h2 {font-size: 18px;line-height: 21px;} #sidebar-second a, #sidebar-second a:visited {color:#0066cc;text-decoration:none;} #sidebar-second a:hover {text-decoration:underline;} #sidebar-second .bottom_margin {margin: 0 0 18px;} #sidebar-second h2.side_col_h2_img1 {background:url("/sites/all/themes/jemc_theme/images/sidebar_images/h2-beprepared.jpg") no-repeat transparent;display:block;width:147px;height:27px;text-indent: -9999px;margin: 0 0 5px;} #sidebar-second h2.side_col_h2_img2 {background:url("/sites/all/themes/jemc_theme/images/sidebar_images/h2-zeropercent.jpg") no-repeat transparent;display:block;width:178px;height:48px;text-indent: -9999px;margin: 0 0 5px;} #sidebar-second .highlight_blurb {padding:6px;background-color: #ddefc2;display:block;width:210px;margin:0 0 23px;} #sidebar-second .highlight_blurb h3 {background-color: #ffffff;padding:8px 8px;font-size: 14px;font-weight: bold;color:#0066cc;margin:0 0 9px 0;} #sidebar-second .highlight_blurb p {padding:0 6px;} #sidebar-second .highlight_list {padding:6px;background-color: #fffae1;display:block;width:210px;} #sidebar-second .highlight_list h3 {background-color: #ffffff;padding:8px 8px;font-size: 14px;font-weight: bold;color:#0066cc;margin:0 0 9px 0;} #sidebar-second .highlight_list ul {list-style-position: inside; list-style-image: url("/sites/all/themes/jemc_theme/images/bullet.jpg");} #sidebar-second .highlight_list ul li {list-style-image: url("/sites/all/themes/jemc_theme/images/bullet-sidecolumn.jpg");list-style-position: inside;margin: 6px 0 6px 10px;} #sidebar-second .highlight_list ul li a, .highlight_list ul li a:visited {font-weight: bold;color:#666666;font-size: 12px;line-height: 18px;text-decoration: none;} #sidebar-second a#button, #sidebar-second a#button:visited {color:#333333;} /***************************************************************************************** 9. Q & A styles **************************************************************************/ #main_content #faqList {margin:0;text-indent: 0;} #main_content #faqList li { list-style: none;list-style-image: none; } #main_content #faqList h3 {border-bottom: 1px dotted #888888;padding: 0 0 8px;} #main_content #faqList .question {} #main_content #faqList li.simpleFAQShowing .question {} #main_content #faqList .simpleFAQHover { } #main_content #faqList .answer p {padding: 0 10px;} .tags {} /***************************************************************************************** 10. How to Read Your Bill Styles **************************************************************************/ #residential-bill-how-to { background: url("../images/res_sample_bill.jpg") no-repeat scroll 0 14px transparent; display: block; height: 753px; width: 560px;} #residential-bill-how-to {position:relative;} #residential-bill-how-to .tooltips {display:block;position:absolute;} #residential-bill-how-to .tooltips:hover {background-color:yellow;opacity:.3;} .ie7 #residential-bill-how-to .tooltips:hover {filter: alpha(opacity=30);} .ie8 #residential-bill-how-to .tooltips:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";} #residential-bill-how-to .tooltip1 {top:66px; right:39px;height: 12px;width: 164px;} #residential-bill-how-to .tooltip2 {top:78px; right:39px;height: 12px;width: 164px;} #residential-bill-how-to .tooltip3 {top:91px; right:39px;height: 12px;width: 164px;} #residential-bill-how-to .tooltip4 {top:164px; left:17px; height: 23px;width: 85px;} #residential-bill-how-to .tooltip5 {top:164px; left:102px;height: 23px;width: 80px;} #residential-bill-how-to .tooltip6 {top:164px; left:183px;height: 23px;width: 160px;} #residential-bill-how-to .tooltip7 {top:164px; left:347px;height: 23px;width: 173px;} #residential-bill-how-to .tooltip8 {top:191px; left:17px; height: 21px;width: 72px;} #residential-bill-how-to .tooltip9 {top:191px; left:91px; height: 21px;width: 197px;} #residential-bill-how-to .tooltip10 {top:191px; left:290px;height: 21px;width: 108px;} #residential-bill-how-to .tooltip11 {top:191px; left:397px;height: 21px;width: 122px;} #residential-bill-how-to .tooltip12 {top:213px; left:17px; height: 30px;width: 166px;} #residential-bill-how-to .tooltip13 {top:213px; left:184px;height: 30px;width: 80px;} #residential-bill-how-to .tooltip14 {top:213px; left:265px;height: 30px;width: 253px;} #residential-bill-how-to .tooltip15 {top:250px; left:14px; height: 107px;width: 225px;} #residential-bill-how-to .tooltip16 {top:270px; left:357px;height: 91px;width: 170px;} #residential-bill-how-to .tooltip17 {top:213px; left:267px;height: 76px;width: 157px;display:none;} #residential-bill-how-to .tooltip18 {top:466px; left:10px; height: 48px;width: 542px;} #residential-bill-how-to .tooltip19 {top:533px; left:10px; height: 195px;width: 538px;} /* #residential-bill-how-to .tooltips {display: block;position: relative;} #residential-bill-how-to .tooltips:hover {background-color:yellow;opacity:.3;} #residential-bill-how-to .tooltip1 {height: 12px;margin: 0 0 0 353px;top: 67px;width: 164px;} #residential-bill-how-to .tooltip2 {height: 11px;left: 352px;top: 68px;width: 164px;} #residential-bill-how-to .tooltip3 {height: 12px;left: 352px;top: 69px;width: 164px;} #residential-bill-how-to .tooltip4 {height: 23px; left: 24px; top: 128px; width: 82px;} #residential-bill-how-to .tooltip5 {height: 23px; left: 107px; top: 105px; width: 78px;} #residential-bill-how-to .tooltip6 {height: 23px; left: 186px; top: 82px; width: 158px;} #residential-bill-how-to .tooltip7 {height: 23px; left: 345px; top: 59px; width: 167px;} #residential-bill-how-to .tooltip8 {height: 21px; left: 24px; top: 62px; width: 70px;} #residential-bill-how-to .tooltip9 {height: 21px; left: 95px; top: 41px; width: 192px;} #residential-bill-how-to .tooltip10 { height: 21px; left: 288px; top: 20px; width: 106px;} #residential-bill-how-to .tooltip11 {height: 21px; left: 395px; top: -1px; width: 117px;} #residential-bill-how-to .tooltip12 {height: 28px; left: 24px; top: 1px; width: 162px;} #residential-bill-how-to .tooltip13 {height: 28px; left: 187px; top: -27px; width: 78px;} #residential-bill-how-to .tooltip14 {height: 28px; left: 266px; top: -55px; width: 246px;} #residential-bill-how-to .tooltip15 {height: 87px; left: 13px; top: -53px; width: 221px;} #residential-bill-how-to .tooltip16 {height: 81px; left: 354px; top: -113px; width: 140px;} #residential-bill-how-to .tooltip17 {height: 76px; left: 354px; top: -112px; width: 157px;} #residential-bill-how-to .tooltip18 {height: 48px; left: 16px; top: -83px; width: 528px;} #residential-bill-how-to .tooltip19 {height: 149px; left: 16px; top: -81px; width: 528px;} */ #commercial-bill-how-to {background: url("../images/ci_sample_bill.jpg") no-repeat scroll 0 7px transparent; display: block; height: 753px; width: 560px;} #commercial-bill-how-to .tooltips {display: block;position: relative;} #commercial-bill-how-to .tooltips:hover {background-color:yellow;opacity:.3;} #commercial-bill-how-to .tooltip1 {height: 12px; margin: 0 0 0 353px; top: 60px; width: 169px;} #commercial-bill-how-to .tooltip2 {height: 11px;left: 352px;top: 61px;width: 169px;} #commercial-bill-how-to .tooltip3 {height: 12px;left: 352px;top: 62px;width: 169px;} #commercial-bill-how-to .tooltip4 {height: 22px; left: 16px; top: 124px; width: 84px;} #commercial-bill-how-to .tooltip5 {height: 22px; left: 101px; top: 102px; width: 81px;} #commercial-bill-how-to .tooltip6 {height: 22px; left: 183px; top: 80px; width: 161px;} #commercial-bill-how-to .tooltip7 {height: 22px;left: 345px;top: 58px;width: 174px;} #commercial-bill-how-to .tooltip8 {height: 22px; left: 16px; top: 60px; width: 71px;} #commercial-bill-how-to .tooltip9 {height: 22px; left: 88px; top: 38px; width: 69px;} #commercial-bill-how-to .tooltip10 {height: 22px; left: 158px; top: 16px; width: 134px;} #commercial-bill-how-to .tooltip11 {height: 22px; left: 293px; top: -6px; width: 104px;} #commercial-bill-how-to .tooltip12 {height: 22px; left: 398px; top: -28px; width: 121px;} #commercial-bill-how-to .tooltip13 {height: 22px; left: 16px; top: -23px; width: 73px;} #commercial-bill-how-to .tooltip14 { height: 22px; left: 90px; top: -45px; width: 197px;} #commercial-bill-how-to .tooltip15 { height: 22px; left: 288px; top: -67px; width: 108px;} #commercial-bill-how-to .tooltip16 { height: 22px; left: 397px; top: -89px; width: 123px;} #commercial-bill-how-to .tooltip17 {height: 29px; left: 16px; top: -87px; width: 167px;} #commercial-bill-how-to .tooltip18 {height: 29px; left: 184px; top: -116px; width: 79px;} #commercial-bill-how-to .tooltip19 {height: 29px; left: 265px; top: -145px; width: 253px;} #commercial-bill-how-to .tooltip20 {height: 80px; left: 8px; top: -141px; width: 220px;} #commercial-bill-how-to .tooltip21 {height: 82px; left: 359px; top: -219px; width: 164px;} #commercial-bill-how-to .tooltip22 {height: 51px; left: 7px; top: -114px; width: 546px;} #commercial-bill-how-to .tooltip23 {height: 149px; left: 6px; top: -101px; width: 546px;} .ui-tooltip,.qtip {position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;} .ui-tooltip-fluid {display:block;visibility:hidden;position:static!important;float:left!important;} .ui-tooltip-content {position:relative;padding:5px 9px;overflow:hidden;border:1px solid #000001;text-align:left;word-wrap:break-word;overflow:hidden;} .ui-tooltip-titlebar {position:relative;min-height:14px;padding:5px 35px 5px 10px;overflow:hidden;border:1px solid #000001;border-width:1px 1px 0;font-weight:bold;} .ui-tooltip-titlebar+.ui-tooltip-content {border-top-width:0!important;} /*!Default close button class */ .ui-tooltip-titlebar .ui-state-default {position:absolute;right:4px;top:50%;margin-top:-9px;cursor:pointer;outline:medium none;border-width:1px;border-style:solid;} * html .ui-tooltip-titlebar .ui-state-default {top:16px;} .ui-tooltip-titlebar .ui-icon,.ui-tooltip-icon .ui-icon {display:block;text-indent:-1000em;} .ui-tooltip-icon,.ui-tooltip-icon .ui-icon {-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .ui-tooltip-icon .ui-icon {width:18px;height:14px;text-align:center;text-indent:0;font:normal bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em;} /*!Default tooltip style */ .ui-tooltip-default .ui-tooltip-titlebar,.ui-tooltip-default .ui-tooltip-content {border-color:#F1D031;background-color:#FFFFA3;color:#555;} .ui-tooltip-default .ui-tooltip-titlebar {background-color:#FFEF93;} .ui-tooltip-default .ui-tooltip-icon {border-color:#CCC;background:#F1F1F1;color:#777;} .ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover {border-color:#AAA;color:#111;} #qtip-overlay {position:fixed;left:-10000em;top:-10000em;} #qtip-overlay.blurs {cursor:pointer;} #qtip-overlay div {position:absolute;left:0;top:0;width:100%;height:100%;background-color:black;opacity:.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";} .ui-tooltip .ui-tooltip-tip {margin:0 auto;overflow:hidden;z-index:10;} .ui-tooltip .ui-tooltip-tip,.ui-tooltip .ui-tooltip-tip * {position:absolute;line-height:.1px!important;font-size:.1px!important;color:#123456;background:transparent;border:0 dashed transparent;} .ui-tooltip .ui-tooltip-tip canvas {top:0;left:0;} /*!Light tooltip style */ .ui-tooltip-light .ui-tooltip-titlebar,.ui-tooltip-light .ui-tooltip-content {border-color:#E2E2E2;color:#454545;} .ui-tooltip-light .ui-tooltip-content {background-color:white;} .ui-tooltip-light .ui-tooltip-titlebar {background-color:#f1f1f1;} /*!Dark tooltip style */ .ui-tooltip-dark .ui-tooltip-titlebar,.ui-tooltip-dark .ui-tooltip-content {border-color:#303030;color:#f3f3f3;} .ui-tooltip-dark .ui-tooltip-content {background-color:#505050;} .ui-tooltip-dark .ui-tooltip-titlebar {background-color:#404040;} .ui-tooltip-dark .ui-tooltip-icon {border-color:#444;} .ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover {border-color:#303030;} /*!Cream tooltip style */ .ui-tooltip-cream .ui-tooltip-titlebar,.ui-tooltip-cream .ui-tooltip-content {border-color:#F9E98E;color:#A27D35;} .ui-tooltip-cream .ui-tooltip-content {background-color:#FBF7AA;} .ui-tooltip-cream .ui-tooltip-titlebar {background-color:#F0DE7D;} .ui-tooltip-cream .ui-state-default .ui-tooltip-icon {background-position:-82px 0;} /*!Red tooltip style */ .ui-tooltip-red .ui-tooltip-titlebar,.ui-tooltip-red .ui-tooltip-content {border-color:#D95252;color:#912323;} .ui-tooltip-red .ui-tooltip-content {background-color:#F78B83;} .ui-tooltip-red .ui-tooltip-titlebar {background-color:#F06D65;} .ui-tooltip-red .ui-state-default .ui-tooltip-icon {background-position:-102px 0;} .ui-tooltip-red .ui-tooltip-icon {border-color:#D95252;} .ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover {border-color:#D95252;} /*!Green tooltip style */ .ui-tooltip-green .ui-tooltip-titlebar,.ui-tooltip-green .ui-tooltip-content {border-color:#90D93F;color:#3F6219;} .ui-tooltip-green .ui-tooltip-content {background-color:#CAED9E;} .ui-tooltip-green .ui-tooltip-titlebar {background-color:#B0DE78;} .ui-tooltip-green .ui-state-default .ui-tooltip-icon {background-position:-42px 0;} /*!Blue tooltip style */ .ui-tooltip-blue .ui-tooltip-titlebar,.ui-tooltip-blue .ui-tooltip-content {border-color:#ADD9ED;color:#5E99BD;} .ui-tooltip-blue .ui-tooltip-content {background-color:#E5F6FE;} .ui-tooltip-blue .ui-tooltip-titlebar {background-color:#D0E9F5;} .ui-tooltip-blue .ui-state-default .ui-tooltip-icon {background-position:-2px 0;} /*!Add shadows to your tooltips in:FF3+,Chrome 2+,Opera 10.6+,IE6+,Safari 2+*/ .ui-tooltip-shadow {-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,0.15);} .ui-tooltip-shadow .ui-tooltip-titlebar,.ui-tooltip-shadow .ui-tooltip-content {filter:progid:DXImageTransform.Microsoft.Shadow(Color='gray',Direction=135,Strength=3);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray',Direction=135,Strength=3)";_margin-bottom:-3px;.margin-bottom:-3px;} /*!Add rounded corners to your tooltips in:FF3+,Chrome 2+,Opera 10.6+,IE9+,Safari 2+*/ .ui-tooltip-rounded,.ui-tooltip-rounded .ui-tooltip-content,.ui-tooltip-tipsy,.ui-tooltip-tipsy .ui-tooltip-content,.ui-tooltip-youtube,.ui-tooltip-youtube .ui-tooltip-content {-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} .ui-tooltip-rounded .ui-tooltip-titlebar,.ui-tooltip-tipsy .ui-tooltip-titlebar,.ui-tooltip-youtube .ui-tooltip-titlebar {-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;} .ui-tooltip-rounded .ui-tooltip-titlebar+.ui-tooltip-content,.ui-tooltip-tipsy .ui-tooltip-titlebar+.ui-tooltip-content,.ui-tooltip-youtube .ui-tooltip-titlebar+.ui-tooltip-content {-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;} /*!Youtube tooltip style */ .ui-tooltip-youtube {-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;} .ui-tooltip-youtube .ui-tooltip-titlebar,.ui-tooltip-youtube .ui-tooltip-content {_margin-bottom:0;.margin-bottom:0;background:transparent;background:rgba(0,0,0,0.85);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";color:white;border-color:#CCC;} .ui-tooltip-youtube .ui-tooltip-icon {border-color:#222;} .ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover {border-color:#303030;} .ui-tooltip-jtools {background:#232323;background:rgba(0,0,0,0.7);background-image:-moz-linear-gradient(top,#717171,#232323);background-image:-webkit-gradient(linear,left top,left bottom,from(#717171),to(#232323));border:2px solid #ddd;border:2px solid rgba(241,241,241,1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 12px #333;-moz-box-shadow:0 0 12px #333;box-shadow:0 0 12px #333;} .ui-tooltip-jtools .ui-tooltip-titlebar {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";} .ui-tooltip-jtools .ui-tooltip-content {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";} .ui-tooltip-jtools .ui-tooltip-titlebar,.ui-tooltip-jtools .ui-tooltip-content {background:transparent;color:white;border:0 dashed transparent;} .ui-tooltip-jtools .ui-tooltip-icon {border-color:#555;} .ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover {border-color:#333;} .ui-tooltip-cluetip {-webkit-box-shadow:4px 4px 5px rgba(0,0,0,0.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,0.4);box-shadow:4px 4px 5px rgba(0,0,0,0.4);} .ui-tooltip-cluetip .ui-tooltip-titlebar {background-color:#87876A;color:white;border:0 dashed transparent;} .ui-tooltip-cluetip .ui-tooltip-content {background-color:#D9D9C2;color:#111;border:0 dashed transparent;} .ui-tooltip-cluetip .ui-tooltip-icon {border-color:#808064;} .ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover {border-color:#696952;color:#696952;} .ui-tooltip-tipsy {border:0;} .ui-tooltip-tipsy .ui-tooltip-titlebar,.ui-tooltip-tipsy .ui-tooltip-content {_margin-bottom:0;.margin-bottom:0;background:transparent;background:rgba(0,0,0,.87);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";color:white;border:0 transparent;font-size:11px;font-family:'Lucida Grande',sans-serif;font-weight:bold;line-height:16px;text-shadow:0 1px black;} .ui-tooltip-tipsy .ui-tooltip-titlebar {padding:6px 35px 0 10;} .ui-tooltip-tipsy .ui-tooltip-content {padding:6px 10;} .ui-tooltip-tipsy .ui-tooltip-icon {border-color:#222;text-shadow:none;} .ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover {border-color:#303030;} .ui-tooltip-tipped .ui-tooltip-titlebar,.ui-tooltip-tipped .ui-tooltip-content {border:3px solid #959FA9;filter:none;-ms-filter:none;} .ui-tooltip-tipped .ui-tooltip-titlebar {background:#3A79B8;background-image:-moz-linear-gradient(top,#3A79B8,#2E629D);background-image:-webkit-gradient(linear,left top,left bottom,from(#3A79B8),to(#2E629D));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";color:white;font-weight:normal;font-family:serif;border-bottom-width:0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;} .ui-tooltip-tipped .ui-tooltip-content {background-color:#F9F9F9;color:#454545;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;} .ui-tooltip-tipped .ui-tooltip-icon {border:2px solid #285589;background:#285589;} .ui-tooltip-tipped .ui-tooltip-icon .ui-icon {background-color:#FBFBFB;color:#555;} .ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar {filter:none;-ms-filter:none;} /***************************************************************************************** Footer Styles **************************************************************************/ #footer {clear: both;display: block;margin: 0 auto 50px;width: 960px;} #footer .row1 {background-color: #ecf8fb;padding:15px 30px;} #footer .row1 a, #footer .row1 a:visited {text-decoration: none;color:#0142a2;font-weight: bold;font-size: 13px;} #footer .row1 a:hover {color:#0066CC;} #footer .row1 a.margin_right {margin-right: 55px;} #footer .row2 {background-color: #ffffff;padding:15px 0 0;} #expanded_view {background: url("/sites/all/themes/jemc_theme/images/bg-expandedfooter-arrow.jpg") no-repeat scroll left 3px transparent;clear: both;color: #464646;display: block;float: left;font-size: 11px;font-weight: bold;margin: 0 0 0 10px;padding: 0 0 15px 20px;text-decoration: none;text-transform: uppercase;width: 175px;} #footer .row2 ul.social_media_links {display: block;float: right;width: 132px;} #footer .row2 ul.social_media_links li {float:left;} #footer .row2 ul.social_media_links li a, #footer .row2 ul.social_media_links li a:visited {display:block;width:21px;height:20px;text-indent: -9999px;margin:0 5px 0 0;} #footer .row2 ul.social_media_links li a.facebook, #footer .row2 ul.social_media_links li a.facebook:visited {background:url("/sites/all/themes/jemc_theme/images/social-media-sprite.jpg") no-repeat -41px 0 transparent;} #footer .row2 ul.social_media_links li a.twitter, #footer .row2 ul.social_media_links li a.twitter:visited {background:url("/sites/all/themes/jemc_theme/images/social-media-sprite.jpg") no-repeat -21px 0 transparent;width:20px;} #footer .row2 ul.social_media_links li a.youtube, #footer .row2 ul.social_media_links li a.youtube:visited {background:url("/sites/all/themes/jemc_theme/images/social-media-sprite.jpg") no-repeat transparent;} #footer .row2 .hidden_view {display:none;background-color: #ffffee;padding: 25px 40px;border-bottom: 11px solid #fff9cd;} #footer .row2 .col1, #footer .row2 .col2 {width:280px;height:auto;float:left;margin:0 20px 0 0;} #footer .row2 .col3 {width:280px;height:auto;float:left;margin:0;} #footer .row2 .col1-1, #footer .row2 .col2-1, #footer .row2 .col3-1 {float: left;margin: 0 15px 0 0;width: 130px;} #footer .row2 .col1-2, #footer .row2 .col2-2, #footer .row2 .col3-2 {width:130px;float:left;margin:0 0 0;} #footer .row2 p {line-height: 18px;} #footer .row2 a, #footer .row2 a:visited {text-decoration: none;color:#252525;font-size: 11px;} #footer .row2 a:hover {text-decoration: underline;} #footer .row2 h3 a, #footer .row2 h3 a:visited {color:#0142a2;text-transform: uppercase;font-weight: bold;margin:0 0 10px;} #footer .row2 a.bottom_margin {margin:0 0 8px;display:block;} #footer .row2 b {font-weight: bold;margin:6px 0 0;} #footer .row3 {padding:15px 40px;text-align: center;} #footer .row3 ul {height: 22px; margin: 0 auto; text-align: center;} #footer .row3 ul li {display: inline-block; font-size: 12px; margin: 0 15px 0 0;} #footer .row3 a, #footer .row3 a:visited {color:#836d2c;text-decoration: none;} #footer .row3 a:hover {text-decoration: underline;} #footer .row3 p {color:#836d2c;font-size:11px;margin:0 0 5px;} /***************************************************************************************** Administrative/ Logged In Styles **************************************************************************/ #main_content ul.tabs {margin: 0;} #main_content.interior-landing-business ul.tabs, #main_content.interior-landing-home ul.tabs {display: none;} #main_content ul.tabs li {margin:0;} #main_content ul.tabs li a, #main_content ul.tabs li a:visited {margin: 0 15px 0 0; padding: 0 15px 0 25px;} #main_content ul.tabs li a:hover {} div.messages { margin: 28px 15px 16px;} #toolbar {height:30px;} #toolbar div.toolbar-menu {height: 30px;} #user-login .description {text-indent:-9999px;} #user-login input {margin-left:3px;} #user-login #edit-submit {margin-left: 312px;} /***************************************************************************************** Form Styles **************************************************************************/ /* Forms.less * Base styles for various input types, form layouts, and states * ------------------------------------------------------------- */ form .red {color:#cc0000;} form {margin-bottom: 18px;} fieldset {margin-bottom: 18px; padding-top: 18px;} fieldset legend {display: block; padding-left: 170px; font-size: 19.5px; color: #003399; *padding: 0 0 5px 145px; /* IE6-7 * /*line-height: 1.5; /* IE6-7 */ } form .clearfix {margin-bottom: 18px; zoom: 1;} form .clearfix:before, form .clearfix:after {display: table; content: ""; zoom: 1; *display: inline;} form .clearfix:after {clear: both;} label, input, select, textarea {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: normal;} label {padding-top: 6px; font-size: 13px; line-height: 18px; float: left; width: 150px; text-align: right; color: #404040;} form .input {margin-left: 170px;} input[type=checkbox], input[type=radio] {cursor: pointer;} input, textarea, select, .uneditable-input {display: inline-block; width: 210px; /*height: 18px;*/ padding: 4px; font-size: 13px; line-height: 18px; color: #808080; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} /* mini reset for non-html5 file types */ input[type=checkbox], input[type=radio] {width: auto; height: auto; padding: 0; margin: 3px 0; *margin-top: 0; /* IE6-7 */ line-height: normal; border: none;} input[type=file] {background-color: #ffffff; padding: initial; border: initial; line-height: initial; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} input[type=button], input[type=reset], input[type=submit] {width: auto; height: auto;} select, input[type=file] {height: 27px; line-height: 27px; *margin-top: 4px; /* For IE7, add top margin to align select with labels */ } select[multiple] {height: inherit;} textarea {height: auto;} .uneditable-input {background-color: #ffffff; display: block; border-color: #eee; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); cursor: not-allowed;} :-moz-placeholder {color: #bfbfbf;} ::-webkit-input-placeholder {color: #bfbfbf;} input, textarea {-webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);} input:focus, textarea:focus {outline: 0; border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);} input[type=file]:focus, input[type=checkbox]:focus, select:focus {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: 1px dotted #666;} form div.clearfix.error {background: #fae5e3; padding: 10px 0; margin: -10px 0 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} form div.clearfix.error > label, form div.clearfix.error span.help-inline, form div.clearfix.error span.help-block {color: #9d261d;} form div.clearfix.error input, form div.clearfix.error textarea {border-color: #c87872; -webkit-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25); -moz-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25); box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);} form div.clearfix.error input:focus, form div.clearfix.error textarea:focus {border-color: #b9554d; -webkit-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5); -moz-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5); box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);} form div.clearfix.error .input-prepend span.add-on, form div.clearfix.error .input-append span.add-on {background: #f4c8c5; border-color: #c87872; color: #b9554d;} .input-mini, input.mini, textarea.mini, select.mini {width: 60px;} .input-small, input.small, textarea.small, select.small {width: 90px;} .input-medium, input.medium, textarea.medium, select.medium {width: 150px;} .input-large, input.large, textarea.large, select.large {width: 210px;} .input-xlarge, input.xlarge, textarea.xlarge, select.xlarge {width: 270px;} .input-xxlarge, input.xxlarge, textarea.xxlarge, select.xxlarge {width: 530px;} textarea.xxlarge {overflow-y: auto;} input.span1, textarea.span1, select.span1 {display: inline-block; float: none; width: 30px; margin-left: 0;} input.span2, textarea.span2, select.span2 {display: inline-block; float: none; width: 90px; margin-left: 0;} input.span3, textarea.span3, select.span3 {display: inline-block; float: none; width: 150px; margin-left: 0;} input.span4, textarea.span4, select.span4 {display: inline-block; float: none; width: 210px; margin-left: 0;} input.span5, textarea.span5, select.span5 {display: inline-block; float: none; width: 270px; margin-left: 0;} input.span6, textarea.span6, select.span6 {display: inline-block; float: none; width: 330px; margin-left: 0;} input.span7, textarea.span7, select.span7 {display: inline-block; float: none; width: 390px; margin-left: 0;} input.span8, textarea.span8, select.span8 {display: inline-block; float: none; width: 450px; margin-left: 0;} input.span9, textarea.span9, select.span9 {display: inline-block; float: none; width: 510px; margin-left: 0;} input.span10, textarea.span10, select.span10 {display: inline-block; float: none; width: 570px; margin-left: 0;} input.span11, textarea.span11, select.span11 {display: inline-block; float: none; width: 630px; margin-left: 0;} input.span12, textarea.span12, select.span12 {display: inline-block; float: none; width: 690px; margin-left: 0;} input.span13, textarea.span13, select.span13 {display: inline-block; float: none; width: 750px; margin-left: 0;} input.span14, textarea.span14, select.span14 {display: inline-block; float: none; width: 810px; margin-left: 0;} input.span15, textarea.span15, select.span15 {display: inline-block; float: none; width: 870px; margin-left: 0;} input.span16, textarea.span16, select.span16 {display: inline-block; float: none; width: 930px; margin-left: 0;} input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {background-color: #f5f5f5; border-color: #ddd; cursor: not-allowed;} .actions {background: #f5f5f5; margin-top: 18px; margin-bottom: 18px; padding: 17px 20px 18px 150px; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;} .actions .secondary-action {float: right;} .actions .secondary-action a {line-height: 30px;} .actions .secondary-action a:hover {text-decoration: underline;} .help-inline, .help-block {font-size: 11px; line-height: 18px; color: #bfbfbf;} .help-inline {padding-left: 5px; *position: relative; /* IE6-7 */ *top: -5px; /* IE6-7 */ } .help-block {display: block; max-width: 600px;} .inline-inputs {color: #808080;} .inline-inputs span, .inline-inputs input {display: inline-block;} .inline-inputs input.mini {width: 60px;} .inline-inputs input.small {width: 90px;} .inline-inputs span {padding: 0 2px 0 1px;} .input-prepend input, .input-append input {-webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;} .input-prepend .add-on, .input-append .add-on {position: relative; background: #f5f5f5; border: 1px solid #ccc; z-index: 2; float: left; display: block; width: auto; min-width: 16px; height: 18px; padding: 4px 4px 4px 5px; margin-right: -1px; font-weight: normal; line-height: 18px; color: #bfbfbf; text-align: center; text-shadow: 0 1px 0 #ffffff; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;} .input-prepend .active, .input-append .active {background: #a9dba9; border-color: #46a546;} .input-prepend .add-on {*margin-top: 1px; /* IE6-7 */ } .input-append input {float: left; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;} .input-append .add-on {-webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin-right: 0; margin-left: -1px;} #main_content .inputs-list {margin: 0 0 14px 14px; width: 100%;list-style-type:none;list-style-image:none !important;} .ie7 #main_content .inputs-list {margin:0px 0px 14px 0px;} .inputs-list li {display: block; padding: 0; width: 100%;} .inputs-list label {display: block; float: none; width: auto; padding: 0; line-height: 18px; text-align: left; white-space: normal;} .inputs-list label strong {color: #808080;} .inputs-list label small {font-size: 11px; font-weight: normal;} .inputs-list .inputs-list {margin-left: 25px; margin-bottom: 10px; padding-top: 0;} .inputs-list:first-child {padding-top: 6px;} .inputs-list li + li {padding-top: 2px;} .inputs-list input[type=radio], .inputs-list input[type=checkbox] {margin-bottom: 0;} .form-stacked {padding-left: 20px;} .form-stacked fieldset {padding-top: 9px;} .form-stacked legend {padding-left: 0;} .form-stacked label {display: block; float: none; width: auto; font-weight: bold; text-align: left; line-height: 20px; padding-top: 0;} .form-stacked .clearfix {margin-bottom: 9px;} .form-stacked .clearfix div.input {margin-left: 0;} .form-stacked .inputs-list {margin-bottom: 0;} .form-stacked .inputs-list li {padding-top: 0;} .form-stacked .inputs-list li label {font-weight: normal; padding-top: 0;} .form-stacked div.clearfix.error {padding-top: 10px; padding-bottom: 10px; padding-left: 10px; margin-top: 0; margin-left: -10px;} .form-stacked .actions {margin-left: -20px; padding-left: 20px;} .btn.danger, .alert-message.danger, .btn.danger:hover, .alert-message.danger:hover, .btn.error, .alert-message.error, .btn.error:hover, .alert-message.error:hover, .btn.success, .alert-message.success, .btn.success:hover, .alert-message.success:hover, .btn.info, .alert-message.info, .btn.info:hover, .alert-message.info:hover {color: #ffffff;} .btn.danger, .alert-message.danger, .btn.error, .alert-message.error {background-color: #c43c35; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35)); background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(top, #ee5f5b, #c43c35); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #c43c35 #c43c35 #882a25; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);} .btn.success, .alert-message.success {background-color: #57a957; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957)); background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(top, #62c462, #57a957); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #57a957 #57a957 #3d773d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);} .btn.info, .alert-message.info {background-color: #339bb9; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9)); background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(top, #5bc0de, #339bb9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #339bb9 #339bb9 #22697d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);} .btn {cursor: pointer; display: inline-block; background-color: #e6e6e6; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6); background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); padding: 5px 14px 6px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); color: #333; font-size: 13px; line-height: normal; border: 1px solid #ccc; border-bottom-color: #bbb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all; transition: 0.1s linear all;} .btn:hover {background-position: 0 -15px; color: #333; text-decoration: none;} .btn:focus {outline: 1px dotted #666;} .btn.primary {color: #ffffff; background-color: #0064cd; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd)); background-image: -moz-linear-gradient(top, #049cdb, #0064cd); background-image: -ms-linear-gradient(top, #049cdb, #0064cd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd)); background-image: -webkit-linear-gradient(top, #049cdb, #0064cd); background-image: -o-linear-gradient(top, #049cdb, #0064cd); background-image: linear-gradient(top, #049cdb, #0064cd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #0064cd #0064cd #003f81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);} .btn:active {-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);} .btn.disabled {cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: alpha(opacity=65); -khtml-opacity: 0.65; -moz-opacity: 0.65; opacity: 0.65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .btn[disabled] {cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: alpha(opacity=65); -khtml-opacity: 0.65; -moz-opacity: 0.65; opacity: 0.65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .btn.large {font-size: 15px; line-height: normal; padding: 9px 14px 9px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .btn.small {padding: 7px 9px 7px; font-size: 11px;} :root .alert-message, :root .btn {border-radius: 0 \0;} button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {padding: 0; border: 0;} .close {float: right; color: #000000; font-size: 20px; font-weight: bold; line-height: 13.5px; text-shadow: 0 1px 0 #ffffff; filter: alpha(opacity=20); -khtml-opacity: 0.2; -moz-opacity: 0.2; opacity: 0.2;} .close:hover {color: #000000; text-decoration: none; filter: alpha(opacity=40); -khtml-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4;} .alert-message {position: relative; padding: 7px 15px; margin-bottom: 18px; color: #404040; background-color: #eedc94; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94)); background-image: -moz-linear-gradient(top, #fceec1, #eedc94); background-image: -ms-linear-gradient(top, #fceec1, #eedc94); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94)); background-image: -webkit-linear-gradient(top, #fceec1, #eedc94); background-image: -o-linear-gradient(top, #fceec1, #eedc94); background-image: linear-gradient(top, #fceec1, #eedc94); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #eedc94 #eedc94 #e4c652; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border-width: 1px; border-style: solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);} .alert-message .close {*margin-top: 3px; /* IE7 spacing */ } .alert-message h5 {line-height: 18px;} .alert-message p {margin-bottom: 0;} .alert-message div {margin-top: 5px; margin-bottom: 2px; line-height: 28px;} .alert-message .btn {-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);} .alert-message.block-message {background-image: none; background-color: #fdf5d9; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); padding: 14px; border-color: #fceec1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .alert-message.block-message ul, .alert-message.block-message p {margin-right: 30px;} .alert-message.block-message ul {margin-bottom: 0;} .alert-message.block-message li {color: #404040;} .alert-message.block-message .alert-actions {margin-top: 5px;} .alert-message.block-message.error, .alert-message.block-message.success, .alert-message.block-message.info {color: #404040; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);} .alert-message.block-message.error {background-color: #fddfde; border-color: #fbc7c6;} .alert-message.block-message.success {background-color: #d1eed1; border-color: #bfe7bf;} .alert-message.block-message.info {background-color: #ddf4fb; border-color: #c6edf9;} hr.standardrule {background-color: gray; border: medium none; clear: both; display: block; float: none; height: 1px; margin: 18px 0;} /***************************************************************************************** Tooltips **************************************************************************/ .tooltip { display:none; background:transparent url(/tools/img/tooltip/black_arrow.png); font-size:12px; height:70px; width:160px; padding:25px; color:#fff; } /* style the trigger elements */ #demo img { border:0; cursor:pointer; margin:0 8px; } ul li.leaf { list-style-image: none; list-style-type: none;} /* ie fixes general - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .ie7 #interior_slideshow li {background-color:transparent !important;} .ie7 .homepage.row2 .col2 {margin-right:0;} .ie8 #interior_slideshow li {background-color:transparent !important;} .ie8 #slideshow {width:638px !important;height:310px !important;margin:0 0 0 0;padding:0;} .ie8 #slideshow li {width:638px !important;height:310px !important;margin:0 0 0 0;padding:0;background-color:transparent !important;} .ie8 #slideshownav {position:realtive;bottom:28px;} .ie8 .row1.homepage .col1 {padding-top:13px;} #page a { text-decoration: underline !important; } #header-wrapper .quicklinks a { text-decoration: underline !important; } #footer a { text-decoration: underline !important; } #footer .row1 a { text-decoration: none !important; } #text-resizer a { text-decoration: none !important; }