/* ************************************* */
/* 1. Element declarations               */
/* ************************************* */
body { margin: 0; padding: 10px 10px 10px 20px; }
div { /* Make default explicit for ie display issues */ position: relative; margin: 0; padding: 0; }
p, address { margin: 0 0 1.2em 0; padding: 0; }
ol, ul { margin: 0 0 0.6em 0.6em; padding: 0 0 0 1.2em; }
li { margin: 0 0 0.6em 0; }
p, ol, ul, td, th, dl, dt, address { line-height: 150%; color: #333;}
h2, .h2WithSub { margin: 0 0 0.4em 0; padding: 0 0 0.15em 0; border-bottom: 1px dotted #ccc; line-height: 120%; color: #333;}
h3 { margin: 0 0 0.7em 0; padding: 0; line-height: 120%; color: #333; }
h4 { margin: 0; padding: 0; line-height: 120%; color: #333; }
a { color: #339; text-decoration: none; border-bottom: 1px solid #339; }
a:visited { color: #903; border-bottom: 1px solid #903; }
acronym, abbr { border-bottom: 1px solid #ccc; }
acronym:hover, abbr:hover { cursor: help; }
address { font-style: normal; margin: 0 0 1.2em 0; }
a img { border: 0; }
table { margin: 0 0 1em 0; padding: 0; position: relative; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 0; border-bottom: 0; width: 100%; }
td, th { text-align: left; vertical-align: top; padding: 0.2em; margin: 0; border-top: 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 0; }
form { margin: 0; padding: 0; clear: both; }
fieldset { border: 0; border-bottom: 1px solid #fff; margin: 0; padding: 10px 10px 2px 10px; }
#fRight fieldset { padding: 0; border-bottom: 0; }
legend { position: relative; top: 0; left: 0; text-indent: 0; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 10px 0 0 0; text-indent: 0; color: #333; }
fieldset div { clear: both; margin: 0 0 8px 0; }
#fContainer label { float: left; width: 30%; padding-top: 0.2em; }
#fContainer label.inline { float: none; width: auto; }
dl, dd, dt { margin: 0; text-indent: 0; padding: 0; }
  
/* ************************************* */
/* 2. General content classes            */
/* ************************************* */
.feed { background: url(/images/css_images/RSS-14x14.gif) no-repeat 0 50%; }
.clear, .clearSpace { margin: 0 !important; padding: 0 !important; clear: both; font-size: 0.1px !important; line-height: 0.1px !important; height: 0.1px; }
.clearSpace { height: 10px; }
.hidden { display: none; }
.divSpacer { clear: both; height: 6px; font-size: 1px; line-height: 1px; }
.section { margin-bottom: 1em; border-bottom: 1px dotted #ccc; width: 100%; }
.intro { font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 167%; margin: 0 0 0.7em 0; padding: 0; }
.note { font-size: 0.9em; }
.info, .infoExt { color: #666; }
.url { color: #666; font-size: 0.9em; }
.furtherInfo { border-top: 1px dotted #ccc; padding-top: 0.4em; margin-top: 0.4em; }
.lastPublished { font-style: italic; }
.h2WithSub { line-height: 0.6em; }
.h2WithSub h2 { border-bottom: 0; margin: 0; padding: 0; }
.h2WithSub p { margin: 0 0 0.3em 0; }
.noBorder { border-bottom: 0 !important; padding-bottom: 0 !important; margin-bottom: 0.2em !important; }
img.floatLeft, span.floatLeft img { float: left; margin-right: 10px; }
img.floatRight, span.floatRight img { float: right; margin-left: 10px; }
img.withBorder, span.withBorder img { border: 1px solid #ccc; }
img.floatLeftBorder, span.floatLeftBorder img { float: left; margin-right: 10px; border: 1px solid #ccc; }
.imageLeft127, .imageRight127 { width: 127px; }
.imageLeft200, .imageRight200 { width: 200px; }
.imageLeft150, .imageRight150 { width: 150px; }
.image420 { width: 420px; }
.imageLeft127, .imageRight127, .imageLeft200, .imageRight200, .image420, .imageLeft150, .imageRight150 { padding: 0; }
.imageLeft127, .imageLeft200, .imageLeft150 { float: left; margin: 0.3em 8px 0 0; }
.imageRight127, .imageRight200, .imageRight150 { float: right; margin: 0.3em 0 0 10px; }
.image420 { margin: 0 0 1.2em 0; }
.noSpacing { margin: 0 0 1em 0; }
.noSpacing p, .noSpacing h2, .noSpacing h3, .noSpacing h4, .noSpacing ul { margin: 0 !important; padding: 0 !important; }
.externalImage { margin-right: 2px; margin-top: 2px; vertical-align: bottom; }
/* FORMS */
form.shaded { position: relative; background: #fee; margin: 0 0 1em 0; }
.col20 { width: 20%; }
.col30 { width: 30%; }
.col50 { width: 50%; }
/* ************************************* */
/* 3. Template layout (ids)              */
/* ************************************* */
#fHiddenFunctions { position: absolute; top: -100em; }
#fAccessBar { margin: 0 0 0.4em 0; padding: 0 0 0 23px; }
#fAccessBar ul { list-style: none; margin: 0; padding: 0; }
#fAccessBar li { display: inline; padding: 0 1em 0 0; margin: 0; }
#fAccessBar li#normalContrastL { display: none; }
#fHeader { margin: 0 0 5px 0; width: 699px; min-height: 81px; height: 6.5em; 
    background: #903 url(/images/css_images/f_header_top.gif) 0 0 no-repeat; }
#fHeader h1 { font-size: 1em; margin: 0; padding: 0; position: absolute; top: 15px; left: 23px; z-index: 1; }
#fHeader h1 a { position: relative; display: block; width: 141px; height: 52px; text-indent: -500em; text-decoration: none; border: 0;
    background: transparent url(/images/css_images/f_main.gif) 0 0 no-repeat; }
#fHeader ul { width: auto; position: absolute; bottom: 0; right: 0; margin: 0; padding: 0px; list-style: none; z-index: 2; }
#fHeader ul li { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; float: right; font-size: 1.3em; font-weight: bold; 
    background: #fff url(/images/css_images/f_tabs.gif) 0 -200px no-repeat; }
#fHeader ul li a { margin: 0; display: block; padding: 12px 0.6em 3px 0.6em; color: #333; border-bottom: 1px solid #eac; text-decoration: none;
    background: transparent url(/images/css_images/f_tabs.gif) 100% -200px no-repeat; }
#fHeader ul li a:hover { color: #903; }
#fHeader ul li:hover, body#bodyHome #fHeader ul li#fNavHome, body#bodyMyCouncil #fHeader ul li#fNavMyCouncil, body#bodyMyTown #fHeader ul li#fNavMyTown, body#bodyNews #fHeader ul li#fNavNews, body#bodyContactUs #fHeader ul li#fNavContactUs {
    background: #fff url(/images/css_images/f_tabs.gif) 0 0 no-repeat; }
#fHeader ul li:hover a:hover, body#bodyHome #fHeader ul li#fNavHome a, body#bodyMyCouncil #fHeader ul li#fNavMyCouncil a, body#bodyMyTown #fHeader ul li#fNavMyTown a, body#bodyNews #fHeader ul li#fNavNews a, body#bodyContactUs #fHeader ul li#fNavContactUs a { border-bottom: 1px solid #fff;
    background: transparent url(/images/css_images/f_tabs.gif) 100% 0 no-repeat; }
#fHeader form { position: absolute; top: 5px; right: 10px; text-align: right; }
#fHeader form label { color: #fff; font-size: 1.3em; font-family: Arial, Helvetica, sans-serif; }
#fHeader form #fSearchTerms { width: 200px; font-size: 1em; border: 1px solid #ccc; background: #fff; }
#fHeader form #fSearchSubmit { font-size: 1em; background: #DD9944; color: #fff; padding: 1px 2px; margin: 0; border: 0; line-height: 1em; }
#fHeader form #fSearchExtras { margin: 0 0 0 0; clear: none; font-size: 0.9em; color: #fff; text-align: left; padding-left: 5em; }
#fHeader form #fSearchExtras a { color: #fff; border-bottom: 1px solid #fff; }
/* Pop up template */
body#bodyFullWidth { margin: 0; padding: 0; }
body#bodyFullWidth #fAccessBar { padding-left: 0 }
#fHeaderFull { margin: 0 0 5px 0; padding: 0; border-bottom: 1px solid #ccc; width: auto; }
#fHeaderFullInner { margin: 0; padding: 5px 10px 3px 10px; border-bottom: 1px solid #fff; background: #903; }
#fHeaderFullLeft { margin: 0; padding: 0; width: 58px; height: 22px; float: left; }
#fHeaderFullRight { margin: 0 0 0 58px; padding: 0; text-align: right; width: auto; }
#fHeaderFullRight a { color: #fff; border-bottom: 1px solid #fff; }
#fHeaderFullLeft h1 { margin: 0; padding: 0; width: 58px; height: 22px; text-indent: -2000em;
  background: transparent url(/images/css_images/slough_logo_satellite.gif) 0 0 no-repeat; }
#fContentFluid { width: auto; margin: 0 0 10px 0; padding: 0 10px; }
#fPrintHeader { display: none; }
#fContainer { width: 700px; }
#fContent { width: 420px; margin: 0 20px 10px 0; float: left; }
#bodyHome #fContent { padding-top: 0.6em; }
/* Full width template */
#fContainerFull #fContent { width: 700px; margin: 0 0 10px 0; float: none; }
#fContent:hover acronym, #fContent:hover abbr { border-bottom: 1px dotted #339; }  
#fRight { width: 260px; margin: 0 0 10px 0px; padding: 0.6em 0 0 0; float: left; }
#fRight label { float: none; width: auto; }
#fLanguageBar { width: 700px; clear: both; border: 1px solid #ccc; margin: 0 0 10px 0; padding: 0.5em; }
#fFooter { padding: 30px 0 0 0; width: 700px; clear: both; }
#fFooter ul { border-top: 1px dotted #ccc; padding: 0.8em 0 0 0; list-style: none; margin: 0 0 0.4em 0; }
#fFooter li { display: inline; margin: 0 0 0 0.2em; padding: 0 0 0 0.9em;
    background: transparent url(/images/css_images/f_footer_bullet.gif) 0 50% no-repeat; }
#fFooter li.first { background: none; margin: 0; padding: 0; }
#fFooter p { color: #666; }
/* ************************************* */
/* 3. Component layout (classes)         */
/* ************************************* */
/* Grey border curved box */
.baseA, .baseB, .baseGreyA, .baseGreyB { width: 100%; }
.baseGreyC h2 { font-size: 1.6em; border-bottom: 0; margin: 0 0 0.2em 0; padding: 0; }
#fContent .baseA { margin: 0 0 10px 0;
    background: #fff url(/images/css_images/420_base_mid.gif) 0 0 repeat-y; }
#fRight .baseA { margin: 0 0 6px 0;
    background: #fff url(/images/css_images/260_base_mid.gif) 0 0 repeat-y; }
#fContent .baseB { background: transparent url(/images/css_images/420_base_foot.gif) 0 100% no-repeat; }
#fRight .baseB { background: transparent url(/images/css_images/260_base_foot.gif) 0 100% no-repeat;}
#fContent .baseC { padding: 11px 11px 1px 11px;
    background: transparent url(/images/css_images/420_base_head.gif) 0 0 no-repeat; }
#fRight .baseC { padding: 7px 7px 1px 7px;
    background: transparent url(/images/css_images/260_base_head.gif) 0 0 no-repeat; }
.baseGreyA { margin: 0 0 10px 0;
    background: #eee url(/images/css_images/420_promo_mid.gif) 0 0 repeat-y; }
.baseGreyB { background: transparent url(/images/css_images/420_promo_foot.gif) 0 100% no-repeat; }
.baseGreyC { padding: 11px 11px 1px 11px;
    background: transparent url(/images/css_images/420_promo_head.gif) 0 0 no-repeat; }
/* LEFT COLUMN ONLY STYLES */
/* Grid = image and text with image floating */
.gridLeft, .gridRight { margin: 0; padding: 0; }
.gridLeft img { float: left; margin-bottom: 10px; }
.gridRight img { float: right; margin-bottom: 10px; }
.gridLeft h3, .gridRight h3 { margin: 0 0 0.2em 0; }
/* margined content boxes for use next to images */
.gridLeft .content80 { width: auto; margin-left: 80px; }
.gridLeft .content100 { width: auto; margin-left: 100px; }
.gridLeft .content120 { width: auto; margin-left: 120px; }
.gridLeft .content160 { width: auto; margin-left: 160px; }
.gridRight .content80 { width: auto; margin-right: 80px; }
.gridRight .content100 { width: auto; margin-right: 100px; }
.gridRight .content120 { width: auto; margin-right: 120px; }
.gridRight .content160 { width: auto; margin-right: 160px; }
#breadcrumb { margin: 0 0 0.2em 0; padding: 0.3em 0 0 0; }
#breadcrumb p { float: left; margin: 0; color: #666; font-size: 0.9em; padding: 0 0.3em 0 0; line-height: 150%; }
#breadcrumb ol { list-style: none; margin: 0; padding: 0; line-height: 150%; font-size: 0.9em; }
#breadcrumb li { display: inline; color: #999; line-height: 150%; margin: 0; }
/* Back and top links */
.backAndTop { margin: 1em 0 1em 0; padding: 0.5em 0 0 0; border-top: 1px dotted #ccc; width: 100%; }
.backAndTop a { display: block; height: 24px; line-height: 200%; border-bottom: 0; text-decoration: underline; }
.backAndTop a:visited { border-bottom: 0; text-decoration: underline; }
.backAndTop .back { width: 40%; float: left; text-align: right; }
.backAndTop .back a, .backAndTop .back a:hover {
    background: transparent url(/images/css_images/back_button.gif) 100% 50% no-repeat; padding: 0 31px 0 0; }
.backAndTop .top { float: left; width: 60%; }
.backAndTop .top a, .backAndTop .top a:hover {padding: 0 0 0 31px;
    background: transparent url(/images/css_images/top_button.gif) 0 50% no-repeat; }
#fContent .moreLink { margin: 0 0 1em 0; padding: 0.4em 1em; background: #eef; text-align: right; }
#fContent .moreLink a { padding: 0 10px 0 0; border-bottom: 0; text-decoration: underline;
    background: transparent url(/images/css_images/right_arrow.gif) 100% 70% no-repeat; }
#fContent .moreLink a:visited { border-bottom: 0; text-decoration: underline; }
.paging { margin: 0 0 1em 0; padding: 0.4em 1em; background: #eef; height: 1.2em; }
.pagingInfo { background: #eef; width: 70%; float: left; font-size: 1.3em; font-family: Arial, Helvetica, sans-serif; }
.pagingNumbered { color: #999; width: 70%; float: left; }
.pagingNumbered span { color: #333; }
.pagingLinks { width: auto; margin-left: 70%; text-align: right; }
.directory { margin: 10px 0 0 0; padding: 0 0 10px 0; width: 100%; list-style: none; }
.directory li.col1, .directory li.col2 { display: block; float: left; border-top: 1px dotted #ccc; width: 46%; margin: auto 0 0 0; padding: 0.5em 0; }
.directory li.col1 { clear: left; margin: 0 4% 0 0; }
.directory li a { font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; line-height: 120%; color: #339; border-bottom: 1px solid #339; }
.directory li li a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 150%; color: #666; border-bottom: 1px solid #fff; }
.directory li li a:visited { color: #666; border-bottom: 1px solid #fff; }
.directory li li a:hover { border-bottom: 1px solid #666; }
.directory ul { margin: 0; padding: 0; }
.directory ul li { color: #666; border-top: 0; display: inline; margin: 0; }
.directoryTitle { background: transparent url(/images/css_images/mycouncil_directory.gif) right center no-repeat; padding-right: 135px; }
.atozLinks, .doItOnline { margin: 0.5em 0 0 0; padding: 0; list-style: none; width: 100%; }
.atozLinks li { display: block; float: left;  margin: 0 2px 2px 0; text-align: center;
    background: transparent url(/images/css_images/atoz_button_top.gif) 0 0 no-repeat; }
.atozLinks li a, .atozLinks li a:visited, .atozLinks li a:active { display: block; width: 28px;  border-bottom: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 150%;
    background: transparent url(/images/css_images/atoz_button_bottom.gif) 0 100% no-repeat; }
.atozLinks li a:hover { text-decoration: underline !important; }
.atozLinks li a:visited { border-bottom: 0; }
.doItOnline li { display: block; float:left; margin: 0 2px 0 0; }
.doItOnline li a { display: block; height: 35px; width: 95px; text-indent: -700em; border-bottom: 0; }
.doItOnline li a:visited { border-bottom: 0 }
.doItOnline #dioApply { background: transparent url(/images/css_images/dio_apply.gif) 0 0 no-repeat; }
.doItOnline #dioApplyOn { background: transparent url(/images/css_images/dio_apply_on.gif) 0 0 no-repeat; }
.doItOnline #dioReport { background: transparent url(/images/css_images/dio_report.gif) 0 0 no-repeat; }
.doItOnline #dioReportOn { background: transparent url(/images/css_images/dio_report_on.gif) 0 0 no-repeat; }
.doItOnline #dioBook { background: transparent url(/images/css_images/dio_book.gif) 0 0 no-repeat; }
.doItOnline #dioBookOn { background: transparent url(/images/css_images/dio_book_on.gif) 0 0 no-repeat; }
.doItOnline #dioPay { background: transparent url(/images/css_images/dio_pay.gif) 0 0 no-repeat; }
.doItOnline #dioPayOn { background: transparent url(/images/css_images/dio_pay_on.gif) 0 0 no-repeat; }
.events { margin: 0 0 1em 0; border-top: 0; border-left: 0; }
.events td { border-top: 1px dotted #ccc; border-right: 0; border-bottom: 0; border-left: 0; padding: 0.5em 1em 0 0; }
.events th { border: 0; }
.events h3 { margin-bottom: 0; }
.events p { margin-bottom: 0.5em; }
.events .date { color: #666; padding-top: 0.7em; width: 10em; }
.altLinks, .linkList, .altTable, .altListingEqual, .altListing { margin: 0 0 1em 0; padding: 0; list-style: none; }
.altListing .rowOdd, .altListing .rowEven, .altListingEqual .rowOdd, .altListingEqual .rowEven, .altLinks li, .altTable td, .altTable th { margin: 0; padding: 0.4em 0.4em; position: relative; clear: both; }
.altListing .left { position: relative; color: #666; float: left; width: 30%; }
.altListingEqual .left { float: left; width: 50%; }
.altListing .right { width: auto; margin-left: 30%; }
.altListingEqual .right { width: auto; margin-left: 50%; }
.altListing .rowOdd, .altListingEqual .rowOdd, .altLinks .odd, .altTable .odd td, .altTable .odd th { background: #eef; }
.altTable .date { white-space: nowrap; }
.altTable, .altTable td, .altTable th { border: 0; }
.innerGrey, .innerPink { margin: 0 0 10px 0; padding: 10px 10px 1px 10px; }
.innerGrey { background: #eee; }
.innerPink { background: #fee; }
.sitemap { margin: 0; padding: 0; }
.sitemap li { font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; margin: 0 0 1em 0; padding: 0; line-height: 1.5em; list-style-type: none; }
.sitemap ul { margin-bottom: 0; padding-bottom: 0; }
.sitemap li li { list-style-type: disc; font-size: 0.67em; margin-bottom: 0; padding-bottom: 0; }
.sitemap li li li { font-size: 1em; }
.advancedSearch h3 { margin-bottom: 0.4em; }
.shadedForm { background: #fee; padding: 10px 10px 6px 10px; margin: 0 0 0.8em 0; }
.shadedForm div { clear: both; padding: 0 0 0.4em 0; }
.shadedForm div label { position: relative; }
/* RIGHT COLUMN STYLES */
.comp260 { margin: 0 0 6px 0; padding: 0 0 1px 0; }
.comp260 h2 { font-size: 1.6em; margin: 0; padding: 4px 6px 2px 6px; border-bottom: 1px solid #fff; font-weight: normal; color: #333; }
.comp260 h3 { font-size: 1.4em; margin: 0; padding: 0; }
.comp260 p { margin: 0; padding: 6px 0 0 0; }
.comp260 ul { margin: 0; list-style: none; padding: 6px 0 0 0; }
.comp260 ul li { margin-bottom: 0.3em; }
.comp260 div div { padding: 0 6px 6px 6px; }
.comp260 div div div { /* reset subsequent divs, if any */ margin: 0; padding: 0; }
.comp260 form div { margin: 0.3em 0 !important; }
.comp260 img { position: relative; float: left; margin: 0; padding: 0; }
.comp260 .moreLink { position: relative; margin-top: 0.5em !important; padding-top: 0.3em !important; border-top: 1px dotted #ccc !important;  }
.comp260 .moreLink a { padding-right: 10px; border-bottom: 0; text-decoration: underline;
    background: transparent url(/images/css_images/right_arrow.gif) 100% 70% no-repeat; }
.comp260 .grid { margin: 6px 0 0 0; clear: both; }
.comp260 .grid p { position: relative; margin: 0 0 0 58px; padding: 0; }
.comp260 .grid ul { margin-left: 58px; }
.comp260 .grid ul ul { margin-left: 18px; } /* Added by Nathan: 17/10/08 */
.comp260 .various { background: #ffc url(/images/css_images/260_col_various_foot.gif) 0 100% no-repeat; }
.comp260 .various h2 { background: #fe6 url(/images/css_images/260_col_various_head.gif) 0 0 no-repeat; }
.comp260 .services h2 { background: #9cc url(/images/css_images/260_col_nav_head.gif) 0 0 no-repeat; }
.comp260 .nav { background: #dee url(/images/css_images/260_col_nav_foot.gif) 0 100% no-repeat; }
.comp260 .nav h2 { background: #9cc url(/images/css_images/260_col_nav_head.gif) 0 0 no-repeat; }
.comp260 .narrative { background: #fec url(/images/css_images/260_col_narrative_foot.gif) 0 100% no-repeat; }
.comp260 .narrative h2 { background: #ec5 url(/images/css_images/260_col_narrative_head.gif) 0 0 no-repeat; }
.comp260 .whatsOn { background: #eec url(/images/css_images/260_col_whatson_foot.gif) 0 100% no-repeat; }
.comp260 .whatsOn h2 { background: #dd5 url(/images/css_images/260_col_whatson_head.gif) 0 0 no-repeat; }
.comp260 .jobs { background: #ede url(/images/css_images/260_col_jobs_foot.gif) 0 100% no-repeat; }
.comp260 .jobs h2 { background: #b9b url(/images/css_images/260_col_jobs_head.gif) 0 0 no-repeat; }
.comp260 .function { background: #def url(/images/css_images/260_col_function_foot.gif) 0 100% no-repeat; }
.comp260 .function h2 { background: #7cd url(/images/css_images/260_col_function_head.gif) 0 0 no-repeat; }
.comp260 .news { background: #eef url(/images/css_images/260_col_news_foot.gif) 0 100% no-repeat; }
.comp260 .news h2 { background: #9ad url(/images/css_images/260_col_news_head.gif) 0 0 no-repeat; }
.comp260 .languages { background: #eee url(/images/css_images/260_col_lang_foot.gif) 0 100% no-repeat; }
.comp260 .languages h2 { background: #ddd url(/images/css_images/260_col_lang_head.gif) 0 0 no-repeat; }
.comp260 .promoText { background: #eee url(/images/css_images/260_col_promotext_foot.gif) 0 100% no-repeat; padding-bottom: 4px; }
.comp260 .promoText h2 { background: #eee url(/images/css_images/260_col_promotext_head.gif) 0 0 no-repeat; border-bottom: 0; padding-bottom: 0; padding-top: 8px; margin-bottom: 0; }
.comp260 .promoText p { padding-top: 0; }
.comp260 .promoText h2 img { float: none; margin: 0; }
.comp260 .myCouncil { width: 100%; background: #eee url(/images/css_images/260_col_mycouncil_foot.gif) 0 100% no-repeat; }
.comp260 .myCouncil h2 { background: #ccd url(/images/css_images/260_col_mycouncil_head.gif) 0 0 no-repeat; height: 32px; text-indent: -700em; padding: 0; }
.comp260 .myCouncil .grid { padding: 3px 0 3px 0; }
.comp260 .myCouncil .grid img { margin: 0 6px 0 0; }
.comp260 .myCouncil .grid p { margin: 0 0 0 78px !important; }
#langButtons { list-style: none; margin: 0; padding: 3px 0 0 0; position: relative; width: 100%; }
#langButtons li { float: left; margin: 0 2px 3px 2px; padding: 0; display: block; line-height: 1px; }
#langButtons li a { display: block; width: 115px; height: 33px; line-height: 1px; text-indent: -1000em; border-bottom: 0; }
#langButtons li a:visited { border-bottom: 0; }
#lang-som { background: transparent url(/images/css_images/lang-som.gif) 0 0 no-repeat; }
#lang-pas { background: transparent url(/images/css_images/lang-pas.gif) 0 0 no-repeat; }
#lang-fra { background: transparent url(/images/css_images/lang_fra.gif) 0 0 no-repeat; }
#lang-deu { background: transparent url(/images/css_images/lang_deu.gif) 0 0 no-repeat; }
#lang-pol { background: transparent url(/images/css_images/lang_pol.gif) 0 0 no-repeat; }
#lang-jpn { background: transparent url(/images/css_images/lang_jpn.gif) 0 0 no-repeat; }
#lang-urd { background: transparent url(/images/css_images/lang_urd.gif) 0 0 no-repeat; }
#lang-chi { background: transparent url(/images/css_images/lang_chi.gif) 0 0 no-repeat; }
#lang-ben { background: transparent url(/images/css_images/lang_ben.gif) 0 0 no-repeat; }
#lang-guj { background: transparent url(/images/css_images/lang_guj.gif) 0 0 no-repeat; }
#lang-pan { background: transparent url(/images/css_images/lang_pan.gif) 0 0 no-repeat; }
#lang-hin { background: transparent url(/images/css_images/lang_hin.gif) 0 0 no-repeat; }
#fRight .promoGrade1Blue, #fRight .promoGrade1Green, #fRight .promoGrade1Orange { margin: 0 0 6px 0; width: 100%; }
#fContent .promoGrade1Blue, #fContent .promoGrade1Green, #fContent .promoGrade1Orange { margin: 0 0 10px 0; width: 100%;}
.promoGrade3 a { margin: 0; padding: 8px 13px 8px 13px; display: block; text-decoration: none; border-bottom: 0 !important; }
.promoGrade3 a .headline { font-family: Arial, Helvetica, sans-serif; display: block; font-size: 1.6em; margin: 0; padding: 0; border-bottom: 0; color: #333; }
.promoGrade3 a .teaser { display: block; margin: 0; color: #333; }
#fRight .promoGrade1Orange { background: #fa4; }
#fRight .promoGrade1Orange .promoGrade2 { background: transparent url(/images/css_images/260_orange_foot.gif) 0 100% no-repeat; }
#fRight .promoGrade1Orange .promoGrade3 { background: transparent url(/images/css_images/260_orange_head.gif) 0 0 no-repeat; }
.reddot, .redDot { font-size: 11px; color: #c00; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
.redDotInfo { width: 684px; border: 3px solid #c00; padding: 5px; }
.metaData th { width: 30%; background: #eee; }
 
#listControlDiv label
{
   width: 400px;
}

/* Hides text that accompanies date links in calendar and directory tables */
.hiddenCalendarLinkText
{
    position: absolute;
    left: -1000px;
    width: 900px;
}


/* Recycling Styles */

.greyBinDiv
{
    float: left;
    width: 150px;
    background-image:url(/images/css_images/Grey_Bin_small.jpg);
    background-repeat:no-repeat;
    height:142px;
}
.redBinDiv
{
    float: left;
    width: 150px;
    background-image:url(/images/css_images/Red_Bin_small.jpg);
    background-repeat:no-repeat;
    height:142px;
}
.greenBinDiv
{
    float: left;
    width: 150px;
    background-image:url(/images/css_images/Green_Bin_small.jpg);
    background-repeat:no-repeat;
    height:142px;
}
.allBinSpan
{
    display:none;
}
.clearBinDiv
{
    clear:both;
    float:none;    
}
 
/* Removes lable properties inherited from #fContainer label style */
#recycleControl LABEL {    
FLOAT: none; 
WIDTH: 100%; 
}

/* Overrides SBC table styles that show borders */
#recycleControl TABLE {
    PADDING-RIGHT: 0px; 
    BORDER-TOP: #ccc 0px solid;     /* Changed from 1px to 0px */
    PADDING-LEFT: 0px; 
    BORDER-BOTTOM-WIDTH: 0px;       
    PADDING-BOTTOM: 0px; 
    MARGIN: 0px 0px 1em; 
    BORDER-LEFT: #ccc 0px solid;    /* Changed from 1px to 0px */
    WIDTH: 100%; 
    PADDING-TOP: 0px; 
    POSITION: relative; 
    BORDER-RIGHT-WIDTH: 0px
}
/* Overrides SBC table styles that show borders */
#recycleControl TD {
    BORDER-TOP-WIDTH: 0px; 
    BORDER-RIGHT: #ccc 0px solid;   /* Changed from 1px to 0px */
    PADDING-RIGHT: 0.2em; 
    PADDING-LEFT: 0.2em; 
    BORDER-LEFT-WIDTH: 0px; 
    PADDING-BOTTOM: 0.2em; 
    MARGIN: 0px; 
    VERTICAL-ALIGN: top; 
    PADDING-TOP: 0.2em; 
    BORDER-BOTTOM: #ccc 0px solid;  /* Changed from 1px to 0px */
    TEXT-ALIGN: left
}
 
.recyclingAdminSearchResultsTable
{
    border-style: Solid;
    border-collapse: collapse;
}
.resultsAdminNewInsertTable
{
    border-style: none;
    border-collapse: collapse;
}
.tableAlternatingRow
{
    background-color:#EEDDDD;
}




/*
   Sytles used by the Professional Development Pages
*/
.courseNavigationBooking { color: #990033; }

#courseDataTable 
{ 
    width: 700px; 
    margin: 0 20px 10px 0; 
    clear: both; 
    float: left; 
} 
.courseDirectoryTable
{
    border-style: Solid;
    border-collapse: collapse;
}
.courseDirectoryText {
BORDER-TOP-STYLE: none; 
BORDER-RIGHT-STYLE: none; 
BORDER-LEFT-STYLE: none; 
BORDER-COLLAPSE: collapse; 
BORDER-BOTTOM-STYLE: none
}
.courseDirectoryText td {
BORDER-TOP-STYLE: none; 
BORDER-RIGHT-STYLE: none; 
BORDER-LEFT-STYLE: none; 
BORDER-COLLAPSE: collapse; 
BORDER-BOTTOM-STYLE: none
}
.courseDetailShaded
{
    background-color:#EEDDDD;
}
.courseCalendarTable
{
    border-style: Solid;
    border-collapse: collapse;
}
.courseProgramTable
{
    border-style: Solid;
    border-collapse: collapse;
}
.courseDetailDates
{
    border-style: Solid;
    border-collapse: collapse;
    width: 200px;
}
.courseDetailField
{
    width: 150px;
    font-weight: bold;
    float: left;
}
.courseDetailFieldValue
{
    width: 150px;
    float: left;
}
.courseDetailFieldValueLong
{
    width: 300px;
}
.courseDetailClear
{
    clear: both;
}
#courseDataTable th
{   
    /* 
    color: #fff;
    background-color:#990033;    
    */
    background-color:#EEDDDD;
}
.tableAlternatingRow
{
    background-color:#EEDDDD;
}

/* NEW CALENDAR AND DIRECTORY STYLES */

.courseNewTextZ {font-family: Verdana,Arial,Helvetica,sans-serif; font-weight:bold; font-size:xx-small; color:red;  }
.courseNewTextW { font-family: Verdana,Arial,Helvetica,sans-serif; font-weight:bold; font-size:xx-small; color:Red;  }
.courseShadedDefault { background-color:#EEDDDD; }
#courseShadedDefault th  { background-color:#EEDDDD; }
.courseShadedPurple { background-color:#EEEEFF; }
#courseShadedPurple th  { background-color:#EEEEFF; }

.courseShadedOrange { background-color:#FFE8CA; }
#courseShadedOrange th  { background-color:#FFE8CA; }
.courseShadedDarkGreen { background-color:#EEEECC; }
#courseShadedDarkGreen th  { background-color:#EEEECC; }
.courseShadedBlue { background-color:#E6F2FF; }
#courseShadedBlue th  { background-color:#E6F2FF; }
.courseShadedLightGreen { background-color:#E1FFE1; }
#courseShadedLightGreen th  { background-color:#E1FFE1; }
.courseShadedGrey { background-color:#E5E5E5; }
#courseShadedGrey th  { background-color:#E5E5E5; }
.courseShadedYellow { background-color:#FFFFCC; }
#courseShadedYellow th  { background-color:#FFFFCC; }

/* New Course Shades - NOTE: Styles must begin with 'courseShaded' to be applied */
.courseShadedArtDesi { background-color: #F5BC7C; /* #F2A755; ORIGINAL */ }
#courseShadedArtDesi th { background-color:#F5BC7C; }
.courseShadedCitiz { background-color:#A0CCE9; /* 7EB8E0 ORIGINAL */ }
#courseShadedCitiz th { background-color:#A0CCE9; }
.courseShadedDesiTech { background-color: #00D982; /* 00834F ORIGINAL */}
#courseShadedDesiTech th { background-color:#00D982; }
.courseShadedEng { background-color:#F9CE5E /* Orig #F7C134; */ }
#courseShadedEng th { background-color:#F9CE5E; }
.courseShadedPerSoc { background-color:#C4A8CC; /* B28DBC ORIGINAL */ }
#courseShadedPerSoc th { background-color:#C4A8CC; }
.courseShadedRelig{ background-color: #33C7FF; /* 00A2DC ORIGINAL */}
#courseShadedRelig th { background-color:#33C7FF; }
.courseShadedGeo{ background-color: #E19B62; /* C86E27 ORIGINAL */}
#courseShadedGeo th { background-color:#E19B62; }
.courseShadedHist { background-color: #B78BBE; /*  ORIGINAL */}
#courseShadedHist th { background-color:#B78BBE; }
.courseShadedICT { background-color: #E18C95; /* LIGHTER THAN ORIG D55966 ORIGINAL */}
#courseShadedICT th { background-color:#E18C95; }
.courseShadedMath { background-color: #55BBFF; /*  ORIGINAL 008CEA. LIGHTER 40B3FF*/}
#courseShadedMath th { background-color:#55BBFF; }
.courseShadedLang { background-color: #72B65A; }
#courseShadedLang th { background-color:#72B65A; }
.courseShadedMusic{ background-color: #E774A2; }
#courseShadedMusic th { background-color:#E774A2; }
.courseShadedPhysEd{ background-color: #66B8D2; } /* ORIGINAL 3391B0 */
#courseShadedPhysEd th { background-color:#66B8D2; }
.courseShadedScience { background-color: #F2A47D; } /* ORIGINAL EC7843*/
#courseShadedScience th { background-color:#F2A47D; }

/* ************************************* */
/*  Benefits Calculator                  */
/* ************************************* */
#fContainer label.benefits { float: left; width: 100%; padding-top: 0.2em; }

    div.row_wrapper { width: 90%; margin: 10px auto; padding: 0px; clear:both; border: 1px solid #ccc; }
    
    div.question { width: 80%; float:left; padding: 5px 5px 10px 5px;}
    div.question p { width: 90%; margin: 5px 0px; padding: 5px 5px 10px 5px; background:#fff; }
    
    div.answer { width: 13%; float:right; margin: 4px; padding: 0px 5px 0px 15px  ; background:#eee; }
    div.answer p { margin: 0; padding: 3px;  }    
    div.answer input { margin: 0 auto; padding: 2px; }
    div.answer select { margin: 0 auto; padding: 2px; border: 1px solid #ccc; }
    div.answer option { margin: 0 auto; padding: 2px; }
    hr.spacer { clear:both; border-width:0px; height: 1px; padding: 0px; margin: 0px; visibility: hidden; }
    div.ernieQ { width: 60%; float:left; }
    div.ernieQ p { width: 90%; margin: 5px 0px; padding: 5px 5px 10px 5px; background:#fff; }
    div.ndepQ { width: 40%; float:left; }
    div.ndepQ p { text-align: right;  width: 90%; margin: 5px 0px; padding: 5px 5px 10px 5px; background:#fff; }
    div.ansndep { width: 7%; float:left; margin: 4px; background:#eee; }
    
    div.esaQ {  float:left;    width: 95%;  }
    div.esaQ p { text-align: left;  width: 99%; margin: 0px 0px; padding: 5px 5px 5px 5px; background:#fff; }
    div.ansesa { width: 25%;   float:left;  margin: 5px 5px  5px  25px; padding: 0px 0px 5px 20px;  background:#eee; }
   .finalbox { 
   border:1px solid #C0C0C0;
   background-color:#FFFF99;
   color:black; 
   font-weight: bold;     
       } 
    .cyanbox { 
    border:1px solid #C0C0C0; 
    background-color:#CCFFFF; 
    color:black;
    font-weight: bold;     
        } 
    .bigblue {
    color:#0066FF;
    font-weight: bold;
    font-size: 1.5em;
    }