/*
--------------------------------------------------
wsm.css
--------------------------------------------------
BCHYDRO-1351 - updated #bodyContent #bcTabs ul li.ui-tabs-selected a
BCHYDRO-1370 - updated bcImageBorder class
BCHYDRO-1332 - updated #bodyContent #bcTabs
BCHYDRO-893 - updated #bodyContent h1
BCHYDRO-875 - commented out #bodyContent .pressRelease h3 and #bodyContent h3 .bcSubText
BCHYDRO-1354 - updated #bodyContent #bcTabs
BCHYDRO-1354 - updated #bcTabs ul li a
BCHYDRO-1354 - updated #bcTabs ul li a:hover
BCHYDRO-1354 - updated #bodyContent #bcTabs ul li.ui-tabs-selected a
BCHYDRO-1422 - madamcin 2/3/2009: updated #bodyContent #bcTabs ul li to use the correct backround image.
March 09 SOW I - jryan 3/2/09 : new styles for javascript layout, new styles "green your home"
March 09 Part II - pmcmahon 03/08/2009: updated .dialog .hd, .dialog .hd .c, .dialog .bd, .dialog .bd .c,
.dialog .bd .c .s, .dialog .ft, and .dialog .ft .c to use relative image references to
so that they work on instances without a publish instance. Added the classes
to support the new frame style.
March 09 SOW I - jryan added top border
Apr 21, 2009 Wayne Wang BCHYDRO-1457 Revised style to form cancel button.
BCHYDRO-1460 - jryan 4/20/09 integrated changes from PBD
BCHydro-1447 - Submitted by PBD on 4/28/2009.
BCHydro-1447 - Changed the padding-left on .bc_crsl_activenews from 10px to 7px
Added padding-left:13px!important to * html .bc_crsl_activenews
Submitted by PBD on May 7, 2009.
Wayne Wang Reversed above .bc_crsl_activenews changes for PBD.
BCHYDRO-1471 - Wayne Wang 05/11/09 Fixed issue: bulleted lists do not wrap properly, spacing is changed
BCHYDRO-1477 - Wayne Wang 05/11/09 Fixed issue: Tab style issue
May 12 - PBD fixed background position bug on carousel caused by ABSU update.
changed #bodyContent .bc_crsl_box ul to #bodyContent .bc_crsl_box ul li
and added background-position:0px 0px;
BCHYDRO-1480 - Dave Pixley Added code to resolve the spacing issue.
BCHYDRO-1470 - Frankie Seto - Added code to address the small line in the
date filed when using a dynamic news listing
- Kevin Dyck Made .linkList ul li more specific to resolve homepage issue.
- Brandon Tam Made .bc_crsl_box h3 remove space between header and content in the carousel box.
June 26, 2009 - Brandon Tam Made .bc_crsl_box h3 revised margin values
Aug 31, 2009 - Chappy Kwan Made #bodyContent h1 span.h1Content to fit the new icon row
Oct 2, 2009 - Brnadon Tam added line 2098 to change the heading text to blue and Title case.
Sep 20, 2010 - Frankie Seto changed span.h1Content to 90% since AddThis is now removed
Frankie Seto changed bcFeatureContent to fix link not wrapping in author mode
for IE6+
Mar 2011 - Brandon Tam changed...
- font colors and line spacing
- the look of the carousel
- the look of the dialog, psdialog, psdialog2 boxes
- the look of the bcFeatures boxes
- added bcFeatureTop and bcFeatureTopHigh
- added the following arrow bullet classes for listed links:
.arrowBulletMediumGreen
.arrowBulletLightGreen
.arrowBulletWhite
.arrowBulletGrey
*/
/* All the Content Area Styles will go here */
#bcMain #breadcrumb {
border-bottom: 1px dotted #ccc;
color: #333;
float: left;
font-size: 11px;
margin: 0 0 5px 20px;
padding: 10px 0 5px 5px;
width: 745px;
}
#breadcrumb a, #breadcrumb a:visited, #breadcrumb a:hover {
color: #333;
}
#bodyContent h1 {
border-bottom: 1px solid #ccc;
color: #00aedf;
font-size: 31px; /* changed this from 2.5em to 31px so that the icon row doesn't move around Brandon Tam 27Aug2010 */
font-weight: normal;
margin: 20px 0;
text-transform: capitalize;
overflow: hidden;
position: relative;
clear: both;
height: 1%; /*required for ie6*/
line-height: 41px; /* changed this from 37px to 39px */
}
#bodyContent h1 span.h1Content {
float:left;
display: block;
width:640px;
}
#bodyContent h2 span.h2Content {
width: 75%;
float: left;
display: block;
}
#bodyContent h2{
font-size: 1.3em; /* Changed from 1.4em by Brandon Tam Jan 2010*/
margin: 0px 0px 6px 0px; /* Added Jan 2011 by Brandon Tam */
line-height: 100%; /* Changed from 18px to 15px, 26Aug2010 by Brandon Tam */
}
#bodyContent h3{
font-size: 1em;
text-transform: none; /* Added Feb 2011 by Brandon Tam */
margin: 10px 0px 5px 0px; /* Added Feb 2011 by Brandon Tam */
}
h4.topMargin {
margin-top: 30px;
}
html>body #bodyContent .bcTabFrame h2,
html>body #bodyContent .bcTabFrame p {margin-top: 8px;}
/* added to target Firefox H2 text when added to Tab Frame component, 12 May 2009 */
#bodyContent .bcDefinition {
margin: 0;
padding: 0;
}
#bodyContent .bcDefinition p {
margin-left: 10px;
}
#bodyContent .bcDefinition div.bcTopic {
font-size: 12px;
margin: 10px 0 20px 10px;
padding: 0;
}
#bodyContent .bcDefinition div.bcTopic h4 {
font-size: 12px;
margin: 0 0 5px;
padding: 0;
}
#bodyContent .bcDefinition div.bcTopic p {
margin: 0;
padding: 0;
}
div.bcTwoCol {
float: left;
margin-left: 16px;
padding-bottom: 25px;
width: 359px;
}
div.homeTwoCol1 {
width: 479px;
}
div.homeTwoCol2 {
width: 239px;
}
div.bcTwoColSmall {
float: left;
margin-left: 13px;
padding-bottom: 10px;
width: 270px;
}
#bodyContent #bcTabs {
border-bottom: 1px solid #D5D5D5;
clear: both;
float: left;
margin-top: 10px;
margin-bottom: -1px; /* Added 1/21/09 previous value - 10px - Added this is fix tabs touching the bottom elements, 11/04/2008 */
width: 100%;
}
#bodyContent #bcTabs ul {
list-style: none;
margin: 0;
padding: 0;
position: relative;
left: 10px;
top: 1px;
height: 32px;
}
#bodyContent #bcTabs .tabText {
margin-top: 16px;
width: 32%;
text-align: right;
}
#bodyContent #bcTabs ul li {
background: url("../../images/backgrounds/new-tab-1.png") no-repeat right 100%;
float: left;
list-style: none;
margin: 0;
margin-right: 5px;
padding: 0 2px 0 0;
}
#bodyContent #bcTabs ul li.ui-tabs-selected {
background: url("../../images/backgrounds/new-tab-1.png") no-repeat right 0%;
}
#bcTabs ul li a {
background: url("../../images/backgrounds/new-tab-1.png") no-repeat left 100%;
color: #00ADEF; /* new fix 1/19/09 bug#BCHYDRO-1354 - previous value - #939393; */
display: block;
font-size: 14px;
padding: 10px 12px 7px 12px; /* new fix 1/19/09 bug#BCHYDRO-1354 - previous value - 10px 20px 7px 20px; */
text-decoration: none;
}
#bcTabs ul li.home a {
font-size: 12px;
padding: 10px 20px;
}
#bcTabs ul li a:hover {
color: #00ADEF; /* new fix 1/19/09 bug#BCHYDRO-1354 - previous value - #939393; */
text-decoration: none;
}
#bodyContent #bcTabs ul li.ui-tabs-selected a {
background: url("../../images/backgrounds/new-tab-1.png") no-repeat left 0%;
text-decoration: none;
color: black; /* this has been added due to the bug BCHYDRO-1354 on 1/19/09 - previous value was: #0066B3; - this has been added to provide a prominent color to the selected item a element, 10/27/2008 */
font-weight: bold; /* this has been added due to the bug BCHYDRO-1354 on 1/19/09 */
}
#bcTabs ul li.hovers ul {
left: auto;
}
/* ------------------------------------------------------------------------------------------------------*/
.noDisplay{
display: none;
}
div.bcNoMargin {
margin-left: 0;
}
div#fragment-1 table.bcNoTopMargin, div#fragment-2 table.bcNoTopMargin {
margin-top: -10px;
}
#bodyContent div.tabswrapper ul.bcLinks li.noBorder {
border-top: none;
}
#bodyContent div.bcTwoCol div.bcIconLinks {
height: 1%;
margin-top: 25px;
overflow: auto;
}
.bcIconLinks h4 {
font-size: 1.3em;
font-weight: normal;
margin: 0 0 6px 0;
}
.bcIconLinks img {
float: left;
height: 72px;
width: 77px;
}
.bcIconLinksContent {
float: left;
margin: 0 0 0 10px;
padding: 0px;
width: 240px;
}
.bcIconLinksContentHome {
float: left;
margin: 0 0 0 10px;
padding: 0px;
width: 152px;
}
#bodyContent .bcIconLinks .bcIconLinksContent p {
margin: 0;
padding: 0;
}
#bodyContent .bcIconLinksContentHome p {
margin: 0;
padding: 0;
}
#bodyContent .bcIconLinks .bcIconLinksContent ul {
list-style: none;
margin-left: 12px;
padding-top: 0;
}
#bodyContent .bcIconLinks .bcIconLinksContentHome ul {
list-style: none;
margin-left: 12px;
padding-top: 0;
}
#bodyContent .bcIconLinksContent ul li {
margin: 0 0 5px 0;
padding: 0 0 0 9px;
background: transparent url(../../images/icons/arrow-icon.gif) no-repeat left;
}
#bodyContent .bcIconLinksContentHome ul li {
margin: 0 0 5px 0;
padding: 0 0 0 9px;
background: transparent url(../../images/icons/arrow-icon.gif) no-repeat left;
}
div.bcTwoColInner {
display: block;
width: 95%;
float: left;
margin-top: 5px;
margin-bottom: 5px;
}
#bcMain #bodyContent #bcLeftCol div.bcTwoColSmall div.bcTwoColInner {
display: block;
float: left;
margin-bottom: 25px;
margin-top: 0;
}
#bodyContent .bcGeneralContent {
line-height: 15px;
}
#bodyContent .bcGeneralContent img {
border: 3px solid #cdcecc;
margin: 5px;
float: left;
}
#bodyContent .bcGeneralContent img.bcRemoveBorder {
border: none
}
/* ---------------------------------------------------- */
div.bcTwoColInner img {
border: 3px solid #cdcecc;
float: left;
margin: 0;
}
div.bcTwoColInner p img {
border: none;
}
#bodyContent div.bcTwoColInner img.bcAlignLeft {
margin-right: 5px;
margin-bottom: 5px;
float: left;
}
#bodyContent div.bcTwoColInner img.bcAlignRight {
margin-left: 5px;
margin-bottom: 5px;
float: right;
}
/* --------------------------------------------------------- */
div.bcTwoCol div.bcTwoColInner img.bcSubscribe {
border: none;
height: 19px;
margin-top: 10px;
width: 85px;
}
.bcTwoColInnerContent {
float: left;
margin-left: 10px;
padding-bottom:5px;
width: 55%;
line-height: 15px;
}
#bodyContent .bcTwoColInnerContent p {
padding: 0;
}
#bodyContent div.bcTwoColSmall div.bcTwoColInnerContent {
float: left;
margin-left: 10px;
padding-bottom:5px;
width: 185px;
}
div.bcTwoColSmall div.bcTwoColInner img {
border: 3px solid #cdcecc;
float: left;
margin: 0;
}
#bodyContent div.bcTwoColInnerContent .bcNoFeature {
font-size: 1.5em;
line-height: 18px;
}
#bodyContent div.bcTwoColInnerContent h2 {
font-size: 1.5em;
line-height: 18px;
}
#bodyContent div.bcTwoColSmall div.bcTwoColInnerContent .bcNoFeature {
}
#bodyContent div.bcTwoCol div.bcTwoColInnerContent h3 {
background: none;
border: none;
margin: 0;
padding: 0;
}
#bodyContent div.bcTwoColSmall div.bcTwoColInnerContent a {
margin: 0 0 5px 0;
padding: 0;
}
#bcMain #bodyContent #bcLeftCol div.bcTwoColSmall div.bcTwoColInnerContent p {
margin: 0 0 2px 0;
padding: 0;
}
#bodyContent div.bcTwoCol div.bcCoreValues {
margin-top: 25px;
}
#bodyContent div.bcTwoCol div.bcCoreValues h3 {
background: none;
border: none;
margin: 0;
padding: 0;
padding-left: 0;
}
#bodyContent div.bcTwoCol div.bcCoreValues p {
margin: 5px 0 20px 0;
padding: 0;
}
#bodyContent div.bcTwoCol div.bcTwoColInnerContent p {
margin-left: 0;
padding-left: 0;
}
/* ------------- List Styles ---------------------------- */
/* BEGIN FED CHANGE - new bullets */
#bodyContent ul {
list-style: none;
margin: 0;
padding: 0;
clear: both;
margin-bottom: 15px; /* Added this, 10/22/08 */
}
/* END FED CHANGE - new bullets */
#bodyContent ol {
margin: 0;
padding: 0;
margin-bottom: 15px; /* Added this, 10/22/08 */
}
#bodyContent .childList {
margin-top: 5px;
}
#bodyContent ul ul, #bodyContent ol ol, #bodyContent ul ol, #bodyContent ol ul, #bodyContent ul ol ol, #bodyContent ol ul ul, #bodyContent ul ul ol,
#bodyContent ol ol ul, #bodyContent ol ul ol, #bodyContent ul ol ul, #bodyContent ol ol ul, #bodyContent ol ol ol, #bodyContent ul ul ul {
margin-top: 5px;
margin-left: 15px; /* for the child uls and ols to be indented, 10/17/2008 */
}
#bodyContent div.bcTwoCol div.bcCoreValues ul {
padding: 0 0 15px;
}
/* BEGIN FED CHANGE - new bullets */
#bodyContent ul li {
background: transparent url("../../images/icons/bullet-small.png") 0 6px no-repeat;
padding: 0 0 0 10px;
margin: 2px 0 7px 2px; /* changed from margin: 2px 0 7px 10px; by Brandon feb 2011 */
}
#bodyContent ol li {
margin: 2px 0 7px 30px;
padding: 0;
}
#bodyContent ol li {
background: none !important;
list-style- position: inside;
}
#bodyContent ol ul li {
background: transparent url("../../images/icons/bullet-small.png") 0 5px no-repeat !important;
margin: 2px 0 7px 10px;
padding: 0 0 0 15px;
}
#bodyContent ol ul li ol li {
background: none !important;
padding: 0;
}
#bodyContent ol ul li ol li ul li {
background: transparent url("../../images/icons/bullet-small.png") 0 5px no-repeat !important;
padding: 0 0 0 15px;
}
/* END FED CHANGE - new bullets */
/* ------------- End List Styles ---------------------------- */
#bodyContent .pressRelease {
margin: 0
padding: 0;
}
#bodyContent h3 .bcSubText { /* New Class created on 11/04/2008, for creating separate styles for sub text */
background: none;
border: none;
font-size: 12px;
padding: 0;
margin: 0 0 5px 0;
font-weight: normal;
}
#bodyContent .pressRelease div.imageWithLabel {
margin: 0 20px 0 0;
}
#bodyContent .pressRelease div.imageWithLabel img {
border: 3px solid #cdcecc;
margin-bottom:8px;
height: 149px;
width: 218px;
}
#bodyContent .pressRelease div.imageWithLabel p {
width: 222px;
font-size:11px;
}
#bodyContent #bcLeftCol .pressRelease div.imageWithLabel p {
width: 222px;
font-size:11px;
}
#bodyContent .bcTwoColVideo {
margin-bottom: 20px;
clear: both;
}
#bodyContent .bcTwoColVideo img {
float: left;
border: 1px solid #cdcecc;
margin-right: 10px;
}
#bodyContent .bcTwoColVideo h2 {
}
#bodyContent .lastModified {
margin-top: 30px;
font-size:11px;
}
#bodyContent .bcQuestion {
background: none;
border: none;
padding-bottom: 0px;
}
/* ------------------------------------ bcTable ----------------------------------------------------- */
#bodyContent table.bcTable {
border-bottom: 1px solid #d5d5d5;
width: 100%;
clear: both;
}
#bodyContent table.bcTable caption {
margin-bottom: 5px;
text-align: right;
}
#bodyContent table.bcTable thead {
background: #f4f4f4;
}
#bodyContent table.bcTable thead th,
#bodyContent table.bcTable thead th a {
color: #000;
font-weight: normal;
padding-right: 12px;
}
#bodyContent table.bcTable thead th a.bcSortDesc {
background: transparent url(../../images/icons/sort-arrow-down.png) center right no-repeat;
}
#bodyContent table.bcTable thead th a.bcSortAsc {
background: transparent url(../../images/icons/sort-arrow-up.png) center right no-repeat;
}
#bodyContent table.bcTable th,
#bodyContent table.bcTable td {
line-height: 15px;
margin: 0;
padding: 10px 0 10px 10px;
text-align: left;
}
#bodyContent table.bcTable td {
vertical-align: top;
}
#bodyContent table.bcTable td.noBorder {
border-top: none;
}
#bodyContent div.tabswrapper table.bcTable {
margin-top: -10px;
clear: both;
}
#bodyContent table.bcTable td.bcTdBg {/*** This class shows bullets in a table cell ***/
margin-left: 0px;
background: transparent url(../../images/icons/arrow-icon.gif) no-repeat 0px 13px;
padding-left: 10px; /* changed from 35px by Brandon Tam Feb 2011 */
/* BEGIN FED CHANGE - misc home page */
padding-right: 15px;
border: none;
/* END FED CHANGE - misc home page */
}
#bodyContent table.bcTable th {
padding: 6px 0 6px 10px;
}
/* ---------------------------------------- End .bcTable ----------------------------------------- */
/* ------------------------------------- New Table Format .bcTable2 ---------------------------------- */
#bodyContent table.bcTable2 {
border-right: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
width: 100%;
}
#bodyContent table.AddBorder {
border-left: 1px solid #d5d5d5;
}
#bodyContent table.bcTable2 caption {
padding-bottom: 5px;
text-align: right;
font-size: 0.7em;
font-weight: bold;
}
#bodyContent table.bcTable2 caption span.captionMargin {
margin-left: 8px;
}
#bodyContent table.bcTable2 thead {
background: #f4f4f4;
}
#bodyContent table.bcTable2 thead th,
#bodyContent table.bcTable2 thead th a {
color: #000;
font-weight: normal;
padding-right: 12px;
}
#bodyContent table.bcTable2 thead th a.bcSortDesc {
background: transparent url(../../images/icons/sort-arrow-down.png) center right no-repeat;
}
#bodyContent table.bcTable2 thead th a.bcSortAsc {
background: transparent url(../../images/icons/sort-arrow-up.png) center right no-repeat;
}
#bodyContent table.bcTable2 td {
border-top: 1px solid #d5d5d5;
border-left: 1px solid #d5d5d5;
line-height: 15px;
margin: 0;
padding: 6px 5px 6px 5px;
text-align: left;
}
#bodyContent table.bcTable2 th {
border-top: 1px solid #d5d5d5;
border-left: 1px solid #d5d5d5;
line-height: 12px;
margin: 0;
padding: 6px 5px 6px 5px;
text-align: left;
}
.thLeftBorder {
border-left: 1px solid #d5d5d5;
}
.tdBackground {
background: #e6f7fe;
}
#bodyContent table.bcTable2 td { /* Added This on 8/17/2008, Developer Notes */
vertical-align: middle;
}
#bodyContent table.bcTable2 td.noBorder {
border-top: none;
}
#bodyContent div.tabswrapper table.bcTable2 {
margin-top: -10px;
clear: both; /* Added this on 8/12/2008, Developer Notes */
}
#bodyContent table.bcTable2 td.bcTdBg { /******** adds bullets to a table cell *****/
margin-left: 10px;
background: transparent url(../../images/icons/arrow-icon.gif) no-repeat 20px 12px;
padding-left: 35px;
}
#bodyContent table.bcTable2 tr.specialBorder1 td {
background: url(../../images/backgrounds/specialBorder.gif) no-repeat left top;
border-top: 2px solid #03aced;
border-left: none;
}
#bodyContent table.bcTable2 tr.specialBorder2 td {
border-top: 2px solid #03aced;
}
#bodyContent table.bcTable2 tr.NoLeftBorder th, #bodyContent table.bcTable2 tr.NoLeftBorder td {
border-left: none;
}
#bodyContent table.bcTable2 th span.emphasis {
color: #03aced;
}
/* ------------------------------------ End .bcTable2 ------------------------------------- */
/* -------------------- Table Format 3 - .bcTable3, 10/06/2008, Developer Notes -------------------------------- */
#bodyContent table.bcTable3 {
border-bottom: 1px solid #d5d5d5;
width: 100%;
}
#bodyContent table.bcTable3 caption {
padding-bottom: 10px;
text-align: right;
font-size: 0.7em;
font-weight: bold;
}
#bodyContent table.bcTable3 caption span.captionMargin {
margin-left: 8px;
}
#bodyContent table.bcTable3 thead {
background: #f4f4f4;
}
#bodyContent table.bcTable3 thead th a.bcSortDesc {
background: transparent url(../../images/icons/sort-arrow-down.png) center right no-repeat;
}
#bodyContent table.bcTable3 thead th a.bcSortAsc {
background: transparent url(../../images/icons/sort-arrow-up.png) center right no-repeat;
}
#bodyContent table.bcTable3 td {
border-top: 1px solid #d5d5d5;
line-height: 15px;
margin: 0 20px 0 0;
padding: 6px 5px 6px 10px;
text-align: left;
}
#bodyContent table.bcTable3 th {
border-top: 1px solid #d5d5d5;
line-height: 12px;
margin: 0;
padding: 6px 50px 6px 10px;
text-align: left;
}
#bodyContent table.bcTable3 td { /* Added This on 8/17/2008, Developer Notes */
vertical-align: middle;
}
#bodyContent table.bcTable3 td.noBorder {
border-top: none;
}
#bodyContent div.tabswrapper table.bcTable3 {
margin-top: -10px;
clear: both; /* Added this on 8/12/2008, Developer Notes */
}
#bodyContent table.bcTable3 td.bcTdBg {
margin-left: 10px;
background: transparent url(../../images/icons/arrow-icon.gif) no-repeat 20px 10px;
padding-left: 35px;
}
/* ------------------------------------- End .bctable3 ------------------------------------------ */
.bctableButton {
float: right;
margin-bottom: 10px;
}
#bodyContent ul.bcLinks {
border-bottom: 1px solid #d5d5d5;
list-style-type: none;
margin: 10px 0 12px 0;
padding: 0;
clear: both;
height: 1%;
}
#bodyContent ul.bcLinks li {
background: transparent url(../../images/icons/arrow-icon.png) 12px 12px no-repeat;
border-top: 1px solid #d5d5d5;
font-size: 11px;
line-height: 12px;
margin: 0;
padding: 10px 0 10px 24px;
}
#bodyContent div.bcPowerOutage {
clear: both;
margin: 10px 0 0 0;
padding: 0;
float: left;
}
#bodyContent div.bcPowerOutage a {
width: 77px;
height: 72px;
float: left;
padding: 0;
margin: 0;
}
#bodyContent div.bcPowerOutage a img {
width: 77px;
height: 72px;
padding: 0;
margin: 0;
background: green;
}
#bodyContent div.bcPowerOutage a:hover, #bodyContent div.bcPowerOutage a:visited, div.bcPowerOutage a:active {
padding: 0;
margin: 0;
border: none;
}
.bcPowerOutage div.OutageLeft {
float: right;
padding: 0;
margin: 0 0 0 10px;
width: 270px;
}
.bcPowerOutage div.OutageLeft h5 {
font-size: 16px;
margin: 0;
padding: 0;
font-weight: normal;
}
.bcPowerOutage div.OutageLeft p {
margin: 0;
padding: 0;
}
#bodyContentdiv.bcPowerOutage a {
padding-left: 10px;
color: #df0860;
}
#bodyContent div.bcPowerOutage a:hover, #bodyContent div.bcPowerOutage a:visited {
padding-left: 10px;
color: #df0860;
}
/************************* Form *************************************************************/
.bcForm {
width: 500px;
}
.bcForm fieldset {
padding-bottom: 10px;
}
.bcForm .bcRadio, .bcForm .smallText, .bcForm .bcDateField, .bcForm .bcTxtBtn, .bcForm .longText {
width: 371px;
}
.bcForm label {
float: left;
margin-top: 4px;
margin-right: 10px;
font-size: 11px;
text-align: right;
width: 120px;
font-weight: bold;
}
.bcForm #keyword {
border: 1px solid #858585;
height: 16px;
width: 200px;
float: left;
margin-right: 10px;
}
.bcForm #words {
width: 145px;
border: 1px solid #858585;
}
.bcForm #category {
border: 1px solid #858585;
width: 357px;
float: left;
}
.bcForm #jobNumber {
border: 1px solid #858585;
width: 200px;
height: 16px;
float: left;
}
.bcForm #city {
border: 1px solid #858585;
width: 357px;
height: 18px;
float: left;
}
.bcForm .searchBtn {
margin-left: 130px;
float: left;
display: block;
}
.bcForm span.bcsearchTips {
position: relative;
top: 8px;
padding-left: 10px;
}
.bcForm .bcRadio input {
vertical-align: text-bottom;
}
.bcForm .bcRadio .rdoBusiness {
margin-left: 5px;
}
.bcForm .smallText input {
border: 1px solid #858585 ;
height: 16px;
width: 120px;
}
.bcForm .bcDateField select {
border: 1px solid #858585 ;
}
.bcForm .bcTxtBtn .lastBillAmt {
border: 1px solid #858585 ;
height: 16px;
width: 130px;
position: relative;
top: -1px;
}
.bcForm .longText input {
border: 1px solid #858585 ;
height: 16px;
width: 238px;
}
.bcForm .longSelect select {
border: 1px solid #858585 ;
width: 238px;
}
.bcForm .check {
margin-left: 126px;
width: 230px;
}
.bcForm .check input {
float: left;
margin-right: 5px;
}
.bcForm .check span {
float: right;
width: 208px;
}
.bcForm .submitCancel {
border-top: 1px solid #ccc;
padding-top: 10px;
text-align: right
}
a.mainButton {
background: transparent url(../../images/buttons/button-sprite.gif) no-repeat scroll right 0%;
float: left;
height: 17px;
padding-right: 11px;
text-decoration: none;
font-size: 8px;
font-weight: normal;
margin-right: 1px;
height: 16px;
}
a.mainButton:hover {
background: transparent url(../../images/buttons/button-sprite.gif) no-repeat scroll right 50%;
}
a.mainButton:active {
background: transparent url(../../images/buttons/button-sprite.gif) no-repeat scroll right 100%;
}
a.mainButton, a:hover.mainButton, a:visited.mainButton {
text-decoration: none;
}
a.mainButton span {
background: transparent url(../../images/buttons/button-sprite.gif) no-repeat left 0%;
display: block;
padding: 4px 6px 4px 7px;
text-decoration: none;
}
a.mainButton:hover span{
text-decoration: none;
background: transparent url(../../images/buttons/button-sprite.gif) no-repeat left 50%;
}
a.mainButton:active span{
text-decoration: none;
background: transparent url(../../images/buttons/button-sprite.gif) no-repeat left 100%;
}
a.formButton, a:visited.formButton {
background: #00adef url(../../images/icons/transarrow.gif) no-repeat 10px center;
color: #fff;
font-size: 11px;
font-weight: bold; /* changed to bold to make it consistent with ps green buttons */
padding: 3px 10px 4px 20px;
text-decoration: none;
}
a.formButtonBack, a:visited.formButtonBack {
background: #00adef url(../../images/icons/transarrow_back.gif) no-repeat 10px center;
color: #fff;
font-size: 11px;
font-weight: bold; /* changed to bold to make it consistent with ps green buttons */
padding: 3px 10px 4px 20px;
text-decoration: none;
}
a.formButtonNext, a:visited.formButtonNext {
background: #00adef url(../../images/icons/transarrow_next.gif) no-repeat right center;
color: #fff;
font-size: 11px;
font-weight: bold; /* changed to bold to make it consistent with ps green buttons */
padding: 3px 20px 4px 10px;
text-decoration: none;
}
a:hover.formButton, a:hover.formButtonBack, a:hover.formButtonNext {
background-color: #00b383;
}
a:active.formButton, a:active.formButtonBack, a:active.formButtonNext {
background-color: #50b848;
}
a.formButton span {
text-align: center;
}
.alignButton {
margin-top: -12px;
float: right;
}
a.formButtonCancel, a:visited.formButtonCancel, a:hover.formButtonCancel {
background: #ccc url(../../images/icons/arrow-icon-cancel.gif) no-repeat 10px center;
text-decoration: none;
color: #000;
font-size: 11px;
padding: 3px 10px 4px 18px;
}
#bodyContent ul li.arrowBulletGrey {/*added by Brandon Tam on Feb 2011 to remove left margin */
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 9px;
list-style: none;
background: transparent url(../../images/icons/arrow-icon_grey.gif) no-repeat 0px 2px;
}
#bodyContent ul li.arrowBulletMediumGreen {/*added by Brandon Tam on Feb 2011 to remove left margin */
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 9px;
list-style: none;
background: transparent url(../../images/icons/arrow-icon_medgreen.gif) no-repeat 0px 2px;
}
/* -----------------Begin Universal Background Code ---------------- */
/* ----- Core Styles for Universal Background -------*/
#bodyContent .dialog .hd {
height: 13px;
margin: 0 1px 0 1px;
background-color: transparent;
/* background-image: url(../../images/univback/tl.gif); */
background-repeat: no-repeat;
background-position: left bottom;
display:none;/* hide bottom for new dialogue box */
}
#bodyContent .dialog .hd .c {
/* background:transparent url(../../images/univback/tr.gif) no-repeat right bottom; */
height: 13px;
}
#bodyContent .dialog .bd {
/* background:transparent url(../../images/univback/ml.gif) repeat-y top left; */
}
#bodyContent .dialog .bd .c {
/* background:transparent url(../../images/univback/mr.gif) repeat-y top right; */
}
#bodyContent .dialog .bd .c .s{
/* background: transparent url(../../images/univback/ms.gif) repeat-x;*/
overflow: hidden;
padding: 10px 5px 8px 10px;
margin: 0 0px 19px 0px; /* changed from 0 2px 0 2px by Brandon Tam on Jan 2011*/
height: 1%;
line-height: 15px;
font-size:11px; /* added by Brandon Tam on Jan 2011*/
font-weight:bold; /* added by Brandon Tam on Jan 2011*/
border:1px solid #ccc; /* added by Brandon Tam on Jan 2011*/
}
#bodyContent div.dialog div.bd div.c div.s ul li.arrowBulletGrey {/* added by Brandon Tam Feb 2011 */
margin: 0 0 8px 0px;
padding: 0 0 0 9px;
background: transparent url("../../images/icons/arrow-icon_grey.gif") no-repeat 0px 2px;
list-style: none;}
#bodyContent div.dialog div.bd div.c div.s ol li {/* added by Brandon Tam march 2011 to reduce line spacing */
margin: 0 0 8px 17px;
padding-left: 0px;
}
#bodyContent #Application #rightBar div.dialog div.bd div.c div.s ul li {/* added by Brandon Tam Feb 2011 to change application padding*/
margin: 10px 0px 8px 0px;
padding: 0px 0px 0px 9px;
}
#bodyContent #Application #rightBar div.dialog div.bd div.c div.s p {font-size:11px;} /* to change application font size */
#bodyContent .dialog .bd .c .s div.bcFeatureContent h2 {/* added by brandon tam Feb 2011 */
margin: 10px 0px 5px 0px;
font-size:1.3em; /* added by Brandon Tam on Jan 2011 to make consistent with the ps section*/
line-height:100%;
}
#bodyContent .dialog h2{
font-size:14px; /* added by Brandon Tam on Jan 2011 to make consistent with the ps section*/
line-height:100%;
margin-top:10px; /*added by Brandon Tam on Jan 2011 to tighten spacing */
margin-bottom:5px; /*added by Brandon Tam on Jan 2011 to tighten spacing */
}
.dialog .ft {
background: url(../../images/univback/bl.gif) no-repeat left top;
height: 2px;
margin: 0 1px;
display:none /* hide bottom for new dialogue box */
}
.dialog .ft .c {
background:transparent url(../../images/univback/br.gif) no-repeat right top;
height: 2px;
}
/* ----- End Core Styles for Universal Background -------*/
/****************************** dialogWhite ******************************/
#bodyContent .dialogWhite {
overflow: hidden;
padding: 10px 5px 8px 10px;
margin: 0 0px 19px 0px; /* changed from 0 2px 0 2px by Brandon Tam on Jan 2011*/
line-height: 15px;
font-size:11px; /* added by Brandon Tam on Jan 2011*/
font-weight:bold; /* added by Brandon Tam on Jan 2011*/
border:1px solid #ccc; /* added by Brandon Tam on Jan 2011*/
}
#bodyContent .dialogWhite h2{
font-size:14px; /* added by Brandon Tam on Jan 2011 to make consistent with the ps section*/
line-height:100%;
margin-top:10px; /*added by Brandon Tam on Jan 2011 to tighten spacing */
margin-bottom:5px; /*added by Brandon Tam on Jan 2011 to tighten spacing */
}
#bodyContent .dialogWhite ul li.arrowBulletGrey {/*added by Brandon Tam on Feb 2011 to remove left margin */
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 9px;
list-style: none;
background: transparent url(../../images/icons/arrow-icon_grey.gif) no-repeat 0px 2px;
}
#bodyContent .dialogWhite ul li {/* added by Brandon Tam Feb 2011 */
margin: 0px 0px 8px 2px; /* added by Brandon Tam Feb 2011 to reduce line spacing */
}
#bodyContent .dialogWhite ol li {/* added by Brandon Tam Feb 2011 */
margin: 0px 0px 8px 17px; /* added by Brandon Tam Feb 2011 to reduce line spacing */
}
/************** end dialogWhite ******************************/
/************** bcFeature ******************************/
#bodyContent .bcFeature {
display: block;
clear: both;
overflow: hidden;
height: 1%;
}
#bodyContent .bcLeftCol .bcFeature {
margin-bottom: 0;
}
#bodyContent .bcFeature img {/* added #bodyContent to increase specificity Brandon Tam Jan 2011 */
border: 1px solid #cdcecc; /* changed from 4px by Brandon Tam Jan 2011 */
float: left;
margin: 0px; /* changed from 19px 0 by Brandon Tam Jan 2011 */
padding: 19px;
}
#bodyContent .bcLeftCol .bcFeature img {
margin: 0 10px 0 0;
}
/* added break-word to fix word wrapping in carousel display for author mode IE6+ - fseto, Sept. 20, 2010 */
.bcFeature .bcFeatureContent {
float: left;
margin: 19px 19px 0 19px;
width:427px;
word-wrap: break-word;
}
#bodyContent .bcLeftCol .bcFeature .bcFeatureContent {
width: 55%;
margin-top: 0;
}
#bodyContent .bcLeftCol .bcFeature .bcFeatureContent img, .bcFeature .bcFeatureContent img {
border: none;
}
.bcFeature .bcFeatureContent h4 {
font-weight: normal;
margin-top: 0;
}
#bodyContent .bcFeature .bcFeatureContent h3 {
background: transparent;
border: 0;
font-size: 0.9em;
font-weight: normal;
margin: 0;
padding: 0;
text-transform: uppercase;
}
#bodyContent .bcFeature .dialog .bd .c .s { border:none; font-size:1em; font-weight:normal; padding:0px;} /* added by Brandon Tam on Jan 2011*/
#bodyContent .bcFeature .dialog .bd .c .s img {margin:0px;} /* added by Brandon Tam on Jan 2011*/
div#bodyContent div.bcFeature div.dialog div.bd div.c div.s div.bcFeatureContent h2 {
font-size: 1.3em; /* Changed from 1.4em by Brandon Tam Jan 2010*/
margin: 0px 0px 6px 0px; /* Added Jan 2011 by Brandon Tam */
line-height: 100%; /* Changed from 18px to 15px, 26Aug2010 by Brandon Tam */
}
/************** end bcFeature ******************************/
/************** bcFeatureTop ******************************/
#bodyContent div.bcFeatureTop {height:184px; background-color:#00adef; overflow: hidden; margin-bottom:19px;}
#bodyContent .bcFeatureTop h2 {
font-size:24px;
text-transform:uppercase;
line-height:110%;
font-weight:normal;
margin-top:0px
}
#bodyContent .bcFeatureTop img {float:left; display:inline;}
#bodyContent .bcFeatureTopContent {
width:425px;
float:left;
margin:24px 19px;
color:#fff;
font-weight:bold;
line-height:125%;
}
#bodyContent .bcFeatureTopContent a:link,
#bodyContent .bcFeatureTopContent a:visited {color:#fff}
#bodyContent .bcFeatureTopContent a:hover {color:#fff; text-decoration:underline;}
#bodyContent div.bcFeatureTop div.bcFeatureTopContent ul li{
margin: 0 0 15px 0;
padding: 0 0 0 9px;
}
#bodyContent div.bcFeatureTop div.bcFeatureTopContent ol li{
margin: 0 0 8px 20px;
padding: 0px;
}
#bodyContent div.bcFeatureTop div.bcFeatureTopContent ul li.arrowBulletWhite {
/* added by brandon tam Jan 2011 */
margin: 0 0 15px 0;
padding: 0 0 0 9px;
background: transparent url("../../images/icons/arrow-icon_white.gif") no-repeat 0px 2px;
list-style: none;}
/************** end bcFeatureTop ******************************/
/************** bcFeatureTopHigh ******************************/
#bodyContent div.bcFeatureTopHigh {height:220px; background-color:#00adef; overflow: hidden; font-size:12px; margin-bottom:19px;}
#bodyContent .bcFeatureTopHigh h2 {font-size:24px; text-transform:uppercase; line-height:110%; font-weight:normal; margin-top:0px}
#bodyContent .bcFeatureTopHigh img {float:left; display:inline;}
#bodyContent .bcFeatureTopHighContent {
width:145px;
float:left;
margin:30px 10px 24px 24px;
color:#fff;
font-weight:bold;
line-height:130%;
}
#bodyContent .bcFeatureTopHighContent p {line-height:130%}
#bodyContent .bcFeatureTopHighContent a:link,
#bodyContent .bcFeatureTopHighContent a:visited {color:#fff; font-size:12px;}
#bodyContent .bcFeatureTopHighContent a:hover {color:#fff; text-decoration:underline;}
#bodyContent div.bcFeatureTopHigh div.bcFeatureTopHighContent ul li.arrowBulletWhite {
/* added by brandon tam Jan 2011 */
margin: 0 0 15px 0;
padding: 0 0 0 9px;
list-style: none;
background: transparent url("../../images/icons/arrow-icon_white.gif") no-repeat 0px 2px;
}
#bodyContent div.bcFeatureTopHigh div.bcFeatureTopHighContent ul li{
margin: 0 0 15px 0;
padding: 0 0 0 9px;
}
#bodyContent div.bcFeatureTopHigh div.bcFeatureTopHighContent ol li{
margin: 0 0 8px 15px;
padding: 0px;
}
/************** end bcFeatureTopHigh ******************************/
/* ------ Styles to control particular elements using the universal background ---------------*/
.clear {
clear: both;
}
.bcTwoCol .dialog .bd .c .s .bcTwoColInner {
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.bcTwoCol .bcTwoColInner .dialog .bd .c .s {
padding-left: 10px;
}
.bcTwoCol .bcTwoColInner .dialog .bd .c .s img {
margin-left: 0;
}
.bcTwoCol .bcTwoColInner .dialog .bd .c .s .bcTwoColInnerContent {
width: 60%;
}
#bodyContent .bcTwoCol .dialog .bd .c .s .bcTwoColInner img, #bodyContent div.bcTwoCol .dialog .bd .c .s .bcTwoColVideo img {
margin-left: 0;
}
.bcTwoCol .dialog .bd .c .s .bcTwoColInner .bcTwoColInnerContent {
width: 248px;
}
#bcLeftCol .bcTwoColSmall .dialog .bd .c .s .bcTwoColInnerSmall {
margin-left: 10px;
}
#bcLeftCol .bcTwoColSmall .dialog .bd .c .s .bcTwoColInnerContentSmall {
width: 165px;
}
div.bcTwoCol .dialog .bd .c .s .bcTwoColVideo {
width: 335px;
margin-left: 10px;
margin-top: 10px;
overflow: hidden;
}
#bodyContent .dialog .bd .c .s .bcTwoColVideo h2 {
width: 125px;
margin: 0;
}
#bodyContent .dialog .bd .c .s table.bcTable {
width: 99%;
margin-left: 5px;
}
#bodyContent .bcSpot .dialog .bd .c .s {
width: 149px;
}
#bodyContent .bcSpot .dialog .bd .c .s h6 {
margin-left: 0;
font-size: 1.1em;
}
#bcLeftCol .bcTwoColSmall .dialog .bd .c .s .bcTwoColInnerContentSmall {
width: 155px;
}
/* ------ End styles to control particular elements using the universal background ---------------*/
/*
---------------------------------
NEW STYLES
---------------------------------
*/
.homepageFlashDef {
margin-left:20px;
margin-top:10px;
}
.policyindex {font-family: Arial, Helvetica, sans-serif; font-size: 1em; color:#004A8A; font-weight: bold}
.policyindex .group {font-size: 16pt;}
.indexsubpage { text-indent: 15px }
div.outerlineseparator {
background-color: #ffffff;
width:100%;
text-align: center;
}
.home .mainpagetext {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color:#004A8A; margin-left: 13px; text-align: left;}
.childpage {
padding: 0px 0px 0px 0px;
margin-bottom: 10px;
}
ul.grandchildlist {
margin-bottom: 10px;
margin-top: 10px;
}
#newsSource {
padding-top: 15px;
}
#bodyContent .bcGeneral {
clear: both;
padding: 0;
margin: 0;
width: 100%;
}
#bodyContent .bcGeneral p {
margin-left: 0;
padding-left: 0;
}
#bodyContent .bcGeneral div {
overflow: hidden;
height: 1%;
}
#bodyContent .bcGeneral div img {
border: none;
}
#bodyContent .bcVideoPlayer {
clear: both;
border: 1px solid #ccc;
margin-bottom: 10px;
}
#bodyContent .bcVideoPlayer p {
margin: 10px;
}
#bodyContent .quickFactsContain {
width: 226px;
float: left;
}
#bodyContent .quickFactsContain .quickFacts {
border: 1px solid #e9e9e9;
width: 216px;
float: left;
margin-top: 10px;
padding: 5px;
}
#bodyContent .quickFactsContain .quickFacts h3 {
width: 100%;
clear: both;
float: left;
padding: 0;
margin: 0 0 10px 0;
}
.quickFacts .quick {
width: 100%;
clear: both;
float: left;
margin: 0 0 5px 0;
}
.quickFacts .quick span, .quickFacts h3 span {
float: left;
}
.quickFacts .quick img {
width: 49px;
height: 8px;
}
.quickFacts h3 img {
width: 23px;
height: 23px;
}
.quickFacts .quick img, .quickFacts h3 img {
float: right;
border: none;
}
.quickContent {
margin: 0;
padding: 0;
width: 700px;
font-family: Verdana;
font-size: 12px;
}
.quickContent p#close {
color: #000;
text-decoration: none;
font-size: 12px;
padding-bottom: 5px;
background: #00adef;
height: 90px;
margin-bottom: 10px;
}
.quickContent p#close span.bcHelp {
display: block;
color: #fff;
padding-top: 25px;
font-size: 40px;
float: left;
}
.quickContent p#close a {
display: block;
float: right;
color: #fff;
text-decoration: none;
font-size: 11px;
padding-top: 10px;
}
.quickContent p img {
margin-right: 5px;
}
.quickContent p#close a img {
position: relative;
top: 2px;
margin-right: 0;
border: none;
}
.quickContent p {
margin: 0;
padding: 0 18px 10px;
text-align: justify;
}
/* end: quickpop */
#bodyContent .bcImageBorder { /* Added a space between #bodyContent and .bcImageBorder, 11/03/2008 */
border: 3px solid #cdcecc;
}
#bodyContent span.bcImageBorder {
border: none;
}
#bodyContent span.bcImageBorder img {
border: 3px solid #cdcecc;
margin-left: 10px;
margin-bottom: 10px;
margin-right: 10px;
margin-top: 10px;
}
#bodyContent span.bcImageBorderAlignRight img {
border: 3px solid #cdcecc;
margin-left: 10px;
margin-bottom: 10px;
}
#bodyContent span.bcImageBorderAlignLeft img {
border: 3px solid #cdcecc;
margin-right: 10px;
margin-bottom: 10px;
}
/* Flash Ticker container */
div.flashTicker {
overflow: hidden;
height: 1%;
}
#bodyContent .helpBulb {
background: url(../../images/content/help-bulb.png) no-repeat;
width: 155px;
height: 106px;
color: #fff;
display: none;
position: absolute;
margin-top: -135px;
margin-left: -100px;
}
#bodyContent .helpBulb .insideHelpBulb {
width: 150px;
margin: 5px;
padding: 0;
height: 100px;
float: left;
font-size: 11px;
}
#bodyContent .helpBulb .insideHelpBulb h3 {
font-size: 12px;
margin: 0;
}
#bodyContent .helpBulb .insideHelpBulb p img.rating {
width: 58px;
height: 10px;
padding: 0 !important;
margin: 0 !important;
}
#bcMain #bodyContent .helpBulb .insideHelpBulb p {
padding: 0 !important;
margin: 0 !important;
line-height: 0 !important;
font-weight: normal !important;
}
#bcMain #bodyContent .helpBulb .insideHelpBulb p.bcBold {
font-weight: bold !important;
}
#bodyContent .bcBottomSection {
margin-top: 5px;
width: 744px;
clear: both;
float: left;
}
.bcBottomSection .bottomSectionTop {
background: url(../../images/backgrounds/bottom-section-top.gif) no-repeat left top;
width: 744px;
padding: 0;
margin: 0;
}
.bcBottomSection .bottomSectionTop .bottomHead {
width: 96%;
padding: 15px 20px 0;
margin: 0 0 -45px 0;
float: left;
}
.bottomHead .one {
width: 25%;
}
.bottomHead .one img {
position: relative;
top: -43px;
left: 5px;
}
.bottomHead .two {
width: 46%;
}
.bottomHead .three {
width: 27%;
}
.bcBottomSection .bottomSectionTop .bottomContent {
clear: both;
width: 98%;
padding: 0 20px 0;
overflow: hidden;
}
.bottomContent .section {
width: 30%;
margin-right: 25px;
}
.bottomContent .section p {
padding-left: 10px;
}
#bodyContent .bottomContent .section ul {
margin-left: 20px;
}
#bodyContent .bottomContent .section ul li {
background: transparent url(../../images/icons/arrow-icon.gif) no-repeat scroll left;
}
.bottomContent .sectionNoMargin {
width: 30%;
margin-right: 0;
}
#bodyContent .bottomContent .sectionNoMargin ul {
margin-left: 20px;
}
#bodyContent .bottomContent .sectionNoMargin ul li {
background: transparent url(../../images/icons/arrow-icon.gif) no-repeat scroll left;
}
.bcBottomSection .bottomSectionBottom {
background: url(../../images/backgrounds/bottom-section-bottom.gif) no-repeat left top;
width: 744px;
height: 29px;
padding: 0;
margin: 0;
}
/* --- New Promo Background class --- */
#bodyContent .bcBottomSection .bcPromoBack {
background: url(../../images/backgrounds/promo-back.jpg) no-repeat top left;
height: 256px;
width: 717px;
}
#bodyContent .bcBottomSection .bcPromoBack .promoContent {
width: 56%;
margin-top: 55px;
float: left;
}
#bodyContent .bcBottomSection .bcPromoBack .promoContent h1 {
font-size: 1.8em;
border: none;
margin: 0 0 5px 10px;
padding: 0;
line-height: 1;
}
#bodyContent .bcBottomSection .bcPromoBack .promoContent p, #bodyContent #bcHero .bcBottomSection .bcPromoBack .promoContent p {
width: 85%;
font-size: 0.8em;
padding: 0;
margin: 0 0 5px 10px;
}
#bodyContent .bcBottomSection .bcPromoBack .promoContent .promoTabsContainer {
overflow: hidden;
height: 1%;
margin-bottom: 10px;
margin-left: 2px;
}
#bodyContent .bcBottomSection .bcPromoBack .promoContent .promoTabsContainer .promoTabs1,
#bodyContent .bcBottomSection .bcPromoBack .promoContent .promoTabsContainer .promoTabs2,
#bodyContent .bcBottomSection .bcPromoBack .promoContent .promoTabsContainer .promoTabs3 {
float: left;
background: url(../../images/backgrounds/promo-tabs.gif) no-repeat left top;
width: 131px;
height: 38px;
}
#bodyContent .bcBottomSection .bcPromoBack .promoContent .promoTabsContainer .promoTabs1 {
margin-left: -5px;
}
#bodyContent .bcBottomSection .bcPromoBack .promoContent .promoTabsContainer .promoTabs1 img,
#bodyContent .bcBottomSection .bcPromoBack .promoContent .promoTabsContainer .promoTabs2 img,
#bodyContent .bcBottomSection .bcPromoBack .promoContent .promoTabsContainer .promoTabs3 img {
margin: 13px 0 0 22px;
}
#bodyContent .bcBottomSection .bcPromoBack .promoContent img {
margin: 0 0 5px 2px;
padding: 0;
}
#bodyContent .bcBottomSection .bcPromoBack .promoContent .flashSpot {
margin: 0 0 0 5px;
padding: 0;
}
/* ---- End New Promo Background class --- */
.lineSpacer {
line-height: 15px;
}
.lineSpacer h1{
line-height: 1;
padding:5px 0px;
}
.lineSpacer h2{
line-height: 1;
padding:5px 0px;
}
.lineSpacer h3{
line-height: 1;
padding:10px 0px 5px 0px !important;
}
.lineSpacer p{
margin-left: 0px !important;
}
.bcTwoColInnerContent .lineSpacer{
margin-left: 0px;
}
#headerNavigation {
font-size: 11px;
}
#sideNav {
font-size: 11px;
}
/* ---- Site Index ----*/
#bodyContent ul.bcIndex {
list-style: none;
margin: 0;
padding: 0;
}
#bodyContent ul.bcIndex li {
background: none;
display: inline;
border-right: 1px solid #ccc;
line-height: 20px;
padding-left: 0;
padding-right: 5px;
margin: 0;
font-weight: bold;
}
#bodyContent ul.bcIndex li.last {
border: none;
}
#bodyContent .bcIndexContent {
margin-top: 15px;
}
#bodyContent .bcIndexContent h2 {
margin: 0 0 10px 0;
}
#bodyContent .bcIndexContent ul {
list-style: none;
padding-bottom: 10px;
}
#bodyContent .bcIndexContent ul li {
background: none;
margin: 0 0 5px 0;
}
#bodyContent .bcIndexContent ul li ul {
margin-top: 5px;
margin-bottom: 0;
padding-bottom: 0;
}
/* ---- End Site Index ----*/
/* BEGIN FED CHANGE: Home Page flash changes */
#bcCarousel {
margin-top: 10px;
}
.homeTwoCol2 .flashcontent {
margin-top: 10px;
margin-bottom: 20px;
width: 239px;
overflow: hidden;
}
/* END FED CHANGE: Home Page flash changes */
/* BEGIN FED CHANGE: Home Page misc changes */
/* @group Link List */
.linkList {
float: left;
margin-top: 10px;
width: 100%;
}
.linkList img {
float: left;
}
.linkList h2 {
float: left;
margin-left: 5px;
}
.linkList ul {
float: left;
margin-left: 40px !important;
margin-top: -10px !important;
}
#bodyContent .linkList ul li {
padding-left: 5px !important;
list-style-type: none !important;
background: url(../../images/icons/arrow-icon.gif) no-repeat 0 3px;
font-size: 11px;
line-height: 1em;
}
#bodyContent .linkList ul li a {
padding: 0;
margin: 0;
}
/* @end */
/* BEGIN FED CHANGE: Tabbed Box */
.bcTabContent.outsideBorder {
border-left: solid 1px #D5D5D5;
border-bottom: solid 1px #D5D5D5;
border-right: solid 1px #D5D5D5;
border-top: solid 1px #D5D5D5;
}
#bodyContent .bcTabContent.itemBorders table.bcTable td {
border-top: solid 1px #D5D5D5;
}
#bodyContent .bcTabContent.itemBorders table.bcTable td.noBorder {
border-top: none;
}
#bodyContent .bcTabContent table.bcTable {
border: none;
}
#bodyContent .bcTabContent .bctableButton {
margin-bottom: 0;
}
/* END FED CHANGE: Tabbed Box */
/* END FED CHANGE: Home Page misc changes */
/* ---- Begin Delux Text Editor Featured Teaser Frame Style ----*/
div.featuredTeaser {
display: block;
width: 95%;
float: left;
margin-top: -5px;
margin-bottom: -12px;
}
div.featuredTeaser img {
border: 3px solid #cdcecc;
float: left;
margin: 0;
}
div.featuredTeaser p img {
border: none;
}
#bodyContent div.featuredTeaser img.bcAlignLeft {
margin-right: 5px;
margin-bottom: 5px;
float: left;
}
#bodyContent div.featuredTeaser img.bcAlignRight {
margin-left: 5px;
margin-bottom: 5px;
float: right;
}
#bodyContent div.featuredTeaser h3.shortTitle {
margin-bottom: 5px;
}
#bodyContent .featuredTeaser ul li {
margin: 0 0 5px 0;
padding: 0 0 0 9px;
background: transparent url(../../images/icons/arrow-icon.gif) no-repeat 0px 2px;
list-style: none;
}
#bodyContent .dialog .s div.featuredTeaser li {margin-left:10px;} /* added by Brandon Tam Jan 2011 */
/* ---- End Delux Text Editor Featured Teaser Frame Style ----*/
/* New JS Carousel styles **********************************************/
/* Edited by Brandon Tam for Generations rebranding */
#bodyContent #bc_crsl_news {
border:1px solid #00ADEF;
background-color:#00ADEF;
width:738px;
height:276px;
overflow:hidden;
position:relative;
}
#bodyContent .bc_crsl_box .bc_crsl_mover{
overflow:hidden;
height:276px;
width:738px;
float:left;
position:absolute;
background-color:#00ADEF;
z-index:120;
}
#bodyContent div.bc_crsl_box#bc_crsl_news .bc_crsl_mover img {cursor:pointer; float:left;} /* aligns and
to the right of image */
#bodyContent div.bc_crsl_box#bc_crsl_news .bc_crsl_mover h3 { /* carousel news heading */
font-size:12px;
line-height:100%;
width:150px;
float:left;
margin:75px 0px 10px 19px;
color:#fff;
}
#bodyContent div.bc_crsl_box#bc_crsl_news div.bc_crsl_mover h3 a {color:#fff;} /* carousel news heading link colour */
#bodyContent div.bc_crsl_box#bc_crsl_news div.bc_crsl_mover p {width:150px; float:left; margin-left:19px; color:#fff; font-size:11px; font-weight:bold; line-height:120%;}
#bodyContent div.bc_crsl_box#bc_crsl_news div.bc_crsl_mover p a.learnMore {width:100px; height: 1%; display:block; color:#fff; background:url(../../images/icons/arrow-icon_white.gif) no-repeat left; padding-left:10px; margin-top:10px;}
/********* carousel navigation ***********/
#bodyContent div.bc_crsl_box#bc_crsl_news ul#bc_crsl_newsnav { /* the container for the number buttons - the
*/
z-index:110;
position:absolute;
margin:235px 0px 0px 570px;
}
#bodyContent div.bc_crsl_box#bc_crsl_news ul#bc_crsl_newsnav li.bc_crsl_inactivenews {
display:inline;
width:20px; height:20px;
border:1px solid #fff;
background:none;
background-color:#00ADEF;
color:#fff;
font-size:11px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
margin:0px 10px 0px 0px;
padding:0px;
float:left;
cursor:pointer;
}
#bodyContent div.bc_crsl_box#bc_crsl_news ul#bc_crsl_newsnav li.bc_crsl_activenews {
display:inline;
width:20px; height:20px;
border:1px solid #fff;
background:none;
background-color:#fff;
color:#00ADEF;
font-size:11px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
margin:0px 10px 0px 0px;
padding:0px;
float:left;
cursor:pointer;
}
div.centernumber {width:6px; height:auto; margin-left:auto; margin-right:auto; margin-top:3px; padding:0px;}
/********************************* end carousel ***********************************************/
/*********Added by Brandon************/
/********* ps feature box************/
.bcFeature2 {
display: block;
clear: both;
margin-top:10px;
overflow: hidden;
height: 1%;
}
#bodyContent .bcLeftCol .bcFeature2 {
margin-bottom: 0;
}
#bodyContent .bcFeature2 img {
border: 0px solid #cdcecc; /* changed from margin: 10px 0; by Brandon Tam Feb 2011*/
float: left;
margin: 0px 0; /* changed from margin: 10px 0; by Brandon Tam Feb 2011*/
}
#bodyContent .bcLeftCol .bcFeature2 img {
margin: 0 10px 0 0;
}
.bcFeature2 .bcFeatureContent {
float: left;
margin: 10px 0 0 10px;
width: 64%;
}
#bodyContent .bcLeftCol .bcFeature2 .bcFeatureContent {
width: 55%;
margin-top: 0;
}
#bodyContent .bcLeftCol .bcFeature2 .bcFeatureContent img, .bcFeature2 .bcFeatureContent img {
border: none;
}
.bcFeature2 .bcFeatureContent h4 {
font-weight: normal;
color:#fff;
margin-top: 0;
}
#bodyContent .bcFeature2 .bcFeatureContent h3 {
background: transparent;
border: 0;
color:#fff;
font-size: 0.9em;
font-weight: normal;
margin: 0;
padding: 0;
text-transform: uppercase;
}
#bodyContent .bcFeature2 .dialog .hd {display:none; color:#096; margin:0px; border:none;}
#bodyContent .bcFeature2 .dialog div.ft {display:none;}
#bodyContent .bcFeature2 .dialog .bd { background-image: url(../../images/backgrounds/ps_feature_background.gif); background-repeat:no-repeat; background-position:right top;}
#bodyContent .bcFeature2 .dialog .bd div.c {background-image: url(../../images/backgrounds/ps_feature_background.gif); background-repeat:no-repeat; background-position:right top;}
#bodyContent .bcFeature2 .dialog .bd .c div.s{background:none; color:#FFF; font-weight:bold;}
#bodyContent div.bcFeature2 div.dialog div.bd div.c div.s h2{
color:#58A61B;
font-weight:bold;
font-size:26px;
line-height:90%;
margin-top:5px;
}
#bodyContent div.bcFeature2 div.dialog div.bd div.c div.s p{
font-size:14px;
line-height:129%;
}
#bodyContent div.bcFeature2 div.dialog div.bd div.c div.s div.bcFeatureContent ol li{
font-size:14px;
line-height:110%;
margin-left:22px;
}
#bodyContent div.bcFeature2 div.dialog div.bd div.c div.s div.bcFeatureContent ul li{
font-size:14px;
line-height:110%;
margin-left:3px;
}
#bodyContent div.bcFeature2 div.dialog div.bd div.c div.s ul li.arrowBulletMediumGreen {/* added by Brandon Tam Feb 2011*/
margin: 0 0 8px 2px;
background: transparent url("../../images/icons/arrow-icon_medgreen.gif") no-repeat 0px 3px;
list-style: none;
}
#bodyContent .bcFeature2 .dialog .bd .c .s a,
#bodyContent .bcFeature2 .dialog .bd .c .s a:hover,
#bodyContent .bcFeature2 .dialog .bd .c .s a:visited{
color:#58A61B;
font-weight:bold;
font-size:14px;
line-height:129%;
}
#bodyContent div.bcFeature2 div.dialog div.bd div.c div.s {border:none; margin-bottom:20px; padding:0px;} /* added by Brandon Tam Feb 2011*/
/********* end ps feature box************/
/* ----- psdialog box (medium green sidebars) -------*/
.psdialog {
margin-bottom: 10px;
}
.psdialog .hd {
background:transparent url(../../images/backgrounds/sidebar_medium_green_top_left.gif) no-repeat left top;
height: 17px;
margin:0px;
}
.psdialog .hd div.c {
background:transparent url(../../images/backgrounds/sidebar_medium_green_top_right.gif) no-repeat right top;
height: 17px;
margin:0px;
}
.psdialog .bd {
background:#45AA3C;
}
.psdialog .bd .c {
background:#45AA3C;
}
.psdialog .bd .c .s {
background:#45AA3C;
overflow: hidden;
padding: 0 5px 8px 10px;
margin: 0 2px 0 2px;
height: 1%;
line-height: 15px;
font-size:11px; /* added by Brandon Tam on Jan 2011*/
}
#bodyContent div.psdialog div.bd div.c div.s ul li.arrowBulletWhite
{ /* added by brandon tam Feb 2011 */
margin: 0px 0px 8px 2px;
padding: 0px 0px 0px 10px;
list-style: none;
background: transparent url(../../images/icons/arrow-icon_white.gif) no-repeat 0px 2px;
}
#bodyContent div.psdialog div.bd div.c div.s ul li.arrowBulletLightGreen
{ /* added by brandon tam Feb 2011 */
margin: 0px 0px 8px 2px;
padding: 0px 0px 0px 10px;
list-style: none;
background: transparent url(../../images/icons/arrow-icon_lightgreen.gif) no-repeat 0px 2px;
}
#bodyContent div.psdialog div.bd div.c div.s ul li
{ /* added by brandon tam Feb 2011 */
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 10px;
}
#bodyContent div.psdialog div.bd div.c div.s ol li
{ /* added by brandon tam Feb 2011 */
margin: 0px 0px 8px 15px;
padding: 0px 0px 0px 0px;
}
.psdialog .ft {
background: url(../../images/backgrounds/sidebar_medium_green_bottom_left.gif) no-repeat left top;
height: 27px;
margin: 0px;
}
.psdialog .ft .c {
background:transparent url(../../images/backgrounds/sidebar_medium_green_bottom_right.gif) no-repeat right top;
height: 27px;
margin:0px;
}
/*-----end psdialog box (medium green sidebars)-----*/
/* ----- psdialog2 box (lightgreen sidebars) -------*/
.psdialog2 {
margin-bottom: 10px;
}
.psdialog2 .hd {
background:url(../../images/backgrounds/sidebar_light_green_top_left.gif) no-repeat left top;
height: 17px;
margin:0px;
}
.psdialog2 .hd div.c {
background:transparent url(../../images/backgrounds/sidebar_light_green_top_right.gif) no-repeat right top;
height: 17px;
margin:0px;
}
.psdialog2 .bd {
background:#B2D234;
}
.psdialog2 .bd .c {
background:#B2D234;
}
.psdialog2 .bd .c .s {
background:#B2D234;
overflow: hidden;
padding: 0 5px 8px 10px;
margin: 0 2px 0 2px;
line-height: 15px;
font-size:11px; /* added by Brandon Tam on Jan 2011*/
}
#bodyContent div.psdialog2 div.bd div.c div.s ul li.arrowBulletWhite{ /* added by brandon tam Feb 2011 */
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 9px;
list-style: none;
background: transparent url(../../images/icons/arrow-icon_white.gif) no-repeat 0px 2px;
}
#bodyContent div.psdialog2 div.bd div.c div.s ul li.arrowBulletMediumGreen{ /* added by brandon tam Feb 2011 */
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 9px;
list-style: none;
background: transparent url(../../images/icons/arrow-icon_medgreen.gif) no-repeat 0px 2px;
}
#bodyContent div.psdialog2 div.bd div.c div.s ul li{ /* added by brandon tam Feb 2011 */
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 10px;
}
#bodyContent div.psdialog2 div.bd div.c div.s ol li{ /* added by brandon tam Feb 2011 */
margin: 0px 0px 8px 15px;
padding: 0px 0px 0px 0px;
}
.psdialog2 .ft {
background: url(../../images/backgrounds/sidebar_light_green_bottom_left.gif) no-repeat left top;
height: 27px;
margin: 0px;
}
.psdialog2 .ft .c {
background:transparent url(../../images/backgrounds/sidebar_light_green_bottom_right.gif) no-repeat right top;
height: 27px;
margin:0px;
}
.psdialog a,
.psdialog a:link,
.psdialog a:hover,
.psdialog a:visited,
.psdialog h2 a {
color:#CAE072;
}
.psdialog2 a,
.psdialog2 a:link,
.psdialog2 a:hover,
.psdialog2 a:visited,
.psdialog2 h2 a{
color:#58A61B;
}
.psdialog h2 a, .psdialog2 h2 a {
color:#58A61B;
font-weight:bold;
}
.psdialog h2, .psdialog2 h2,
.psdialog h3, .psdialog2 h3,
.psdialog h4, .psdialog2 h4,
.psdialog h5, .psdialog2 h5,
.psdialog h6, .psdialog2 h6,
.psdialog p, .psdialog2 p,
.psdialog li, .psdialog2 li,
.psdialog div.s, .psdialog2 div.s {
color:#fff;
font-weight:bold;
}
#bodyContent .psdialog h2, #bodyContent .psdialog2 h2 {
font-size:14px; /* changed from 16px by Brandon Tam on Jan 2011*/
line-height:100%;
margin-top:0px; /* addedby Brandon Tam on Jan 2011*/
}
#bodyContent .psdialog p, #bodyContent .psdialog2 p,
#bodyContent .psdialog li, #bodyContent .psdialog2 li {
font-size:11px; /* changed from 12px by Brandon Tam on Jan 2011*/
line-height:118%;
margin-bottom:0px;
}
#bodyContent .psH2 {
color:#45A93B;
}
/*-----end psdialog2 box (lightgreen sidebars)-----*/
/*------------------- ps green buttons for medium green background ---------------------*/
#bodyContent .psdialog a.formButton2, #bodyContent .psdialog a:visited.formButton2 {
background: #B3D135 url(../../images/icons/transarrow.gif) no-repeat 10px center;
color: #fff;
font-size: 11px;
font-weight:bold;
padding: 3px 10px 4px 20px;
text-decoration: none;
}
#bodyContent .psdialog a:hover.formButton2 {
background: #fff url(../../images/icons/transarrow_green.gif) no-repeat 10px center;
color:#45A93B;
}
#bodyContent .psdialog a:active.formButton2 {
background: #fff url(../../images/icons/transarrow_green.gif) no-repeat 10px center;
color:#45A93B;
}
#bodyContent .psdialog a.formButton2 span {
text-align: center;
}
#bodyContent .psdialog img,
#bodyContent .psdialog2 img {float:left; margin:5px 5px 5px 0px;}
/*------------------- ps green buttons for light green background ---------------------*/
#bodyContent .psdialog2 a.formButton3, #bodyContent .psdialog2 a:visited.formButton3,
#bodyContent .bcFeature2 .dialog .bd .c .s a.formButton3, #bodyContent .bcFeature2 .dialog .bd .c .s a:visited.formButton3
{
background: #45A93B url(../../images/icons/transarrow.gif) no-repeat 10px center;
color: #fff;
font-size: 11px;
font-weight:bold;
padding: 3px 10px 4px 20px;
text-decoration: none;
}
#bodyContent .psdialog2 a:hover.formButton3,
#bodyContent .bcFeature2 .dialog .bd .c .s a:hover.formButton3 {
background: #fff url(../../images/icons/transarrow_green.gif) no-repeat 10px center;
color:#45A93B;
}
#bodyContent .psdialog2 a:active.formButton3,
#bodyContent .bcFeature2 .dialog .bd .c .s a:active.formButton3 {
background: #fff url(../../images/icons/transarrow_green.gif) no-repeat 10px center;
color:#45A93B;
}
#bodyContent .psdialog2 a.formButton3 span,
#bodyContent .bcFeature2 .dialog .bd .c .s a.formButton3 span {
text-align: center;
}
/*------------------- ps green buttons for white background ---------------------*/
a.formButton2, a:visited.formButton2 {
background: #B3D135 url(../../images/icons/transarrow.gif) no-repeat 10px center;
color: #fff;
font-size: 11px;
font-weight:bold;
padding: 3px 10px 4px 20px;
text-decoration: none;
}
a:hover.formButton2, a:active.formButton2 {
background: #fff url(../../images/icons/transarrow_green.gif) no-repeat 10px center;
color:#45A93B;
}
a.formButton2 span {
text-align: center;
}
a.formButton3, a:visited.formButton3 {
background: #45A93B url(../../images/icons/transarrow.gif) no-repeat 10px center;
color: #fff;
font-size: 11px;
font-weight:bold;
padding: 3px 10px 4px 20px;
text-decoration: none;
}
a:hover.formButton3, a:active.formButton3{
background: #fff url(../../images/icons/transarrow_green.gif) no-repeat 10px center;
color:#45A93B;
}
a.formButton3 span {
text-align: center;
}
a.formButton4, a:visited.formButton4 {
background: #45A93B url(../../images/icons/transarrow.gif) no-repeat 10px center;
color: #fff;
font-size: 11px;
font-weight:bold;
padding: 3px 10px 4px 20px;
text-decoration: none;
}
a:hover.formButton4{
background: #B3D135 url(../../images/icons/transarrow.gif) no-repeat 10px center;
color: #fff;
}
a:active.formButton4 {
background-color: #45A93B url(../../images/icons/transarrow.gif) no-repeat 10px center;
color: #fff;
}
a.formButton4 span {
text-align: center;
}
/*------------------- margins ---------------------*/
.marginLeft5px { margin-left:5px;}
.marginRight5px { margin-right:5px;}
.marginTop5px { margin-top:5px;}
.marginBottom5px { margin-bottom:5px;}
.marginLeft10px { margin-left:10px;}
.marginRight10px { margin-right:10px;}
.marginTop10px { margin-top:10px;}
.marginBottom10px { margin-bottom:10px;}
.marginLeft15px { margin-left:15px;}
.marginRight15px { margin-right:15px;}
.marginTop15px { margin-top:15px;}
.marginBottom15px { margin-bottom:15px;}
.marginLeft20px { margin-left:20px;}
.marginRight20px { margin-right:20px;}
.marginTop20px { margin-top:20px;}
.marginBottom20px { margin-bottom:20px;}
.white {color:#ffffff;}
.green {color:#45AA3C;}
a.psLink, a:hover.psLink, a:visited.psLink, a:active.psLink {color:#45AA3C;}