html, body, div, span, object, iframe,
address, blockquote, h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, b, bdo, big, cite, code,
del, dfn, em, i, img, ins, kbd, q, samp,
small, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
form, fieldset, legend, label,
table, caption, thead, tfoot, tbody, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}
body {
color: #000;
background: url(../images/wyjuBg.gif) 0 0 repeat-x;
background-color: #989796;
font-size: 62.5%; /* with this setting, 1em = 10px */
font-size: expression(screen.deviceXDPI > 96 ? 1000 / ((screen.deviceXDPI / 96) * 16) + "%" : "62.5%"); /* Fix
for IE and dpi other than 96 dpi - http://www.williamkolean.com/williamblog/?p=18 */
line-height: 1.25; /* using unitless line-height */
}
/* Font Family
----------------------------------------------------------------------*/
body,
textarea {font-family: arial, helvetica, sans-serif;}
body p {color: #5b5b5b;}
a {
color: #009dd9;
text-decoration: none;
}
a:hover {
color: #009dd9;
text-decoration: underline;
}
a.skip {
margin-top: -999px!important;
font-size: 1.4em;
position: absolute;
}
a.skip:active { position: relative; }
/* Font Sizes
----------------------------------------------------------------------*/
/* Block level elements */
address, blockquote, form, p, pre, table,
dl, ol, ul {
font-size: 1.1em;
color: #5b5b5b;
}
/* Nested block level elements + form fields */
blockquote address, blockquote blockquote, blockquote form, blockquote p, blockquote pre, blockquote table, blockquote
dl, blockquote ol, blockquote ul,
dl address, dl blockquote, dl form, dl p, dl pre, dl table, dl dl, dl ol, dl ul,
form address, form blockquote, form p, form pre, form table, form dl, form ol, form ul,
ol address, ol blockquote, ol form, ol p, ol pre, ol table, ol dl, ol ol, ol ul,
table address, table blockquote, table form, table p, table pre, table table, table dl, table ol, table ul,
ul address, ul blockquote, ul form, ul p, ul pre, ul table, ul dl, ul ol, ul ul,
button, input, select, textarea {font-size: 1.1em;}
h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}
h1.title {
padding-bottom: 19px;
color: #009dd9;
}
/* Font Styles
----------------------------------------------------------------------*/
abbr, acronym {text-decoration: underline;}
address, cite {font-style: normal;}
b, strong {font-weight: bold;}
big {font-size: 1.2em;}
code, kbd, pre, samp, tt {font-family: "Courier New", Courier, monospace;}
del {text-decoration: line-through;}
dfn, em, i, var {font-style: italic;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
ins {text-decoration: underline;}
small {font-size: .8em;}
sub {vertical-align: sub;}
sup {
vertical-align: top;
font-size: 9px;
}
br.clearAll {clear: both;}
/* Margins
----------------------------------------------------------------------*/
p { margin-bottom: 1em; }
#siteMapPageContain {padding: 15px 0 15px 30px;}
#siteMapPageContain ul {margin: .5em 1.5em;}
#siteMapPageContain ul li a {
color: #5b5b5b;
font-size: 12px;
}
#siteMapPageContain ul li a:hover {color: #009dd9;}
#MainBodyContent{display: hidden;}
/* Lists
----------------------------------------------------------------------*/
ol, ul {list-style: none;}
dl dt {color: #5b5b5b;}
ul.Lindent {
padding-left: 30px;
list-style-type: disc;
margin-bottom: 1em;
}
ul.Lindent li {margin-left: 15px;}
.sectionText ul,
div.discussContent div.textLeft ul {
list-style-type: disc;
margin-bottom: 1em;
}
.sectionText ul li,
div.discussContent div.textLeft ul li {
margin-left: 15px;
line-height: 18px;
margin-bottom: 5px;
}
div.discussContent div.textLeft ul.listColMain {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding: 0;
}
div.discussContent div.textLeft ul.listColMain li {
margin-left: 0;
padding: 0px 0px 20px 70px;
}
div.discussContent div.textLeft ul.listColMain li h4 {
font-weight: bold;
font-size: 1.0em;
margin-bottom: 3px;
line-height: 18px;
}
div.discussContent div.textLeft ul.listColMain li img {
display: inline-block;
float: left;
margin-left: -70px;
}
div.discussContent div.textLeft ul.listColMain li p {
font-size: 1.1em;
color:#5B5B5B;
line-height: 18px;
}
div.discussContent div.textLeft ul.listColMain li.foodEnergy {
margin-left: 0;
padding: 0px 0px 20px 130px;
}
div.discussContent div.textLeft ul.listColMain li.foodEnergy img {
display: inline-block;
float: left;
margin-left: -130px;
}
ul.listCol {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0;
}
ul.listCol li {
padding: 0px 0px 20px 0px;
font-size: 11px;
line-height: 18px;
}
ul.listCol li h4 {
font-weight: bold;
font-size: 11px;
margin-bottom: 3px;
line-height: 16px;
}
ul.listCol li img {
display: inline-block;
float: left;
margin: 0 10px 10px 0px;
clear: left;
}
/* Tables - tables still need 'cellspacing="0"' in the markup
----------------------------------------------------------------------*/
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
/*iFrame
----------------------------------------------------------------------*/
iframe {border: 0px solid #ccc;}
/* Blockquote, Q, hr
----------------------------------------------------------------------*/
blockquote, q {quotes: none;}
/* error/success
----------------------------------------------------------------------*/
div.RegistrationWrapper .formRegister fieldset span.req {color: #fff;}
div.RegistrationWrapper .formManage fieldset span.req {color: #ff0000;}
div.RegistrationWrapper .formRegister .regError p {
width: 280px;
margin-left: 25px;
padding: 10px;
font-size: 1.3em;
color: #ff0000;
border: 1px solid #ccc;
background-color: #ddd;
}
div.RegistrationWrapper .formRegister .regSuccess p {
padding-left: 25px;
font-size: 1.3em;
color: #fff;
}
div.RegistrationWrapper .formRegister .updateAcct {display: none;}
div.RegistrationWrapper .formManage .regSuccess {display: none;}
div.RegistrationWrapper .formManage .updateAcct p {
margin-left: -395px;
padding: 10px;
font-size: 1.3em;
color: #ff0000;
}
div.RegistrationWrapper .formManage .regError p {
position: relative;
top: 80px;
*top: 60px;
right: 100px;
width: 280px;
margin-left: 25px;
padding: 10px;
font-size: 1.3em;
color: #ff0000;
}
.reqCopy {
color: #ff0000;
background-color: #eee;
}
/* footnotes
----------------*/
ol.footnotes {
padding-top: 12px;
border-top: 1px solid #ddd;
}
ol.footnotes li {
margin-left: 17px;
margin-bottom: 3px !important;
*margin-bottom: 5px !important;
font-size: 11px;
line-height: 14px !important;
}
div.discussContent div.textLeft ol.footnotes {
padding-top: 15px;
margin-top: 3px;
padding-left: 30px;
_padding-left: 35px;
border-top: 0 none;
background: transparent url(/assets/images/energyIssues/border_topFootnoteWide.gif) no-repeat 0 top;
}
div#issues ol.footnotes li,
div.discussContent div.textLeft ol.footnotes li {
margin-left: 0;
margin-right: 200px;
}
.standardTextContent ul {
margin-bottom: 1.2em;
list-style-type: disc;
}
.standardTextContent ul li {margin-left: 15px;}
/* wrapper/header
----------------------------------------------------------------------*/
.outerWrapperGradient {
width: 968px;
margin: 0 auto;
padding-bottom: 5px;
background: url(../images/outerWrapGradient.gif) left bottom repeat-x;
}
.pageWrapper {
width: 958px;
min-height: 610px;
height: auto;
_height: 610px;
margin: 0 auto;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
background: url(../images/innerWrapGradient.gif) transparent left bottom repeat-x;
background-color: #fff;
position: relative;
}
#headerNav {height: 69px;}
#headerNav h1,
#headerNav h2 {
display: inline;
float: left;
}
#headerNav ul {
display: inline;
float: right;
padding: 26px 35px 0 0;
}
#headerNav ul li {
float: left;
display: inline;
}
#headerNav ul li a {
margin: 0 0 0 25px;
font-size: .9em;
color: #5b5b5b;
text-decoration: none;
}
#headerNav ul li a:hover {
color: #009dd9;
text-decoration: none;
}
#headerNav ul li a.selected {
color: #009dd9;
text-decoration: none;
}
.shareTools {
position: absolute;
top:132px;
right: 24px;
width: 160px;
_width: 169px;
}
div.shareEmailPrint {
float: left;
display: inline;
width: 40px;
_width: 45px;
text-align: right;
margin-right: 4px;
}
.shareTools a.print,
.shareTools a.email {
background: url(../images/buttons/sharePreview.gif) no-repeat -296px 0;
width: 14px;
height: 11px;
text-indent: 9999px;
display: block;
float: right;
margin: 3px 0 0 6px;
overflow: hidden;
}
.shareTools a.email {background: url(../images/buttons/sharePreview.gif) no-repeat -282px 0;}
/*
.shareTools .addThis {
float: left;
display: inline;
}
*/
a.addthis_button_expanded {font-size:1.2em;}
/* global arrow button and drop shadow
----------------------------------------------------------------------
a.globalArrow {
display: block;
height: 26px;
padding-left: 30px;
color: #009dd9;
font-size: 1.2em;
font-weight: bold;
line-height: 1.8em;
text-decoration: none;
background: url(../Images/globalArrowBtn.png) 0 0 no-repeat;
_background: url(../Images/globalArrowBtn.gif) 0 0 no-repeat;
}
a.globalArrow:hover {
background: url(../Images/globalArrowBtn.png) 0 -25px no-repeat;
_background: url(../Images/globalArrowBtn.gif) 0 -25px no-repeat;
}
*/
/*
(may need top repeat hover beaneath speicific instance)
*/
.shadow {
float: left;
margin: 0 5px 4px 0;
background: url(../images/boxDropShadow.gif) right bottom no-repeat;
}
.shadowLarge {
float: left;
margin: 4px 0px 4px 0;
background:url(../images/boxDropShadow.gif) right bottom no-repeat;
}
.shadowPull {
margin-left: -4px;
padding-left: 4px;
}
.spacer25 {padding-top: 25px;}
/*
for shadow child add:
position: relative;
margin: -5px 5px 4px -5px;
(may need a clearfix applied as well to parent)
*/
/* main Navigation
----------------------------------------------------------------------*/
#mainNav {
position: relative;
height: 42px;
background-color: #eee;
border-bottom: 1px solid #e6e6e6;
z-index: 95; /* thickbox set to 100*/
}
#mainNav ul li {
float: left;
display: inline;
position: relative;
}
#mainNav ul li a {
display: block;
height: 43px;
text-indent: -5000px;
}
#mainNav ul li a:hover {color: #009dd9;}
#mainNav ul li.selected a {
color: #009dd9;
background-position: 10px -23px;
}
#mainNav ul li.hover a {background-position: 10px -23px;}
#mainNav ul li.hoverSub {background: #fff;}
#mainNav ul li.hoverSub a {
padding: 0;
background-position: 9px -23px;
}
#mainNav ul li a#takeAction {
width: 204px;
background: url(../images/navMatrix.gif) 0 0 no-repeat;
}
#mainNav ul li a#chevronCommit {
width: 214px;
background: url(../images/navMatrix.gif) -204px 0 no-repeat;
}
#mainNav ul li a#joinDiscussion {
width: 193px;
background: url(../images/navMatrix.gif) -418px 0 no-repeat;
}
#mainNav ul li a#energyIssues {
width: 152px;
background: url(../images/navMatrix.gif) -611px 0 no-repeat;
}
#mainNav ul li a#resourceCenter {
width: 195px;
background: url(../images/navMatrix.gif) -763px 0 no-repeat;
}
#mainNav ul li a#takeAction:hover {background: url(../images/navMatrix.gif) 0 -42px;}
#mainNav ul li a#takeAction.selected {background: url(../images/navMatrix.gif) 0 -84px;}
#mainNav ul li a#chevronCommit:hover {background: url(../images/navMatrix.gif) -204px -42px;}
#mainNav ul li a#chevronCommit.selected {background: url(../images/navMatrix.gif) -204px -84px;}
#mainNav ul li a#joinDiscussion:hover {background: url(../images/navMatrix.gif) -418px -42px;}
#mainNav ul li a#joinDiscussion.selected {background: url(../images/navMatrix.gif) -418px -84px;}
#mainNav ul li a#energyIssues:hover {background: url(../images/navMatrix.gif) -611px -42px;}
#mainNav ul li a#energyIssues.selected {background: url(../images/navMatrix.gif) -611px -84px;}
#mainNav ul li a#resourceCenter:hover {background: url(../images/navMatrix.gif) -763px -42px;}
#mainNav ul li a#resourceCenter.selected {background: url(../images/navMatrix.gif) -763px -84px;}
/* Navigation -> Dropdown
--------------------------------------------------------------------*/
#mainNav ul li div.subnav {
position: absolute;
top: 42px;
left: 0;
display: none;
padding: 0 10px 10px 0;
overflow: hidden;
/* This box needs a width. Setting inline, as box widths will vary. */
}
#mainNav ul li.li1 div.subnav,
#mainNav ul li.li2 div.subnav,
#mainNav ul li.li3 div.subnav,
#mainNav ul li.li4 div.subnav,
#mainNav ul li.li5 div.subnav {
padding: 0 14px 10px 10px;
margin-left: -10px;
}
#mainNav ul li.hoverSub div.subnav {display: block;}
#mainNav ul li div.subnav div.subnavImg {
position: absolute;
right: 0;
bottom: 0;
height: 800px;
width: 800px;
background: url(../Images/bgSubNavShadow.png) no-repeat;
_background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/bgSubNavShadow.png', sizingMethod='scale');
}
#mainNav ul li.li1 div.subnav div.subnavImg {
left: 0;
bottom: 0;
width: 224px;
background: url(../Images/bgSubNavShadow1.png) no-repeat;
_background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/bgSubNavShadow1.png', sizingMethod='scale');
}
#mainNav ul li.li2 div.subnav div.subnavImg {
left: 0;
bottom: 0;
width: 234px;
background: url(../Images/bgSubNavShadow2.png) no-repeat;
_background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/bgSubNavShadow2.png', sizingMethod='scale');
}
#mainNav ul li.li3 div.subnav div.subnavImg {
left: 0;
bottom: 0;
width: 213px;
background: url(../Images/bgSubNavShadow3.png) no-repeat;
_background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/bgSubNavShadow3.png',sizingMethod='scale');
}
#mainNav ul li.li4 div.subnav div.subnavImg {
left: 0;
bottom: 0;
width: 188px;
background: url(../Images/bgSubNavShadow4.png) no-repeat;
_background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/bgSubNavShadow4.png',sizingMethod='scale');
}
#mainNav ul li.li5 div.subnav div.subnavImg {
left: 0;
bottom: 0;
width: 215px;
background: url(../Images/bgSubNavShadow5.png) no-repeat;
_background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/bgSubNavShadow3.png', sizingMethod='scale');
}
#mainNav ul li div.subnav div.contentWrapper {
padding: 3px;
background: #fff;
border: 1px solid #ddd;
border-top: 0;
position: relative;
}
#mainNav ul li div.subnav div.content {
padding: 0;
position: relative;
}
#mainNav ul li div ul {
margin-top: 10px;
padding: 0 5px 0 0;
background: url(../Images/subNavBorderTop.gif) 50% bottom no-repeat;
}
#mainNav ul li div ul li {
float: none;
line-height: 1.1em;
}
#mainNav ul li div ul li a,
#mainNav ul li.selected div ul li a,
#mainNav ul li.hoverSub div ul li a {
display: block;
font-size: 12px;
height: 1.2em;
width: auto;
float: none;
color: #5b5b5b;
padding: 5px 0 7px 14px;
margin: 0 17px;
text-decoration: none;
text-indent: 0;
overflow: hidden;
background: url(../Images/subNavBorderTop.gif) 50% 0 no-repeat;
}
#mainNav ul li div ul li.last a {margin-bottom: 10px;}
#mainNav ul li.li1 div ul,
#mainNav ul li.li4 div ul {
margin-top: 10px;
padding: 0 5px 0 0;
background: url(../Images/subNavBorderTopSm.gif) 50% bottom no-repeat;
}
#mainNav ul li.li1 div ul li a,
#mainNav ul li.li4 div ul li a {background: url(../Images/subNavBorderTopSm.gif) 50% 0 no-repeat;}
#mainNav ul li.li1 div ul li.last a,
#mainNav ul li.li4 div ul li.last a {margin-bottom: 10px;}
#mainNav ul li div ul li a:hover,
#mainNav ul li.selected div ul li a:hover,
#mainNav ul li.selected div ul li.selected a {color: #009dd9;}
/*FormManage Styles
-------------------------------------------------------*/
div.formManage {
width: 375px;
padding-left: 395px;
margin-bottom: 65px;
color: #626262;
}
/*Required
----------------*/
div.formManage fieldset.required {
width: 375px;
padding-left: 0;
margin-left: -395px;
float: left;
display: inline;
clear: left;
}
div.formManage fieldset.required div {padding-left: 125px;}
div.formManage fieldset.required div div {padding-left: 0;}
div.formManage label {font-weight: bold;}
div.formManage label span {font-weight: normal;}
div.formManage fieldset.required label {
width: 120px;
margin-left: -125px;
}
div.formManage fieldset.required input.text {width: 85%;}
div.formManage fieldset.required select {
width: 86%;
*width: 87%;
}
div.formManage fieldset.required div.fullwidth {
width: 375px;
padding-left: 0;
}
div.formManage fieldset.required h4 {
height: 27px;
width: 360px;
padding-left: 15px;
margin-bottom: 10px;
margin-top: 0;
line-height: 27px;
color: #fff;
font-size: 11px;
font-weight: bold;
background: url(../images/discuss/back_topicPrevious.gif) 0 0 repeat-x;
}
div.formManage fieldset.required p.registerIntro {
display: block;
width: 300px;
margin-left: 40px;
font-size: .9em;
}
/*Optional
----------------*/
div.formManage fieldset.optional {
width: 375px;
float: right;
display: inline;
}
div.formManage fieldset.optional div {padding-left: 125px;}
div.formManage fieldset.optional div div {padding-left: 0;}
div.formManage fieldset.optional div.fullwidth {
width: 375px;
padding-left: 0;
}
div.formManage fieldset.optional h4 {
height: 27px;
padding-left: 15px;
margin-bottom: 10px;
margin-top: 0;
line-height: 27px;
font-size: 11px;
color: #fff;
font-weight: bold;
background-color: #BBE3F0;
background: url(../images/discuss/back_topicPrevious.gif) 0 0 repeat-x;
}
div.formManage fieldset.optional label {
width: 110px;
margin-left: -115px;
}
div.formManage fieldset.optional input.text {width: 85%;}
div.formManage fieldset.optional select {
width: 70%;
*width: 71%;
}
div.formManage fieldset.required span.checkbox label {width: 225px;}
/* Take Action Secondary Navigation
----------------------------------------------------------------------*/
ul.secondaryNav {margin: 15px 35px 0 35px;}
ul.secondaryNav li {
float: left;
display: inline;
}
ul.secondaryNav li a {
height: 32px;
padding: 0 15px;
margin: 0 15px;
display: block;
_display: inline-block;
color: #666;
text-decoration: none;
line-height: 32px;
background: #fff url(../images/globalArrowBtn.gif) repeat-x 5px 566px;
}
ul.secondaryNav li a.first {
padding-left: 11px;
margin-left: 0;
}
ul.secondaryNav li a:hover {
color: #5b5b5b;
text-decoration: none;
background-position: 5px -566px;
}
ul.secondaryNav li a.selected {
color: #009dd9;
text-decoration: none;
background-position: 5px -566px;
}
/* homepage
----------------------------------------------------------------------*/
#mainBranding {
height: 302px;
background-color: #ddd;
}
#mainBarrelCounter {background-color: #009eda;}
#mainFeatureWrapper {
height: 201px;
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
}
#mainFeatureWrapper #mainFeatureBox1,
#mainFeatureWrapper #mainFeatureBox2,
#mainFeatureWrapper #mainFeatureBox3 {
position: relative;
float: left;
display: inline;
height: 176px;
padding-top: 25px;
}
#mainFeatureWrapper #mainFeatureBox1 {
width: 319px;
border-right: 1px solid #e6e6e6;
background: url(../images/featureBox1Bg4.gif) 20px 25px no-repeat;
}
#mainFeatureWrapper #mainFeatureBox2 {
width: 319px;
border-right: 1px solid #e6e6e6;
background: url(../images/featureBox2Bg4.gif) 25px 25px no-repeat;
}
#mainFeatureWrapper #mainFeatureBox3 {
width: 318px;
background: url(../images/featureBox3Bg4.gif) 21px 25px no-repeat;
}
#mainFeatureWrapper #mainFeatureBox1 h3,
#mainFeatureWrapper #mainFeatureBox2 h3,
#mainFeatureWrapper #mainFeatureBox3 h3,
#mainFeatureWrapper #mainFeatureBox2 p {text-indent: -5000px;}
#mainFeatureWrapper #mainFeatureBox3 #latestCommentWrap {
position: absolute;
width: 280px;
height: 97px;
top: 70px;
left: 15px;
text-indent: 0px;
background: url(../images/latestCommentBg2.gif) 0 0 no-repeat;
}
#mainFeatureWrapper #mainFeatureBox3 #latestCommentWrap ul {
padding: 0;
margin: 0;
}
#mainFeatureWrapper #mainFeatureBox3 #latestCommentWrap li {
height: 67px;
padding: 15px 7px 20px;
list-style-type: none;
overflow: hidden;
}
#mainFeatureWrapper #mainFeatureBox3 #latestCommentWrap li h4 {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-weight: bold;
color: #5b5b5b;
}
#mainFeatureWrapper #mainFeatureBox3 #latestCommentWrap li h5 {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-weight: bold;
text-align: left;
color: #5b5b5b;
}
#mainFeatureWrapper #mainFeatureBox3 #latestCommentWrap li p {
margin: 0;
padding: 3px 0;
font-size: 12px;
color: #5b5b5b;
text-indent: 0;
}
#mainFeatureWrapper #mainFeatureBox1 a,
#mainFeatureWrapper #mainFeatureBox2 a,
#mainFeatureWrapper #mainFeatureBox3 a {
color: #5b5b5b;
font-weight: bold;
bottom: 0;
height: 25px;
left: 0;
position: absolute;
width: 315px;
padding-top: 153px;
}
#mainFeatureWrapper #mainFeatureBox1 a:hover,
#mainFeatureWrapper #mainFeatureBox2 a:hover,
#mainFeatureWrapper #mainFeatureBox3 a:hover {
color: #009dd9;
text-decoration: none;
}
#mainFeatureWrapper #mainFeatureBox1 a {text-indent: 20px;}
#mainFeatureWrapper #mainFeatureBox2 a {text-indent: 25px;}
#mainFeatureWrapper #mainFeatureBox3 a {text-indent: 17px;}
#mainActionCallWrap {
height: 46px;
background: url(../images/actionCallBg.gif) 0 0 repeat-x;
}
#mainActionCallWrap #callAction1,
#mainActionCallWrap #callAction2 {
position: relative;
float: left;
display: inline;
height: 46px;
}
#mainActionCallWrap #callAction1 {
width: 478px;
border-right: 1px solid #e6e6e6;
}
#mainActionCallWrap #callAction1 a {
position: absolute;
display: block;
left: 0px;
height: 46px;
width: 202px;
background: url(../images/homeActionCallBtn.gif) -288px 0 no-repeat;
text-indent: -5000px;
}
#mainActionCallWrap #callAction1 a:hover {
text-decoration: none;
background: url(../images/homeActionCallBtn.gif) -288px -46px no-repeat;
}
#mainActionCallWrap #callAction1 p {
margin: 16px 0 0 220px;
font-size: 13px;
color: #5b5b5b;
}
#mainActionCallWrap #callAction2 a {
position: absolute;
display: block;
left: 0px;
height: 46px;
width: 110px;
background: url(../images/homeActionCallBtn.gif) -179px 0 no-repeat;
text-indent: -5000px;
}
#mainActionCallWrap #callAction2 a:hover {
text-decoration: none;
background: url(../images/homeActionCallBtn.gif) -179px -46px no-repeat;
}
#mainActionCallWrap #callAction2 p {
margin: 16px 0 0 128px;
font-size: 13px;
color: #5b5b5b;
}
.barrelContain {
vertical-align: top;
height: 40px;
background: url(../images/bgHomeShare.gif) repeat-x 0 0;
}
#barrelCounter {
float: left;
margin-top: 4px;
}
.numberBarrels,
.barrelDescription {
padding-top: 13px;
float: left;
display: inline;
color:#fff;
font-size: 1.1em;
margin: 0 7px 0 482px;
}
.numberBarrels {margin: 0 0 0 7px;}
.barrelShare {
float: right;
display: inline;
}
.barrelShare a {
background: url(../images/buttons/sharePreview.gif) 0 0px no-repeat;
width: 120px;
height: 40px;
display: block;
text-indent: -9999px;
}
.barrelShare a:hover {background: url(../images/buttons/sharePreview.gif) 0 -40px no-repeat;}
/* Attempt to genericize page layout elements
--------------------------------------------------------------------- */
.contentContainer {
margin: 0 35px;
background:url(../images/contentContainBG.gif) 0 0 no-repeat;
}
.contentInner {
width: 828px;
margin: 0 31px;
padding: 30px 0 30px;
}
.contentInnerInner {
width: 768px; /* 828-60=768 */
margin: 0 0 70px 0;
background: url(../images/contentInnerBg.gif) 0 0 no-repeat;
background-color: #fff;
padding: 30px;
}
.contentInnerInner h3 {
color: #009dd9;
margin-bottom: 1em;
}
/* Take Action Pages
----------------------------------------------------------------------*/
.takeActionContainer {
margin: 0 35px;
background:url(../images/takeActionContainBG.gif) 0 0 no-repeat;
}
.takeActionInner {
width: 828px;
margin: 0 31px;
}
.takeActionInnerInner {
width: 828px;
margin: 15px 0 70px 0;
background: url(../images/utilityInnerBg.gif) 0 0 no-repeat;
background-color: #fff;
padding: 30px 0;
}
.takeActionInnerInner h3 {
color: #009dd9;
margin-bottom: 1em;
}
.takeActionInnerInner h3,
.takeActionInnerInner p {padding: 0 30px;}
.takeActionInner .flashContain {padding: 5px 0 25px 0;}
#flashcontent p {clear: both;}
.takeActionInner .actionInnerHeader a.btn {
float: right;
display: block;
height: 25px;
margin-top: -40px;
padding: 3px 0 0 33px;
font-size: 12px;
font-weight: bold;
background:url(../images/globalArrowBtn.gif) left -918px no-repeat;
}
.takeActionInner .actionInnerHeader a.btn:hover {
text-decoration: none;
background:url(../images/globalArrowBtn.gif) left -961px no-repeat;
}
.takeActionInner .actionInnerHeader h1 {padding: 29px 0 19px 0px;}
.takeActionInner .actionInnerHeader p { margin-bottom: 29px;}
.takeActionInner .actionInnerHeader p.btn {
width: 610px;
margin-bottom: 29px;
float: left;
display: inline;
}
.takeActionInner .actionInnerHeader a.previewWidget {
background: url(../images/buttons/sharePreview.gif) no-repeat -120px 0;
width: 162px;
height: 32px;
text-indent: -9999px;
float: left;
display: inline;
margin-left: 53px;
}
.takeActionInner .actionInnerHeader a.previewWidget:hover {background: url(../images/buttons/sharePreview.gif) no-repeat -120px -32px;}
.actionInnerContent {
height: 256px;
width: 828px;
background:url(../images/carpoolCallOut.jpg) 0 0 no-repeat;
}
.actionInnerContent a {
display: block;
height: 256px;
width: 828px;
background:url(../images/carpoolCallOut.jpg) 0 0 no-repeat;
text-indent: -5000px;
}
.actionInnerContent a:hover {background:url(../images/carpoolCallOut.jpg) 0 -256px no-repeat;}
.actionBoxContain {padding: 18px 0 62px 0;}
#commitmentContainer .actionBoxContain {padding: 18px 0 62px 0;}
.actionBoxSpace {
float: left;
display: inline;
margin-left: 35px;
}
.actionBoxSpace2 {
float: left;
display: inline;
margin-left: 5px;
_margin-left: 0px;
}
/* shadow applied */
.actionBox1,
.actionBox2,
.actionBox3,
.actionBox5 {
position: relative;
display: block;
width: 400px;
min-height: 150px;
_height: 150px;
margin: -5px 5px 4px -5px;
padding: 4px;
border: 1px solid #d1d1d1;
}
.actionBox6,
.actionBox7 {
position: relative;
display: block;
width: 190px;
min-height: 150px;
_height: 150px;
margin: -5px 5px 4px -5px;
padding: 4px;
border: 1px solid #d1d1d1;
}
.actionBox7contain {
float: left;
margin-right: 4px;
}
.actionBox1 { background:url(../images/actionCall1Bg.jpg) top right no-repeat;}
.actionBox2{ background:url(../images/actionCall2Bg.jpg) top right no-repeat; }
.actionBox3{ background:url(../images/energySwitchCallBox.jpg) top right no-repeat;}
.actionBox4{ background:url(../images/energyStoriesCallBox.jpg) top right no-repeat; }
.actionBox5{ background:url(../images/actionCall5Bg.jpg) top right no-repeat; }
.actionBox6{ background:url(../images/actionCall6Bg.jpg) top right no-repeat; }
.actionBox7{ background:url(../images/actionCall7Bg.jpg) top right no-repeat; }
.actionBox1 p,
.actionBox2 p,
.actionBox3 p,
.actionBox4 p,
.actionBox5 p,
.actionBox6 p,
.actionBox7 p {
width: 170px;
margin: 18px 0 15px 20px;
text-indent: -9999px;
}
a.inline {
display: block;
position: absolute;
bottom: 4em;
width: 170px;
margin: 0 0 1em 20px;
color: #5b5b5b;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
a.inline:hover {color: #009dd9;}
a.globalArrow {
background: url(../Images/actionBoxArrow.gif) 9px 126px no-repeat;
position: absolute;
left: 0;
bottom: .25em;
padding: 125px 0 0 39px;
font-size: 1.5em;
line-height: 1.5em;
font-weight: normal;
height: 26px;
}
a.globalArrow:hover {
text-decoration: none;
background: url(../Images/actionBoxArrow.gif) 9px -47px no-repeat;
}
.actionBox1 a.halfWidth,
.actionBox2 a.halfWidth,
.actionBox5 a.halfWidth,
.actionBox8 a.halfWidth,
.actionBox9 a.halfWidth {width: 367px;}
.actionBox6 a.quarterWidth,
.actionBox7 a.quarterWidth {width: 157px;}
/* Energyville Facebook landing page
----------------------------------------------------------------------*/
.playEnergyvilleInner {height: 400px;}
.playEnergyvilleInner h1.title {
width: 247px;
height: 23px;
background: url(../images/facebook/energyville/FacebookEnergyvilleSubHd.gif) no-repeat 0 0;
text-indent: -9999px;
overflow: hidden;
}
.playEnergyvilleInner h2 {
display: block;
font-weight: bold;
font-size: 1.1em;
}
.playEnergyvilleInner .actionInnerHeader p.btn {
width: 545px;
margin-bottom: 26px;
float: left;
display: inline;
}
.playEnergyvilleInner .actionInnerHeader a.playEnergyville {
background: url(../images/buttons/playEnergyville.gif) no-repeat 0 0;
width: 195px;
height: 32px;
text-indent: -9999px;
float: left;
display: inline;
margin-left: 95px;
margin-top: 15px;
}
.playEnergyvilleInner .actionInnerHeader a.playEnergyville:hover {background: url(../images/buttons/playEnergyville.gif) no-repeat 0 -32px;}
.playEnergyvilleInner img {
display: inline;
float: left;
padding: 3px;
*margin-top: 25px;
}
/* Commitment
----------------------------------------------------------------------*/
#commitmentContainer {
margin: 0 35px;
background:url(../images/takeActionContainBG.gif) 0 0 no-repeat;
}
#commitmentContainer .commitInner {
width: 828px;
margin: 0 31px;
}
#commitmentContainer .commitInner .mediaContent {
float: left;
display: inline;
width: 445px;
}
#commitmentContainer .commitInner .mediaDescription {
float: left;
display: inline;
width: 375px;
}
#commitmentContainer .commitInner .mediaDescription h2 {padding: 0 15px 15px 0px;}
#commitmentContainer .commitInner .mediaDescription h3 {
margin-left: 18px;
color: #0099dd;
}
#commitmentContainer .commitInner .mediaDescription p {
margin-left: 0px;
padding-bottom: 1px;
}
#commitmentContainer .commitInner .commitInnerHeader h1 {padding: 29px 0 19px 0px;}
#commitmentContainer .commitInner .commitInnerHeader p {margin-bottom: 29px;}
#commitmentContainer .commitInner .featureBoxContain {width: 828px;}
#commitmentContainer .commitInner .featureBox {
float: left;
display: inline;
width: 204px;
margin: 0 4px 0 0;
padding: 0;
}
#commitmentContainer .commitInner .featureBox.last {margin-right: 0;}
#commitmentContainer .commitInner .featureBox h3 {
font-size: 14px;
color: #fff;
margin: 0 0 0 39px;
padding: 3px 0 0 0;
}
#commitmentContainer .commitInner .featureBox p {
color: #fff;
font-size: 11px;
margin: 0 0 0 40px;
padding: 0;
}
#commitmentContainer .commitInner .featureBox .featureDescription {
position: relative;
height: 40px;
margin: 0;
padding: 0;
background:url(../images/featureBlueBg.gif) 0 0 repeat-x;
}
.featureDescription a.globalArrow {
position: absolute;
left: 3px;
bottom: 8px;
margin: 0;
padding: 0 175px 0 30px;
color: #009dd9;
background: url(../Images/globalArrowBtn.png) 0 0 no-repeat;
}
.featureDescription a.globalArrow:hover {background: url(../Images/globalArrowBtn.png) 0 -50px no-repeat;}
#commitmentContainer .commitInner .boxContainPP {
width: 828px;
padding: 30px 0;
}
#commitmentContainer .commitInner .boxContainPP ul li {
float: left;
display: inline;
}
#commitmentContainer .commitInner .boxContainPP ul li a {
display: block;
height: 95px;
width: 204px;
text-indent: -9999px;
margin-right: 4px;
}
#commitmentContainer .commitInner .boxContainPP ul li a.last {margin-right: 0px;}
.boxContainPP ul li a#wwd1 {background: url(../Images/proofpoints/proofThumb1.jpg) 0 0 no-repeat;}
.boxContainPP ul li a#wwd1:hover {background: url(../Images/proofpoints/proofThumb1.jpg) 0 -95px no-repeat;}
#commitmentContainer .commitInner .boxContainPP ul li a#wwd1.selected {background: url(../Images/proofpoints/proofThumb1.jpg) 0 -190px no-repeat;}
.boxContainPP ul li a#wwd2 {background: url(../Images/proofpoints/proofThumb2.jpg) 0 0 no-repeat;}
.boxContainPP ul li a#wwd2:hover {background: url(../Images/proofpoints/proofThumb2.jpg) 0 -95px no-repeat;}
#commitmentContainer .commitInner .boxContainPP ul li a#wwd2.selected {background: url(../Images/proofpoints/proofThumb2.jpg) 0 -190px no-repeat;}
.boxContainPP ul li a#wwd3 {background: url(../Images/proofpoints/proofThumb3.jpg) 0 0 no-repeat;}
.boxContainPP ul li a#wwd3:hover {background: url(../Images/proofpoints/proofThumb3.jpg) 0 -95px no-repeat;}
#commitmentContainer .commitInner .boxContainPP ul li a#wwd3.selected {background: url(../Images/proofpoints/proofThumb3.jpg) 0 -190px no-repeat;}
.boxContainPP ul li a#wwd4 {background: url(../Images/proofpoints/proofThumb4.jpg) 0 0 no-repeat;}
.boxContainPP ul li a#wwd4:hover {background: url(../Images/proofpoints/proofThumb4.jpg) 0 -95px no-repeat;}
#commitmentContainer .commitInner .boxContainPP ul li a#wwd4.selected {background: url(../Images/proofpoints/proofThumb4.jpg) 0 -190px no-repeat;}
#commitmentContainer .commitInner .twoCol {margin-bottom: 15px;}
#commitmentContainer .commitInner .twoCol div {
float: left;
display: inline;
width: 50%;
}
#commitmentContainer .commitInner .twoCol div.media {
float: left;
display: inline;
width: 450px;
}
#commitmentContainer .commitInner .twoCol div.mediaCopy {
float: left;
display: inline;
width: 370px;
}
#commitmentContainer .commitInner .twoCol h2 {padding: 0 15px 15px 5px;}
#commitmentContainer .commitInner .twoCol h3 {
padding: 0 5px 10px 5px;
font-size: 1.5em;
}
#commitmentContainer .commitInner .twoCol p {padding: 0 15px 0 5px;}
#commitmentContainer .commitInner .twoCol a {
color: #009dd9;
font-size: 12px;
font-weight: bold;
text-decoration: none;
margin: 0 0 0 5px;
}
#commitmentContainer .commitInner .twoCol a:hover {
color: #009dd9;
text-decoration: underline;
}
a.pdf {
display: inline-block;
padding: 1px 5px 5px 20px;
background: url(../Images/pdfIcon.gif) 0 0 no-repeat;
}
a.external {
display: inline-block;
padding: 1px 2px 5px 20px;
*padding-bottom: 0px;
background: url(../Images/iconExternalLink.gif) 0 0 no-repeat;
}
.ftrLinks ul li a.external {
display: inline-block;
padding: 0;
background: none;
}
.flashContain img {display: inline;}
/* Resource Center Pages
----------------------------------------------------------------------*/
.resourceCenterContainer {
margin: 0 35px;
background:url(../images/takeActionContainBG.gif) 0 0 no-repeat;
}
.resourceCenterInner {
width: 828px;
margin: 0 31px;
height: auto;
min-height: 640px;
_height: 640px;
}
.resourceCenterContent {
width: 828px;
position: relative;
margin: -5px 5px 4px -5px;
}
.resourceCenterInner .resourceCenterHeader h1 {padding: 29px 0 19px 0px;}
.resourceCenterInner .resourceCenterHeader p {margin-bottom: 29px;}
#ToolsResourcesModules .toolsResourcesModules {
background: transparent url(../images/toolsResources/bgModule.gif) no-repeat 0 0;
width: 409px;
height: 175px;
float: left;
display: inline;
position: relative;
}
#ToolsResourcesModules .toolsResourcesModules h3 {margin: 12px 0 12px 31px;}
#ToolsResourcesModules .toolsResourcesModules h4,
#ToolsResourcesModules .toolsResourcesModules p {
margin: 0 30px;
font-size: 1.1em;
line-height: 1.1em;
}
#ToolsResourcesModules .toolsResourcesModules h4 {color: #009DD9;}
#ToolsResourcesModules .toolsResourcesModules a.ctaLink {
background: transparent url(../images/toolsResources/button.png) no-repeat scroll 1px -167px;
_background: transparent url(../images/toolsResources/button.gif) no-repeat scroll 0 -446px;
color:#FFFFFF;
display:block;
padding-left:36px;
position: absolute;
left: 21px;
top: 133px;
height: 37px;
line-height: 37px;
font-size: 1.5em;
}
#ToolsResourcesModules .toolsResourcesModules div.gnewsHeadline {
position:absolute;
top: 40px;
left:0;
display: none;
}
#ToolsResourcesModules .toolsResourcesModules div.gnewsHeadlineSelected {display: block;}
#ToolsResourcesModules .toolsResourcesModules a:hover {
text-decoration: none;
background-position: 1px 8px;
_background-position: 0 -483px;
}
#ToolsResourcesModules .toolsResourcesModules a.prev,
#ToolsResourcesModules .toolsResourcesModules a.next {
background: transparent url(../images/toolsResources/button.gif) no-repeat scroll 0 -350px;
display:block;
padding: 0;
position: absolute;
left: 0px;
top: 62px;
width: 16px;
height: 24px;
text-indent: -9999px;
_line-height: 0;
}
#ToolsResourcesModules .toolsResourcesModules a.next {
background-position: 0 -398px;
left: 388px;
}
#ToolsResourcesModules .toolsResourcesModules a.prev:hover {background-position: 0 -374px;}
#ToolsResourcesModules .toolsResourcesModules a.next:hover {background-position: 0 -422px;}
#ToolsResourcesModules .toolsResourcesModulesLeft {margin-right: 10px;}
#ToolsResourcesModules img.moduleRight {margin-left: 33px;}
#ToolsResourcesModules .toolsResourcesModules a.disabled {display: none;}
.rCenterSelect {
float: left;
display: inline;
width: 290px;
height: 520px;
background: url(../images/rCenterBG.gif) 0 0 repeat-x;
background-color: #0389bd;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
overflow: auto;
}
.rCenterSelect h2 {
margin-left: 35px;
padding-top: 15px;
font-size: 1.2em;
font-weight: bold;
color: #fff;
}
.rCenterSelect p {
margin: 0 0 0 35px;
color: #fff;
}
.rCenterResults {
float: left;
display: inline;
width: 536px;
height: 520px;
overflow: auto;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background: url(../images/rCenterResultBg.gif) 0 0 repeat-x;
background-color: #ddd;
}
.rCenterResults h2 {
margin: 15px 0 .8em 52px;
font-size: 1.2em;
font-weight: bold;
color: #0099dd;
}
.rCenterResults p {margin: 0 15px .8em 52px;}
.rCenterResults .result a {
display: block;
width: auto;
margin: 0 0 0 32px;
padding-bottom: 0;
font-size: 1.1em;
font-weight: bold;
line-height: 1.4em;
}
.rCenterResults .result a:hover {color: #009dd9;}
.rCenterResults .result a.pdfIcon {background: url(../images/iconPdf.gif) 0 0 no-repeat;}
.rCenterResults .result a.externalLink {background: url(../images/iconExternalLink.gif) 0 0 no-repeat;}
.resourceCenterInner fieldset {
width: 200px;
margin-left: 35px;
}
.resourceCenterInner fieldset label a {
display: block;
padding-left: 10px;
font-size: 1.1em;
color: #fff;
}
.resourceCenterInner fieldset label a:hover {
color: #fff;
text-decoration: underline;
}
.resourceCenterInner fieldset .rCenterInput {
float: left;
display: inline;
padding-top: 3px;
}
.resourceCenterInner fieldset .rCenterInput input {border: 1px solid #5b5b5b;}
.resourceCenterInner fieldset .rCenterLabel {
width: 175px;
float: left;
display: inline;
padding: 3px 0;
}
.resourceCenterInner fieldset .rCenterInput.rIndent {
float: left;
display: inline;
margin-left: 25px;
}
.resourceCenterInner fieldset img {
height: 15px;
width: 14px;
border: 0px;
cursor: pointer;
background: url(../images/cbUnchecked.gif) 0 0 no-repeat;
}
.resourceCenterInner fieldset .rCenterInput.rIndent img {
height: 15px;
width: 14px;
border: 0px;
cursor: pointer;
background: url(../images/cbUnchecked.gif) 0 0 no-repeat;
}
.resourceCenterInner fieldset .rCenterLabel.rIndentLabel {width: 160px;}
.spacer24 {padding-top: 25px;}
/*
for shadow child add:
position: relative;
margin: -5px 5px 4px -5px;
(may need a clearfix applied as well to parent)
*/
#suggestLinkContain {
width: 828px;
min-height: 140px;
_height: 140px;
position: relative;
margin: -5px 5px 4px -5px;
border: 1px solid #ddd;
background: url(../images/resourceBoxGrad.gif) 0 0 repeat-x;
}
.suggestLinkBox {
float: left;
display: inline;
}
.suggestLinkBox.middle {
padding: 20px 0 0 0;
width: 330px;
}
.suggestLinkBox h2 {
padding: 20px;
color: #009dd9;
}
.suggestLinkBox .labelHolder {
float: left;
display: inline;
width: 50px;
text-align: right;
line-height: 1.6em;
padding: 5px;
}
.suggestLinkBox label {color: #5b5b5b;}
.suggestLinkBox .inputHolder {
float: left;
display: inline;
width: 225px;
padding: 5px;
}
.suggestLinkBox .textField {margin-top: 20px;}
.suggestLinkBox input {
height: 15px;
width: 220px;
}
.suggestLinkBox input.name {
width: 104px;
margin-right: 5px;
}
.suggestLinkBox input.name.last {margin-right: 0;}
.suggestLinkBox textarea {
height: 59px;
width: 300px;
overflow: auto;
}
#SendFriendSubmit {
margin: 5px 0 0 0px;
width: 300px;
height: 45px;
}
#SendFriendSubmit p {
float: left;
display: inline;
width: 212px;
}
#SendFriendSubmit a {
display: block;
float: left;
width: 82px;
height: 26px;
margin-left: 6px;
text-indent: -9999px;
background: url(../images/sendFriendSubmit.gif) 0 0 no-repeat;
}
#SendFriendSubmit a:hover {background: url(../images/sendFriendSubmit.gif) 0 -26px no-repeat;}
.suggestLinkSuccess p {
margin: 0px 25px;
color: #5b5b5b;
display: block;
clear: left;
}
.suggestLinkSuccess p.subLinkBtn {text-align: right;}
.suggestLinkSuccess p.subLinkBtn a {
display: block;
float: right;
margin: 0px 0 5px 0;
width: 150px;
height: 30px;
padding-left: 15px;
font-weight: bold;
line-height: 25px;
background: url(../images/globalArrowBtn.gif) 0 -1066px no-repeat;
}
.suggestLinkSuccess p.subLinkBtn a:hover {
color: #009dd9;
text-decoration: none;
background: url(../images/globalArrowBtn.gif) 0 -1109px no-repeat;
}
.disclaimer {padding-top: 15px;}
.disclaimer p {
padding: 20px 50px 5px 40px;
font-size: .9em;
background: transparent url(/assets/images/energyIssues/border_topFootnoteWide.gif) no-repeat 0 top;
}
.suggestReq {margin: -15px 0 0 90px;}
/* newsfeed */
div.efficiencyHeadlines {
padding-bottom: 100px;
float: left;
display: inline;
}
div.efficiencyHeadlines div {width: 525px;}
div.efficiencyHeadlines h3 {
font-size: 1.2em;
font-weight: bold;
}
div.efficiencyHeadlines p {margin-bottom: 25px;}
div.efficiencyHeadlines p a {font-weight: bold;}
div.efficiencyHeadlines div#Pagination {
padding: 10px 0 0 0;
border-top: 1px solid #e4e4e4;
width: 525px;
height: 24px;
}
div.efficiencyHeadlines div#Pagination p {
display: inline;
float: left;
width: 125px;
margin-top: 4px;
}
div.efficiencyHeadlines div#Pagination div#Previous,
div.efficiencyHeadlines div#Pagination div#Next {
display: inline;
float: left;
width: 87px;
height: 24px;
padding-left: 0;
}
div.efficiencyHeadlines div#Pagination div#Next {
width: 62px;
margin-left: 6px;
}
div.efficiencyHeadlines div#Pagination div#Next a {
width: 200px;
margin-left: 20px;
margin-top: 3px;
}
div.efficiencyHeadlinesRight {
width: 268px;
float: right;
}
div.efficiencyHeadlinesRight h3 {
color: #009DD9;
font-size: 1.3em;
font-weight: bold;
margin-bottom: 20px;
}
div.efficiencyHeadlinesRight div.newsBox {
width: 268px;
height: 166px;
margin-bottom: 21px;
position: relative;
}
div.efficiencyHeadlinesRight div.newsBox p {text-indent: -9999px;}
div.efficiencyHeadlinesRight div.newsBox a {
width: 225px;
display: block;
padding: 133px 0 0 39px;
background-position: 9px 133px;
}
div.efficiencyHeadlinesRight div.newsBox a:hover {background-position: 9px -40px;}
div.efficiencyHeadlinesRight div.mpg {background: url(../images/energyEfficiencyHeadlines/modMPG.gif) no-repeat 0 0;}
div.efficiencyHeadlinesRight div.eg {background: url(../images/energyEfficiencyHeadlines/modEG.gif) no-repeat 0 0;}
div.efficiencyHeadlinesRight div.rc {background: url(../images/energyEfficiencyHeadlines/modResourceCenter.gif) no-repeat 0 0;}
/* Pulse Report */
#PulseReportMain {margin-bottom: 18px;}
#PulseReportMain a {
background: transparent url(../images/toolsResources/pulseReportMain.gif) no-repeat scroll 0 0;
display: block;
height: 259px;
text-indent: -5000px;
width: 830px;
}
#PulseReportMain a:hover {background: transparent url(../images/toolsResources/pulseReportMain.gif) no-repeat scroll 0 -259px;}
#PulseReportLeft {
display: inline;
float: left;
width: 615px;
margin-top: 30px;
}
#PulseReportLeft p.introBottom {
border-bottom: 2px solid #ddd;
padding-bottom: 1em;
}
#PulseReportLeft a {font-weight: bold;}
#PulseReportLeft ul {
list-style-type: disc;
padding: 0 0 1em 20px;
}
#PulseReportLeft ul li {margin-bottom: .4em;}
#PulseReportLeft ul.links {
list-style-type: none;
padding-left: 11px;
}
#PulseReportLeft ul.linksBot {padding-bottom: 35px;}
#PulseReportLeft h2 {margin-bottom: .5em;}
#PulseReportLeft h3 {
color: #009DD9;
font-weight: bold;
font-size: 1.3em;
}
#PulseReportLeft .media {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 15px 0;
margin-bottom: 15px;
width: 615px;
}
#PulseReportLeft .media p {width: 430px;}
#PulseReportLeft .media .first {margin-top: 1em;}
#PulseReportLeft .media ul.mediaLinks {
list-style-type: none;
padding-left: 11px;
}
#PulseReportLeft .media ul.mediaLinks li {
float: left;
display: inline;
margin-right: 15px;
}
#PulseReportRight {
display: inline;
float: right;
padding-left: 5px;
margin-top: 30px;
width: 181px;
}
#PulseReportRight h3 {
color:#5B5B5B;
font-size:1.4em;
margin-bottom:10px;
font-weight: bold;
}
#PulseReportRight p {
font-size: 11px;
line-height: 18px
}
#PulseReportRight a {
display:block;
font-size:11px;
font-weight:bold;
line-height:16px;
margin-top:10px;
}
/* E-Cards
----------------------------------------------------------------------*/
div.SendToFriendSuccess input {
height: 24px;
width: 170px;
background: transparent url(/assets/images/buttons/back_eCardSend.gif) no-repeat 0 0;
}
div.SendToFriendSuccess input:hover,
div.SendToFriendSuccess input.over {background-position: 0 -36px;}
#eCardContain {
background: url(../Images/ecardBg.gif) 7px 65px no-repeat;
padding-bottom: 50px;
}
#quaternaryNav {
width: 732px;
margin: 0 30px;
}
#quaternaryNav ul {
padding: 12px;
background: url(../Images/ecardUlBg.gif) 0 0 repeat-x;
}
#quaternaryNav ul li.SetConservation {
float: left;
display: inline;
margin-right: 4px;
}
#quaternaryNav ul li.SetConservation a {
display: block;
height: 69px;
width: 88px;
padding: 4px;
}
#quaternaryNav ul li.SetConservation a:hover {
padding: 0;
border: 4px solid #bee3f0;
}
#quaternaryNav ul li.SetConservation.first {margin-left: 5px;}
#quaternaryNav ul li.SetConservation.last {margin-right: 0px;}
.ecardsWrapper {
position: relative;
width: 828px;
margin: 25px 0 28px 30px;
}
.ecardsWrapper a.btnRight {
position: absolute;
display: block;
height: 25px;
width: 25px;
top: 130px;
right: 335px;
text-indent: -9999px;
background: url(../Images/globalArrowBtn.gif) -5px -733px no-repeat;
}
.ecardsWrapper a.btnRight:hover {background: url(../Images/globalArrowBtn.gif) -5px -775px no-repeat;}
.ecardsWrapper a.btnLeft {
position: absolute;
display: block;
height: 25px;
width: 25px;
top: 130px;
left: 45px;
text-indent: -9999px;
background: url(../Images/globalArrowBtn.gif) -5px -818px no-repeat;
}
.ecardsWrapper a.btnLeft:hover {background: url(../Images/globalArrowBtn.gif) -5px -861px no-repeat;}
.ecardsWrapper .ecardLarge {
float: left;
width: 555px;
}
.ecardsWrapper .ecardLarge .primaryAsset {
width: 360px;
margin: 0 auto;
}
.ecardsWrapper .ecardLarge .asAppeared {
width: 360px;
margin: 60px 0 0 95px;
}
.ecardsWrapper .ecardLarge .asAppeared img {
float: left;
display: inline;
}
.ecardsWrapper .SendToFriend,
.ecardsWrapper .SendToFriendSuccess {
float: right;
width: 270px;
margin-top: 0px;
border-left: 1px solid #ddd;
}
.ecardsWrapper .SendToFriend p.success,
.ecardsWrapper .SendToFriendSuccess p.success {padding: 0 5px 10px 30px;}
.ecardsWrapper .SendToFriend p.successIndent,
.ecardsWrapper .SendToFriendSuccess p.successIndent {padding: 0 5px 10px 35px;}
.ecardsWrapper .SendToFriend p span.successOutdent,
.ecardsWrapper .SendToFriendSuccess p span.successOutdent {margin-left: -6px;}
.ecardsWrapper .SendToFriend h3,
.ecardsWrapper .SendToFriendSuccess h3 {
color: #009dd9;
margin: 0;
padding: 0 0 15px 30px;
height: 25px;
font-size: 17px;
line-height: 15px;
}
.ecardsWrapper .SendToFriendSuccess input.sendAnother {margin-left: 30px;}
.ecardsWrapper .SendToFriend .formWrapper { padding: 0 0 10px 30px; }
.ecardsWrapper .SendToFriend .formWrapper .formrow { margin-bottom: 10px; }
.ecardsWrapper .SendToFriend .formWrapper .formrow label {
font-weight:bold;
color: #5b5b5b;
}
.formWrapper span.asterisk,
.formWrapper .formrow label span {color: #009dd9;}
.formWrapper span.note,
.formWrapper .formrow span {
font-size: 10px;
line-height: 15px;
color: #5b5b5b;
}
.ecardsWrapper .SendToFriend .formWrapper input.textEcard {width: 235px;}
.textAreaEcard {
width: 233px;
overflow-y: auto;
border: 1px solid #ADADAD;
}
.takeActionContainer .actionBoxContainer {margin-left: 30px;}
.takeActionContainer .actionBox8,
.takeActionContainer .actionBox9 {
width: 409px;
height: 166px;
display: block;
float: left;
display: inline;
position: relative;
}
.takeActionContainer .actionBox8 {
background: url(../images/actionCall8Bg.jpg) no-repeat 0 0;
margin-right: 14px;
}
.takeActionContainer .actionBox9 {background: url(../images/actionCall9Bg.jpg) no-repeat 0 0;}
.takeActionContainer .actionBox8 p,
.takeActionContainer .actionBox9 p {text-indent: -9999px;}
.actionBox8 a.globalArrow,
.actionBox9 a.globalArrow {
left: 2px;
bottom: .6em;
}
/* Media Galllery
----------------------------------------------------------------------*/
#commitmentContainer .mediaContain {
width: 852px;
margin: 0 auto;
padding: 30px 0;
overflow: hidden;
white-space: nowrap;
}
#commitmentContainer .mediaContain a {text-indent: -9999px;}
.mediaScrollerNav {
position: relative;
z-index: 10;
}
#commitmentContainer #mediaContentAndDesc {padding-bottom: 5px; }
#commitmentContainer .mediaContain .leftArrow {
position:absolute;
left: -3px;
top: 0;
}
#commitmentContainer .mediaContain .leftArrow a,
#commitmentContainer .mediaContain .rightArrow a {
background: transparent url(../images/globalArrowBtn.png) no-repeat scroll 0 -153px;
position: absolute;
top: 35px;
width:25px;
height:25px;
display: block;
cursor: pointer;
}
#commitmentContainer .mediaContain .leftArrow a:hover,
#commitmentContainer .mediaContain .leftArrow a.over {background: transparent url(../images/globalArrowBtn.png) no-repeat scroll 0 -213px;}
#commitmentContainer .mediaContain .rightArrow {
position:absolute;
left: 827px;
top: 0;
}
#commitmentContainer .mediaContain .rightArrow a {background: transparent url(../images/globalArrowBtn.png) no-repeat scroll 0 0;}
#commitmentContainer .mediaContain .rightArrow a:hover,
#commitmentContainer .mediaContain .rightArrow a.over {background: transparent url(../images/globalArrowBtn.png) no-repeat scroll 0 -50px;}
#commitmentContainer .mediaScroller {
height: 95px;
width: 828px;
margin: 0 0 0 12px;
padding: 0;
overflow: hidden;
}
#commitmentContainer .mediaScroller a {
float: left;
display: inline;
height: 95px;
width: 204px;
margin-right: 4px;
text-indent: -9999px;
}
.mediaScroller a#thumb2 {background: url(../Images/mediagallery/mediaThumb2.jpg) 0px 0px no-repeat;}
.mediaScroller a#thumb2:hover {background: url(../Images/mediagallery/mediaThumb2.jpg) 0px -95px no-repeat;}
#commitmentContainer .mediaScroller a#thumb2.selected {background: url(../Images/mediagallery/mediaThumb2.jpg) 0px -190px no-repeat;}
.mediaScroller a#thumb3 {background: url(../Images/mediagallery/mediaThumb3.jpg) 0px 0px no-repeat;}
.mediaScroller a#thumb3:hover {background: url(../Images/mediagallery/mediaThumb3.jpg) 0px -95px no-repeat;}
#commitmentContainer .mediaScroller a#thumb3.selected {background: url(../Images/mediagallery/mediaThumb3.jpg) 0px -190px no-repeat;}
.mediaScroller a#thumb4 {background: url(../Images/mediagallery/mediaThumb4.jpg) 0px 0px no-repeat;}
.mediaScroller a#thumb4:hover {background: url(../Images/mediagallery/mediaThumb4.jpg) 0px -95px no-repeat;}
#commitmentContainer .mediaScroller a#thumb4.selected {background: url(../Images/mediagallery/mediaThumb4.jpg) 0px -190px no-repeat;}
.mediaScroller a#thumb5 {background: url(../Images/mediagallery/mediaThumb5.jpg) 0px 0px no-repeat;}
.mediaScroller a#thumb5:hover {background: url(../Images/mediagallery/mediaThumb5.jpg) 0px -95px no-repeat;}
#commitmentContainer .mediaScroller a#thumb5.selected {background: url(../Images/mediagallery/mediaThumb5.jpg) 0px -190px no-repeat;}
/* Energy Issues
----------------------------------------------------------------------*/
div.playEnergyvilleOuter,
div.energyIssuesOuter {
width: 890px;
margin: 47px 0 50px 35px;
padding-top: 1px;
padding-left: 1px;
background: transparent url(../images/discuss/back_discussOuter.gif) repeat-x left top;
}
div.playEnergyvilleInner,
div.energyIssuesInner {
width: 859px;
min-height: 450px;
height: auto;
_height: 450px;
padding: 30px 0 0 30px;
background: transparent url(../images/discuss/back_discussInner.gif) repeat-x left top;
}
div.energyIssuesInner div.search {
width: 204px;
height: 42px;
background: url(../images/energyIssues/bgSearch.gif) no-repeat center right;
padding: 21px 10px 0 0;
position: absolute;
right: 0;
top: -40px;
text-align: right;
}
div.energyIssuesInner div.search input {color: #009DD9;}
.sectionText p {margin-top: 1em;}
div.issuesContent {position: relative;}
div.issuesContent a:visited {color: ##009DD9;}
div.issuesContent h1 {
width: 144px;
float: left;
display: inline;
}
div.issuesContent h2 {
background: #00A7E7 url(../images/energyIssues/back_actionLink.gif) repeat-x scroll 0 100%;
color: #009dd9;
height: 42px;
line-height: 42px;
font-size: 1.5em;
padding: 0 0 0 10px;
}
div.issuesContent h2 a {
background: transparent url(../images/globalArrowBtn.gif) no-repeat scroll 0 -397px;
color: #fff;
padding-left: 36px;
display: block;
}
div.issuesContent h2 a:hover {
background-position: 0 -459px;
color: #fff;
text-decoration: none;
}
div.issuesContent h3 {
font-size: 1.3em;
font-weight: bold;
height: 16px;
margin: 19px 0 0 13px;
}
div.issuesContent div.eiSub h2 {
background: none;
padding: 0;
line-height: normal;
}
div.issuesContent div.eiSub h3 {
margin: 0 0 3px 0;
padding: 0;
background: none;
font-size: 1.1em;
}
div.issuesContent h3.noBullet {background: none;}
div.issuesContent div.eiSub h3.sectionDivide {
font-size: 1.2em;
margin-bottom: 1em;
margin-top: 1.5em;
color: #000;
}
div.issuesContent div.eiSub h3.sectionDivideFirst {margin-top: 0;}
div.issuesContent div.eiSub h4 {
font-size: 1.1em;
font-weight: bold;
font-style: italic;
}
div.issuesContent ul {
margin-left: 13px;
_margin-top: -2px;
padding: 6px 0 0 0;
_display: inline-block;
}
div.issuesContent ul li {
padding-left: 13px;
background: url(../images/bulletDash.gif) no-repeat 0 8px;
}
div.issuesContent ul.eiLanding li a:visited{color: #a3a3a3;}
div.issuesContent div.eiSub ul {
background: none;
border: none;
padding: 0;
margin-left: 30px;
list-style: disc inside;
}
div.issuesContent div.eiSub ul li {
background: none;
padding: 0;
margin-bottom: 1em;
}
div.issuesContent div.eiSub ul li ul {
margin-left: 10px;
list-style-type: circle;
}
div.issuesContent div.eiSub ul.reducedSpacing {margin-bottom: 2.5em;}
div.issuesContent div.eiSub ul.reducedSpacing li {margin-bottom: 0.4em;}
div.issuesContent div.eiLanding {
float: left;
display: inline;
width: 416px;
padding-top: 12px;
padding-right: 1px;
}
div.basicFacts h2,
div.basicFacts a,
div.basicFacts a:hover {color: #f08400;}
div.energyChallenges h2,
div.energyChallenges a,
div.energyChallenges a:hover {color: #6ea20a;}
div.issuesContent ul.breadcrumb {
background: none;
border: none;
list-style: none;
margin: 0;
padding: 12px 0 24px 0;
}
div.issuesContent ul.breadcrumb li {
float: left;
display: inline;
background: none;
margin-left: 0;
padding-left: 6px;
font-weight: bold;
font-size: .9em;
}
div.issuesContent ul.breadcrumb li.first {padding-left: 0;}
div.issuesContent div.eiSub {width: 781px;}
div.issuesContent div.eiSub span.footnote {
font-size: 9px;
vertical-align: top;
}
div.issuesContent div.graphContent {
float: left;
display: inline;
clear: left;
width: 180px;
margin: 0 0 40px -13px;
_margin-left: 0;
padding-right: 20px;
}
div.issuesContent div.eiSub div.graphContent p.graphTitle {
size: .9em;
color: #009DD9;
font-weight: normal;
margin: 0 0 0 13px;
}
div.issuesContent div.graphContent table {
position: absolute;
left: -5000px;
}
.standardTextContent h3 {color: #009dd9;}
.eiSub div.bottomButtons {
padding-bottom: 13px;
display: block;
clear: both;
}
.eiSub div.bottomButtons a {
height: 25px;
float: left;
display: block;
font-size:12px;
font-weight:bold;
height:27px;
}
div.bottomButtons a.previous {
background:transparent url(../images/globalArrowBtn.gif) no-repeat scroll left -817px;
float:left;
padding:5px 0 0 33px;
}
div.bottomButtons a.previous:hover {
background:transparent url(../images/globalArrowBtn.gif) no-repeat scroll left -860px;
text-decoration: none;
}
div.bottomButtons a.next {
background:transparent url(../images/globalArrowBtn.gif) no-repeat scroll right -732px;
float:right;
padding:5px 33px 0 0;
}
div.bottomButtons a.next:hover {
background:transparent url(../images/globalArrowBtn.gif) no-repeat scroll right -774px;
text-decoration: none;
}
div.eiSub ol.footnotes {
padding-top: 8px;
margin: 3px 0 0 0;
list-style: none;
*padding-left: 5px;
border-top: 1px solid #ccc;
}
div.eiSub ol.footnotes li {margin-left: 0px;}
div.eiSub ol.footnotes li span {
padding-right: 10px;
font-weight: bold;
}
div.discussContent div.textLeft span.footnote {
font-size: 9px;
vertical-align: top;
}
table.eiTable {
margin: 1em 0 1em 0;
border-collapse: collapse;
}
table.eiTable caption {
font-weight: bold;
font-size: 1.1em;
}
table.eiTable th {font-weight: bold;}
table.eiTable td,
table.eiTable th {
padding: 5px;
border-bottom: 1px solid #ddd;
}
table.eiTable td.border {border-bottom: 1px solid #000;}
table.eiTable td.borderDouble {border-bottom: 2px solid #000;}
table.eiTable td.alignRight,
table.eiTable th.alignRight {text-align: right;}
div.issuesContent div.eiSub table.eiTable td p {margin-left: 0;}
table.eiTable tfoot {font-size: .9em;}
/* Energy Issues Search */
div.issuesSearchContentInner {
background: #FFFFFF url(../images/discuss/back_discussPost.gif) repeat-x scroll 0 100%;
height: auto;
margin-right: 1px;
min-height: 350px;
padding: 30px 0 0 29px;
}
div.issuesSearchOuter {
position: relative;
margin-top: 47px;
}
div.issuesSearchOuter div.backToEIIndex {
height:28px;
margin:0;
position:absolute;
left:214px;
top:28px;
}
.issuesContent #searchResults {padding: 0 0 6px 0;}
.issuesContent #searchResults h3 {
background: none;
margin: 0 0 6px 0;
padding-left: 0;
}
div.issuesSearchOuter #searchResults p {border-bottom: 1px solid #000;}
.issuesContent #searchResults h3 a.energyChallenges {color: #6ea20a;}
.issuesContent #searchResults h3 a.basicFacts {color: #f08400;}
.issuesSearchOuter div.returnIndex {
background: transparent url(../images/globalArrowBtn.gif) no-repeat scroll 0 -916px;
position: absolute;
width: 133px;
height: 61px;
top: 15px;
right: 118px;
z-index: 1;
}
.issuesSearchOuter a.returnIndex {
color: #6ea20a;
font-weight: bold;
width: 133px;
line-height: 61px;
padding-left: 41px;
height: 61px;
}
.issuesContent #searchResults ul {
background: none;
margin-left: 0;
padding: 0;
}
.issuesContent #searchResults ul li {
background: none;
margin: 0 0 2em 25px;
padding-left: 0;
}
#pagination a {
display: block;
float: left;
height: 25px;
text-indent: -9999px;
}
#pagination a.previous {
background:transparent url(../images/energyIssues/staticDownloadPrevNext.gif) no-repeat scroll -152px 0;
margin: 0;
width:89px;
}
#pagination a.previous:hover {background: transparent url(../images/energyIssues/staticDownloadPrevNext.gif) no-repeat scroll -152px -25px}
#pagination a.next {
background:transparent url(../images/energyIssues/staticDownloadPrevNext.gif) no-repeat scroll -241px 0;
margin: 0 0 0 16px;
width:62px;
}
#pagination a.next:hover {background: transparent url(../images/energyIssues/staticDownloadPrevNext.gif) no-repeat scroll -241px -25px}
#pagination ul {
background: none;
margin-left: 0;
padding: 0;
}
#pagination ul li {
margin: 0;
padding: 0 0 0 13px;
background: none;
display: inline;
float: left;
line-height: 25px;
}
#pagination ul li a {
display: inline;
text-indent: 0;
height: 25px;
}
#pagination ul li.selected {font-weight: bold;}
/* Energy Issues reductive search
----------------------------------------------------------------------*/
div.eiSearch {
z-index: 10;
position: absolute;
top: 161px;
_top: 162px;
right: 34px;
display: inline-block;
float: none;
width: 204px;
height: 42px;
}
#eiInputForm {
position: relative;
width: 144px;
height: 15px;
margin: 10px 0 0 18px;;
}
#eiSearchResultsPanel {
padding: 43px 24px 24px 20px;
position: absolute;
top: -2px;
left: -147px;
overflow: hidden;
width: 313px;
display: none;
}
#eiSearchOutlineTop {
position: absolute;
width: 357px;
height: 5px;
top: 0px;
left: 0px;
background: transparent url(/assets/images/energyIssues/search_outline_top.png) no-repeat scroll top left;
}
#eiSearchOutlineBottom {
position: absolute;
width: 357px;
height: 475px;
bottom: 0px;
left: 0px;
background: transparent url(/assets/images/energyIssues/search_outline.png) no-repeat;
_background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/energyIssues/search_outline.png', sizingMethod='scale');
}
#eiSearchResults {position: relative;}
#eiSearchResults ul {
margin-left:0px;
margin-bottom: 10px;
padding:0px;
border: none;
}
#eiSearchResults li {
margin-left:0px;
margin-bottom: 5px;
padding-left:14px;
text-align: left;
background: transparent url(/assets/images/energyIssues/search_li_bullet.gif) no-repeat scroll 0 50%;
}
#eiSearchResults li a {
text-align: left;
color: #009DD9;
}
#eiSearchGoButton {
position: absolute;
width: 28px;
height: 27px;
left: 171px;
top: 6px;
text-indent: -500px;
overflow: hidden;
background: transparent url(/assets/images/buttons/btn_goSprite.gif) no-repeat scroll 0 -183px;
}
#eiSearchGoButton:hover {background: transparent url(/assets/images/buttons/btn_goSprite.gif) no-repeat scroll 0 -212px;}
#eiSearchPaginationNotFound {
display: none;
position: relative;
text-align: left;
height: 33px;
}
#eiSearchPagination {
position: relative;
height: 33px;
border-top: solid 1px #e4e4e4;
}
#eiPaginationLabel {
position: absolute;
top: 13px;
left: 0px;
}
#eiSearchPreviousButton {
background:transparent url(../images/energyIssues/staticDownloadPrevNext.gif) no-repeat scroll -152px 0;
position: absolute;
top: 9px;
left: 160px;
height:25px;
width:89px;
}
#eiSearchPreviousButton:hover {background:transparent url(../images/energyIssues/staticDownloadPrevNext.gif) no-repeat scroll -152px -25px;}
#eiSearchPagination a {
float: left;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
height: 25px;
}
#eiSearchNextButton {
position: absolute;
top: 9px;
left: 255px;
background:transparent url(../images/energyIssues/staticDownloadPrevNext.gif) no-repeat scroll -241px 0;
margin: 0;
width:62px;
}
#eiSearchNextButton:hover {background:transparent url(../images/energyIssues/staticDownloadPrevNext.gif) no-repeat scroll -241px -25px;}
#eiSearchPagination input {width: auto;}
/* utility Pages
----------------------------------------------------------------------*/
.utilityPageContainer {
display: inline-block;
margin: 50px 35px 70px 35px;
background: url(../images/takeActionContainBG.gif) 0 0 no-repeat;
}
.utilityPageInner {
width: 828px;
margin: 0px 31px;
padding-top: 30px;
}
.utilityPageInner address {margin: 0 0 15px 0;}
.utilityPageInner .utilityPageHeader {height: 11.8em;}
.utilityInnerContent {
width: 828px;
margin: 19px 0 0px 0;
background: url(../images/utilityInnerBg.gif) 0 0 no-repeat;
background-color: #fff;
padding: 30px 0;
}
.utilityInnerSubHd {
width: 767px;
margin-left: 30px;
background: url(../images/utilityInnerSubHd.gif) 0 0 repeat-x;
background-color: #0089bd;
}
.utilityPageInner h2,
.utilityPageInner h3 {
font-size: 1.4em;
font-weight: bold;
color: #009DD9;
margin-bottom: 1em;
}
.utilityPageInner h3.firstPrivacy {
width: 425px;
float: left;
display: inline;
*padding-bottom: 1em;
}
.utilityPageInner h4 {
font-size:1.2em;
font-weight:bold;
line-height:18px;
}
.utilityInnerSubHd h3 {
font-size: 12px;
color: #fff;
line-height: 28px;
padding: 5px 0 4px 10px;
margin-bottom: 0;
}
.utilityInnerInner {
width: 767px;
margin: 0 30px;
}
.utilityInnerInner ul {
margin-bottom: 1em;
padding: 0;
}
.utilityInnerInner ul li {
margin: 0;
padding: 0;
line-height: 1.5em;
}
div.utilityInnerInner ul li a {
display: inline;
font-weight: bold;
}
.utilityInnerInner p.lastUpdated {
font-weight: bold;
float: right;
display: inline;
}
.utilityInnerThreeCol {
width: 767px;
margin: 30px;
}
.utilityInnerThreeCol .col {
float: left;
display: inline;
width: 244px;
border-right: 1px solid #ddd;
}
.utilityInnerThreeCol .col h2 {margin: 0 0 .5em 25px;}
.utilityInnerThreeCol .col h2.bottom {margin-top: 25px;}
.utilityInnerThreeCol .col ul {
margin-left: 40px;
line-height: 1.5em;
}
.utilityInnerThreeCol .col ul li {
padding: 0 2px 2px 13px;
background: transparent url(../images/bulletDash.gif) no-repeat scroll 0 8px;
}
.col h2 a,
.utilityInnerThreeCol .col ul li a {
color: #009dd9;
font-weight: bold;
}
.col h2 a:hover,
.utilityInnerThreeCol .col ul li a:hover {text-decoration: underline;}
.utilityInnerThreeCol .col.last{
float: left;
display: inline;
border-right: none;
}
.utilityPageInner .utilityPageHeader p {margin-bottom: 29px;}
.utilityPageInnerContent {
width: 828px;
background:url(../images/actionInnerBG.jpg) 0 0 no-repeat;
}
div.FAQ .accordion h4.head a {
background: transparent url(../images/globalArrowBtn.gif) no-repeat scroll 10px -725px;
color: #00A7E7;
cursor: pointer;
display: block;
font-size: 12px;
font-weight: bold;
height: 31px;
padding: 10px 0 0 45px;
text-transform: uppercase;
}
div.FAQ .accordion h4.head a:hover {
text-decoration: none;
background-position: 10px -768px;
}
div.FAQ .accordion h4.head.open a {background-position: 10px -1003px !important; background-color: #ddd;}
div.FAQ .accordion div.accordionText {
margin-bottom:0;
padding:10px 0 30px 30px;
background-color:#DDDDDD;
}
.FAQ p {padding-right: 65px;}
.FAQ ol {margin-bottom: 1em;}
.FAQ .accordion h3.faqTopic {
margin-top: 15px;
color: #5b5b5b;
font-size: 1.4em;
font-weight: bold;
background: none;
line-height: 28px;
margin-bottom: 0;
padding-left: 10px;
}
.botPadding {padding-bottom: 200px;}
.botPadding h1 {
color: #009dd9;
margin-bottom: 1em;
}
/* Footer
----------------------------------------------------------------------*/
#footer {
position: relative;
width: 960px;
height: 119px;
margin: 0 auto;
background: url(../images/ftrbg.jpg) 248px -7px no-repeat;
}
.ftrParent {
position: absolute;
margin-left: -125px;
display: block;
height: 50px;
width: 110px;
text-indent: -9999px;
}
#footer .ftrLinksWrap {;
width: 500px;
margin: 0 0 0 447px;
}
#footer .ftrLinksWrap .ftrLinks {
float: left;
margin-top: 20px;
}
#footer .ftrLinksWrap .ftrLinks ul {
position: relative;
padding: 0px;
list-style-type: none;
margin: 0px;
border-left: 1px solid #bfbfbe;
}
#footer .ftrLinksWrap .ftrLinks ul li {
padding: 0px 19px 1px 10px;
margin: 0px;
line-height: 14px;
}
#footer .ftrLinksWrap .ftrLinks ul li a {
color: #f8f8f8;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}
#footer .copyrightText p {
margin: 0;
color: #f8f8f8;
font-size: 10px;
}
#footer .ftrLinksWrap .ftrLinks ul li a:hover {text-decoration: underline;}
#footer .copyRight {padding-top: 15px;}
#footer .copyRight p {
margin-left: 360px;
font-size: 11px;
color: #d7d6d6;
}
/* Global styles
-------------------------------------------------------*/
p.body a:hover {text-decoration: underline;}
div.utilityInnerInner p a:hover {
color: #009dd9;
text-decoration: underline;
}
img {display: block;}
div.mediaScroller img {display: inline;}
/* often used classes
-------------------------------------------------------*/
.right {
float: right;
display: inline;
}
.imgright {
margin: 10px 0 15px 20px;
float: right;
display: inline;
}
.imgLeft {
margin: 10px 20px 15px 0;
float: left;
display: inline;
}
.msgItal {
font-size: 10px;
font-style: italic;
}
.noNav {margin-top: 47px;}
.hide,
ul.comments li.hide {display: none;}
/* text assignments
-------------------------------------------------------*/
p.pageDesc {
margin-bottom: 25px;
margin-right: 70px;
line-height: 18px;
font-size: 13px;
}
div.discussContent p.question {
font-size: 15px;
font-weight: bold;
line-height: 22px;
}
h2.title {margin-bottom: 15px;}
h3.underline {
padding-bottom: 5px;
border-bottom: 1px solid #009dd9;
}
.errorMsg {display: block;}
/* Lists
-------------------------------------------------------*/
ol {list-style: decimal outside;}
div.discussContent ol li {
margin-bottom: 17px;
margin-left: 25px;
line-height: 18px;
}
/* topicsPrevious
----------------*/
ul.topicsPrevious {
padding-top: 1px;
padding-left: 1px;
background: #fff url(../images/discuss/back_discussOuter.gif) repeat-x scroll left top;
}
ul.topicsPrevious li {
margin-right: 1px;
background: #fff url(../images/discuss/back_discussPost.gif) repeat-x 0 100%;
}
div.discussContent ul.topicsPrevious div.textLeft {
width: 590px;
padding-left: 32px;
padding-top: 20px;
float: left;
display: inline;
}
div.discussContent ul.topicsPrevious div.textRight {
width: 145px;
padding-left: 20px;
margin-top: 28px;
padding-bottom: 10px;
margin-left: 15px;
float: left;
display: inline;
border-left: 1px solid #ddd;
}
ul.topicsPrevious p.header {
padding-left: 12px;
padding-top: 7px;
padding-bottom: 8px;
margin-left: -12px;
margin-bottom: 4px;
font-size: 12px;
font-weight: bold;
line-height: 15px;
text-transform: uppercase;
color: #fff;
background: #00a7e7 url(../images/discuss/back_topicPrevious.gif) repeat-x 0 100%;
}
ul.topicsPrevious p.teaser {
font-weight: bold;
font-size: 15px;
}
ul.topicsPrevious p.body {margin-bottom: 40px;}
div.textLeft div.half {margin-bottom: 9px;}
div.textLeft div.half span {
width: 288px;
float: left;
display: inline;
}
ul.topicsPrevious div.textLeft a.actionLink {
width: 235px;
min-height: 41px;
_height: 41px;
padding-left: 30px;
display: block;
text-decoration: none;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
background: transparent url(../images/globalArrowBtn.png) no-repeat -1px 2px;
}
ul.topicsPrevious div.textLeft a.actionLink:hover {
background-position: -1px -48px;
_background-position: -1px -48px;
}
ul.topicsPrevious div.textLeft a.actionLinkPng {
width: 235px;
min-height: 41px;
_height: 41px;
padding-left: 30px;
display: block;
text-decoration: none;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
background: transparent url(../images/globalArrowBtn.png) no-repeat -1px 2px;
}
ul.topicsPrevious div.textLeft a.actionLinkPng:hover,
ul.topicsPrevious div.textLeft a.actionLinkPng.over {background-position: -1px -48px;}
ul.topicsPrevious div.textRight h3 {
margin-bottom: 3px;
font-size: 12px;
font-weight: bold;
}
ul.topicsPrevious div.textRight p {font-size: 11px;}
ul.topicsPrevious div.textRight a {font-weight: bold;}
ul.topicsPrevious div.textRight a.pdfLink img {
padding: 3px;
float: left;
display: inline;
}
/* Footnote
----------------------------------------------------------------------*/
.footnote,
.footnotes {
padding: 5px 5px 0 0;
border-top: 0px solid #ddd;
font-size: 11px;
}
ul.footnotes {list-style: none !important;}
/*Form Styles
-------------------------------------------------------*/
h2.noRights {
padding-bottom: 250px;
color: #009dd9;
}
fieldset {margin-bottom: 10px;}
label {
font-size: 11px;
font-weight: bold;
}
label span.labelInstructions {font-weight: normal;}
fieldset.labelLeft div {padding-left: 180px;}
fieldset.labelLeft div div {padding-left: 0;}
ul.reply fieldset.labelLeft div {padding-left: 180px;}
ul.reply fieldset.labelLeft div div {padding-left: 0;}
ul.reply ul.reply fieldset.labelLeft div {padding-left: 100px;}
ul.reply ul.reply fieldset.labelLeft div div {padding-left: 0;}
.labelLeft label {
width: 170px;
padding-top: 3px;
*padding-top: 7px;
margin-left: -180px;
float: left;
display: inline;
text-align: right;
}
.labelRight label {
width: 100%;
margin-left: 3px !important;
*margin-left: 1px !important;
float: none;
text-align: left;
}
fieldset div div {margin-bottom: 0;}
div.iefix {
height: 1%;
margin-bottom: 10px;
padding-left: 0;
}
ul.searchDiscussions div.iefix,
li#SubmitPagination div.iefix {margin-bottom: 0;}
input,
select,
textarea {
font-size: 11px;
color: #5d5d5d;
}
select {padding: 2px 0;}
textarea {
padding: 2px 0 2px 3px;
border: 1px solid #adadad;
}
input.text {
height: 14px;
padding: 2px 0 2px 3px;
border: 1px solid #adadad;
}
span.checkbox {
padding-left: 25px;
display: block;
}
.checkbox input {
margin-left: -25px;
float: left;
display: inline;
}
.checkbox label {
padding-top: 3px;
*display: inline-block;
}
a.passwordLink {
margin: 3px;
font-size: 11px;
color: #fff;
}
div.forgotPassword {padding-bottom: 3px;}
div.login div.forgotPassword {
width: 333px;
padding-bottom: 0px;
}
div.login a.passwordLink {
color: #009DD9;
float: right;
display: inline;
font-weight: bold;
}
.formComments a.passwordLink {color: #fff;}
a.passwordLink:hover {text-decoration: underline;}
.formReply a.passwordLink {color: #009DD9;}
/* search discussions*/
ul.searchDiscussions {width: 200px;}
ul.searchDiscussions li {
float: left !important;
display: inline;
width: 160px;
}
ul.searchDiscussions input.text {
width: 148px;
margin-top: 7px;
color: #009dd9;
}
ul.searchDiscussions li.submitSearch {width: 35px;}
ul.searchDiscussions li.submitSearch input{
height: 27px;
width: 27px;
margin-top: 2px;
margin-left: 4px;
background: transparent url(/assets/images/buttons/btn_goSprite.gif) no-repeat 0 -4px;
}
ul.searchDiscussions li.submitSearch input:hover,
ul.searchDiscussions li.submitSearch input.over {background-position: 0 -43px;}
/*FormRegistration Styles
-------------------------------------------------------*/
div.formRegister {
width: 350px;
padding-bottom: 30px;
color: #fff;
background-color: #009dd9;
}
div.formRegister label {font-weight: bold;}
div.RegistrationWrapper div.formRegister h2 {
height: 20px;
margin: 0;
padding-top: 10px;
padding-left: 25px;
font-size: 15px;
text-transform: uppercase;
background-color: #00a7e7;
}
div.formRegister fieldset.labelLeft div {padding-left: 125px;}
div.formRegister fieldset.labelLeft div div {padding-left: 0;}
div.formRegister fieldset.labelLeft div.fullwidth {
width: 348px;
margin-left: -125px;
}
div.formRegister a {
color: #fff;
text-decoration: underline;
}
div.formRegister a:hover {
color: #eee;
text-decoration: underline;
}
div.formRegister fieldset.labelLeft p.registerIntro {
width: 270px;
padding-left: 25px;
color: #fff;
font-size: 11px;
}
div.formRegister fieldset.labelLeft h4 {
height: 27px;
padding-left: 25px;
margin-bottom: 10px;
margin-top: 0;
line-height: 27px;
font-size: 11px;
font-weight: bold;
background-color: #33b9eb;
border-top: 1px solid #fff;
}
div.formRegister fieldset.labelLeft label {
margin-left: -115px;
width: 110px;
color: #fff;
}
div.formRegister div.labelRight .checkbox label {
width: 170px;
font-weight: normal;
}
div.formRegister fieldset.labelLeft input.text {width: 90%;}
div.formRegister fieldset.labelLeft select {
width: 92%;
*width: 92.5%;
}
div.formRegister .checkbox input {margin-top: 0;}
div#submitReg {padding-top: 10px;}
/*Registration Layout
-------------------------------------------------------*/
div.RegistrationWrapper div.contentleft {
float: left;
display: inline;
}
div.RegistrationWrapper div.contentright {
float: right;
display: inline;
}
div.RegistrationWrapper div.contentleft {
width: 400px;
font-size: 12px;
}
div.RegistrationWrapper div.contentright {
width: 350px;
margin-right: 30px;
}
div.RegistrationWrapper .outer {
background:#FFFFFF url(../images/discuss/back_discussOuter.gif) repeat-x scroll left top;
padding-left:1px;
padding-top:1px;
}
div.RegistrationWrapper .inner {
padding-left: 30px;
padding-top: 30px;
margin-right: 1px;
background-color: #fff;
}
div.RegistrationWrapper h3 {
margin-bottom: 1px !important;
font-size: 13px !important;
font-weight: bold;
}
div.RegistrationWrapper p {font-size: 12px;}
div.RegistrationWrapper .btmMargin {margin-bottom: 60px !important;}
/*Login/ Contact Us Styles
-------------------------------------------------------*/
div.login {
width: 431px;
padding-bottom: 15px;
margin-left: 0;
color: #333;
background-color: #DFDFDF;
}
div.login fieldset h3 {
margin-left: -213px;
margin-bottom: 18px;
padding-left: 15px;
color:#FFFFFF;
font-size: 12px;
font-weight:bold;
line-height: 28px;
background:#00A7E7 url(../images/discuss/back_topicPrevious.gif) repeat-x scroll 0 100%;
}
div.login .outer,
div.contactUs .outer {
background:#FFFFFF url(../images/discuss/back_discussOuter.gif) repeat-x scroll left top;
padding-left:1px;
padding-top:1px;
}
div.login .inner,
div.contactUs .inner {
min-height: 300px;
_height: 300px;
padding-left: 30px;
padding-top: 30px;
margin-right: 1px;
background-color: #fff;
}
div.login fieldset {width: 763px;}
div.login fieldset div {
padding-left: 213px;
font-size: 11px;
}
div.login fieldset div div {padding-left: 0;}
span.req {color: #009dd9;}
div.login fieldset span.msgItal {color: #5d5d5d;}
div.login div.iefix {width: 329px;}
div.login label {font-weight: bold;}
div.login input.text {
width: 325px;
margin-bottom: 3px;
}
div.login textarea {
width: 325px;
margin-bottom: 3px;
}
div.formRegister fieldset.required .checkboxGroup label,
div.formManage fieldset.required .checkboxGroup label,
.checkboxGroup label {
float: none;
padding-left: 4px;
padding-right: 2px;
padding-top: 0px;
font-weight: normal;
margin-left: 0px;
}
div.login p {font-size: 12px;}
/* contact us */
div.contactUs fieldset {
padding-left: 0px;
font-size: 11px;
}
div.contactUs .accordion {margin-right: 30px;}
div.contactUs .accordion h3,
div.FAQ .accordion h3 {
margin-bottom: 0px;
padding-left: 10px;
color:#FFFFFF;
font-size: 12px;
font-weight:bold;
line-height: 28px;
background: #00A7E7 url(../images/discuss/back_topicPrevious.gif) repeat-x scroll 0 100%;
}
div.contactUs .accordion div.accordionText {
padding-top: 10px;
padding-left: 30px;
padding-bottom: 30px;
margin-bottom: 0;
}
div.contactUs .accordion h4.head a {
padding-left: 45px;
margin-bottom: 0px;
margin-left: 0px;
display: block;
color: #00A7E7;
font-size: 12px;
font-weight: bold;
line-height: 41px;
text-transform: uppercase;
cursor: pointer;
background: transparent url(../images/globalArrowBtn.gif) no-repeat 10px -724px;
}
div.contactUs .accordion h4.head a:hover {
color: #00A7E7;
text-decoration: none;
background-position: 10px -767px;
}
div.contactUs .accordion h4.head.open a {background-position: 10px -1002px !important;}
div.contactUs .accordion h4.head.open a,
div.contactUs .accordion div.accordionText {background-color: #ddd;}
div.contactUs fieldset label {
font-weight: bold;
color: #5B5B5B;
}
div.contactUs fieldset input.text,
div.contactUs fieldset textarea {width: 468px;}
div.contactUs fieldset textarea {height: 80px;}
fieldset div.accordionText div {margin-bottom: 10px;}
fieldset div.accordionText div div {margin-bottom: 0;}
div.contactUs div.inner p.contact {
padding-top: 10px;
margin-left: 10px;
margin-bottom: 0;
}
div.contactUs div.inner p.contact a {text-decoration: none;}
div.contactUs div.inner p.contact a:hover {text-decoration: underline;}
div.contactUs fieldset.loginPanel h3 {
padding: 0;
color: #5B5B5B;
background: transparent none;
}
div.contactUs fieldset.loginPanel a.passwordLink {color: #00A7E7;}
.loginPanel span {font-size: 11px;}
div.contactUs fieldset.loginPanel a.passwordLink:hover {text-decoration: underline;}
/* submit rollovers*/
div.login div.submitLogin input {
height: 24px;
width: 74px;
background: transparent url(/assets/images/buttons/back_loginWhite.gif) no-repeat 0 0;
}
div.login div.submitForgot input {
height: 24px;
width: 74px;
background: transparent url(/assets/images/buttons/back_submitWhite.gif) no-repeat 0 0;
}
div.submitContact input {
height: 24px;
width: 75px;
background: transparent url(/assets/images/buttons/back_submitGray.gif) no-repeat 0 0;
}
div.discussContent .submitPreview input {
height: 24px;
width: 80px;
background: transparent url(/assets/images/buttons/back_submitBlue.gif) no-repeat 0 0;
}
div.discussContent ul.comments .submitPreview input {
height: 24px;
width: 80px;
background: transparent url(/assets/images/buttons/back_submitGray.gif) no-repeat 0 0;
}
div.discussContent .submitEdit input {
height: 24px;
width: 150px;
background: transparent url(/assets/images/buttons/back_editCommentBlue.gif) no-repeat 0 0;
}
ul.comments .submitEdit input {
height: 24px;
width: 150px;
background: transparent url(/assets/images/buttons/back_editCommentGray.gif) no-repeat 0 0;
}
div.submitLogin input {
height: 24px;
width: 70px;
background: transparent url(/assets/images/buttons/back_loginGray.gif) no-repeat 0 0;
}
div.formComments div.submitLogin input {
height: 24px;
width: 70px;
background: transparent url(/assets/images/buttons/back_loginBlue.gif) no-repeat 0 0;
}
div.submitReg input {
height: 24px;
width: 150px;
background: transparent url(/assets/images/buttons/back_submitRegWhite.gif) no-repeat 0 0;
}
div.formRegister div.submitReg input {
height: 24px;
width: 150px;
background: transparent url(/assets/images/buttons/back_submitRegBlue.gif) no-repeat 0 0;
}
div.submitClose input {
height: 24px;
width: 70px;
background: transparent url(/assets/images/buttons/back_closeBlue.gif) no-repeat 0 0;
}
ul.comments div.submitClose input {
height: 24px;
width: 70px;
background: transparent url(/assets/images/buttons/back_closeGray.gif) no-repeat 0 0;
}
div.contactUs div.submitClose input {
height: 24px;
width: 70px;
background: transparent url(/assets/images/buttons/back_closeGray.gif) no-repeat 0 0;
}
div.contactUs div.submitContact input:hover,
div.contactUs div.submitContact input.over,
div.submitLogin input:hover,
div.submitLogin input.over,
div.submitReg input:hover,
div.submitReg input.over,
div.formRegister div.submitReg input:hover,
div.formRegister div.submitReg input.over,
div.login div.submitLogin input:hover,
div.login div.submitLogin input.over,
div.formComments div.submitLogin input:hover,
div.formComments div.submitLogin input.over,
div.discussContent div.submitPreview input:hover,
div.discussContent div.submitPreview input.over,
div.discussContent .submitEdit input:hover,
div.discussContent .submitEdit input.over,
div.discussContent .submitPreview input:hover,
div.discussContent .submitPreview input.over,
div.submitClose input:hover,
div.submitClose input.over,
div.contactUs div.submitClose input:hover,
div.contactUs div.submitClose input.over,
div.discussContent ul.comments .submitPreview input:hover,
div.discussContent ul.comments .submitPreview input.over,
fieldset.postPreview div.submitClose input:hover,
fieldset.postPreview div.submitClose input.over,
div.login div.submitForgot input:hover,
div.login div.submitForgot input.over {background-position: 0 -36px;}
/*Discussion Styles
-------------------------------------------------------*/
div.discussOuter {
width: 890px;
margin-bottom: 70px;
margin-left: 35px;
padding-top: 1px;
padding-left: 1px;
background: transparent url(../images/discuss/back_discussOuter.gif) repeat-x left top;
}
div.discussInner {
width: 859px;
padding-top: 30px;
padding-left: 30px;
background: transparent url(../images/discuss/back_discussInner.gif) repeat-x left top;
}
div.discussContent {
width: 827px;
color: #5b5b5b;
background-color: transparent;
position: relative;
}
div.discussContent div.logoHead {padding-top: 10px;}
div.discussContent div.textLeft {
width: 615px;
padding-top: 25px;
float: left;
display: inline;
}
div.discussContent div.rightSash {
width: 181px;
padding-top: 25px;
padding-left: 5px;
float: right;
display: inline;
}
div.discussContent h3 {
margin-bottom: 18px;
font-size: 1.5em;
font-weight: bold;
color: #009dd9;
}
div.discussContent h3.noBottom {margin-bottom: 0;}
div.discussContent h3.expert {
margin-bottom: 3px;
font-size: 1.5em;
font-weight: bold;
color: #5B5B5B;
}
div.discussContent div.rightSash h3 {
color: #5B5B5B;
font-size: 1.4em;
margin-bottom: 10px;
}
div.discussContent p.expert {font-style: italic;}
div.discussContent div.rightSash .topPad,
div.discussContent h3.topPad {margin-top: 25px; }
div.discussContent div.rightSash a img { padding: 7px 0 0 0; }
div.discussContent h4 {
margin-bottom: 8px;
font-size: 1.2em;
font-weight: bold;
line-height: 18px;
}
div.discussContent p {line-height: 18px;}
div.discussContent p.bold {font-weight: bold;}
div.discussContent p.callOut {
color: #009DD9;
width: 145px;
padding: 10px 17px 17px 0;
display: inline;
float: left;
font-weight: bold;
}
div.discussContent p.callOutRight {
color: #009DD9;
width: 145px;
padding: 10px 0 17px 17px;
display: inline;
float: right;
font-weight: bold;
}
div.discussContent p.join { margin-top: 25px;}
p.shareEmail,
div.discussContent p.shareEmail {
font-size: .9em;
line-height: 1.25;
width: 335px;
}
div.discussContent p.sendFriend {margin-top: 1em;}
div.discussContent div.rightSash p { font-size: 11px; }
div.discussContent div.rightSash .pShadow p.recommendedComments,
div.discussContent div.rightSash .pShadow p.keyFactors {
padding: 15px;
padding-top: 10px;
margin-bottom: 0;
font-size: 11px;
line-height: 19px;
border-bottom: 1px solid #ddd;
}
div.discussContent div.rightSash .pShadow p.recommendedComments a.actionLink,
a.pdfLink {
display: block;
font-weight: bold;
clear: both;
}
div.discussContent div.rightSash .pShadow p.keyFactors {margin-right: 0px;}
div.rightSash a { font-weight: bold; }
div.rightSash a.pdf {
display: block;
margin-top: 10px;
font-size: 11px;
font-weight: bold;
line-height: 16px;
}
p.recommendedComments span {
font-weight: bold;
display: block;
}
div.discussContent div.rightSash a.actionLink {
padding-left: 30px;
margin-bottom: 25px;
display: block;
line-height: 34px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
background: transparent url(../images/globalArrowBtn.gif) no-repeat -4px -726px;
}
div.discussContent div.rightSash a.actionLink:hover {
text-decoration: none;
background-position: -4px -769px;
}
div.discussContent div.rightSash a.actionLinkPng {
height: 34px;
padding-top: 35px;
padding-left: 30px;
margin-bottom: 7px;
display: block;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
background: transparent url(/assets/images/buttons/btn_arrowSprite.png) no-repeat -2px 30px;
}
div.discussContent div.rightSash a.actionLinkPng span {_margin-left: -30px;}
div.discussContent div.rightSash a.actionLinkPng:hover,
div.discussContent div.rightSash a.actionLinkPng.over {
text-decoration: none;
background-position: -2px -24px;
}
/*Discussion banner Styles
------------------------*/
div.discussContent h1.banner {
height: 172px;
width: 827px;
background-color: #fff;
}
div.previousBanner {
min-height: 108px;
_height: 89px;
padding-top: 30px;
padding-bottom: 20px;
padding-left: 30px;
background: #00a7e7 url(/assets/images/back_prevBanner.gif) repeat-x left 100%;
color: #fff;
font-weight: normal;
font-size: 24px;
}
div.previousBanner h2,
div.previousBanner h3 {
margin-right: 30px;
color: #fff;
font-weight: normal;
font-size: 24px;
}
/* Discuss About
-------------------------*/
.discussAboutLeft {
width: 474px;
padding-right: 30px;
float: left;
display: inline;
}
.discussAboutRight {
width: 264px;
float: left;
display: inline;
}
.discussRegMod {
width: 262px;
height: 178px;
background: #ddd url(/assets/images/discuss/aboutRegBg.gif) no-repeat 0 0;
border: 1px solid #ddd;
margin-bottom: 9px;
}
.discussRegMod h3 {margin: 19px 0 14px 19px;}
.discussRegMod ul {margin: 0 0 24px 19px;}
.discussRegMod ul li {margin-bottom: 4px;}
.discussRegMod a.globalArrow {
position: relative;
padding: 0 0 0 42px;
background-position: 11px 0;
display: block;
}
.discussRegMod a.globalArrow:hover {background-position: 11px -173px;}
.discussRegMod p {
padding: 0 0 0 42px;
font-size: 1em;
}
.discussRegModLanding {
height: 49px;
background-position: 0 -103px;
}
.discussRegModLanding a.globalArrow {
margin-top: 17px;
}
.discussGuidelinesMod {
width: 249px;
border: 1px solid #ddd;
line-height: 31px;
padding-left: 13px;
font-size: 1.1em;
}
.descriptionLeft {
float: left;
display: inline;
width: 539px;
margin-right: 25px;
}
.descriptionRight {
float: left;
display: inline;
width: 264px;
}
.discussLandingContent {
height: auto;
min-height: 74px;
_height: 74px;
}
.discussLandingContentLeft {
background: #00a7e7 url(/assets/images/discuss/bgLanding.gif) repeat-x 0 bottom;
width: 320px;
height: auto;
min-height: 50px;
_height: 50px;
padding: 12px;
float: left;
display: inline;
}
.discussLandingContentLeft a {
display: block;
padding: 0 0 0 34px;
color: #fff;
font-size: 18px;
font-weight: bold;
background: transparent url(/assets/images/globalArrowBtn.gif) no-repeat scroll 0 -408px
}
.discussLandingContentLeft p {
padding: 0 0 0 34px;
color: #fff;
}
.discussLandingContentRight {
background: #fff url(/assets/images/discuss/bgLandingRight.gif) repeat-x 0 bottom;
width: 484px;
float: left;
display: inline;
height: auto;
min-height: 74px;
_height: 74px;
}
/* Previous Table
-------------------------*/
table.topicTable {
width: 100%;
margin-bottom: 15px;
}
table.topicTable td {padding: 5px;}
table.topicTable tr.even {background-color: #f0f0f0;}
table.topicTable tr.head {
font-size: 12px;
font-weight: bold;
color: #009dd9;
background-color: #d9f0f9;
}
/*Comments Dashboard Styles
------------------------*/
ul.dashboardComments {
height: 49px;
padding-left: 12px;
background: #009dd9 url(/assets/images/discuss/back_addComment.gif) repeat-x left 100%;
}
ul.dashboardComments.open {background: #009dd9 none !important;}
ul.dashboardComments li {
height: 49px;
float: left;
display: inline;
color: #fff;
}
ul.dashboardComments li a {
height: 49px;
display: block;
color: #fff;
}
ul.dashboardComments li.commentsAdd a {
height: 49px;
width: 187px;
text-indent: -999em;
background: transparent url(../images/discuss/back_discussDash.gif) no-repeat 0px 0px;
}
ul.dashboardComments li.commentsAdd a:hover {background-position: 0px -61px;}
ul.dashboardComments li.topic a {
width: 224px;
text-indent: -999em;
background: transparent url(../images/discuss/back_discussDash.gif) no-repeat -187px 0px;
}
ul.dashboardComments li.topic a:hover {background-position: -187px -61px;}
ul.dashboardComments li.totalComments {
width: 193px;
height: 39px;
padding-top: 10px;
padding-left: 30px;
text-transform: uppercase;
font-weight: bold;
background: 0 none;
}
ul.dashboardComments li.guidelines {
width: 149px;
padding-left: 20px;
line-height: 45px;
background: 0 none;
}
ul.dashboardComments li.guidelines a:hover {
color: #fff;
text-decoration: underline;
}
div.formComments {
padding-left: 20px;
color: #fff;
background: #009dd9 url(/assets/images/discuss/back_addComment.gif) repeat-x left 100%;
}
div.formComments p,
div.formComments p a {
margin-right: 70px;
color: #fff;
}
div.formComments p a {text-decoration: underline;}
div.formComments p a:hover {color: #595959;}
div.formComments fieldset {
padding-top: 20px;
padding-left: 0px;
margin-right: 20px;
border-top: 1px solid #73c9ea;
}
div.formComments fieldset span.req {color: #fff;}
div.formComments label {font-weight: bold;}
div.formComments input.text,
div.formComments textarea {width: 470px;}
ul.comments li ul.btnInline {margin-left: 0;}
ul.btnInline li {
padding-left: 0 !important;
float: left;
display: inline;
}
fieldset.postPreview div {padding-left: 180px;}
fieldset.postPreview div div {padding-left: 0;}
/*Comments Tabs Styles
------------------------*/
ul.discussTabs li {
height: 35px;
float: left;
display: inline;
overflow: hidden;
}
ul.discussTabs li a {
height: 35px;
display: block;
line-height: 35px;
text-align: center;
color: #5b5b5b;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
background-color: #dddddd;
}
ul.discussTabs li a:hover {color: #009DD9;}
ul.discussTabs li.selected a {
color: #009DD9;
background-color: #fff;
}
ul.discussTabs li.tab1 a {width: 185px;}
ul.discussTabs li.tab2 a {width: 215px;}
/*Comments Pagination Styles
------------------------*/
ul.discussTabs li.pagination {
width: 426px;
border-left: 1px solid #fff;
background: #5b5b5b url(../images/discuss/back_pagination.gif) repeat-x 0;
text-align: right;
}
ul.discussTabs li.pagination ul {
float: right;
display: inline;
margin-right: 26px;
}
ul.discussTabs li.pagination li {
margin-left: 8px;
line-height: 35px;
}
li#SubmitPagination {width: 30px;}
ul.discussTabs li.pagination li.prev a,
ul.discussTabs li.pagination li.next a {
height: 35px;
width: 36px;
display: block;
text-indent: -999em;
background: transparent url(../images/globalArrowBtn.png) no-repeat -4px 1px;
_background: transparent url(../images/globalArrowBtn.gif) no-repeat -4px 1px;
}
ul.discussTabs li.pagination li.prev a {background-position: 50% -147px;}
ul.discussTabs li.pagination li.prev a:hover {background-position: 50% -207px;}
ul.discussTabs li.pagination li.next a {
background-position: 50% 7px;
_background-position: 50% -520px;
}
ul.discussTabs li.pagination li.next a:hover {
background-position: 50% -93px;
_background-position: 50% -94px;
}
ul.discussTabs li.pagination li.last {
width: 45px;
padding-left: 75px;
text-align: right;
}
ul.discussTabs li.pagination li.last label {
width: 85px;
margin-left: -70px;
float: left;
display: inline;
}
ul.discussTabs li.pagination li input {
width: 14px;
height: 13px;
padding: 2px 0 2px 3px;
margin-top: 8px;
*margin-top: 0px;
_margin-top: 6px;
font-size: 11px;
border: 1px solid #7e7e7e;
}
ul.discussTabs li.pagination li.go input.go {
width: 30px;
height: 27px;
margin-top: 5px;
padding: 0;
display: block;
border: 0 none;
background: transparent url(/assets/images/buttons/btn_goSprite.gif) no-repeat 0 -95px;
}
ul.discussTabs li.pagination li input.go:hover,
ul.discussTabs li.pagination li.go input.over {background-position: 0 -149px;}
/*Comments Styles
------------------------*/
ul.comments {margin-left: 4px;}
ul.comments li {
padding-left: 175px;
padding-top: 20px;
padding-bottom: 25px;
margin-right: 4px;
color: #5b5b5b;
background: #fff url(../images/discuss/back_discussPost.gif) repeat-x 0 100%;
}
ul.comments li ul {margin-left: -175px;}
ul.comments li ul.reply {
margin-left: 0px;
background: #ddd none;
}
ul.comments li ul.reply li {
padding-left: 30px;
background: #ddd none;
}
ul.comments li ul.reply ul.reply {
margin-left: 33px;
margin-right: 30px;
}
ul.comments li ul.reply ul.reply li {padding-left: 0px;}
ul.comments li div.formReply {
padding-left: 30px;
background: #ddd none;
}
ul.comments li div.formReply li {
padding-top: 5px;
padding-bottom: 5px;
background: transparent none;
}
div.formReply fieldset {padding-top: 30px;}
div.formReply textarea,
div.formReply input.text {width: 325px;}
ul.comments li li {margin-right: 0;}
ul.comments p {
margin-right: 60px;
font-size: 11px;
}
ul.comments p.links {margin-right: 0;}
ul.comments p.title {
margin-bottom: 3px;
font-size: 13px;
font-weight: bold;
}
ul.comments p.author {
margin-bottom: 10px;
font-size: 10px;
font-weight: normal;
color: #848484;
}
ul.comments span.reply,
ul.comments span.recommendations {
width: 125px;
margin-left: -145px;
margin-top: 10px;
float: left;
display: inline;
clear: both;
font-weight: bold;
font-size: 10px;
line-height: 13px;
overflow: hidden;
}
ul.comments span.recommendations span {font-weight: normal;}
ul.comments p.links {
margin-bottom: 0px;
font-size: 11px;
font-weight: bold;
}
ul.comments p.links a {
padding: 5px 10px 5px 5px;
margin-right: 5px;
line-height: 18px;
color: #009dd9;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
float: left;
display: inline;
white-space: nowrap;
background: transparent url(../images/buttons/btn_arrowSprite.png) 2px 1px no-repeat;
}
ul.comments p.links a.respondComment,
ul.comments p.links a.recommendComment {
padding: 5px 10px 5px 5px;
margin-right: 5px;
height: 18px;
color: #009dd9;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
float: left;
display: inline;
background: transparent url(../images/buttons/btn_arrowSprite.png) 2px 1px no-repeat;
}
ul.comments ul.reply p.links a.respondComment,
ul.comments ul.reply p.links a.recommendComment,
ul.comments ul.reply p.links a.viewReplies {
padding: 5px 10px 5px 5px;
margin-right: 5px;
height: 18px;
color: #009dd9;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
float: left;
display: inline;
white-space: nowrap;
background: transparent url(../images/buttons/btn_arrowSpriteGray.gif) 2px 1px no-repeat;
}
ul.comments p.links a.viewReplies {
width: 150px;
margin-right: 10px;
}
ul.comments p.links a.respondComment {
width: 196px;
margin-right: 14px;
}
ul.comments p.links a.recommendComment {
width: 210px;
margin-right: 0px;
}
ul.comments p.links a.respondComment:hover,
ul.comments p.links a.respondComment.over,
ul.comments ul.reply p.links a.respondComment:hover,
ul.comments ul.reply p.links a.respondComment.over,
ul.comments ul.reply p.links a.recommendComment:hover,
ul.comments ul.reply p.links a.recommendComment.over {background-position: 2px -53px;}
ul.comments p.links a:hover,
ul.comments p.links a.over,
ul.comments p.links a.respondComment:hover
ul.comments p.links a.respondComment.over {background-position: 2px -53px;}
ul.comments p.links a.open {
padding-bottom: 10px;
background-color: #ddd;
background-position: 2px -160px !important;
}
ul.comments p.links a span{
padding-left: 31px;
display: block;
}
ul.comments p.links input {
width: 160px;
padding: 8px 10px 5px 36px;
margin-right: 25px;
line-height: 18px;
color: #009dd9;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
float: left;
display: inline;
}
ul.comments p.links input:hover,
ul.comments p.links input.over {background-position: 2px -53px;}
/* Experts Bio Landing
----------------------------------------------------------------------*/
ul.bioLanding {
padding-top: 1px;
padding-left: 1px;
margin-bottom: 40px;
background: #fff url(../images/discuss/back_discussOuter.gif) repeat-x scroll left top;
}
ul.bioLanding li {
padding-bottom: 10px;
margin-right: 1px;
background: #fff url(../images/discuss/back_discussPost.gif) repeat-x 0 100%;
}
ul.bioLanding li li {background: transparent none;}
ul.bioLanding li.inner {background: #fff none;}
div.discussContent ul.bioLanding div.textLeft {
width: 590px;
padding-left: 25px;
padding-top: 20px;
}
div.discussContent ul.bioLanding div.textRight {
width: 145px;
padding-left: 20px;
padding-top: 20px;
margin-left: 15px;
float: left;
display: inline;
}
ul.bioLanding div.textLeft p {font-size: 12px;}
ul.bioLanding div.textLeft p.borderTop {
border-top: 1px solid #ccc;
margin-top: 20px;
padding-top: 10px;
}
ul.bioLanding p.header {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
margin-left: -5px;
margin-bottom: 10px;
font-size: 15px;
font-weight: bold;
line-height: 17px;
color: #fff;
background: #00a7e7 url(../images/discuss/back_topicPrevious.gif) repeat-x 0 100%;
}
ul.bioLanding p.header span {
display: block;
font-size: 10px;
font-weight: bold;
}
ul.bioLanding p.body {
margin-bottom: 40px;
font-size: 12px;
}
ul.bioLanding li.inner p.body {margin-bottom: 20px;}
ul.bioLanding h5 {
margin-bottom: 3px;
font-size: 12px;
font-weight: bold;
}
div.textLeft div.half {margin-bottom: 9px;}
div.textLeft div.half span {
width: 288px;
float: left;
display: inline;
}
ul.topicsPrevious div.textLeft div.half span a {
height: 43px;
overflow: hidden;
}
ul.bioLanding div.textLeft a.actionLink {
min-height: 41px;
_height: 41px;
padding-left: 30px;
display: block;
text-decoration: none;
text-transform: uppercase;
font-size: 11px;
line-height: 29px;
font-weight: bold;
background: transparent url(../images/globalArrowBtn.png) no-repeat -1px 2px;
_background: transparent url(../images/globalArrowBtn.gif) no-repeat -1px 2px;
}
ul.bioLanding div.textLeft a.actionLink:hover {background-position: -1px -48px;}
ul.bioLanding div.textRight h3 {
margin-bottom: 3px;
font-size: 12px;
font-weight: bold;
}
ul.bioLanding div.textRight h4 {
color: #009dd9;
font-size: 12px;
font-weight: bold;
}
ul.bioLanding div.textRight p {font-size: 11px;}
ul.bioLanding div.textRight div.pShadow {width: 137px;}
ul.bioLanding div.textRight div.pShadow a,
ul.bioLanding div.textRight div.pShadow div.innerBox,
ul.bioLanding div.textRight a.bioImgLink {
display: block;
border: 1px solid #DEDEDE;
}
ul.bioLanding div.textRight a.bioImgLink {width: 135px;}
ul.bioLanding div.textRight a img,
ul.bioLanding div.textRight div.innerBox img,
ul.bioLanding div.textRight a.bioImgLink img {
height: 98px;
width: 98px;
padding-top: 17px;
padding-left: 18px;
padding-bottom: 17px;
display: block;
}
ul.bioLanding div.textRight a:hover {text-decoration: underline;}
ul.bioLanding div.textRight a.pdfLink img {
padding: 3px;
float: left;
display: inline;
}
div.backToExperts {
height: 28px;
float: right;
display: inline;
text-align: right;
}
div.backToExperts a {
height: 20px;
padding-left: 34px;
padding-top: 4px;
padding-bottom: 4px;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
line-height: 20px;
display: block;
_display: inline-block;
background: transparent url(../images/globalArrowBtn.gif) no-repeat 0px -916px;
}
div.backToExperts a:hover {background-position: 0px -959px;}
ul.bioLanding div.textRight ul.linkList {padding-top: 4px;}
ul.bioLanding div.textRight ul.linkList li {
padding-bottom: 0;
margin-bottom: 4px;
font-size: 11px;
background: 0 none;
}
ul.bioLanding div.textRight a.actionLink {
width: 125px;
min-height: 41px;
_height: 41px;
padding-left: 30px;
display: block;
text-decoration: none;
text-transform: uppercase;
font-size: 11px;
line-height: 26px;
font-weight: bold;
background: transparent url(../images/globalArrowBtn.png) no-repeat -1px 2px;
_background: transparent url(../images/globalArrowBtn.gif) no-repeat -1px -729px;
}
ul.bioLanding div.textRight a.actionLink:hover {
background-position: -1px -48px;
_background-position: -1px -772px;
text-decoration: none;
}
/* Current Topic
----------------------------------------------------------------------*/
p.tagline {
font-size: 15px;
font-weight: bold;
}
div.blurbGenerator {
width: 170px;
margin-left: 20px;
float: right;
display: inline;
}
div.blurbGenerator p {
margin-top: 15px;
margin-left: 15px;
font-size: 11px;
font-weight: bold;
}
a.linkGenerator {
padding: 15px;
display: block;
font-size: 11px;
font-weight: bold;
line-height: 14px;
border-top: 1px solid #ddd;
}
a.topicImage {
height: 49px;
width: 224px;
margin-left: -20px;
text-indent: -999em;
color: #FFFFFF;
display: block;
background: transparent url(/assets/images/discuss/back_discussDash.gif) no-repeat scroll -187px -61px;
}
a.topicImageCurrent {
position:absolute;
top:122px; left:12px;
background: url(../images/discuss/findOutMore.png) no-repeat;
width: 209px;
height: 36px;
text-indent: -9999px;
}
div.highlights {
border-bottom:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
margin-bottom:15px;
padding:10px 0;
}
div.highlights ul li {
background:transparent url(/assets/images/discuss/blueBullet.gif) no-repeat scroll 0 0;
padding-left:11px;
list-style: none;
margin: 0 0 2px 0!important;
}
div.highlights ul li ol li {
background: none;
}
div.rightSash div.blurbDiscussion p,
div.rightSash div.blurbDiscussion ul li {
font-size: 11px;
line-height: 17px;
}
div.rightSash div.blurbDiscussion p,
div.rightSash div.blurbDiscussion ul {margin-bottom: 7px;}
div.rightSash div.blurbDiscussion ul li {
margin-left: 17px;
list-style-type: disc;
}
/* Analysis Topic
----------------------------------------------------------------------*/
#topicBox {
min-height:137px;
_height: 137px;
padding-left: 30px;
padding-top: 30px;
padding-bottom: 20px;
background: #00A7E7 url(/assets/images/back_prevBanner.gif) repeat-x scroll left 100%;
clear: both;
}
p.sessionDate {
font-size: 12px;
line-height: 24px;
text-transform: uppercase;
color: #FFFFFF;
}
div.discussContent h1.topicTitle {
width: 590px;
margin-bottom: 10px;
color: #FFFFFF;
font-size: 24px;
line-height: 24px;
font-weight: normal;
}
div.discussContent h3.topicTitle {
width: 590px;
margin-bottom: 10px;
color: #FFFFFF;
font-size: 24px;
line-height: 24px;
font-weight: normal;
}
.headerQuestion {
width:590px;
color:#FFFFFF;
font-weight:bold;
line-height:14px;
}
ul.navAnalysis {
padding-bottom: 7px;
margin-left: -5px;
margin-bottom: 25px;
background:transparent url(/assets/images/discuss/tocBottom.gif) no-repeat scroll center bottom;
display:block;
width:185px;
}
ul.navAnalysis a {
width:140px;
padding: 10px 15px 10px 26px;
background: transparent url(/assets/images/blueArrow.gif) no-repeat scroll 0 0;
color:#009DD9;
display:block;
font-size:11px;
font-weight:bold;
border-top:1px solid #DDDDDD;
}
.navAnalysis a:hover {
background: transparent url(/assets/images/grayArrow.gif) no-repeat scroll 0 0;
color:#5b5b5b;
text-decoration:none;
}
.navAnalysis a.selected {
color:#5b5b5b;
width: 152px;
padding: 10px 15px 10px 15px;
background-position: 0 200px;
}
a.analysisBack{
background:transparent url(/assets/images/globalArrowBtn.gif) no-repeat scroll -4px 1px;
display:inline;
float:right;
font-size:11px;
font-weight:bold;
text-align:right;
text-decoration:none;
}
a.analysisBack {
background-position:0 -955px;
height:21px;
margin-right:6px;
padding-left:32px;
padding-top:10px;
width:29px;
}
a.analysisBack:hover {
background-position: 0 -912px;
text-decoration: none;
}
div.analysisNext {
padding-top: 20px;
margin-top: 30px;
clear: both;
}
div.analysisNext a {
height: 21px;
padding-bottom: 15px;
padding-left: 32px;
padding-top: 6px;
text-align: left;
background: transparent url(/assets/images/globalArrowBtn.gif) no-repeat scroll 0 -774px;
display: none;
float: right;
font-size: 11px;
font-weight: bold;
text-align: right;
text-decoration: none;
}
div.analysisNext a.selected {display: inline !important;}
div.analysisNext a:hover {
background-position:0 -731px;
text-decoration:none;
}
/* Search Results
----------------------------------------------------------------------*/
div.searchOuter {
width: 828px;
padding-left: 1px;
padding-top: 1px;
background: #FFFFFF url(../images/discuss/back_discussOuter.gif) repeat-x left top;
}
div.searchInner {
min-height: 300px;
_height: 300px;
width: 797px;
padding-top: 30px;
padding-left: 30px;
background-color: #fff;
}
div.searchResults {
width: 450px;
float: left;
display: inline;
}
div.searchTips {
width: 270px;
margin-right: 30px;
float: right;
display: inline;
color: #fff;
background-color: #0093cb;
}
div.searchTips h3 {
padding-left: 13px;
line-height: 25px;
text-transform: uppercase;
font-weight: bold;
font-size: 15px;
border-bottom: 1px solid #fff;
}
div.searchTips h4 {
padding-top: 15px;
padding-bottom: 15px;
margin: 0;
font-size: 12px;
font-weight: bold;
}
div.searchTips h4.open {background-color: #33b2e3;}
div.searchTips h4 a {
padding-left: 45px;
color: #fff;
display: block;
_display: inline-block;
text-transform: uppercase;
background: transparent url(/assets/images/buttons/btn_arrows.png) no-repeat 10px 0px;
}
div.searchTips h4 a:hover {
text-decoration: none;
color: #fff;
background-position: 10px -108px;
}
div.searchTips h4.open a {background-position: 10px -216px;}
div.searchTips div.accordionText {
padding-bottom: 1px;
background-color: #33b2e3;
}
div.searchTips p {
margin-bottom: 13px;
margin-right: 10px;
margin-left: 45px;
color: #fff;
font-size: 11px;
}
div.pagingWrapper {
height: 35px;
margin-bottom: 4px;
border-bottom: 1px solid #e0e0df;
}
div.searchPagerBottom div.pagingWrapper {
margin-bottom: 40px;
border-bottom: 0 none;
}
div.pagingWrapper ul {
height: 35px;
float: right;
display: inline;
}
div.pagingWrapper ul li {
float: left;
display: inline;
text-transform: uppercase;
font-size: 11px;
line-height: 25px;
font-weight: bold;
}
div.pagingWrapper ul li a {
width: 30px;
height: 30px;
margin-top: -6px;
display: block;
cursor: pointer;
text-indent: -999em;
}
div.pagingWrapper ul li.PreviousPageLi a {background: transparent url(/assets/images/buttons/btn_arrowSprite.png) no-repeat 0px -210px;}
.PreviousPageLiDisabled,
.NextPageLiDisabled {visibility: hidden;}
div.pagingWrapper ul li.PreviousPageLi a:hover {background-position: 0px -264px;}
div.pagingWrapper ul li.NextPageLi a {
margin-right: 30px;
background: transparent url(/assets/images/buttons/btn_arrowSprite.png) no-repeat 3px 6px;
}
div.pagingWrapper ul li.NextPageLi a:hover {background-position: 3px -48px;}
div.pagingWrapper ul li.pageTo {width: 40px;}
div.pagingWrapper input.text {
width: 23px;
margin-left: 7px;
margin-right: 4px;
}
div.pagingWrapper input.go {
height: 27px;
width: 27px;
margin-top: 2px;
margin-left: 4px;
background: transparent url(/assets/images/buttons/btn_goSprite.gif) no-repeat 0 -6px;
}
div.pagingWrapper input.go:hover,
div.pagingWrapper input.go.over {background-position: 0 -45px;}
.postTitle a {
color: #5d5d5d;
font-size: 13px;
font-weight: bold;
line-height: 17px;
}
.postTitle a:hover {color: #5d5d5d;}
.postDetails {
font-size: 10px;
font-weight: bold;
line-height: 15px;
}
.postMessage p {
font-size: 12px;
line-height: 15px;
}
div.resultItem {
padding-bottom: 13px;
margin-bottom: 13px;
border-bottom: 1px solid #e0e0df;
}
div.resultItem a.lnkMore {
font-size: 12px;
font-weight: bold;
}
/* Drop Shadow
----------------*/
.pShadow {
width: 181px;
padding: 0px;
margin: 4px 0 10px 5px !important;
margin: 4px 0 10px 3px;
float:left;
clear:left;
background: transparent url(../images/boxDropShadow.gif) no-repeat scroll right bottom;
}
.pShadow .innerBox {
margin: 0px 0px 0px 0px;
position: relative;
bottom: 4px;
right: 5px;
border: 1px solid #dedede;
}
div.rightSash div.accordion h4.head {
margin-bottom: 0;
height: 27px;
border-top: 1px solid #dedede;
}
div.rightSash div.accordion h4.head a {
padding-left: 15px;
line-height: 27px;
display: block;
font-size: 11px;
background: transparent url(../images/globalArrowBtn.gif) no-repeat 95% -632px;
}
div.rightSash div.accordion h4.head.open a {background-position: 95% -610px;}
div.rightSash div.accordion h4.head.first {border-top: 0 none;}
div.rightSash div.accordion p.accordionText {
padding-left: 15px;
margin-right: 25px;
}
/*International Pages
-------------------------------------------------------*/
.intlPage h1 img {margin-left: -15px;}
.intlBody .leftColumn {
float: left;
display: inline;
width: 450px;
padding: 30px 15px 30px 0;
}
.intlBody .rightColumn {
float: right;
display: inline;
}
/* video pop up classes */
#videoPopUpWrap {background-color: #000; height: 400px; padding: 10px;}
#videoPopUpWrap .transcriptLink {padding-left: 270px;}
#videoPopUpWrap .transcriptLink a {color: #fff;}
#promoVideoWrap {width: 375px; margin-bottom: 4px; z-index: 5;}
/* popup class for thickbox */
div.popup {display: none; }
ul.comments li:after,
ul.comments p.links:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
ul.comments li,
ul.comments p.links {display: inline-block; /* IE/Mac */}
/* Hides from IE-mac \*/
*html ul.comments li,
*html ul.comments p.links {
height: 1%;
}
ul.comments li,
ul.comments p.links {display: block;}
/* End hide from IE-mac */
/* png fix
------------------------*/
a.actionLinkPng,
ul.comments a.respondComment,
ul.comments a.viewReplies,
ul.comments a.recommendComment,
div.searchTips h4 a,
div.pagingWrapper ul li.NextPageLi a,
#commitmentContainer .mediaContain .leftArrow a,
#commitmentContainer .mediaContain .rightArrow a,
a.topicImageCurrent {behavior: url(/assets/js/iepngfix.htc);}
/* Clearfix (http: //www.positioniseverything.net/easyclearing.html)
----------------------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block; /* IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */