/* Site Name: Skills Development Scotland Site URI: --- Description: --- Version: 1.0 UPDATE INFO --------------------------------------- Revision number: 1.0 Last updated: 6 Mar 2010 Last update made by: CE CONVENTIONS --------------------------------------- hyphenate class / id names - #my-id-name, .my-class-name class / id names to start with lower case letter (ID's reserved for .net use will start with Upper case letter) CONTENTS ------------------------------------------ *01: Reset *02: Util classes & Phrase Elements *03: Default Styles (Typography, colour) *04: Structure (layout, size, positioning) *05: Common Containers & Subclasses *06: Forms *07: Custom Containers & Subclasses */ /* *01: Reset -----------------------------------------------------------------------------------------------------------------*/ body {color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} img{display:block;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} li {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:"'";} abbr,acronym {border:0;font-variant:normal;} sup,sub {vertical-align: text-top;} sub {vertical-align:text-bottom;} input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} /* *02: Util Classes ----------------------------------------------------------------------------------------------------------*/ .center { text-align: center; } .right { text-align: right !important; } .left { text-align: left !important; } .small { font-size: 0.9em !important;} #ie6 .small, #ie7 .small { font-size: 1em !important;} .float-right { float: right; } .float-left { float: left;} .clear { clear: both; } .uppercase { text-transform: uppercase; } .nowrap { white-space: nowrap; } .offscreen { position: absolute; left: -9999px; top: -9999px; } .hidden { display: none; } .self-clear { height: 1%; } .self-clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .no-right-margin { margin-right: 0 !important; } .no-left-margin { margin-left: 0 !important; } .no-top-margin { margin-top: 0 !important; } .no-bottom-margin { margin-bottom: 0 !important; } .hot { cursor:pointer; } /* *02a: Phrase Elements -------------------- */ strong, .bold { font-weight: bold !important; /*letter-spacing:1px;*/ } em, .italic { font-style: italic; } code { font-family: Courier, serif; color: #999; font-size: 0.5em; } cite { font-style: italic; } abbr, acronym { border-bottom: 1px dotted; cursor: help; } q { color: #fff; } blockquote { color: #fff; font-size: 1.1em; margin: 0 0 0.5em 0; } /* *03: Default Styles --------------------------------------------------------------------------------------------------------*/ body { font: 62.5%/1.6 Arial, Helvetica, sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */ background: #f2f2f2; color: #333; border-top: 5px solid #f2f2f2; } /* grid ============================== */ body.grid { background: #fff url(/Images/interface/grid.gif) repeat; } body.grid #master { background: url(/Images/interface/cols.png) repeat-y; } /*img { behavior: url(/scripts/iepngfix.htc) }*/ h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; letter-spacing: 0px; margin-bottom: 0; color: #006f87; font-weight: bold; } h1 { font-size: 3.2em; line-height: 1.1em; margin: 0 0 5px 0; font-weight: normal; border-bottom: 2px solid #ceccd7; padding-bottom: 3px; } h2 { font-size: 1.6em; line-height: 1.24em; margin: 17px 0 17px 0; } h2.subtitle { margin: 0 0 5px 0; font-size: 1.6em; } h3 { font-size: 1.4em; margin: 17px 0 17px 0; } h2 + p { margin: 0; } h3 + p { margin: 0; } p { font-size: 1.2em; line-height: 17px; margin: 17px 0 0 0; } a { color: #09748b; text-decoration: none; } a:hover, a:active { border-bottom: 1px dotted #09748b; } ul li { list-style-type: none; } ol li { list-style-type: decimal; } /* *04: Structure -------------------------------------------------------------------------------------------------------------*/ #bg { background: #fff; padding-bottom: 34px; min-height: 600px; } #ie6 #bg { height: 600px; } #sidebar-col { min-height:450px; } #ie6 #sidebar-col { height:450px; } #header { padding: 12px 0px 0 0px; width: 945px; height: 102px; margin: auto auto; position: relative; left: -15px; } #master { width: 960px; margin: auto auto; position: relative; left: -7px; } #ie6 #master { left: 0; } #master .layout { margin: 15px 0 34px 0; clear: both; } #master .one-col { width: 225px; float: left; margin-right: 15px; } #master .two-col { width: 465px; float: left; margin-right: 15px; } #master .three-col { width: 705px; float: left; margin-right: 15px; } #master .four-col { width: 945px; float: left; margin-right: 15px; } #master .common-features { padding-top: 17px; } #footer { background: #f2f2f2; border-top: 1px solid #cdccd7; padding: 17px 0px 84px 0px; } #footer ul { width: 945px; margin: 0 auto; position: relative; left: -15px; } #footer li { float: left; margin-right: 13px; } #footer li a { color: #666; font-size: 1.1em; } #footer li a:hover { color: #09748b; } /* *05: Common Containers & Subclasses ----------------------------------------------------------------------------------------*/ /* access keys ========================= */ #accesskeys { position: absolute; left: -99999px; top:0; } /* header ========================= */ #logo { background: url(/Images/interface/logo.gif) no-repeat; display: block; text-indent: -9999px; overflow: hidden; width: 113px; height: 77px; } #logo:hover { border: none; } #top-nav { position: absolute; top: 16px; right: 0; } #top-nav li { float: left; margin-left: 12px; } #top-nav li a { font-size: 1.1em; text-transform: uppercase; color: #666; } #top-nav li a:hover { color: #09748b; } #search { position: absolute; top: 50px; right: 0; } #search input { font-size: 1.1em; color: #999; border: none; background: #f2f2f2; padding: 5px 6px 5px 6px; width: 260px; } #search label { color: #666; text-transform: uppercase; margin-right: 10px; } #search .btn-submit { background: #006f87; color: #fff; padding: 4px 6px 4px 6px; margin-left: 3px; width: auto; } #ie6 #search .btn-submit, #ie7 #search .btn-submit { padding-bottom: 3px; } /* main nav ========================= */ #main-nav { border-top: 1px solid #cdccd7; margin-bottom: 11px; background: url(/Images/interface/bg-main-nav.gif) repeat-x bottom left; position: relative; z-index: 2; } #main-nav ul { width: 945px; margin: -1px auto 0 auto; position: relative; left: -15px; background: url(/Images/interface/bg-main-nav-li.gif) no-repeat top right; } #main-nav li { float: left; margin-right: 2px; background: url(/Images/interface/bg-main-nav-li.gif) no-repeat; position: relative; } #main-nav li.last { margin-right: 0; } #main-nav li a { display: block; font-size: 1.4em; font-weight: bold; width: 146px; padding: 6px 0 6px 10px; text-transform: uppercase; } #ie6 #main-nav li a { width: 145px; } #main-nav li a:hover, #main-nav li.selected a, #main-nav li.hover a { color: #FFF; } #main-nav li ul { position: absolute; top: 40px; left: -9999px; width: 144px; background: #fff; } #ie6 #main-nav li ul { width: 143px; } #main-nav li:hover ul, #main-nav li.hover ul { position: absolute; top: 40px; left: 0 !important; } #main-nav li ul li { width: auto; } #main-nav li ul li a { border: none; width: 134px; font-size: 1.2em; font-weight: normal; background: #fff !important; text-transform: none; } #ie6 #main-nav li ul li a { width: 130px; } /* breadcrumbs ========================= */ #breadcrumbs li { float: left; color: #000; font-weight: bold; font-size: 1.1em; margin: 4px 4px 0 0; } #breadcrumbs li a { color: #999; font-weight: normal; } #breadcrumbs li a:hover { color: #000;} /* standard content ========================= */ .article-date { padding-top: 5px; } #eventdetail-layout .article-date { padding-top: 2px; } #eventdetail-layout h2.subtitle { padding-top:5px; line-height: 1.2em; } .article-date, .article-categories { margin: 0; color: #000; font-weight: bold; } .article-categories a { font-weight: normal; } .lead-para { font-size: 1.4em; } .arrow-list, .body-copy ul, .body-copy ol { font-size: 1.2em; margin-top: 17px; } .body-copy ol { padding-left: 17px; } #ie6 .body-copy ol, #ie7 .body-copy ol { padding-left: 24px; } .arrow-list li, .body-copy ul li, .body-copy ol li { line-height: 17px; } .body-copy ol li { padding-left: 3px; } .arrow-list li, .body-copy ul li { background: url(/Images/interface/ind-arrow.gif) no-repeat 0 4px; padding-left: 13px; } .arrow-link { background: url(/Images/interface/ind-arrow.gif) no-repeat 0 4px; padding-left: 13px; font-size: 1.2em; } .feature-panel { border-bottom: 1px solid #cdccd7; padding-bottom: 12px; } .feature-panel h3 { background: #f6f6f6; border-bottom: 1px solid #cdccd7; padding: 8px 10px 8px 10px; line-height: 1.33em; color: #0085b1; margin-bottom: 12px; } .feature-panel h3 span { display: block; font-size: 85%; line-height: 1em; padding-bottom: 5px; color:#333; font-weight: bold; } .feature-panel p, .feature-panel p.lead-para { margin-top: 5px; margin-bottom: 15px; } .feature-panel img { float: left; margin-right: 17px; } .feature-panel .panel-categories { font-size: 1.1em; padding-top: 5px; margin-bottom: 5px; clear: both; } .one-col .feature-panel { border: none; background: none; } .one-col .feature-panel h3 { border: none; margin: 0; } .one-col .feature-panel p { margin: 0; padding: 10px; float: none; background: #f6f6f6; } .one-col .feature-panel img { float: none; margin: 0; width: auto; } .three-col .feature-panel { } .three-col .feature-panel img { } /* sub navigation ========================= */ #sub-nav { font-size: 1.2em; margin-bottom: 17px; padding-top: 10px; } #sub-nav h3 { margin: 0; border-bottom: 2px solid #006f87; padding-bottom: 1px; } #sub-nav ul { margin-top: 0px; } #sub-nav ul li { padding: 5px 0; border-bottom: 1px solid #cdccd7; } #sub-nav ul li a { color: #333; display: block; } #sub-nav ul li a:hover { border: none; color: #006f87; } #sub-nav ul li.selected a { color: #006f87; font-weight: bold; } #sub-nav ul li ul { margin-top: 0; padding-top: 4px; } #sub-nav ul li ul li { margin-top: 0; border: none; background: url(/Images/interface/ind-subnav.gif) no-repeat 0 10px; padding: 0 0 5px 8px; } #ie6 #sub-nav ul li ul li { height: 1%; } #sub-nav ul li.selected ul li a { color: #333; font-weight: normal; } #sub-nav ul li.selected ul li a:hover { border: none; color: #006f87; } #sub-nav ul li ul li.selected a { color: #006f87; font-weight: bold; } #sub-nav ul li ul li.selected ul li a { color: #333; font-weight: normal; } #sub-nav ul li ul li.selected ul li a:hover { border: none; color: #006f87; } #sub-nav ul li ul li ul li.selected a { color: #006f87; font-weight: bold; } /* tag cloud ========================= */ .tag-cloud { margin-bottom: 17px; padding-top: 3px; } .tag-cloud h3 { font-size: 1.2em; text-transform: uppercase; border-bottom: 1px solid #cdccd7; margin: 0 0 5px 0; padding: 8px 0; color:#006f87 !important; } .tag-cloud li { display: inline; } .tag-cloud .not-popular { font-size: 1em; } .tag-cloud .seldom { font-size: 1.2em; } .tag-cloud .common { font-size: 1.4em; } .tag-cloud .often { font-size: 1.6em; } .tag-cloud .popular { font-size: 1.8em; } .tag-cloud .selected a { color: #333; } .three-col .tag-cloud { border-top: 2px solid #006f87; border-bottom: 1px solid #006f87; margin: 17px 0 17px 0; background: #f6f6f6; padding: 0px 13px 13px 13px; } .three-col .tag-cloud h3 { margin: 0; } .three-col .tag-cloud ul { margin-bottom: 17px; } /* quote ========================= */ .quote { } .quote blockquote { padding: 10px; background: #f6f6f6; color: #006f87; font-size: 1.5em; line-height: 22px; margin: 0 0 2px 0; } .quote blockquote p { margin:0; padding:0; line-height: 22px; font-size: 110%; } img.optional-quote-image { float: right; clear: both; margin-bottom: 2px; } .also-interesting { clear: both; } /* sidebar listings ========================= */ .also-interesting, .thumbnail-listing { background: #f6f6f6; border-bottom: 1px solid #006f87; } .also-interesting h3, .thumbnail-listing h3 { border-top: 2px solid #006f87; background: #ebebeb; border-bottom: 1px solid #dcdcdc; padding-left: 13px; margin: 0; line-height: 1.5em; padding-top: 5px; padding-bottom: 5px; } .also-interesting h4, .thumbnail-listing h4 { font-weight: bold; font-size: 1.2em; color: #333; padding: 13px 13px 8px 13px; line-height: 1.3em; } .also-interesting h4 { color:#333 !important; } .also-interesting .arrow-list { border-bottom: 1px solid #dcdcdc; padding-bottom: 13px; margin: 0; } .also-interesting .last { border: none; } .also-interesting .arrow-list li { margin: 0 13px 10px 13px; } .also-interesting .arrow-list li a { display: block; height: 1%; } .also-interesting .arrow-list li a:hover { color:#333; border: none; text-decoration: underline; } .btn-acrobat { display: block; width: 112px; height: 33px; text-indent: -9999px; overflow: hidden; background: url(/Images/interface/btn-get-acrobat.jpg) no-repeat; margin: 13px; } .btn-acrobat:hover { border: none; } .thumbnail-listing { margin-bottom: 14px; } .thumbnail-listing li { clear: both; margin: 0 0 0px 13px; padding-top: 13px; } .thumbnail-listing a { float: left; } .thumbnail-listing a.arrow-link { display: block; width: 117px; margin-left: 10px; font-size: 1.1em; line-height: 14px; } .thumbnail-listing a.bottom-arrow-link { margin: 0 0 0 13px; clear: both; font-size: 1.2em; padding: 10px 0px 10px 13px; width: auto; background-position: 0 13px; display: inline; } .thumbnail-listing a.bottom-arrow-link:hover { border: none; text-decoration: underline; } .thumbnail-listing a:hover { border: none; text-decoration: underline; } /* listings ========================= */ ul.general-listing { padding-top: 15px; } ul.pressrelease-listing, ul#job-listing { border-top: 1px solid #cdccd7; padding-top: 12px; margin-top: 17px; } ul#job-listing { padding-top: 17px; } ul#job-listing li h2 { margin-top:0; padding-top:0; font-size: 1.4em; line-height: 1.4em; } .general-listing li, .search-listing li { border-bottom: 1px solid #cdccd7; padding-bottom: 6px; margin-bottom: 12px; } .general-listing li.last, .search-listing li.last { margin-bottom:0; } .search-listing li { border: none; } .search-listing { border-bottom: 1px solid #cdccd7; margin-bottom: 13px; } .general-listing h4, .search-listing h4 { font-size: 1.4em; line-height: 17px; } .general-listing img { float: right; margin: 0px 0px 10px 10px; } .general-listing p.subtitle, .general-listing p.date { font-size: 1.2em; font-weight:bold; } .general-listing p, .search-listing p { margin: 5px 0 5px 0; } .two-col-listing li { float: left; width: 344px; margin-right: 17px; border-top: 1px solid #cdccd7; border-bottom: none; padding-top: 13px; } div.paging-wrapper { background:#f6f6f6; padding: 10px 7px; } .pagination { float: right; } .pagination li { float: left; color: #333; font-size: 1.2em; margin-left: 5px; line-height: 17px; } .pagination a { background: #dadada; display: block; padding: 0px 5px 0px 5px; line-height: 17px; } .pagination a:hover { line-height: 16px; } .pagination .selected a { background: #006f87; color: #fff; } .pagination .selected a:hover { border: none; line-height: 17px; } /* *06: Forms -----------------------------------------------------------------------------------------------------------------*/ /* *07: Custom Containers & Subclasses ----------------------------------------------------------------------------------------*/ /* search listing / filter ========================= */ #search-filter { border-top: 2px solid #006f87; border-bottom: 1px solid #006f87; margin: 15px 0 16px 0; font-size: 1.2em; padding-bottom: 17px; } #search-filter li { padding: 17px 0px 0px 17px; } #search-filter label { font-weight: bold; width: 150px; display: block; float: left; } #search-filter input, #search-filter select { border: 1px solid #cdccd7; padding: 3px 5px 3px 5px; width: 500px; font-size: 1.2em; } #search-filter select { width: 200px; } #search-filter .btn-submit { background: #006f87; color: #fff; padding: 4px 6px 4px 6px; margin-left: 3px; width: auto; border: none; } h2 .with-tagline { font-size: 1.6em; } p.tagline { margin: 0; border-bottom: 1px solid #cdccd7; padding-bottom: 17px; margin-bottom: 17px; } /* tag listing ========================= */ #expand-tag-listing { background: url(/Images/interface/ind-arrow-down.gif) no-repeat 100% 6px; font-size: 1.2em; padding-right: 13px; margin-top: 17px; } #expand-tag-listing.up { background: url(/Images/interface/ind-arrow-up.gif) no-repeat 100% 6px; } /* Gallery listing ========================= */ #featured-gallery { background: #f6f6f6; padding: 17px; margin: 17px 0 17px 0; border-bottom: 1px solid #cdccd7; } .two-col #featured-gallery { padding-bottom: 32px; } #featured-gallery h2 { margin: 0; font-size: 1.6em; } #featured-gallery h3 { color: #333; font-size: 1.2em; line-height: 17px; margin: 0 0 17px 0; padding-bottom: 17px; border-bottom: 1px solid #cdccd7; } #featured-gallery #video-holder { width: 430px; background: #d4d4d4 url(/Images/interface/bg-video.gif) repeat-x bottom left; float: left; margin-right: 17px; } .two-col #featured-gallery #video-holder { margin: 0px 0 0 0px; display: inline; } #featured-gallery #video { width: 430px; height: 390px; background: #666; text-align: center; color: #fff; font-size: 1.2em; } #featured-gallery #video-holder ul { padding: 7px 0px 7px 0px; } #featured-gallery #video-holder li { float: left; } #featured-gallery #video-holder li a { border: 1px solid #fff; display: block; padding-left: 7px; } #featured-gallery #featured-gallery-data { } #featured-gallery #featured-gallery-data .lead-para { margin: 0 0 8px 0; } #featured-gallery #featured-gallery-data .arrow-link { margin-top: 17px; } /*Videoplayer*/ #video-holder-rhs { width: 225px; background: #d4d4d4 url(/Images/interface/bg-video.gif) repeat-x bottom left; float: left; margin: 10px 0 10px 0; } #video-holder-rhs #video { width: 225px; height: 210px; background: #666; text-align: center; color: #fff; font-size: 1.2em; } #video-holder-rhs #video-holder ul { padding: 7px 0px 7px 0px; } #video-holder-rhs #video-holder li { float: left; } #video-holder-rhs #video-holder li a { border: 1px solid #fff; display: block; margin-left: 7px; float:left;} /* Gateway Templates ========================= */ #gateway-feature { background: #006f87; margin-right: 15px; } #gateway-feature img { float: right; margin-left: 20px; } #gateway-feature h1 { color: #fff; padding: 20px 10px 3px 20px; line-height: 17px; margin: 0; font-size: 1.6em; font-weight: bold; border:none; } #gateway-feature p { padding: 0 10px 0 20px; color: #fff; margin-bottom: 17px; } #gateway-feature a { color: #fff; border-bottom: 1px dotted #fff; } #gateway-feature a:hover { color: #8dc7d3; } .four-col-pods li, .three-col-pods li { width: 225px; margin-right: 15px; float: left; border-top: 1px solid #cdccd7; margin-top: 34px; } .three-col-pods li { width: 305px; } .four-col-pods h2, .three-col-pods h2 { font-size: 1.4em; margin-top:0; font-weight: bold; border-bottom: 5px solid #006f87; line-height: 1.33em; padding-top: 8px; padding-bottom: 8px; } .four-col-pods p, .four-col-pods h2 + p { margin-top: 12px; } /* Site map ========================= */ .site-map { font-size: 1.2em; margin-bottom: 17px; } .site-map h3 { margin: 0; border-bottom: 2px solid #006f87; } .site-map ul { margin-top: 0px; } .site-map ul li { line-height: 24px; border-bottom: 1px solid #cdccd7; } .site-map ul li { border: none; font-weight: bold; } .site-map ul li { color: #333; } .site-map ul li a:hover { border: none; color: #006f87; } .site-map ul li.selected a { color: #006f87; font-weight: bold; } .site-map ul li ul { margin-top: 0; } .site-map ul li ul li { margin-top: 0; border: none; background: url(/Images/interface/ind-subnav.gif) no-repeat 0 10px; padding-left: 8px; } .site-map ul li ul li { font-weight: normal; } #master .right-col { margin-right: 0 !important; } .site-map .two-col { margin-right: 0 !important; } .site-map h3 { color: #333; margin-top: 17px; border-bottom: 1px solid #cdccd7; } #pages { float: left; display: inline; } /* job detail ========================= */ .job-info, #job-listing dl { background: #f6f6f6; font-size: 12px; padding: 15px; border-bottom: 1px solid #cdccd7; margin-bottom: 17px; } .job-info dt, #job-listing dt { font-weight: bold; float: left; clear: both; margin-right: 5px; } .closing-date { width: 160px; } .job-info dd, #job-listing dd { float: left; width: 250px; } #job-listing { margin-top: 15px;} #job-listing dl { background: none; padding: 0 0 7px 0; border: none; margin: 0; } #job-listing li { border-bottom: 1px solid #cdccd7; margin-bottom: 15px; padding-bottom: 15px; } #job-listing .arrow-link { margin-right: 17px; } div.report-download { border-top: 1px solid #cdccd7; border-bottom: 1px solid #cdccd7; padding: 10px 0; margin: 17px 0; } /* Homepage ========================= */ div.homepage-bottom-content { padding-top: 15px; } #homepage-feature { position: relative; height: 280px; } #homepage-feature .section { position: absolute; top: 0; left: 0; } .homepage-welcome { width: 291px; background: url(/Images/interface/bg-homepage-welcome.png) repeat; position: absolute; bottom: 4px; left: 0; color: #2a2723; padding: 12px; } #ie6 .homepage-welcome { background: #d0cfcf; } #individuals-data .homepage-welcome { background: url(/Images/interface/bg-homepage-welcome-individuals.png) repeat; } #ie6 #individuals-data .homepage-welcome { background: #dfdfdf; } #employees-data .homepage-welcome { background: url(/Images/interface/bg-homepage-welcome-employers.png) repeat; } #ie6 #employees-data .homepage-welcome { background: #bdbdbd; } #homepage-feature h2 { margin: 0; font-size: 1.6em; color: #2a2723; line-height: 17px; border-bottom: 1px solid #333; padding-bottom: 10px; } #homepage-feature p { margin: 10px 0 0 0; line-height: 1.3em; } #homepage-feature .arrow-link { color: #2a2723; background: url(/Images/interface/ind-arrow-black.gif) no-repeat 0 5px; display: block; margin-top: 10px; } #homepage-feature .arrow-link:hover { text-decoration: underline; border: none; } .homepage-quote { background: url(/Images/interface/bg-quote.png) no-repeat; width: 375px; position: absolute; bottom: 13px; right: 28px; } #ie6 .homepage-quote { background: url(/Images/interface/bg-quote.gif) no-repeat; } .quote-wrapper { background: url(/Images/interface/bg-quote-wrapper.png) no-repeat bottom right; padding: 15px 25px 15px 25px; } #ie6 .quote-wrapper { background: url(/Images/interface/bg-quote-wrapper.gif) no-repeat bottom right; } .homepage-quote blockquote { color: #006f87; font-size: 1.6em; line-height: 1.2em; } .homepage-quote p.quote-src { color: #006f87; font-size: 1.1em; line-height: 1.1em; margin: 0 !important; } #individuals-data { } #employees-data { } #providers-data { } .toberevealed { display: none; } #home-tabs.providers { /*border-top: 3px solid #d0cfcf; */margin-right: 15px; } #home-tabs.individuals { /*border-top: 3px solid #dfdfdf; */margin-right: 15px; } #home-tabs.employees { /*border-top: 3px solid #bdbdbd;*/ margin-right: 15px; } #home-tabs li { width: 315px; float: left; } #home-tabs li a { font-size: 1.4em; font-weight: bold; line-height: 34px; color: #000; display: block; padding-left: 13px; background: url(/Images/interface/ind-arrow-black.gif) no-repeat 300px 13px; } #home-tabs li.selected a { background: url(/Images/interface/ind-arrow-black-up.gif) no-repeat 297px 13px; } #home-tabs li#individuals { background: #dfdfdf; } #home-tabs li#employees { background: #bdbdbd; } #home-tabs li#providers { background: #d0cfcf; } #home-tabs li a:hover { border: none; } div.homepage-bottom-column { width: 630px; margin: 0 15px 0 0; float: left; } div.homepage-bottom-column-side { width: 300px; margin: 0 15px 0 0; float: right; } #ie6 div.homepage-bottom-column-side { margin:0; padding-right: 15px; } div.homepage-bottom-column { margin:0; } #who-what-how { border-bottom: 1px solid #0072b1; } #who-what-how li { width: 209px; margin-right: 1px; float: left; } #who-what-how li a { font-size: 1.4em; font-weight: bold; color: #fff; display: block; border-top: 1px solid #cdccd7; border-bottom: 5px solid #cdccd7; color: #0072b1; background: url(/Images/interface/bg-sub-tabs.gif) no-repeat; padding: 6px 0 6px 11px; } #who-what-how li.first a { background: none; padding-left: 0; } #who-what-how li.selected a { border-color: #0072b1; } #who-what-how .section { padding: 17px 0 17px 0; /*min-height: 180px; */} #ie7 #who-what-how .section { padding: 16px 0 16px 0; /*min-height: 180px; */} /*#ie6 #who-what-how .section { height: 180px; }*/ #who-what-how .section img { float: right; margin-left: 10px; } #who-what-how .section h3, #homepage-story h3, #homepage-bottom-pods h4, #latest-news h4 { font-size: 1.4em; font-weight: bold; padding: 6px 0; color: #e2007a; } #homepage-story h3 { border-top: 1px solid #cdccd7; border-bottom: 5px solid #cdccd7; margin: 0; padding-left: 10px; } #who-what-how .section h3 { margin: 0; padding: 0 0 10px 0; } #homepage #homepage-story h3, #homepage #homepage-story h3 a { color: #427487; } #who-what-how .arrow-link, #homepage-story .arrow-link, #homepage-bottom-pods .arrow-link, #latest-news .arrow-link { background: url(/Images/interface/ind-arrow.gif) no-repeat 0 6px; color: #0072b1; display: block; margin-top: 5px; clear: both; } #homepage-story .arrow-link { color: #427487; margin: 5px 0 0 0; zoom:1; } #who-what-how .arrow-link:hover, #homepage-story .arrow-link:hover, #homepage-bottom-pods .arrow-link:hover, #latest-news .arrow-link:hover { border: none; text-decoration: underline; } #homepage-story { background: #f2f2f2; } #homepage-story .story { width: 300px; } #homepage-story .content { padding: 16px 10px 16px 10px; min-height: 161px;} #ie6 #homepage-story .content { height: 162px; } #ie7 #homepage-story .content { min-height: 162px; } #homepage-story img { float: right; margin-left: 10px; } #homepage-story p { margin: 0; } #homepage-story div.story { display: none; } #homepage-story div.live-story { display: block; } #homepage h3 a { color: #0072b1; } #homepage h3 a:hover { border-color: #0072b1; } #homepage-bottom-pods { } #homepage-bottom-pods h4 { border-bottom: 1px solid #cdccd7; color: #007088; } #homepage-bottom-pods h4 a { color: #09748b; } #homepage-bottom-pods h4 a:hover { border-color: #09748b; } #latest-news h4 a:hover, #latest-news a:hover { border-color: #61660a; } #homepage-bottom-pods li { float: left; } #homepage-bottom-pods .tag-cloud li { float: none; } #homepage-bottom-pods .tag-cloud { margin-top: 10px; } #homepage-bottom-pods #useful-tools { width: 307px; margin-right: 15px; } #homepage-bottom-pods #popular-topics { width: 308px; margin-right: 0; } #homepage-bottom-pods #tools { height: 170px; background: #f3f3f3; } #latest-news { border-bottom: 1px solid #61660a; padding-bottom: 5px; border-top: 1px solid #427487; } #latest-news h4 { border-bottom: 1px solid #cdccd7; color: #007088; margin:0; } #latest-news h4 a { color: #61660a; } #latest-news li { margin-top: 15px; float: left; } #latest-news .img { float: left; margin-top: 3px; } #latest-news .content { float: left; width: 230px; margin-left: 10px; } #latest-news .content a { font-size: 12px; color: #61660a; font-weight: bold; line-height: 1.2em; } #latest-news .content a:hover { border-color: #61660a; } #latest-news .content p { margin: 0; line-height: 1.2em; } #latest-news .arrow-link { color: #61660a; background-image: url(/Images/interface/ind-arrow-green.gif); } #ie6 #who-what-how { } #ie6 #homepage-bottom-pods #popular-topics { margin: 0; } #ie6 #homepage-bottom-pods { } #master #contour fieldset { padding-left:0; } #master #contour legend { display: none; } /* Contour styles */ div#master #contour input, div#master #contour select, div#master #contour textarea { font-size: 1.2em; } div#master #contour { width: 100%; } div#master #contour .contourField { padding: 5px 0; width: 100%; } div#master #contour .contourField div { width: 355px; float: left; } div#master #contour { margin:0; padding:0; } div#master #contour .contourField label { font-weight: bold; color:#333; float: left; width:105px; font-size: 1.2em; } div#master #contour .contourField input, div#master #contour .contourField select, div#master #contour .contourField textarea { width: 295px !important; float: left; border: 1px solid #ccc; margin-right: 10px; margin:0; } div#master #contour .contourField input, div#master #contour .contourField textarea { padding: 2px;} div#master #contour .contourField textarea { margin:0; } div#master #contour .contourField select { width: 300px !important; } div#master #contour span.checkboxlist input { width: auto !important; float:left; clear: left; } div#master #contour span.checkboxlist label { width: auto !important; font-weight: normal; padding-left: 5px; float: left; } div#master #contour .checkbox input{ width: auto !important; float:left; clear: left; } div#master #contour .checkbox label{ width: 88%!important; float:right; clear:both; font-weight: normal; padding-left: 0;} div#master #contour .checkbox div {width: 10%; float: left; } div#master #contour fieldset { margin:0; padding:0; width: auto; border: none; } div#master #contour fieldset legend { display: none; } h4.contourPageName { display: none; } div#master #contour .mandatory input, div#master #contour .mandatory input.text, div#master #contour .mandatory textarea, div#master #contour .mandatory select { border: 1px solid #006f87; } div#master #contour .mandatory textarea { height: 120px; } #master .contourError { background: #ffbbbb !important; } #master div.contourNavigation { padding-left: 105px; padding-top: 10px; } #master div.contourNavigation input { background: #006f87; color:#fff; font-weight: bold; border:none; padding: 4px 8px; } /* Table styles */ table { font-size: 1.2em; line-height: 17px; width: 99%; padding:0; margin: 17px 0; } table th, table td.tbheading { padding: 6px 10px; background:#006f87; color:#fff; font-weight: bold; vertical-align: top; border-top: 1px solid #006f87; border-left: none; border-right: 1px dotted #fff;} table td.tbheading:first-child { border-left: 1px solid #006f87; } table td.tbheading:last-child { border-right: 1px solid #006f87; } table td { padding: 6px 10px; border: 1px solid #cdccd7; vertical-align: top; } table tr.alt td { background: #f6f6f6; } table tr.alt td.tbheading { background: #006f87; } /* Regional Map */ div#regionalMap { position: relative; } #regionalMapContent div.region-data h2 { background: #006f87; padding: 2px 6px; margin:0 0 10px 0; font-size: 1.1em; line-height: 1.55em; color:#fff; } #regionalMapContent div.region-data p { font-size: 1.1em; margin: 0 0 6px 0; padding:0; } ul#regionalMapContent { width: 450px; list-style: none; margin:0; padding:10px 0 0 0; } ul#regionalMapContent li { list-style: none; padding:0; background: none; line-height: 1px;} ul#regionalMapContent li div.region-data { margin:0 0 17px 0; line-height: 1.2em; } ul#regionalMapContent li a#regionlink1 { outline: none; z-index: 50; position: absolute; width: 22px; height: 22px; left: 302px; top: 240px; background: transparent url(../images/interface/maplink1.jpg) no-repeat left top; text-indent: -9999px; } ul#regionalMapContent li a#regionlink2 { outline: none; z-index: 50; position: absolute; width: 22px; height: 22px; left: 224px; top: 320px; background: transparent url(../images/interface/maplink2.jpg) no-repeat left top; text-indent: -9999px; } ul#regionalMapContent li a#regionlink3 { outline: none; z-index: 50; position: absolute; width: 22px; height: 22px; left: 246px; top: 327px; background: transparent url(../images/interface/maplink3.jpg) no-repeat left top; text-indent: -9999px; } ul#regionalMapContent li a#regionlink4 { outline: none; z-index: 50; position: absolute; width: 22px; height: 22px; left: 286px; top: 315px; background: transparent url(../images/interface/maplink4.jpg) no-repeat left top; text-indent: -9999px; } ul#regionalMapContent li a#regionlink5 { outline: none; z-index: 50; position: absolute; width: 22px; height: 22px; left: 233px; top: 148px; background: transparent url(../images/interface/maplink5.jpg) no-repeat left top; text-indent: -9999px; } ul#regionalMapContent li a#regionlink1:hover, ul#regionalMapContent li a#regionlink2:hover, ul#regionalMapContent li a#regionlink3:hover, ul#regionalMapContent li a#regionlink4:hover, ul#regionalMapContent li a#regionlink5:hover, ul#regionalMapContent li.selected a#regionlink1, ul#regionalMapContent li.selected a#regionlink2, ul#regionalMapContent li.selected a#regionlink3, ul#regionalMapContent li.selected a#regionlink4, ul#regionalMapContent li.selected a#regionlink5 { border: none; background-position: 0 -22px; outline: none; } ul#regionalMapContent div.enabled-region-data { display: none; width: 212px; height: 200px; margin:0; padding-top: 10px; background: transparent url(../images/interface/mapOverlay.png) no-repeat left top; } #ie6 ul#regionalMapContent div.enabled-region-data {background-image: url(../images/interface/mapOverlay.gif);} ul#regionalMapContent div.enabled-region-data h2 { margin: 0 10px 8px; width: 164px; } ul#regionalMapContent div.enabled-region-data p { margin-left: 16px; width: 175px; } ul#regionalMapContent li#mapregion1 div.enabled-region-data { position: absolute; left: 90px; top: 114px; } ul#regionalMapContent li#mapregion2 div.enabled-region-data { position: absolute; left: 12px; top: 194px; } ul#regionalMapContent li#mapregion3 div.enabled-region-data { position: absolute; left: 35px; top: 202px; } ul#regionalMapContent li#mapregion4 div.enabled-region-data { position: absolute; left: 75px; top: 189px; } ul#regionalMapContent li#mapregion5 div.enabled-region-data { position: absolute; left: 22px; top: 22px; } ul#regionalMapContent li.selected div.enabled-region-data { display: block; z-index: 100; } /* Colour Schemes */ body.One-Purple h1, body.One-Purple h2, body.One-Purple h3, body.One-Purple h4, body.One-Purple h1 a, body.One-Purple h2 a, body.One-Purple h3 a, body.One-Purple h4 a, body.One-Purple .quote blockquote, body.One-Purple .highlight { color:#7a2953; } body.One-Purple #gateway-feature { background:#7a2953; } body.One-Purple .four-col-pods h2, body.One-Purple .three-col-pods h2, body.One-Purple #sub-nav h3, body.One-Purple .also-interesting, body.One-Purple .thumbnail-listing { border-bottom-color:#7a2953; } body.One-Purple .also-interesting h3, body.One-Purple .thumbnail-listing h3 { border-top-color:#7a2953; } body.One-Purple #sub-nav ul li a:hover { color: #7a2953; } body.One-Purple #sub-nav ul li.selected a { color: #7a2953; } body.One-Purple #sub-nav ul li.selected ul li a { color: #333; } body.One-Purple #sub-nav ul li.selected ul li a:hover { color: #7a2953; } body.One-Purple #sub-nav ul li ul li.selected a { color: #7a2953; } body.One-Purple #sub-nav ul li ul li.selected ul li a { color: #333; } body.One-Purple #sub-nav ul li ul li.selected ul li a:hover { color: #7a2953; } body.One-Purple #sub-nav ul li ul li ul li.selected a { color: #7a2953; } body.Two-Orange h1, body.Two-Orange h2, body.Two-Orange h3, body.Two-Orange h4, body.Two-Orange h1 a, body.Two-Orange h2 a, body.Two-Orange h3 a, body.Two-Orange h4 a, body.Two-Orange .quote blockquote, body.Two-Orange .highlight { color:#c23900; } body.Two-Orange #gateway-feature { background:#c23900; } body.Two-Orange .four-col-pods h2, body.Two-Orange .three-col-pods h2, body.Two-Orange #sub-nav h3, body.Two-Orange .also-interesting, body.Two-Orange .thumbnail-listing { border-bottom-color:#c23900; } body.Two-Orange .also-interesting h3, body.Two-Orange .thumbnail-listing h3 { border-top-color:#c23900; } body.Two-Orange #sub-nav ul li a:hover { color: #c23900; } body.Two-Orange #sub-nav ul li.selected a { color: #c23900; } body.Two-Orange #sub-nav ul li.selected ul li a { color: #333; } body.Two-Orange #sub-nav ul li.selected ul li a:hover { color: #c23900; } body.Two-Orange #sub-nav ul li ul li.selected a { color: #c23900; } body.Two-Orange #sub-nav ul li ul li.selected ul li a { color: #333; } body.Two-Orange #sub-nav ul li ul li.selected ul li a:hover { color: #c23900; } body.Two-Orange #sub-nav ul li ul li ul li.selected a { color: #c23900; } body.Three-Green h1, body.Three-Green h2, body.Three-Green h3, body.Three-Green h4, body.Three-Green h1 a, body.Three-Green h2 a, body.Three-Green h3 a, body.Three-Green h4 a, body.Three-Green .quote blockquote, body.Three-Green .highlight { color:#61660a; } body.Three-Green #gateway-feature { background:#61660a; } body.Three-Green .four-col-pods h2, body.Three-Green .three-col-pods h2, body.Three-Green #sub-nav h3, body.Three-Green .also-interesting, body.Three-Green .thumbnail-listing { border-bottom-color:#61660a; } body.Three-Green .also-interesting h3, body.Three-Green .thumbnail-listing h3 { border-top-color:#61660a; } body.Three-Green #sub-nav ul li a:hover { color: #61660a; } body.Three-Green #sub-nav ul li.selected a { color: #61660a; } body.Three-Green #sub-nav ul li.selected ul li a { color: #333; } body.Three-Green #sub-nav ul li.selected ul li a:hover { color: #61660a; } body.Three-Green #sub-nav ul li ul li.selected a { color: #61660a; } body.Three-Green #sub-nav ul li ul li.selected ul li a { color: #333; } body.Three-Green #sub-nav ul li ul li.selected ul li a:hover { color: #61660a; } body.Three-Green #sub-nav ul li ul li ul li.selected a { color: #61660a; } body.Four-Blue h1, body.Four-Blue h2, body.Four-Blue h3, body.Four-Blue h4, body.Four-Blue h1 a, body.Four-Blue h2 a, body.Four-Blue h3 a, body.Four-Blue h4 a, body.Four-Blue .quote blockquote, body.Four-Blue .highlight { color:#0072b1; } body.Four-Blue #gateway-feature { background:#0072b1; } body.Four-Blue .four-col-pods h2, body.Four-Blue .three-col-pods h2, body.Four-Blue #sub-nav h3, body.Four-Blue .also-interesting, body.Four-Blue .thumbnail-listing { border-bottom-color:#0072b1; } body.Four-Blue .also-interesting h3, body.Four-Blue .thumbnail-listing h3 { border-top-color:#0072b1; } body.Four-Blue #sub-nav ul li a:hover { color: #0072b1; } body.Four-Blue #sub-nav ul li.selected a { color: #0072b1; } body.Four-Blue #sub-nav ul li.selected ul li a { color: #333; } body.Four-Blue #sub-nav ul li.selected ul li a:hover { color: #0072b1; } body.Four-Blue #sub-nav ul li ul li.selected a { color: #0072b1; } body.Four-Blue #sub-nav ul li ul li.selected ul li a { color: #333; } body.Four-Blue #sub-nav ul li ul li.selected ul li a:hover { color: #0072b1; } body.Four-Blue #sub-nav ul li ul li ul li.selected a { color: #0072b1; } body.Five-Mauve h1, body.Five-Mauve h2, body.Five-Mauve h3, body.Five-Mauve h4, body.Five-Mauve h1 a, body.Five-Mauve h2 a, body.Five-Mauve h3 a, body.Five-Mauve h4 a, body.Five-Mauve .quote blockquote, body.Five-Mauve .highlight { color:#5c62a1; } body.Five-Mauve #gateway-feature { background:#5c62a1; } body.Five-Mauve .four-col-pods h2, body.Five-Mauve .three-col-pods h2, body.Five-Mauve #sub-nav h3, body.Five-Mauve .also-interesting, body.Five-Mauve .thumbnail-listing { border-bottom-color:#5c62a1; } body.Five-Mauve .also-interesting h3, body.Five-Mauve .thumbnail-listing h3 { border-top-color:#5c62a1; } body.Five-Mauve #sub-nav ul li a:hover { color: #5c62a1; } body.Five-Mauve #sub-nav ul li.selected a { color: #5c62a1; } body.Five-Mauve #sub-nav ul li.selected ul li a { color: #333; } body.Five-Mauve #sub-nav ul li.selected ul li a:hover { color: #5c62a1; } body.Five-Mauve #sub-nav ul li ul li.selected a { color: #5c62a1; } body.Five-Mauve #sub-nav ul li ul li.selected ul li a { color: #333; } body.Five-Mauve #sub-nav ul li ul li.selected ul li a:hover { color: #5c62a1; } body.Five-Mauve #sub-nav ul li ul li ul li.selected a { color: #5c62a1; } body.Six-Turquoise h1, body.Six-Turquoise h2, body.Six-Turquoise h3, body.Six-Turquoise h4, body.Six-Turquoise h1 a, body.Six-Turquoise h2 a, body.Six-Turquoise h3 a, body.Six-Turquoise h4 a, body.Six-Turquoise .quote blockquote, body.Six-Turquoise .highlight { color:#00726e; } body.Six-Turquoise #gateway-feature { background:#00726e; } body.Six-Turquoise .four-col-pods h2, body.Six-Turquoise .three-col-pods h2, body.Six-Turquoise #sub-nav h3, body.Six-Turquoise .also-interesting, body.Six-Turquoise .thumbnail-listing { border-bottom-color:#00726e; } body.Six-Turquoise .also-interesting h3, body.Six-Turquoise .thumbnail-listing h3 { border-top-color:#00726e; } body.Six-Turquoise #sub-nav ul li a:hover { color: #00726e; } body.Six-Turquoise #sub-nav ul li.selected a { color: #00726e; } body.Six-Turquoise #sub-nav ul li.selected ul li a { color: #333; } body.Six-Turquoise #sub-nav ul li.selected ul li a:hover { color: #00726e; } body.Six-Turquoise #sub-nav ul li ul li.selected a { color: #00726e; } body.Six-Turquoise #sub-nav ul li ul li.selected ul li a { color: #333; } body.Six-Turquoise #sub-nav ul li ul li.selected ul li a:hover { color: #00726e; } body.Six-Turquoise #sub-nav ul li ul li ul li.selected a { color: #00726e; } body.Seven-GreyBlue h1, body.Seven-GreyBlue h2, body.Seven-GreyBlue h3, body.Seven-GreyBlue h4, body.Seven-GreyBlue h1 a, body.Seven-GreyBlue h2 a, body.Seven-GreyBlue h3 a, body.Seven-GreyBlue h4 a, body.Seven-GreyBlue .quote blockquote, body.Seven-GreyBlue .highlight { color:#427487; } body.Seven-GreyBlue #gateway-feature { background:#427487; } body.Seven-GreyBlue .four-col-pods h2, body.Seven-GreyBlue .three-col-pods h2, body.Seven-GreyBlue #sub-nav h3, body.Seven-GreyBlue .also-interesting, body.Seven-GreyBlue .thumbnail-listing { border-bottom-color:#427487; } body.Seven-GreyBlue .also-interesting h3, body.Seven-GreyBlue .thumbnail-listing h3 { border-top-color:#427487; } body.Seven-GreyBlue #sub-nav ul li a:hover { color: #427487; } body.Seven-GreyBlue #sub-nav ul li.selected a { color: #427487; } body.Seven-GreyBlue #sub-nav ul li.selected ul li a { color: #333; } body.Seven-GreyBlue #sub-nav ul li.selected ul li a:hover { color: #427487; } body.Seven-GreyBlue #sub-nav ul li ul li.selected a { color: #427487; } body.Seven-GreyBlue #sub-nav ul li ul li.selected ul li a { color: #333; } body.Seven-GreyBlue #sub-nav ul li ul li.selected ul li a:hover { color: #427487; } body.Seven-GreyBlue #sub-nav ul li ul li ul li.selected a { color: #427487; } li#nav-One-Purple a { color: #7a2953; border-bottom: 6px solid #7a2953; } li#nav-One-Purple a:hover, li#nav-One-Purple.selected a, li#nav-One-Purple:hover a, li#nav-One-Purple.hover a { background: #7a2953; } li#nav-Two-Orange a { color: #c23900; border-bottom: 6px solid #c23900; } li#nav-Two-Orange a:hover, li#nav-Two-Orange.selected a, li#nav-Two-Orange:hover a, li#nav-Two-Orange.hover a { background: #c23900; } li#nav-Three-Green a { color: #61660a; border-bottom: 6px solid #61660a; } li#nav-Three-Green a:hover, li#nav-Three-Green.selected a, li#nav-Three-Green:hover a, li#nav-Three-Green.hover a { background: #61660a; } li#nav-Four-Blue a { color: #0072b1; border-bottom: 6px solid #0072b1; } li#nav-Four-Blue a:hover, li#nav-Four-Blue.selected a, li#nav-Four-Blue:hover a, li#nav-Four-Blue.hover a { background: #0072b1; } li#nav-Five-Mauve a { color: #5c62a1; border-bottom: 6px solid #5c62a1; } li#nav-Five-Mauve a:hover, li#nav-Five-Mauve.selected a, li#nav-Five-Mauve:hover a, li#nav-Five-Mauve.hover a { background: #5c62a1; } li#nav-Six-Turquoise a { color: #00726e; border-bottom: 6px solid #00726e; } li#nav-Six-Turquoise a:hover, li#nav-Six-Turquoise.selected a, li#nav-Six-Turquoise:hover a, li#nav-Six-Turquoise.hover a { background: #00726e; } li#nav-Seven-GreyBlue a { color: #427487; border-bottom: 6px solid #427487; } li#nav-Seven-GreyBlue a:hover, li#nav-Seven-GreyBlue.selected a, li#nav-Seven-GreyBlue:hover a, li#nav-Seven-GreyBlue.hover a { background: #427487; } #main-nav li.last {width: 145px;} li#nav-One-Purple ul { border: #7a2953 solid; border-width: 0 6px 6px 6px; } li#nav-One-Purple ul li a { color: #7a2953 !important; } li#nav-One-Purple ul li a:hover { text-decoration: underline; } li#nav-Two-Orange ul { border: #c23900 solid; border-width: 0 6px 6px 6px; } li#nav-Two-Orange ul li a { color: #c23900 !important; } li#nav-Two-Orange ul li a:hover { text-decoration: underline; } li#nav-Three-Green ul { border: #61660a solid; border-width: 0 6px 6px 6px; } li#nav-Three-Green ul li a { color: #61660a !important; } li#nav-Three-Green ul li a:hover { text-decoration: underline; } li#nav-Four-Blue ul { border: #0072b1 solid; border-width: 0 6px 6px 6px; } li#nav-Four-Blue ul li a { color: #0072b1 !important; } li#nav-Four-Blue ul li a:hover { text-decoration: underline; } li#nav-Five-Mauve ul { border: #5c62a1 solid; border-width: 0 6px 6px 6px; } li#nav-Five-Mauve ul li a { color: #5c62a1 !important; } li#nav-Five-Mauve ul li a:hover { text-decoration: underline; } li#nav-Six-Turquoise ul { border: #00726e solid; border-width: 0 6px 6px 6px; } li#nav-Six-Turquoise ul li a { color: #00726e !important; } li#nav-Six-Turquoise ul li a:hover { text-decoration: underline; } li#nav-Seven-GreyBlue ul { border: #427487 solid; border-width: 0 6px 6px 6px; } li#nav-Seven-GreyBlue ul li a { color: #427487 !important; } li#nav-Seven-GreyBlue ul li a:hover { text-decoration: underline; } /* Homepage useful tools */ .infiniteCarousel { width: 307px; position: relative; } .infiniteCarousel .wrapper { width: 267px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */ overflow: auto; height: 170px; margin: 0 20px; position: absolute; top: 0; } .infiniteCarousel ul a img { } .infiniteCarousel .wrapper ul { width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:22px 0 0 0; padding:0; position: absolute; top: 0; } .infiniteCarousel ul li { display:block; float:left; padding: 10px 1px 10px 10px; width: 65px; margin-top: 15px; } .infiniteCarousel ul li img { width: 65px; } .infiniteCarousel ul li.selected, .infiniteCarousel ul li.selected img { width: 95px; margin-top:0; } .infiniteCarousel ul li a img { display:block; } .infiniteCarousel .arrow { display: block; height: 52px; width: 19px; text-indent: -999px; position: absolute; top: 55px; cursor: pointer; } .infiniteCarousel .forward { background: transparent url(../images/interface/usefultools-next.gif) no-repeat left top; right: 0; } .infiniteCarousel .back { background: transparent url(../images/interface/usefultools-prev.gif) no-repeat left top; left: 0; } .infiniteCarousel .forward:hover { border: none; } .infiniteCarousel .back:hover { border: none; } body#tinymce { background: #fff; padding:0; margin:0; } .highlight {font-weight:bold;} body#tinymce .highlight { background: yellow; } /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */ h2 { } h3 { } .highlight { } .normal { } p { } .lead-para { } .tbheading { } /* Fixed for IE 8 : On hover, paragraph text moves down*/ #who-what-how .section a:focus, #who-what-how .section a:hover, .general-listing a:hover, .general-listing a:focus, #homepage-story .content a:focus, #homepage-story .content a:hover { outline: none; border:none; } /*End : Fixes for IE 8*/