/************************************************************************* version 2.0 ERC site - Print CSS - by. IBT. Feb 09 *************************************************************************/ * ,body { margin: 0; padding: 0; } .clear { clear: both;} body { font: normal 0.85em/1.1em "Trebuchet MS", verdana, geneva, sans-serif; background: #fff; color: #666; text-align: center; } ul#skipnav {display: none;} /* page container box*/ .pagecontainer { margin: 0 auto; width: 99%; padding: 0; text-align: left;} /* hidden sections */ #toplinks, #PersonalizeForm, #header, #myercheade, #sitenav {display: none;} /* breadcrumb navigation */ #sitebread { clear: both; height: 27px; margin: 0 0 5px; padding: 0; background: transparent; color: #222; border-top: 1px solid#888; border-bottom: 1px solid#888; } #breadnav {float: left; width: 94.5%; margin: 0; padding: 0;} #breadnav ul {list-style-type: none; height: 25px; margin: 0; padding: 1px 0 0 3px;} #breadnav li {float: left; line-height: 25px; font-size: 0.9em; color: #222; background: transparent; padding: 0 0 0 5px;} #breadnav a, #breadnav a:link, #breadnav a:visited {background: transparent; color: #0064d3;} #breadnav a:hover {background: #fff; color:#7dc242; } #breadnav a:focus, #breadnav a:active {text-decoration: underline; background: #f90; color: #111; } /* Content */ #content {margin: 0; padding: 0; height: 100%; text-align: left; } #content a { color: #0064d3; background: transparent; text-decoration: underline;} #content a:visited {color: #7700d3; background: transparent;} #content a:hover {color: #7dc242; background: transparent;} #content a:focus,#content a:active {color: #fff; background: #7dc242;} /* External link Icon Handler */ #content a.external, #content a:link.external { background: transparent url(ext_link_icon.png) center right no-repeat; color: #0064d3; padding-right: 20px; text-decoration: none;} #content a:visited.external{color: #7700d3; background: transparent url(ext_link_icon.png) center right no-repeat;} #content a:hover.external{color: #7dc242; background: transparent url(ext_link_icon.png) center right no-repeat; text-decoration: underline;} #content a:focus.external, #content a:active.external {color: #fff; background: #7dc242 url(ext_link_icon.png) center right no-repeat;} /* Email link Icon Handler */ #content a.email, #content a:link.email { background: transparent url(email_icon.png) center right no-repeat; color: #0064d3; padding-right: 20px; text-decoration: none;} #content a:visited.email{ color: #7700d3; background: transparent url(email_icon.png) center right no-repeat; } #content a:hover.email{ color: #7dc242; background: transparent url(email_icon.png) center right no-repeat; text-decoration: underline;} #content a:focus.email, #content a:active.email { color: #fff; background: #7dc242 url(email_icon.png) center right no-repeat;} /*********************************************************************************************************************** home page box model stuff ************************************************************************************************************************/ #homepagecontainer { margin: 0; padding: 0;} #mainbody { float: left; width: 65%; margin: 5px 0 0 6px;} #sidebar {float: right; width: 32%; background: transparent; color: #fff; margin: 5px 6px 0 0; } /* Firefox and Safari hack*/ html>body #mainbody {margin-left: 6px;} html>body #sidebar {margin-right: 6px;} #mainfeature { margin: 0 0 5px; background: #fff; color: #222;} #mainfeaturetext {border: 1px solid #c0c0c0; padding: .5em 1em; min-height: 260px; overflow: inherit; height: 100%; } /* Firefox and Safari hack*/ html>body #mainfeaturetext { min-height: 225px; height: 100%; } #mainfeature h2.blue { background: transparent url(blue_box.png) top right no-repeat; color: #fff; height: 1.5em; line-height: normal; padding-left: 10px;} #mainfeature img { float: right; margin: 10px 15px 0 15px; padding: 0; } #mainfeature p { font-size: 1em; line-height: 1.3em; margin: 0.2em 0 0.7em 0.2em ;} #mainfeature ul { margin: 0 0 10px 20px;} #mainfeature li { font-size: 1em; line-height: 1.1em; margin: 0 0 10px;} #featuregroups {clear: both; margin: 0 0 25px; display: block; } /* Image Gallery Main Feature Text Box */ #mainfeaturegallerytext { border: 1px solid #c0bfc0; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 191px; background: #fff url(mdcnt.png) bottom left repeat-x; color: #222 } #mainfeaturegallerytext .headline { float: left; font-size: 1.4em; padding: .2em; text-align: left; font-variant: small-caps;} #mainfeaturegallerytext .tagline { font-size: .75em; padding: 0.5em; font-style: italic;font-variant: normal;} */ #ERCGallery { float: left; width: 338px; height: 191px;} /* box model modules */ #modules1, #modules2, #modules3 { margin: 0 0 5px 0; } #modules1 { position: relative; z-index: 10; float: left; width: 48%; } #modules2 { float: right; width: 48%; } #modules3 { background: transparent; color: #222;} .module h2 { position: relative; margin: 5px 0 0; padding: 2px 5px 0; font-size: 1em; line-height: 1.1em; height: 1.5em;} * html .module h2 { height: 1px; } .module h2 a { position: absolute; top: 20%; right: 5px; width: 18px; height: 18px; overflow: hidden; margin: -4px 0 0 0; } .module h2 a img {display: block; border: none; } .collapsed h2 a img { position: relative; top: -18px; border: none; } .moduleContent { border: 1px solid #666; border-top: none; padding: 5px; font-size: 0.95em; background: #fff url(mdcnt.jpg) bottom left repeat-x; color: #222; margin-bottom: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .collapsed .moduleContent { display: none;} .moduleContent ul { list-style: none; padding: 0;} * html .moduleContent li { height: 1px; } .moduleContent p { padding: 4px 0 10px; } .moduleContent img {border: none; padding: 0 5px 5px 0;} .moduleContent .rssicon {position: relative; top: 5px; right: 0px;} .moduleContent .imgright img {float: right; width: auto; border: 1px solid #333; background: #fff; color: #222; padding: 5px; margin: 0 0 5px 5px;} .moduleContent ul {margin-bottom: 5px; } .moduleContent li { margin: 0 2px 3px; padding: 3px 4px; font-size: 0.95em; line-height: 1.6em; width: 95%; list-style-type: none; border: 1px solid #d3d3d3; } .moduleContent li .newsdate { float: left; width: 99.9%; font-size: 0.9em; background: transparent;color: #666; padding: .2em;} .moduleContent li a.newslink { float: left; width:99.9%;font-weight: bold; text-decoration: none; } .moduleContent label {font-weight: bold;} .moduleContent .formfield {border: 1px solid #d3d3d3; margin: 0 2px 3px; padding: 3px 4px; } .moduleContent .headerline { background: #e0e0e0; color: #222; border: 1px solid #888; margin: 3px 0 3px; padding: 3px 4px;} .mag_glass {background: #fff url(mag_glass.gif) center left no-repeat; color: #555; padding-left: 25px; line-height: normal;} .submit {background: #bee0a0; color: #111; height: 20px;} #ghost { position: absolute; z-index: 20; width: 280px; backgroundr: #000; opacity: 0.5; color: #000001; filter: alpha(opacity=50); } #ghost .module { opacity: 0.65; filter: alpha(opacity=50); } #ghostMarker { position: absolute; z-index: 15; width: 280px; height: 50px; overflow: hidden; border: 5px dashed #888; background: #ccc; color: #111;} /* colours for modules */ #content #modulenews, #content #moduletalis, #content #modulefoodhygiene, #content #modulejobs, #content #modpics, #content #moduleplansrch, #content #modulebusdir, #content #moduleevents, #content #modulecouncillor, #content #modulerubrec, #content #modulemapsol, #content #moduleclubsoc, #content #modpics, #content #modulefaqs { background: transparent url(blue_box.png) top right no-repeat; color: #fff; } #content #myercmod1, #content #myercmod2, #content #myercmod3, #content #myercmod4, #content #myercmod5, #content #myercmod6, #content #myercmod7, #content #myercmod8, #content #myercmod9, #content #myercmod10, #content #myercmod11 { background: transparent url(green_box.png) top right no-repeat; color: #fff; } /* MyERC Control Panel classes */ #content #myerc_control { background: transparent url(boxcp.png) top right no-repeat; color: #fff; } #content #myerc_control .moduleContent{ background: #f4f4f4 url(myerc_cp.png) bottom left repeat-x; color: #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-top: none; padding: 10px 15px; height: 100px; margin-bottom: 20px; } #content #modpics .moduleContent {height: 100%;} #content #myerc_control .moduleContent li{ text-align: center; color: #111; margin: 5px; padding: 0px; font-size: 1.2em; font-weight: bold; } /* control panel links */ #content #myerc_control .moduleContent li a,#content #myerc_control .moduleContent li a:link { display: block; color: #fff; background: #788baa; text-decoration: none; padding: 0; border: 2px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #content #myerc_control .moduleContent li a:visited {color: #fff; background: #788baa;} #content #myerc_control .moduleContent li a:hover {color: #788baa; background: #fff; border: 2px solid #788baa; } #content #myerc_control .moduleContent li a:focus, #content #myerc_control .moduleContent li a:active {color: #fff; background: #7dc242;} #content #modulenews h2, #content #modulefoodhygiene h2, #content #moduleplansrch h2, #content #modulejobs h2, #content #modulebusdir h2, #content #moduleevents h2, #content #modulefaqs h2, #content #modulecouncillor h2, #content #modulerubrec h2, #content #modulemapsol h2, #content #moduleclubsoc h2 { background: transparent; color: #fff; height: 1.2em; } /* Main Content */ #maincontent {margin: 0; padding: 0;} #publicationcontent { margin: 0 0 0 10px; padding: 0; background: #fff; color: #333;} #contentarea { margin: 0; height: 100%; } #contenttext { float: left; width: 92%; padding: 0 0 15px; border: 1px dotted #fff; margin: 0 0 0 15px; } #contenttext .Business {background: transparent; color: #66c;} #contenttext .Community {background: transparent; color: #396;} #contenttext .Council {background: transparent; color: #c63;} #contenttext .Education {background: transparent; color: #06c;} #contenttext .Housing { background: transparent; color: #c30;} #contenttext .Jobs { background: transparent; color: #060;} #contenttext .Law {background: transparent; color: #900;} #contenttext .Planning {background: transparent; color: #636;} #contenttext .Social {background: transparent; color: #a00; } #contenttext .Tourism {background: transparent; color: #c00;} #contenttext .Transport {background: transparent; color: #066;} #contenttext .System {background: transparent; color: #50a12a;} #contenttext p { font-size: 0.985em; line-height: 1.4em; margin: 0 0 1em;} #contenttext h2 { clear: both; font-size: 1.7em; line-height: 1.85em; font-weight: bold; margin: 0 0 5px;} #contenttext h3 { font-size: 1.45em; line-height: 1.65em; font-weight: bold; margin: 0 0 5px;} #contenttext h4 { font-size: 1.25em; line-height: 1.35em; font-weight: bold; margin: 0 0 5px;} #contenttext ul, #contenttext ol, .yui-content ul , .yui-content ol {margin: 10px 0 10px 25px;} #contenttext li, .yui-content li {margin: 0 0 5px; line-height: 1.1em; } #contenttext li p {margin: 0 0 10px; line-height: 1.1em; } #contenttext ol {padding-left: 25px;} /** Address **/ #contenttext address {font-style: normal; font-size: .95em; width: 55%; background: transparent url(vcard.jpg) top left no-repeat; height: 100%; line-height: 1.35em; margin: 5px 10px 10px 20px; padding: .5em .5em .5em 6em; border: 1px solid #ddd; border-right: 3px solid #ddd; border-bottom: 3px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #contenttext address img {float: right; width: auto; } /* tables */ #contenttext table { margin: 10px; margin-bottom: 15px; font-size: 1em; padding: 5px;} #contenttext caption, .simpletable caption { margin: 5px; background: #f3f9ee; color: #555; text-align: right; font-size: 0.95em; padding: 3px 5px;} tr.header { background-color: #555; color: #fff; border: 1px solid #111;} tr.odd { background-color: #f3f3f3; color: #222; } tr.even { background-color: #e0e0e0; color: #222;} th { background-color: #555; color: #fff; border: 1px solid #111;padding: 5px;} td { padding: 5px;border: 1px solid #111;} /* additional legacy tags for content area */ #contenttext .right { text-align: right;} #contenttext .justify { text-align: justify;} #contenttext .textcenter, p .center { text-align: center;} #contenttext .underline { text-decoration: none;} #contenttext .code { font-family: monospace; background: #ffe; color: #000; padding: 2px; border: 1px dotted #07334c; } #contenttext .small { font-size: 0.9em; } /* images */ #contenttext img, #contenttext a img {border: none;} #contenttext .right img, #contenttext .imgrightnoborder img {float: right; width: auto; margin: 5px 0 5px 10px;} #contenttext .left img, #contenttext p.left img, .yui-content p.leftt img { float: left; width: auto; margin: 5px 10px 5px 0;} #contenttext .center img, #contenttext p.center img, .yui-content p.center img { clear: both; margin: 5px auto; width: auto; margin-bottom: 15px; display: block;} /* news article images */ .yui-content .right img {float: right; width: auto; margin: 5px 0 5px 10px; border: 1px solid #000;} .yui-content .imgrightnoborder img {float: right; width: auto; margin: 5px 0 5px 10px; border:none;} /* floated images */ #contenttext .imgright img {float: right; width: auto; margin: 5px 0 5px 10px; } #contenttext .imgleft img {float: left; width: auto; margin: 5px 10px 5px 0;} /* Content Layout classes */ #contenttext .leftimg img, .yui-content .leftimg img {float: left; width: auto; margin: 0 10px 20px 0; padding: 5px;} #contenttext hr.line {margin: 5px auto; height: 1px; background: #c0c0c0; color: #c0c0c1t; border: 0;} #contenttext hr.noline {margin: 5px auto; height: 0px; background: #fff; color: white; border: 0;} /* Form tags */ form, fieldset {border: none; } fieldset {padding: .5em 1em; margin: .5em;} .Search {position:relative; width: 90%; padding: 5px; border: 1px solid #333; margin: 0 10px ; margin-bottom: 20px; background: #fff; color: #111;} .SearchSmall {width: 85%; padding: 10px; border: 1px solid #333; margin: 0 10px; margin-bottom: 20px; background: transparent; color: #111;} .SearchFeature {width: 85%; padding: 5px; margin: 0 10px; margin-bottom: 20px; background: transparent; color: #111;} .SearchMini {float: left; width: 41%; padding: 10px; border: 1px solid #333; margin: 0 10px; margin-bottom: 20px; background: transparent; color: #111;} .SearchMini .right {float: right; width: auto; padding: 2px 2px 5px 10px;} .AMR {margin: 0 auto; width: auto; padding: 5px; border: 1px solid #333; margin-bottom: 20px; background: transparent; color: #111;} .AMR label {font-weight: bold; line-height: normal; padding: 0 5px; } .flickrform {float: left; width: 60%; padding: 10px; border: 1px solid #333; margin: 0 10px; margin-bottom: 20px; background: transparent; color: #111;} .legendborder { border: 1px solid #222; padding: 5px 8px; background: #e2e2e2; color: #111; margin-bottom: 10px;} .searchtext { clear: both; padding: 5px 10px; height: 35px; background: #fff; color: #222;} .minitext {float: left; width: 75%; padding: 5px; background: #fff; color: #222;} .Search label, .SearchMini label {font-weight: bold; line-height: normal; height: 24px; padding: 0 5px; text-align: right;float: left; width: 30%; border: 1px none; display: block;} .Search label .textarealabel, .textarealabel {height: 100px; border: 1px none; vertical-align: top;} .SearchSmall label, .SearchFeature label, .flickrform label {font-weight: bold; line-height: normal; height: 24px; padding: 0 5px;} .Search label .longtitle {float: left; width: 350px;} .Search label .fulltitle {float: left; width: 650px; text-align: left;} .Search .radiobuttonbox {float: left; width: 5em; text-align: right;} .Search .radiobutton label {float: left; width: 5em; font-weight: bold; margin: 0 5px; text-align: left; border: 1px none; display: block;} .Search .eg {font-size: 0.85em; line-height: 24px; padding: 0 0 0 15px;} input, textarea {border: 1px solid #333; padding: 1px; line-height: 16px; font: 0.9em/1em "Trebuchet MS", verdana, geneva, sans-serif;} option, select {font: 0.95em/1em "Trebuchet MS", verdana, geneva, sans-serif;} input[type="radio"],input[type="checkbox"] { background: transparent; color: #fff; border: none;} input[type="reset"], input .reset { background:#007ac2; color: #fff; height: 25px; float: right; width: auto;} input[type="submit"] {background:#7dc242; color: #fff; height: 25px;} input[type="text"] {border: 1px solid #333; height: 18px;} .frm_option {width: 50px;border: 1px solid #333;} select .wide, .wide {width: 190px;border: 1px solid #333;} select .year {width: 110px;border: 1px solid #333;} select .postcode_small {width: 50px; border: 1px solid #333; height: 18px;} label.questionlabel {float: left;width: 99%; height: 100%;border: 1px none; display: block; text-align: left; margin-bottom: .5em;} ul.radiolist, ul.menulist { list-style: none; margin-top: -1em;} ul.menulist li {float: left; width: 50%;} ul.radiolist li {float: left;width: 20%; } ul.radiolist li.large, ul.menulist li.large {float: left;width: 40%;} ul.radiolist li.ninety, ul.menulist li.ninety {float: left;width: 90%; } ul.radiolist li label {float: left; width: 70%;} ul.menulist li label {float: left; width: 50%;} fieldset p.large label {width: auto; text-align: left;} ul.fullwidth {width: 95%; list-style-type: none;} ul.fullwidth li {float: left; width: 90%; margin: 0 0 5px; height: 25px; line-height: 24px;} ul.fullwidth li label {float: left; width: 85%; text-align: right; } ul.fullwidth li input {float: left; width: 20px; margin: 0 10px; text-align: center; } .header { background-color: #e0e0e0; color: #222; padding: 5px; list-style: none; border: 1px solid #666; width: 500px;} #contenttext li .odd, li.odd, .faqodd { background: #f3f3f3; color: #222; padding: 5px 10px; list-style: none; border: 1px solid #888; width: 500px;} #contenttext li .even, li.even, .faqeven { background: #e0e0e0; color: #222; padding: 5px 10px; list-style: none; border: 1px solid #888; width: 500px;} .headerline { background: #e0e0e0; color: #222; width: 95%; padding: 5px; border: 1px solid #666; margin: 3px 0;} .oddline { background: #f6f6f6; color: #222; width: 95%; padding: 5px; border: 1px solid #888; margin: 3px 0;} .evenline { background: #ececec; color: #222; width: 95%; padding: 5px; border: 1px solid #888; margin: 3px 0;} .rightlink {float: right; width: auto; margin: -1.2em .5em 0 1em;} .evenline ul, .oddline ul {margin-left: 2em;} .oddline img, .evenline img {border: none;} .oddevent { background: #f6f6f6 url(oddevent.jpg) bottom left repeat-x; color: #222; width: 90%; padding: 10px; border: 1px solid #888; margin: 15px 0; -moz-border-radius: 5px;-webkit-border-radius: 5px;} .evenevent { background: #ececec url(evenevent.jpg) bottom left repeat-x; color: #222; width: 90%; padding: 10px; border: 1px solid #888; margin: 15px 0; -moz-border-radius: 5px;-webkit-border-radius: 5px;} a.odd {padding: 4px 2px 6px; background: #fcfcfc; color: #222; border-bottom: 1px dotted #ddd; width: 110px; display: block;} a.even { padding: 4px 2px 6px; background: #f3f3f3; color: #222; border-bottom: 1px dotted #ddd; width: 110px; display: block;} #newssearch {float: left; width: 30%; background: #ecf5fb; color: #fff; margin: 0 0; min-height: 550px ;height: 100%; padding: 0 0 15px;} #newssearch h3 {background: #fff; color: #50a12a; margin: 5px 10px 5px 5px; font-size: 1.15em; line-height: 1.2em; line-height: 1.3em;border: 1px solid #50a12a; padding: 3px 0 3px 5px;} #atozlist, #pageination { margin: 10px auto; width: 570px; padding: 0; list-style: none; } #atozlist li { float: left; width: 2.7%; margin: 2px;} #pageination li {float: left; width: 15%; margin: 2px; text-align: center; padding: 2px 0;} a.atoz {display: block; font-weight: bold; text-decoration: none; text-align: center;} a.atoz:hover {text-decoration: underline;} a.atoz:active {text-decoration: none; } /* MyERC classes */ /* LOG IN */ #logincontainer {clear: both; padding: 1.5em 2.2em; background: #fff; color: #111;} #logincontainer h2, #signupcontainer h2 {font-size: 1.5em; line-height: 1.1em; margin: 0 0 5px; padding: 0 0 5px; color: #111; background: transparent; } #logincontainer p, #signupcontainer p { font-size: 1em; line-height: 1.1em; margin: 3px 0 10px;} #logincontainer ul, #signupcontainer ul { margin: 10px 0 10px 25px; } #logincontainer li, #signupcontainer li {margin: 0 0 5px; line-height: 1.1em;} #logincontainer #boxholder {margin: 15px auto; margin-bottom: 0;width: 100%; } #logincontainer #boxholder #box1, #logincontainer #boxholder .box {float: left; width: 265px; height: 265px; background: transparent url(loginbox.jpg) top left no-repeat; padding: 10px; margin: 0 10px 0 0; } #logincontainer #boxholder #box2 {float: left; width: 255px; height: 265px; background: transparent url(box_small.gif) top left no-repeat; padding: 10px 15px; margin: 0 0 0 20px; } #logincontainer #boxholder #box1 h3, #logincontainer #boxholder #box2 h3, #logincontainer #boxholder .box h3 { font-size: 1.35em; background: transparent; color: #111; margin: 20px 0; } #logincontainer #boxholder #box1 p, #logincontainer #boxholder #box2 p, #logincontainer #boxholder .box p { font-size: 0.9em; margin: 0 0 10px; } #logincontainer #boxholder #box1 form, #logincontainer #boxholder #box2 form, #logincontainer #boxholder .box form { padding: 10px 5px 5px;} #logincontainer #boxholder #box1 label, #logincontainer #boxholder .box label { width: 40%; font-weight: bold; text-align: right; padding: 0 10px 0 0; line-height: normal; } #logincontainer #boxholder #box1 .loginbutton, #signupcontainer #boxholderlarge .box .loginbutton {background: #007ac2; color: #fff; height: 25px; font-weight: bold;} #logincontainer #boxholder #box2 label { float: left; width: 99%; font-weight: bold; text-align: left; padding: 0 10px 0 0; line-height: normal; } #logincontainer #boxholder #box2 input.large { margin: 10px auto; width: 50%; height: 50px; padding: 2% 5px; background:#7dc242; color: #fff; font-size: 1.2em; font-weight: bold;line-height: normal;} /* SIGN UP */ #signupcontainer {clear: both; padding: 1.5em 2.2em; background: #fff; color: #111;} #signupcontainer h3 { font-size: 1.25em; line-height: 1.65em; font-weight: bold; margin: 0 0 5px;} #signupcontainer #boxholderlarge {margin: 15px auto; width: 100%; margin-bottom: -10px; } #signupcontainer #boxholderlarge .box {float: left; margin: 0 1% 20px 0; width: 189px; height: 365px; background: transparent url(box_signup.gif) top left no-repeat; color: #111; padding: 10px;} #signupcontainer #boxholderlarge .box h3 {font-size: 1.35em; background: transparent; color: #111; margin: 20px 0; } #signupcontainer #boxholderlarge .box p {font-size: 1.2em; margin: 0 0 10px; font-weight: bold;} #signupcontainer #boxholderlarge .box p.hints {font-size: 0.85em; margin: 0 0 10px; font-weight: normal; } #signupcontainer #boxholderlarge .box form {padding: 10px 5px 15px;} #signupcontainer #boxholderlarge .box label { font-weight: bold; font-size: 0.85em; padding: 0 10px 0 0; line-height: normal; } #signupcontainer #boxholderlarge .box input {} /* Content area */ #BusinessContentArea, #CommunityContentArea, #CouncilContentArea, #EducationContentArea, #HousingContentArea, #JobsContentArea, #LawContentArea, #PlanningContentArea, #SocialContentArea, #TourismContentArea, #TransportContentArea, #SystemContentArea { margin: 0; padding: 0; border: 0px; } #BusinessContentArea, #CommunityContentArea, #CouncilContentArea, #EducationContentArea, #HousingContentArea, #JobsContentArea, #LawContentArea , #PlanningContentArea, #SocialContentArea, #TourismContentArea, #TransportContentArea, #SystemContentArea { background: #fff; color: #333; } /* Left Nav */ #leftnav {display: none;} /* Gateway area */ #BusinessGateway, #CommunityGateway, #CouncilGateway, #EducationGateway, #HousingGateway, #JobsGateway, #LawGateway, #PlanningGateway, #SocialGateway, #TourismGateway, #TransportGateway { min-height: 8.6em; height: 100%; margin: 0 0 15px 10px; padding: 0; } #BusinessGateway img, #CommunityGateway img, #CouncilGateway img, #EducationGateway img, #HousingGateway img, #JobsGateway img, #LawGateway img, #PlanningGateway img, #SocialGateway img, #TourismGateway img, #TransportGateway img {float: right; width: auto; margin: 0 20px;} #gtwybox {float: left; width: 65%; border: 1px solid #ccc;} #gtwybox h2 {padding: 7px 0 7px 25px; font-size: 0.95em; font-weight: bold;} #gtwy-txt {float: left; width: 60%; padding: 10px 15px 10px 5px;} #gtwy-txt img {float: none; width: auto; margin: 0; } #gtwy-cnt h3 {padding: 7px 0 7px 10px; font-size: 0.95em; font-weight: bold; margin: 0 0 5px;} #gtwy-txt p {margin: 0 0 8px;} #gtwy-cnt {float: left; width: 30%; margin: 5px 0 5px 15px;} #gtwy-cnt p {padding: 5px 5px 10px;} #BusinessGateway #gtwybox h2 {background: #66c; color: #fff; } #BusinessGateway #gtwy-cnt h3 {background: #66c; color: #fff; } #CommunityGateway #gtwybox h2 {background: #396; color: #fff; } #CommunityGateway #gtwy-cnt h3 {background: #396; color: #fff; } #CouncilGateway #gtwybox h2 {background: #c63; color: #fff; } #CouncilGateway #gtwy-cnt h3 {background: #c63; color: #fff; } #EducationGateway #gtwybox h2 {background: #06c; color: #fff; } #EducationGateway #gtwy-cnt h3 {background: #06c; color: #fff; } #HousingGateway #gtwybox h2 {background: #c30; color: #fff; } #HousingGateway #gtwy-cnt h3 {background: #c30; color: #fff; } #JobsGateway #gtwybox h2 {background: #060; color: #fff; } #JobsGateway #gtwy-cnt h3 {background: #060; color: #fff; } #LawGateway #gtwybox h2 {background: #900; color: #fff; } #LawGateway #gtwy-cnt h3 {background: #900; color: #fff; } #PlanningGateway #gtwybox h2 {background: #636; color: #fff; } #PlanningGateway #gtwy-cnt h3 {background: #636; color: #fff; } #SocialGateway #gtwybox h2 {background: #a00; color: #fff; } #SocialGateway #gtwy-cnt h3 {background: #a00; color: #fff; } #TourismGateway #gtwybox h2 {background: #c00; color: #fff; } #TourismGateway #gtwy-cnt h3 {background: #c00; color: #fff; } #TransportGateway #gtwybox h2 {background: #066; color: #fff; } #TransportGateway #gtwy-cnt h3 {background: #066; color: #fff; } /* Gateway latest updates */ #gtwy-updts {float: left; width: 92%; margin: 0 5px; padding: 5px; border: 1px solid #ccc; min-height: 2em; height: 100%;} html>body #gtwy-updts {margin: 5px 10px;} #gtwy-updts ul {list-style: none; display: inline; } #gtwy-updts li {display: inline; padding: 3px; line-height: 1.3em;} #gtwy-updts li.lbl { background: #e1e1e1; color: #222; font-size: 0.95em; font-weight: bold; padding: 3px 5px; } /* Gateway nav groupings */ #gtwy_list { float: left; width: 95%; padding: 10px 0 0 10px; } #gtwy_list a { text-decoration: none; } #gtwy_list a:hover {text-decoration: underline;} #gtwy_list .navgroup { float: left; width: 47%; display: block; margin: 0 10px 15px 0; padding: 5px; font-size: 1.3em; border: 1px solid #d9ebf3; min-height: 50px;} #gtwy_list p.subnav { padding: 2px 2px 2px 0; font-size: 72%; font-weight: normal;} .navgroup_box{ float: left; width: 30%; display: block; margin: 0 10px 10px 0; padding: 8px; border: 1px dotted #7fbce0;/*d9ebf6*/; background:#efefef; color: #111; } /* Social Bookmarking and Sharing links */ #socialbookmarks, #sharelinks {display: none;} /* FAQs */ #BusinessFAQs, #CommunityFAQs, #CouncilFAQs, #EducationFAQs, #HousingFAQs, #JobsFAQs, #LawFAQs, #PlanningFAQs, #SocialFAQs, #TourismFAQs, #TransportFAQs, #SystemFAQs { float: left; width: 92%; display: block; margin: 5px 0 20px 10px; padding: 10px;} #BusinessFAQs {border: 1px solid #dedef4; -moz-border-radius: 5px;-webkit-border-radius: 5px;} #CommunityFAQs {border: 1px solid #d4eade; -moz-border-radius: 5px;-webkit-border-radius: 5px;} #CouncilFAQs {border: 1px solid #f4ded4; -moz-border-radius: 5px;-webkit-border-radius: 5px;} #EducationFAQs {border: 1px solid #c9def4; -moz-border-radius: 5px;-webkit-border-radius: 5px;} #HousingFAQs {border: 1px solid #f4d4c9; -moz-border-radius: 5px;-webkit-border-radius: 5px;} #JobsFAQs {border: 1px solid #c9dec9; -moz-border-radius: 5px;-webkit-border-radius: 5px;} #LawFAQs {border: 1px solid #eac9c9; -moz-border-radius: 5px;-webkit-border-radius: 5px;} #PlanningFAQs {border: 1px solid #ded4de; -moz-border-radius: 5px;-webkit-border-radius: 5px;} #SocialFAQs {border: 1px solid #eac0c0; -moz-border-radius: 5px;-webkit-border-radius: 5px;} #TourismFAQs { border: 1px solid #f4c9c9; -moz-border-radius: 5px;-webkit-border-radius: 5px;} #TransportFAQs { border: 1px solid #c9dede; -moz-border-radius: 5px;-webkit-border-radius: 5px;} #SystemFAQs { border: 1px solid #eff9e9; -moz-border-radius: 5px;-webkit-border-radius: 5px;} #BusinessFAQs h2, #CommunityFAQs h2, #CouncilFAQs h2, #EducationFAQs h2, #HousingFAQs h2, #JobsFAQs h2, #LawFAQs h2, #PlanningFAQs h2, #SocialFAQs h2, #TourismFAQs h2, #TransportFAQs h2, #SystemFAQs h2 { font-size: 1.2em; font-weight: bold; padding: 4px 0 5px; margin: 0 0 10px; } #BusinessFAQs ul, #CommunityFAQs ul, #CouncilFAQs ul, #EducationFAQs ul, #HousingFAQs ul, #JobsFAQs ul, #LawFAQs ul, #PlanningFAQs ul, #SocialFAQs ul, #TourismFAQs ul, #TransportFAQs ul, #SystemFAQs ul { list-style-type: none; margin: 0 0 10px 0; } #BusinessFAQs li, #CommunityFAQs li, #CouncilFAQs li, #EducationFAQs li, #HousingFAQs li, #JobsFAQs li, #LawFAQs li, #PlanningFAQs li, #SocialFAQs li, #TourismFAQs li, #TransportFAQs li, #SystemFAQs li { margin: 0 0 10px 0; line-height: 1.3em; } #BusinessFAQs img, #CommunityFAQs img, #CouncilFAQs img, #EducationFAQs img, #HousingFAQs img, #JobsFAQs img, #LawFAQs img, #PlanningFAQs img, #SocialFAQs img, #TourismFAQs img, #TransportFAQs img, #SystemFAQs img { border: none; } #BusinessFAQs h2 { background: transparent; color: #66c; border-bottom: 1px solid #66c; padding: 5px;} #CommunityFAQs h2 {background: transparent; color: #396;border-bottom: 1px solid #396; padding: 5px;} #CouncilFAQs h2 { background: transparent; color: #c63;border-bottom: 1px solid #c63; padding: 5px;} #EducationFAQs h2 { background: transparent; color: #06c;border-bottom: 1px solid #06c; padding: 5px;} #HousingFAQs h2 { background: transparent; color: #c30; border-bottom: 1px solid #c30; padding: 5px;} #JobsFAQs h2 { background: transparent; color: #060;border-bottom: 1px solid #060; padding: 5px;} #LawFAQs h2 { background: transparent; color: #900;border-bottom: 1px solid #900; padding: 5px;} #PlanningFAQs h2 { background: transparent; color: #636;border-bottom: 1px solid #636; padding: 5px;} #SocialFAQs h2 { background: transparent; color: #a00;border-bottom: 1px solid #a00; padding: 5px;} #TourismFAQs h2 { background: transparent; color: #c00;border-bottom: 1px solid #c00; padding: 5px;} #TransportFAQs h2 { background: transparent; color: #066;border-bottom: 1px solid #066; padding: 5px;} #SystemFAQs h2 { background: transparent; color: #7dc242;border-bottom: 1px solid #7dc242; padding: 5px;} #atozlist, #pageination { margin: 10px auto; width: 570px; padding: 0; list-style: none; } #atozlist li { float: left; width: 2.7%; margin: 2px;} #pageination li {float: left; width: 15%; margin: 2px; text-align: center; padding: 2px 0;} a.atoz {display: block; font-weight: bold; text-decoration: none; text-align: center;} a.atoz:hover {text-decoration: underline;} a.atoz:active {text-decoration: none; } /* Publications directory classes */ /* container for entire block on PD page */ .pd_container {background: #fff; color: #111; padding: 10px 20px 40px;} .pd_container .Publication {background: transparent; color: #060;} .pd_container h2 { font-size: 1.7em; line-height: 1.85em; font-weight: bold;margin: 0 0 5px;} .pd_container p { font-size: 1em; line-height: 1.1em; margin: 3px 0 10px;} .pd_container ul, .pd_container ol {margin: 10px 0 10px 5px; list-style: none;} .pd_container ul.sub {list-style-type: circle;margin: 5px 0 7px 25px; } .pd_container li {margin: 0 0 5px; line-height: 1.1em;} .pd_container img { float: left; padding: 0 5px 0 0; border: none;} /* container for heading blocks on PD page */ .pd_block { border: 1px solid #007ac2; background: #fff; color: #007ac2; padding: 5px; line-height: 38px; } .pd_back_link {clear: both; margin: 10px 35px 20px 20px; border: 1px solid #007ac2; padding: 5px 10px; background: #e8f3f9;color: #333;} .search_block {clear: both; margin: 10px 35px 20px 20px; border: 1px solid #7fbce0; padding: 5px 10px; background: #d9ebf6; color: #222;} /* News page */ #newsmainbody { float: left; width: 95%; } #newsmainfeature {margin: 3px 0 10px 3px; background-color: #fff; color: #222; border: 5px solid #666; padding: 5px; } #newsmainbody h2 {background: transparent; color: #007ac2; margin: 5px 10px 5px 5px;font-size: 1.15em; line-height: 1.2em; line-height: 1.3em;border: 1px solid #007ac2; padding: 3px 0 3px 5px;} .yui-content h3 {background: transparent; color: #50a12a; margin: 3px 0 5px; font-size: 1.5em; line-height: 1.5em; border-bottom: 1px solid #50a12a;} #newsmainbody p { font-size: 1em; line-height: 1.45em; margin: 0 0 15px;} #news_nav { display: none;} #NewsArticles {background: #fff; color: #222; min-height: 600px; padding: 10px 10px 15px;} #NewsArticles .right {float: right; width: auto; margin: 5px 5px 5px 10px;} /* Captions for news articles */ #NewsArticles .yui-content .right {border: 1px solid #fff; float: right; width: 250px; height: 100%; margin: 0 0 0 10px; padding: 0;} #NewsArticles .yui-content .right .caption, .right .caption {float: right; width: 95%; margin: 5px 5px 0 10px; padding: 3px 5px; font-size: .85em; background: #f3f3f3; border: 1px solid #888; color: #000;} #newssearch {display: none;} /* Business Directory Search */ .resultblock { clear: both; width: 99%; margin: 10px 5px 20px; border: 1px solid #7fbce0; padding: 5px; background: #d9ebf6; color: #222;} .previousnext {float: left; width: 18.5%; margin: 0; padding: 0; text-align: center;} .pagecount {float: left; width: 280px; margin: 0 10px 0 30px; padding: 2px 15px; border-right: 1px solid #555; border-left: 1px solid #555;} .resultcount { float: right; width: 20%; border: 1px solid #007ac2; background: #fff; color: #007ac2; padding: 3px; text-align: center;} /* content tabs - coda slider */ .stripViewer .panelContainer .panel ul { text-align: left; margin: 0 ; } .slider-wrap { margin: 20px auto; width: 650px; height: 100%; } /* These 2 lines specify style applied while slider is loading */ .csw { height: 100%; background: #fff; overflow: scroll; } .csw .loading {margin: 200px 0 300px 0; text-align: center} /* This is the viewing window */ .stripViewer {position: relative; overflow: hidden; border: 5px solid #d4eac4; margin: auto; width: 650px; min-height: 850px; clear: both;} /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */ .stripViewer .panelContainer {position: relative; left: 0; top: 0; width: 100%; list-style-type: none; } /* Each panel is arranged end-to-end */ .stripViewer .panelContainer .panel { float:left; height: 100%; position: relative; width: 650px; background: #fff; color: #222;} /* Wrapper to give some padding in the panels, without messing with existing panel width */ .stripViewer .panelContainer .panel .wrapper { padding: 10px; } /* This is the div to hold your nav (the UL generated at run time) */ #contenttext .stripNav { margin: 0 auto; width: 700px; padding: 0; height: 33px; } /* The auto-generated set of links */ #contenttext .stripNav ul { list-style: none; margin: 0; padding: 0;} /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */ #contenttext .stripNav ul li {float: left; margin: 0; padding: 0;} /* The nav links */ #contenttext .stripNav a { width: auto; margin: 0 1px 0 0; text-align: center; font-size: 0.85em; text-decoration: none; display: block; padding: 0 5px; line-height: 34px; border-right: 1px solid #d4eac4; background: #84bf8f; color: #fff; } #contenttext .stripNav a:hover {color: #111; background: #ededed;} #contenttext .stripNav a.current{color: #111; background: #d4eac4;} #contenttext .stripNav a.current:hover {color: #111; background: #d4eac4;} .stripNavL a, .stripNavR a { display: none;} .tooltip span { display: none; } .tooltip a {position: relative; top: 2px; left: 10px; } .tooltip a:hover span { display: block; position: absolute; bottom: 0px; left: 0px; width: 250px; height: 75px; padding: 10px; border: 2px solid #7fbce0; text-decoration: none; background:#ecf6e3; color:#222; text-align: left; font-size: 12px; z-index: 25; -moz-border-radius: 5px;-webkit-border-radius: 5px; } /* new Footer Area */ #footer { clear: both; margin-top: 10px; width: 100%; font-size: 0.82em; border-top: 1px solid #888; text-align: left; background: #e2e4e8; color: #000;} /* footer links */ #footer a, #footer a:link, #footer a:visited { text-decoration: none; padding: .2em .5em; background: transparent; color: #000;} #footer a:hover { text-decoration: underline; } #footer a:focus, #footer a:active {text-decoration: underline; background: #f90; color: #111;} #footer #footerrow2 { background: transparent; color: #111; margin: 0.5em; padding: .2em; height: 100%; text-align: right; } #footer .footbox { float: left; width: 18%; margin: 0.6em 0.5em 0.6em 0; list-style: none; border-right: 1px solid #888; } #footer .footbox p { margin: 0 .5em; padding: .2em .5em; } #footer .footbox li { list-style: none; margin: 0; padding: .2em .5em .2em 0; } #footer .footbox li.new {background: url(new_icon.png) center right no-repeat; color: #111; padding-right: 2em; margin-right: 0.2em;} #finalrow {background: #25465a; color: #fff; } #finalrow #finalrowcontent {margin: 0 auto; width: 100%; background: transparent url(new_footer_erclogo.gif) center right no-repeat; color: #fff; padding: .5em 1em; text-align: left; } /* Theatre / Library Box Home Pages */ /* image rotating area */ #bx-rotate, #lb-rotate {float: left; width: 64%; background: #fff; color: #111; display: block; margin: 0 2px 6px 4px;} #bx-rotate .boxleftcorner {background: transparent url(th-right-rotate-corner.gif) bottom right no-repeat; color: #111; width: 100%; height: 181px; border-top: 1px solid #406925;border-left: 1px solid #406925;} #bx-rotate .boxleftcorner .rotatetext {margin: 0 1px 0 0; } #bx-rotate .boxleftcorner .rotatetext .logo { float: right; width: 11em; height: 66px; background: transparent; color: #222; text-align: right; } #bx-rotate .boxleftcorner .rotatetext .text {font-size: .9em; background: #406925; color: #fff;} #bx-rotate .boxleftcorner .rotatetext .text h3 { color: #fff; background: #406925; font-size: 110%; line-height: 135%; margin: -1px 5px 0; padding: 0 5px; font-weight: bold; } html > body #bx-rotate .boxleftcorner .rotatetext .text h3 {margin: 2px 5px 0;} #bx-rotate .boxleftcorner .rotatetext .text p { color: #fff; background: transparent; padding: 0 5px;} #bx-rotate .boxleftcorner .rotatetext .text ul {list-style: none; margin: -.5em 0 0; padding: 0 0 0 10px;} #bx-rotate .boxleftcorner .rotatetext .text li { text-align: left; margin: 0 2px 1px; padding: 1px 1px 1px 10px;; font-size: 0.9em; background: transparent url("on_state.gif") top left no-repeat; color: #fff;} #bx-rotate .boxleftcorner .rotatetext .text a , #bx-rotate .boxleftcorner .rotatetext .text a:link, #bx-rotate .boxleftcorner .rotatetext .text a:visited {background: transparent; color: #fff; text-decoration: none;} #bx-rotate .boxleftcorner .rotatetext .text a:hover {background: #fff; color: #0064d3; text-decoration: underline;} #bx-rotate .imageElement h3 {font-size: 10px;} /* Libraries feature box links*/ #lb-rotate .boxleftcorner {background: transparent url(lb-bx-right-rotate-corner.jpg) bottom right no-repeat; color: #111; width: 100%; height: 14em; border-top: 1px solid #406925;border-left: 1px solid #406925;} #lb-rotate .boxleftcorner .rotatetext .text {float: right; width: 120px; font-size: .9em;padding: 5px 5px 10px 0;} #lb-rotate .boxleftcorner .rotatetext .text h3 {font-size: 1.4em; background: transparent; color: #396;} #lb-rotate .boxleftcorner .rotatetext .text ul {border: 1px dotted white;} /* info boxes */ .bx-box {float: left; width: 32%; margin: 0 5px 8px 0; background: transparent url(th-right-corner.gif) top right no-repeat; color: #111; display: block; } html > body .bx-box {width: 32%} .bx-box .leftcorner {background: transparent url(th-left-corner.gif) bottom left no-repeat; color: #111; width: 100%; height: 14em; } .bx-box .leftcorner h3#th-box-office, .bx-box .leftcorner h3#th-workshops, .bx-box .leftcorner h3#th-workshops, .bx-box .leftcorner h3#th-hire, .bx-box .leftcorner h3#th-mailing, .bx-box .leftcorner h3#th-contact, .bx-box .leftcorner h3#th-cafe, .bx-box .leftcorner h3#th-gallery, .bx-box .leftcorner h3#th-blog { text-indent: -9999px; margin-bottom: -5px; } .bx-box .leftcorner h3#th-box-office {background: transparent url(th-h3-boxoffice.gif) top left no-repeat; color: #111;} .bx-box .leftcorner h3#th-workshops {background: transparent url(th-h3-workshops.gif) top left no-repeat; color: #111;} .bx-box .leftcorner h3#th-hire {background: transparent url(th-h3-hire.gif) top left no-repeat; color: #111; } .bx-box .leftcorner h3#th-mailing {background: transparent url(th-h3-mailing.gif) top left no-repeat; color: #111; } .bx-box .leftcorner h3#th-contact {background: transparent url(th-h3-contact.gif) top left no-repeat; color: #111; } .bx-box .leftcorner h3#th-cafe {background: transparent url(th-h3-cafe.gif) top left no-repeat; color: #111; } .bx-box .leftcorner h3#th-gallery {background: transparent url(th-h3-gallery.gif) top left no-repeat; color: #111; } .bx-box .leftcorner h3#th-blog {background: transparent url(th-h3-blog.gif) top left no-repeat; color: #111; } #content .bx-box .leftcorner h3 {margin:0 0 -5px; padding: 9px 0 7px 7px; height:19px; font-size: 17px; line-height: 14px; } #contenttext .bx-box .leftcorner p {padding: 0 7px 4px; line-height: 1.2em;} .bx-box .leftcorner h4 img {padding: 0 1px 3px; width: 99%; border: 1px dotted #c98;} /** All Access Branding Box **/ #AllAccessBox { position: relative; top: 0; right: 0; margin: 0; padding: 0;background: transparent url(AllAccessBranding.png) top left no-repeat; color: #fff; width: 777px; height: 423px; } /* ALL buttons */ #acbuttons {float: left; width: 530px; height: 250px; display: block; } #acbuttons ul, #acbuttons li {list-style-type: none; padding: 0;} #acbuttons ul {margin: 74px 0 0 19px; } #acbuttons li {float: left; width: auto; margin: 0 5px 0 0; font-size: 1px;} #acbuttons li.a,#acbuttons li.l1, #acbuttons li.l2 {width: 164px; height: 164px; } #acbuttons li.l1, #acbuttons li.l2 {margin-left:1px;} #acbuttons li.a a,#acbuttons li.a a:link, #acbuttons li.a a:visited, #acbuttons li.a a:hover, #acbuttons li.a a:active { height: 164px; width: 164px;background: #fff;; color: #f90; text-decoration: none; display: block; background: #fff url(a-arts.jpg) top left no-repeat; color: #180c55; } #acbuttons li.l1 a,#acbuttons li.l1 a:link, #acbuttons li.l1 a:visited, #acbuttons li.l1 a:hover, #acbuttons li.l1 a:active { height: 164px; width: 164px;background: #fff;; color: #f90; text-decoration: none; display: block; background: #fff url(l-leisure.jpg) top left no-repeat; color: #180c55; } #acbuttons li.l2 a,#acbuttons li.l2 a:link, #acbuttons li.l2 a:visited, #acbuttons li.l2 a:hover, #acbuttons li.l2 a:active { height: 164px; width: 164px;background: #fff;; color: #f90; text-decoration: none; display: block; background: #fff url(l-libraries.jpg) top left no-repeat; color: #180c55; } /* Side links*/ #aclinks {float: right; width: 216px; height: 140px; margin: 80px 0 0; display: block; } #aclinks ul,#AllAccessBox #aclinks li {list-style-type: none;margin: 0; padding:0;} #aclinks li {font-size: 1px; padding: 0; height: 47px;} #aclinks li a {text-decoration: none; display: block;} #aclinks li.arts a,#aclinks li.arts a:link, #aclinks li.arts a:visited, #aclinks li.arts a:hover,#aclinks li.arts a:active { background: #fff url(arts.jpg) top left no-repeat; color: #180c55; display: block;height: 47px; } #aclinks li.leisure a, #aclinks li.leisure a:link, #aclinks li.leisure a:visited, #aclinks li.leisure a:hover, #aclinks li.leisure a:active { background: #fff url(leisure.jpg) top left no-repeat; color:#180c55; display: block;height: 47px; } #aclinks li.libraries a, #aclinks li.libraries a:link, #aclinks li.libraries a:visited, #aclinks li.libraries a:hover, #aclinks li.libraries a:active { background: #fff url(libraries.jpg) top left no-repeat; color:#180c55; display: block;height: 47px; } /* Agendas, Minutes and Reports */ #contenttext .fortyfive {float: left; width:45%;margin: 0 10px 10px 0; border: 1px solid #c0c0c0; padding: .5em;} /***************************************************************************************************** ER Connect pages - upgrade v2 *****************************************************************************************************/ #erconnect {padding: 0; margin: 0;} /* Customer Connect box */ #erconnect #cc-box {float: left; width: 66%; border: 1px solid #7dc242; min-height: 130px; height: 100%;margin: 5px 0;-moz-border-radius: 5px; -webkit-border-radius: 5px;} #erconnect #cc-box h2 {padding: 10px 0 10px 30px; background: transparent; color: #7dc242; } #erconnect #cc-box img {float: right; width: 35%; margin: -20px 10px 5px 35px; } #erconnect #cc-box p {padding: 0 0 15px 30px; background: transparent; color: #222;} /* Customer Connect Extra box */ #erconnect #cce-box {float: right; width: 31%; border: 1px solid #007ac2; min-height: 130px; height: 100%;margin: 5px 0; background: transparent url(../img/cce-box-bckgnd.jpg) top right no-repeat; color: #222;-moz-border-radius: 5px; -webkit-border-radius: 5px;} #erconnect #cce-box h2 {padding: 10px 0 10px 15px; background: transparent; color: #007ac2;} #erconnect #cce-box p {padding: 0 15px 5px;} .box {float: left; margin: 0 10px 10px 0; width: 333px;} /* Green box */ #erconnect .g-box {background: #eff8e7; color: #222; float: left; width: 32%; display: block; min-height: 165px; height: 100%; border: 1px solid #bee0a0; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #erconnect .g-box h3 {background: #bee0a0; color: #fff; } /* Blue box */ #erconnect .b-box {background: #e0eef7; color: #222; float: left; width: 32%; display: block; min-height: 165px; height: 100%;margin: 0 10px 0 8px; border: 1px solid #7fbce0; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #erconnect .b-box h3 {background: #7fbce0; color: #fff;} /* Shared green & blue boxes */ #erconnect .g-box h3, #erconnect .b-box h3 { height: 1.8em; line-height: 1.6em; padding-left: 20px; } #erconnect .g-box p, #erconnect .b-box p { padding: 5px 20px 10px;} #erconnect .g-box img, #erconnect .b-box img { float: right; margin: 0 0 5px 5px;} /* Three Columns - Blue and Green */ #contenttext .erconnectlist ul {list-style-type: none;min-height: 100px; height: 100%; } #contenttext .erconnectlist ul li {float: left; width: 220px; margin: 5px; } #contenttext .erconnectlist ul li a, #contenttext .erconnectlist ul li a:link, #contenttext .erconnectlist ul li a:visited {background: #eee url(ercc-link.jpg) top left repeat-x; color: #222; text-decoration: none; display: block; height: 2.5em; padding: 5px 5px 5px 25px; border: 1px solid #888; border-bottom: 2px solid #888; border-right: 2px solid #888; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #contenttext .erconnectlist ul li a:hover {background: #ccc url(ercc-link-h.jpg) top left repeat-x; color: #111;} #contenttext .erconnectlist ul li a:focus, #contenttext .erconnectlist ul li a:active {color: #fff; background: #7dc242 url(ercc-link-f.jpg) top left repeat-x; text-decoration: underline;}