/* ERC v2 Default Screen CSS */ * ,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; } /* Skip nav links */ /* skip links*/ ul#skipnav { position: absolute; top: 0px; left: -9999px; width: auto; list-style: none;} ul#skipnav li {display: inline; margin: 6px 3px 0 0;} ul#skipnav li a, ul#skipnav li a:link, ul#skipnav li a:visited {background: #84bf8f; color: #111; padding: .5em; border: 1px solid #84bf8f; width: 9em; line-height: 1.2em; text-decoration: none;} ul#skipnav li a:hover, ul#skipnav li a:focus, ul#skipnav li a:active {position: absolute; top: 0px; left: 330px; width: auto; z-index: 40;background: #f90; color: #111; padding: .5em; border: 1px solid #fff; width: 9em; line-height: 1.2em;} /* page container box*/ .pagecontainer { margin: 0 auto; width: 960px; padding: 0; text-align: left;} /* top strip of the page */ #toplinks { position: relative; top: 0; left: 0; height: 100%;font-size: 0.8em; border-bottom: 1px solid #888; } /* background: #c0e0a1; color:#111; */ /* toprows1 - blue row at the top*/ #toprows1 {background: #007ac3 url(tp_blu.jpg) bottom left repeat-x; color: #fff; min-height: 2em;} #toprows1 #textsize {float: left; width: 20em; margin: 0 5px 1px; } #toprows1 #textsize ul {width: 18em;list-style-type: none;height: 2em;} #toprows1 #textsize li {float: left; width: 3em;list-style-type: none;} #toprows1 #textsize li.title {padding: 3px 0 0 ; width: 5em;} #toprows1 #textsize li a, #toprows1 #textsize p a:link, #toprows1 #textsize p a:visited { float: left; width: 27px; display: block; background: transparent url(text-size.gif) top center no-repeat; color:#111; height: 19px; font-size: 1em; text-align: center; text-decoration: none; border: 1px solid #007ac3;font-weight: bold;} #toprows1 #textsize li a:hover { cursor: pointer; } /* top row1 - sitelinks */ #toprows1 #sitelinks {float: right; width: 26em; margin: 2px 5px; } #toprows1 #sitelinks ul {list-style: none;} #toprows1 #sitelinks li {display: inline; border-right: 1px solid #fff; height: 1.9em; line-height: 1.9em; } #toprows1 #sitelinks li.end {border: none;} #toprows1 #sitelinks a, #toprows1 #sitelinks a:link, #toprows1 #sitelinks a:visited {background: transparent; color: #fff; text-decoration: none; margin-right: 3px; margin-left: 3px;} #toprows1 #sitelinks a:hover {text-decoration: underline;} #toprows1 #sitelinks a:focus, #toprows1 #sitelinks a:active {text-decoration: underline;background: #f90;color: #111;} /* top row1 - my erc links */ #toprows1 #top-myerc {float: right; width: 8.75em; margin: 0 5px; height: 2em;} #toprows1 #top-myerc ul {list-style: none; background: transparent; color: #111;height: 2em;} #toprows1 #top-myerc li {float: left; width: auto;} #toprows1 #top-myerc li.login { background: #6e283d; color: #fff; height: 2em; width: 4em; border: 1px solid #ccc;border-right: none;} #toprows1 #top-myerc li.signup { background: #f79400; color: #fff; height: 2em; width: 4.45em; border: 1px solid #ccc; } #toprows1 #top-myerc li.logout { background: #c90; color: #fff; height: 1.9em; width: 8.4em; border: 1px solid #ccc; } #toprows1 #top-myerc li a {height: 2em; background: transparent; color: #fff; line-height: 1.8em; padding: 2px 5px; text-decoration: none;} /* #toprows2 - green row at the top */ #toprows2 {clear: both; background: #c0e0a1 url(tp_grn.jpg) bottom left repeat-x; color: #111; min-height: 2.3em;} /* #toprows 2 - topcontacts */ #toprows2 #topcontacts { float: left; width: 70%; margin: 2px 5px; padding: 3px 0 0 ;} #toprows2 #topcontacts .dark {font-weight: bold; } /* #toprows 2 - site search 0265cd */ #toprows2 #sitesearch {float:left; width: 25%; margin: 0 0 0 10px; text-align: right; background: #e4e4e4 url(sitesearchbackground.png) center left repeat-x; color: #fff;padding: 0 10px 0 0; border-left: 1px solid #666;border-right: 1px solid #666;height: 2.3em;} html>body #toprows2 #sitesearch {margin-left: 20px } #toprows2 #sitesearch label {margin: 0; padding: 0 3px; background: transparent; color: #111; font-weight: bold; height: 20px;} #toprows2 #sitesearch input.searchbox { margin: -2px 0 0; padding: 1px 4px 2px; border: 1px solid #222; font-size: 0.85em; line-height: 0.85em; height: 1.4em; background: #fff url(mag-glass.png) center right no-repeat; color: #323232; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: left;} #toprows2 #sitesearch form, #toprows2 #sitesearch fieldset { border: none; margin: 0; padding: 0;} /* new buttons */ #toprows2 #sitesearch p input#googlegobutton {margin: 1px 0 0; line-height: 0.9em; height: 19px; width: 33px; text-align: center; background: transparent url(googlesearchbutton.png) center center no-repeat; color: #333; font-size: 1em; font-weight: bold; border: none;} #toprows2 #sitesearch p input#googlegobutton:hover { cursor: pointer; } /* Personalise form */ #PersonalizeForm { clear: both; margin: 5px 0; padding: 5px 10px; font-size:0.9em; background: #555 url(personalize.png) top left repeat-x; color: #333;border: 2px solid #888;text-align:left;min-height: 200px; -moz-border-radius: 15px; -webkit-border-radius: 15px;} #PersonalizeForm h2 {background: transparent;color: #fff;padding: .5em 0;font-weight: bold; font-size: 1.25em} #PersonalizeForm p { clear: both; margin: 5px 0; padding: 5px 10px; border: 2px solid #b1b1b1; background: #f4f4f4 url(myerc_cp.png) center left repeat-x; color: #333; -moz-border-radius: 8px;-webkit-border-radius: 8px; text-align: right; } #PersonalizeForm p label { font-weight: bold; font-size: 1.1em; line-height: normal; margin-right: .5em;} #PersonalizeForm ul{ list-style:none; float:left;width:99%;padding:2px } #PersonalizeForm li {float: left; width: 20%; border: 2px solid #999; padding: 5px; margin: .5em; background: #737373; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #PersonalizeForm li.checked {background: #fff; color: #222;} #PersonalizeForm li label {float: right; width: 80%;} #PersonalizeForm li input {float: left; margin-right: 5px; } #PersonalizeForm .end{border-right:1px solid #e5f3f6} #PersonalizeForm input.save { height: 30px;line-height: 25px; width: 45px; text-align: center; background: transparent url(pf-save.png) bottom center no-repeat; color: #333; font-size: 1em; font-weight: bold; border: none;} #PersonalizeForm input.default {height: 30px;line-height: 25px; width: 115px; text-align: center; background: transparent url(pf-default.png) bottom center no-repeat; color: #333; font-size: 1em; font-weight: bold; border: none;} #PersonalizeForm form, #PersonalizeForm fieldset{border:none ;padding:5px;} #PersonalizeForm input.save:hover, #PersonalizeForm input.default:hover {cursor: pointer;} /* Close button */ #PersonalizeForm p .closebtn {float: left; width: 45%; text-align: left;} #PersonalizeForm a {text-decoration: none;background: transparent; color: #fff;} #PersonalizeForm a.close { display: block; height: 30px;line-height: 29px; width: 45px; text-align: center; background: transparent url(pf-close.png) bottom center no-repeat; color: fff; font-size: 1em; font-weight: bold; border: none;} /* HEADER */ #header { clear: both; margin: 0; padding: 0; height: 83px; background: #fff; color: #222; text-align: left; } #myercheader { margin: 0; padding: 0; height: 95px; background: #84bf8f url("myercheader.jpg") top left no-repeat; color: #222; text-align: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff;} #header h1, #myercheader h1 { background: transparent; color: #f7fbf8; font-size: 0; font-weight: normal; } #header img {float: left; width: auto; padding: 0 0 0 5px; border: none; } #myercheader img {float: left; width: auto; padding: 3px 0 0 5px; border: none; } #header a:focus, #header a:active, #myercheader a:focus, #myercheader a:active {border: 1px solid #111; background: #f90;color: #111;} /* HEADER - customise */ #header #customise {float: right; height: 50px; width: 200px; margin: 15px 5px 0;} #header #customise a {background: transparent url(customise-hp-button.gif) no-repeat 0px 0px; color: #fff; height: 50px; width: 200px; display: block; text-indent: -9999px;} #header #customise a:hover {background: transparent url(customise-hp-button.gif) no-repeat 0px -50px; color: #fff; height: 50px; width: 200px; display: block; text-indent: -9999px;} /* Site Section Nav */ #sitenav { float: left; width: 100%; background: transparent ; } #sitenav ul { margin: 0; padding: 2px 2px 0; list-style:none; } #sitenav li { float: left; width: 8.56%; margin: 0; padding: 0 0 0 5px; height: 2.8em; } #sitenav li.Business {border-bottom: 5px solid #66c; background: url(bus_left.jpg) no-repeat top left;} #sitenav li.Community {border-bottom: 5px solid #396; background: url(com_left.jpg) no-repeat top left;} #sitenav li.Council { border-bottom: 5px solid #c63; background: url(cou_left.jpg) no-repeat top left;} #sitenav li.Education { border-bottom: 5px solid #06c; background: url(edu_left.jpg) no-repeat top left; } #sitenav li.Housing { border-bottom: 5px solid #c30; background: url(hou_left.jpg) no-repeat top left;} #sitenav li.Jobs {border-bottom: 5px solid #060; background: url(job_left.jpg) no-repeat top left;} #sitenav li.Law { border-bottom: 5px solid #900; background: url(law_left.jpg) no-repeat top left;} #sitenav li.Planning {border-bottom: 5px solid #636; background: url(pla_left.jpg) no-repeat top left;} #sitenav li.Social { border-bottom: 5px solid #a00; background: url(soc_left.jpg) no-repeat top left; } #sitenav li.Tourism { border-bottom: 5px solid #c00; background: url(tou_left.jpg) no-repeat top left;} #sitenav li.Transport { border-bottom: 5px solid #066; background: url(tra_left.jpg) no-repeat top left; } /* normal links */ #sitenav a { float:left; display: block; padding: 5px 5px 2px 0px; text-decoration: none; font-size: 0.82em; height: 2.8em; text-align: center; } #sitenav li.Business a {background: url(bus_right.jpg) no-repeat top right; color:#222;} #sitenav li.Community a {background: url(com_right.jpg) no-repeat top right; color:#222;} #sitenav li.Council a {background: url(cou_right.jpg) no-repeat top right; color:#222;} #sitenav li.Education a {background: url(edu_right.jpg) no-repeat top right; color:#222;} #sitenav li.Housing a {background: url(hou_right.jpg) no-repeat top right; color:#222;} #sitenav li.Jobs a {background: url(job_right.jpg) no-repeat top right; color:#222;} #sitenav li.Law a {background: url(law_right.jpg) no-repeat top right; color:#222;} #sitenav li.Planning a {background: url(pla_right.jpg) no-repeat top right; color:#222;} #sitenav li.Social a {background: url(soc_right.jpg) no-repeat top right; color:#222;} #sitenav li.Tourism a {background: url(tou_right.jpg) no-repeat top right; color:#222;} #sitenav li.Transport a {background: url(tra_right.jpg) no-repeat top right; color:#222;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #sitenav a {float:none;} /* End IE5-Mac hack */ #sitenav li a:hover { color: #3465a4; text-decoration: underline; } /* in-this-section of the top nav */ /*#sitenav #in-top-nav { background-image: url("left_on.gif"); }*/ #sitenav li.Business #in-top-nav {border-bottom: 5px solid #66c; background: url(bus_left_on.jpg) no-repeat top left;} #sitenav li.Community #in-top-nav {border-bottom: 5px solid #396; background: url(com_left_on.jpg) no-repeat top left;} #sitenav li.Council #in-top-nav { border-bottom: 5px solid #c63; background: url(cou_left_on.jpg) no-repeat top left;} #sitenav li.Education #in-top-nav { border-bottom: 5px solid #06c; background: url(edu_left_on.jpg) no-repeat top left; } #sitenav li.Housing #in-top-nav { border-bottom: 5px solid #c30; background: url(hou_left_on.jpg) no-repeat top left;} #sitenav li.Jobs #in-top-nav {border-bottom: 5px solid #060; background: url(job_left_on.jpg) no-repeat top left;} #sitenav li.Law #in-top-nav { border-bottom: 5px solid #900; background: url(law_left_on.jpg) no-repeat top left;} #sitenav li.Planning #in-top-nav {border-bottom: 5px solid #636; background: url(pla_left_on.jpg) no-repeat top left;} #sitenav li.Social #in-top-nav { border-bottom: 5px solid #a00; background: url(soc_left_on.jpg) no-repeat top left; } #sitenav li.Tourism #in-top-nav { border-bottom: 5px solid #c00; background: url(tou_left_on.jpg) no-repeat top left;} #sitenav li.Transport #in-top-nav { border-bottom: 5px solid #066; background: url(tra_left_on.jpg) no-repeat top left; } #sitenav #in-top-nav { background-image: url(left_on.jpg); } #sitenav #in-top-nav a { background-image: url(right_on.jpg); color:#000; text-decoration: none; padding-bottom: 1px;} #sitenav li a:focus, #sitenav li a:active { text-decoration: underline; background: #f90; color: #111; } /* breadcrumb navigation */ #sitebread { clear: both; height: 27px; margin: 0; padding: 0; background: transparent url(bread_nav.jpg) center left repeat-x; color: #222; } #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 {clear: both;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: 64%; margin: 5px 0 0 8px; background: #fff; color: #222;} #sidebar {float: right; width: 31%; background: transparent; color: #fff; margin: 0 8px 0 0; } html>body #mainbody {margin-left: 16px;} html>body #sidebar {margin-right: 16px;} #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 .2em 0; text-align: left; margin-bottom: -1px;} #mainfeaturegallerytext .tagline { font-size: .75em; padding: .5em 0 -15px; font-style: italic; font-variant: normal;} #mainfeaturegallerytext .textbox { float: right; width: 20em;font-size: .95em; padding: 5px 0 0;} /* 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; } .moduleDraggable h2 { cursor: move;} .module h2 a { position: absolute; top: 20%; right: 5px; width: 18px; height: 18px; overflow: hidden; margin: -4px 0 0 0; cursor: pointer; } .module h2 a img {display: block; border: none; } .collapsed h2 a img { position: relative; top: -18px; border: none; } .moduleContent { border: 1px solid #dedede; 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 .right img {float: right; width: auto; 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: auto; padding-right: 6px; font-weight: bold; font-size: 0.95em;} .moduleContent li a.newslink { float: left; width: 62%; }*/ .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: #d8d8d8 url(buttons-grad.jpg) bottom left repeat-x; color: #222; border: 1px solid #cdcdcd; 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;} .moduleContent input.submit {background: transparent url(mc-go.gif) center center no-repeat; color: #222; font-weight: bold; width: 35px; border: none;} .moduleContent input.enter {background: transparent url(mc-enter.gif) center center no-repeat; color: #222; font-weight: bold; width: 65px; border: none;} .moduleContent input:hover {cursor: pointer; } #ghost { position: absolute; z-index: 20; width: 280px; background: #000; opacity: 0.5; color: #000001; filter: alpha(opacity=50); cursor: move; } #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 #modservices, #modnews, #content #modfood, #content #modplan, #content #modjobs, #content #modbus, #content #modevents, #content #modfaq, #content #modcouncil, #content #modtalis, #content #modrub, #content #modmap, #content #modclubs, #content #modflickr, #content #modheritage , #content #modhelp, #content #modcustomer, #content #modsumevents, #content #modtrading, #content #modyoung { background: transparent url(box04.png) top right no-repeat; color: #fff; } /* colours for MyERC modules */ #content #myercmod1, #content #myercmod2, #content #myercmod3, #content #myercmod4, #content #myercmod5, #content #myercmod6, #content #myercmod7, #content #myercmod8, #content #myercmod9, #content #myercmod10, #content #myercmod11, #content #myercmod12 {background: transparent url(box02.png) top right no-repeat; color: #fff; } /* MyERC Control Panel classes */ #content #myerc_control, #content #modpics { background: transparent url(boxcp.png) top right no-repeat; color: #fff; } #content #myerc_control .moduleContent, #content #modpics .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, #content #modpics .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 #modnews h2, #content #modfood h2, #content #modlan h2, #content #modjobs h2, #content #modbus h2, #content #modevents h2, #content #modfaq h2, #content #modcouncil h2, #content #modrub h2, #content #modmap h2, #content #modclubs h2, #content #modtalis h2 { background: transparent; color: #fff; height: 1.2em; display: block;} /* Customer Connect */ .featureboxleft {float: left;width: 47.5%;margin: 0 0 5px 0;} .featureboxright {float: right;width: 47.5%;margin: 0 0 5px 0;} .featureboxleft, .featureboxright { border-top: none; 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; } .featureboxleft h3, .featureboxright h3 {background: transparent url(box02.png) top right no-repeat; color: #fff; height: 1.6em;line-height: normal;padding-left: 10px } .featureboxleft li, .featureboxright li { margin: 0 2px 3px; padding: 3px 4px; font-size: 0.95em; line-height: 1.6em; list-style-type: none; border: 1px solid #d3d3d3; } /* Sidebar classes */ .sidebox {float: left; width: 95%; margin: 5px 0 0; padding: 0 0 10px; } .sidebox h2 {background: transparent url(box02.png) top right no-repeat; color: #fff; font-size: 0.95em; height: 1.6em;line-height: normal;padding-left: 10px } .sidebox .sidetext {border: 1px solid #888; padding: 3px 5px 5px; background: #fff; color: #111; font-size: 0.9em;} .sidebox p {margin: 0; padding: 3px 5px 5px; font-size: 0.9em;} .sidebox ol {margin: 0; padding: 0 0 0 15px;} .sidebox ul {margin: 0 0 0 15px;} .sidebox li { margin: 0 0 3px; padding: 3px 4px; font-size: 0.95em; line-height: 1.6em;} /* Flickr Module */ #flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;} #flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;} #flickr_icon_td {padding:0 5px 0 0 !important;} .flickr_badge_image {text-align:center !important;} .flickr_badge_image img {border: 1px solid black !important;} #flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;} #flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;} #flickr_badge_wrapper {background-color:#ffffff;border: solid 1px #000000} #flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;} /* Main Content */ #maincontent {margin: 0 0 0 166px; padding: 0; background: #fff; color: #333;} #publicationcontent { margin: 0 0 0 10px; padding: 0; background: #fff; color: #333;} #contentarea { margin: 0; height: 100%; display: block;} /* 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;} #leftnav {float: left; width: 165px; margin: 0; padding: 0 0 25px;min-height: 375px;} #BusinessContentArea #leftnav, #CommunityContentArea #leftnav, #CouncilContentArea #leftnav, #EducationContentArea #leftnav, #HousingContentArea #leftnav, #LawContentArea #leftnav, #PlanningContentArea #leftnav, #SocialContentArea #leftnav, #TransportContentArea #leftnav, #SystemContentArea #leftnav { background: transparent; color: #333;} #leftnav ul {list-style-type: none; width: 165px;} #leftnav li {background: #fff url(navbg.jpg) bottom left repeat-x; color: #222; border-top: 1px solid #ccc;} #leftnav li a {display: block; padding: 5px 3px 5px 15px; margin: 0; text-decoration: none; } #leftnav li a:hover { background: transparent; color: #66a432; text-decoration: underline;} #leftnav li a:focus,#leftnav li a:active { background: #f90; color: #111; text-decoration: underline;} #leftnav ul ul, #leftnav ul ul ul { list-style-type: none;} #leftnav ul.scnd_lvl_nav { min-height: 20px; background: #fff; color: #06c;} #leftnav ul.scnd_lvl_nav li { background: #fff url(navbg.jpg) bottom left repeat-x; color: #06c; border-top: 1px solid #ccc; } #leftnav ul.scnd_lvl_nav a { padding: 6px 8px 6px 30px; margin: 0; background: transparent url(thrdlvlnav.gif) center left no-repeat;} #leftnav ul.thrd_lvl_nav { min-height: 15px; background: #fff; color: #06c;} #leftnav ul.thrd_lvl_nav li { background: #fff url(navbg.jpg) bottom left repeat-x; color: #06c; } #leftnav ul.thrd_lvl_nav a { padding: 6px 8px 6px 35px; margin: 0; background: transparent url(thrdlvlnav.gif) center left no-repeat;} .BusinessNav li, .CommunityNav li, .CouncilNav li, .EducationNav li, .HousingNav li, .JobsNav li, .LawNav li, .PlanningNav li, .SocialNav li, .TourismNav li, .TransportNav li {padding: 0px; margin: 0px; border-bottom: 1px solid #fff; background: transparent; color: #0064d3; } #leftnav ul.BusinessNav a.on { background: #66c url("on_state.gif") center left no-repeat; color: #fff; font-weight: bold; } #leftnav ul.BusinessNav a:hover.on {background: #66c url("on_state.gif") center left no-repeat; color: #fff;} #leftnav ul.BusinessNav a.in {background: #8e8ed8 url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #66c; font-weight: bold; } #leftnav ul.BusinessNav a:hover.in {background: #8e8ed8 url("in_state.gif") center left no-repeat;color: #fff; border-right: 5px solid #66c;} #leftnav ul.CommunityNav a.on {background: #396 url("on_state.gif") center left no-repeat; color: #fff; font-weight: bold;} #leftnav ul.CommunityNav a:hover.on {background: #396 url("on_state.gif") center left no-repeat; color: #fff;} #leftnav ul.CommunityNav a.in { background: #6BB575 url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #396; font-weight: bold;} #leftnav ul.CommunityNav a:hover.in {background: #6BB575 url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #396;} #leftnav ul.CouncilNav a.on { background: #c63 url("on_state.gif") center left no-repeat; color: #fff; font-weight: bold;} #leftnav ul.CouncilNav a:hover.on { background: #c63 url("on_state.gif") center left no-repeat; color: #fff;} #leftnav ul.CouncilNav a.in {background: #da8f6b url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #c63; font-weight: bold;} #leftnav ul.CouncilNav a:hover.in {background: #da8f6b url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #c63;} #leftnav ul.EducationNav a.on { background: #06c url("on_state.gif") center left no-repeat; color: #fff; font-weight: bold;} #leftnav ul.EducationNav a:hover.on {background: #06c url("on_state.gif") center left no-repeat; color: #fff;} #leftnav ul.EducationNav a.in {background: #5699DD url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #06c; font-weight: bold;} #leftnav ul.EducationNav a:hover.in {background: #5699DD url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #06c;} #leftnav ul.HousingNav a.on {background: #c30 url("on_state.gif") center left no-repeat; color: #fff; font-weight: bold;} #leftnav ul.HousingNav a:hover.on {background: #c30 url("on_state.gif") center left no-repeat; color: #fff;} #leftnav ul.HousingNav a.in {background: #dc7451 url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #c30; font-weight: bold;} #leftnav ul.HousingNav a:hover.in {background: #dc7451 url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #c30;} #leftnav ul.JobsNav a.on {background: #060 url("on_state.gif") center left no-repeat; color: #fff; font-weight: bold;} #leftnav ul.JobsNav a:hover.on {background: #060 url("on_state.gif") center left no-repeat; color: #fff;} #leftnav ul.JobsNav a.in {background: #63A163 url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #060; font-weight: bold;} #leftnav ul.JobsNav a:hover.in {background: #63A163 url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #060;} #leftnav ul.LawNav a.on {background: #900 url("on_state.gif") center left no-repeat; color: #fff; font-weight: bold;} #leftnav ul.LawNav a:hover.on {background: #900 url("on_state.gif") center left no-repeat; color: #fff;} #leftnav ul.LawNav a.in {background: #cc7f7f url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #900; font-weight: bold;} #leftnav ul.LawNav a:hover.in { background: #cc7f7f url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #900;} #leftnav ul.PlanningNav a.on {background: #636 url("on_state.gif") center left no-repeat; color: #fff; font-weight: bold;} #leftnav ul.PlanningNav a:hover.on {background: #636 url("on_state.gif") center left no-repeat; color: #fff;} #leftnav ul.PlanningNav a.in {background: #a88ba8 url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #636; font-weight: bold;} #leftnav ul.PlanningNav a:hover.in {background: #a88ba8 url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #636;} #leftnav ul.SocialNav a.on {background: #a00 url("on_state.gif") center left no-repeat; color: #fff; font-weight: bold;} #leftnav ul.SocialNav a:hover.on {background: #a00 url("on_state.gif") center left no-repeat; color: #fff;} #leftnav ul.SocialNav a.in {background: #d37c7c url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #a00; font-weight: bold;} #leftnav ul.SocialNav a:hover.in {background: #d37c7c url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #a00;} #leftnav ul.TourismNav a.on {background: #c00 url("on_state.gif") center left no-repeat; color: #fff; font-weight: bold;} #leftnav ul.TourismNav a:hover.on {background: #c00 url("on_state.gif") center left no-repeat; color: #fff;} #leftnav ul.TourismNav a.in {background: #e37373 url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #c00; font-weight: bold;} #leftnav ul.TourismNav a:hover.in {background: #e37373 url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #c00;} #leftnav ul.TransportNav a.on {background: #066 url("on_state.gif") center left no-repeat; color: #fff; font-weight: bold;} #leftnav ul.TransportNav a:hover.on {background: #066 url("on_state.gif") center left no-repeat; color: #fff;} #leftnav ul.TransportNav a.in {background: #5c9d9d url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #066; font-weight: bold;} #leftnav ul.TransportNav a:hover.in {background: #5c9d9d url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #066;} #leftnav ul.Nav a.on {background: #060 url("on_state.gif") center left no-repeat; color: #fff; font-weight: bold;} #leftnav ul.Nav a:hover.on {background: #060 url("on_state.gif") center left no-repeat; color: #fff;} #leftnav ul.Nav a.in {background: #7fb27f url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #060; font-weight: bold;;} #leftnav ul.Nav a:hover.in {background: #7fb27f url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #060;} #leftnav ul.SystemNav a.on {background: #50a12a url("on_state.gif") center left no-repeat; color: #fff; font-weight: bold;} #leftnav ul.SystemNav a:hover.on {background: #50a12a url("on_state.gif") center left no-repeat; color: #fff;} #leftnav ul.SystemNav a.in {background: #85bd6a url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #50a12a; font-weight: bold;} #leftnav ul.SystemNav a:hover.in {background: #85bd6a url("in_state.gif") center left no-repeat; color: #fff; border-right: 5px solid #50a12a;} /* Content Text Area*/ #contenttext { float: left; width: 96%; padding: 0 0 5px 0; margin: 0 0 0 10px;border-right: 1px solid #fff;} #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;} #contenttext #nobullets li {list-style: none;} /** 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;} /* additional legacy tags for content area */ #contenttext .right { text-align: right;} #contenttext .justify { text-align: justify;} #contenttext .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:#c0c0c1 ; border: 0;} #contenttext hr.noline {margin: 5px auto; height: 0px; background: #fff; color: white; border: 0;} /* 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; } #gtwy_list { float: left; width: 93%; padding: 10px 0 15px 0; margin: 0 0 0 20px;} #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; } /* 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.button {background: transparent url(mc-enter.gif) center center no-repeat; color: #222; font-weight: bold; width: 65px; border: none;} input.button:hover {cursor: pointer;} 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; } /* bigradio */ .bigradio {float: left; width: 90%; height: 3em; display: block; } .bigradio label {float: left; width: 85%; } .bigradio input {float: right; width: 10%; border: none; } .header { background-color: #e0e0e0; color: #222; padding: 5px; list-style: none; border: 1px solid #666; width: 500px;} #contenttext li .odd, li.odd, .faqodd { background: #f6f6f6 url(oddline-grad.jpg) bottom left repeat-x; color: #222; padding: 5px 10px; list-style: none; border: 1px solid #dedede; width: 500px;-moz-border-radius: 5px;-webkit-border-radius: 5px;} #contenttext li .even, li.even, .faqeven { background: #ececec url(evenline-grad.jpg) bottom left repeat-x; color: #222; padding: 5px 10px; list-style: none; border: 1px solid #dedede; width: 500px;-moz-border-radius: 5px;-webkit-border-radius: 5px;} .headerline { background: #d8d8d8 url(buttons-grad.jpg) bottom left repeat-x; color: #222; padding: 5px; border: 1px solid #cdcdcd; margin: 5px 0; -moz-border-radius: 5px;-webkit-border-radius: 5px;} .oddline { background: #f6f6f6 url(oddline-grad.jpg) bottom left repeat-x; color: #222; padding: 5px; border: 1px solid #dedede; margin: 5px 0; -moz-border-radius: 5px;-webkit-border-radius: 5px;} .evenline { background: #ececec url(evenline-grad.jpg) bottom left repeat-x; color: #222; padding: 5px; border: 1px solid #dedede; margin: 5px 0; -moz-border-radius: 5px;-webkit-border-radius: 5px;} .rightlink {float: right; width: auto; margin: -1.2em .5em 0 1em;} .evenline ul, .oddline ul {margin-left: 2em;} .oddline img, .evenline img {border: none;} /* TRADING STANDARDS RECALL LISTS */ #contenttext ul.tscsNewsIndex {list-style-type: none;} #contenttext ul.tscsNewsIndex li {height: 1.95em; background: #f6f6f6 url(oddline-grad.jpg) bottom left repeat-x; color: #222; padding: 5px; border: 1px solid #888; margin: 5px 0; -moz-border-radius: 5px;-webkit-border-radius: 5px;} #contenttext ul.tscsNewsIndex li a, #contenttext ul.tscsNewsIndex li a:link, #contenttext ul.tscsNewsIndex li a:visited{text-decoration: none;} #contenttext ul.tscsNewsIndex li a:hover {text-decoration: underline;} #contenttext ul.tscsNewsIndex li a:active {text-decoration: 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;} /* 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;} /* 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, .striptwoNavL, .striptwoNavR { 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: 200px; height: 55px; padding: 10px; border: 2px solid #7fbce0; text-decoration: none; background:#ecf6e3; color:#222; text-align: left; font-size: 12px; z-index: 50; cursor: help; -moz-border-radius: 5px;-webkit-border-radius: 5px; } /* 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: #669F36; 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 {float: left; width: 255px; height: 265px; background: transparent url(box_small.gif) top left no-repeat; padding: 10px 15px; } #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 { font-size: 1.35em; background: transparent; color: #333; margin: 20px 0; } #logincontainer #boxholder #box1 p, #logincontainer #boxholder #box2 p { font-size: 0.9em; margin: 0 0 10px; } #logincontainer #boxholder #box1 form, #logincontainer #boxholder #box2 form { padding: 0 5px;} #logincontainer #boxholder #box1 label{ float: left; width: 40%; font-weight: bold; text-align: right; padding: 0 10px 0 0; line-height: normal; border: 1px solid #d9ebf6;} #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: #333; padding: 10px;} #signupcontainer #boxholderlarge .box h3 {font-size: 1.35em; background: transparent; color: #333; 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; border: 1px solid #d9ebf6;} #signupcontainer #boxholderlarge .box input {} /* sitemap */ #sitemapbody { min-height: 3em} #sitemapbody h2 {background: transparent; color: #007ac2; margin: .1em 0 .2em .3em; font-size: 1.25em; line-height: 1.5em; border: 1px solid #007ac2; padding: .1em 0 .2em .3em;} #sitemapnav { float: left; width: 15em; min-height: 200px; border: 1px solid #f90; margin: .1em 0 .2em .3em; padding: .1em 0 .2em .3em; } #sitemapnav ul { list-style: none; margin: .5em 0 1.1em;} #sitemapnav li { list-style: none; margin: .5em;} #sitemaplinks {float: left; width: 55em; min-height: 275px; border: 1px solid #f90; margin: .1em 0 .2em .3em; padding: .1em 0 .2em .3em;} #sitemaplinks h3 {background: transparent; color: #007ac2; margin: .1em 0 .2em .3em; font-size: 1.15em; line-height: 1.3em; padding: .1em 0 .2em .3em;} /* Social Bookmarking and Sharing links */ #socialbookmarks {margin: 4em auto; width: 90%; margin-bottom: 5px; background: #f1f1f1; color: #222; border: 1px solid #8f8f8f; -moz-border-radius: 5px;-webkit-border-radius: 5px; padding: .5em .5em 1.5em;} #socialbookmarks ul {list-style: none; margin: 0 5px;} #socialbookmarks li {display: inline; margin: 2px 1px; padding: 5px;} #socialbookmarks ul li.facebook {background: url(facebook_icon.gif) center right no-repeat; color: #111; margin-right: 10px; padding-right: 25px;} #socialbookmarks ul li.stumble {background: url(stumble_icon.gif) center right no-repeat; color: #111; margin-right: 10px; padding-right: 25px;} #socialbookmarks ul li.delicious { background: url(delicious_icon.gif) center right no-repeat; color: #111; margin-right: 10px; padding-right: 25px;} #sharelinks {margin: 0 auto; width: 90%;} #sharelinks ul { list-style: none; margin: 0 5px; padding: .5em; } #sharelinks li {display: inline; margin: 2px 1px; padding: .5em; } #sharelinks li.email {background: transparent url(email_icon.png) center right no-repeat; padding-right: 30px; margin-right: 5px;} #sharelinks li.feedback {background: transparent url(feedback_icon.png) center right no-repeat; padding-right: 30px; margin-right: 5px;} /* 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;} /* A to Z listing */ #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: 69%; min-height: 550px; height: 100%;} #newsmainfeature {margin: 3px 0 10px 3px; background: #fff; color: #222; border: 5px solid #666; padding: 5px; border: 1px dotted red;} #newsmainbody h2 {background: #fff; 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 .main {float: right; width: auto; margin: 5px 5px 10px 15px; border: 1px solid #b4b4b4; padding: 14px; background: #f2f2f2; color: #111;} .main .imagecaption { padding: 2px 3px; text-align: center; font-size: 0.85em; background: #8b8b8b; color: #fff; display: block; border: 1px solid #444;} #newsmainbody p { font-size: 1em; line-height: 1.3em; margin: 0 0 10px;} #news_nav { float: left; width: 119px; min-height: 600px; } #NewsArticles {float: left; width: 76%; background: #fff; color: #222; padding: 0 10px 10px;} #NewsArticles .right img {float: right; width: auto; margin: 5px 5px 5px 10px;} ul.yui-nav {float: left; width: 115px; font-size: 0.9em; margin: 0 0 0 2px; list-style: none; text-align: center;} ul.yui-nav li { margin: 0 0 3px; background: #fff url(navbg.jpg) bottom left repeat-x; color: #222; } a.odd, a.even {padding: 4px 2px 6px; background: #fff; color: #222; width: 110px; display: block; } ul.yui-nav li.selected {width: 116px; background: #fff url(navbg.jpg) bottom left repeat-x; color: #222;border-bottom:2px solid #cdcdcd} /* 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: 0 5px 0 10px; padding: 3px 5px; font-size: .85em; background: #f3f3f3; border: 1px solid #888; color: #000;} #newssearch {float: left; width: 30%; background: transparent; color: #222; margin: 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;} /* 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%;} .csw {height: 100%; background: #fff; overflow: scroll;} .csw .loading {margin: 200px 0 300px 0; text-align: center} .stripViewer {position: relative; overflow: hidden; border: 5px solid #d4eac4; margin: auto; width: 650px; min-height: 550px; clear: both;} .stripViewer .panelContainer {position: relative; left: 0; top: 0; width: 100%; list-style-type: none;} .stripViewer .panelContainer .panel {float:left; height: 100%; position: relative; width: 650px; background: #fff; color: #222;} .stripViewer .panelContainer .panel .wrapper {padding: 10px;} #contenttext .stripNav {margin: 0 auto; width: 700px;padding: 0; height: 33px;} #contenttext .stripNav ul {list-style: none; margin: 0; padding: 0;} #contenttext .stripNav ul li {float: left; margin: 0; padding: 0;} #contenttext .stripNav a, .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:visited, .stripNav a:visited {color: #7700d3; background: #84bf8f;} #contenttext .stripNav a:hover {color: #111; background: #b0d6ac;} #contenttext .stripNav a.current, .stripNav a.current {color: #111; background: #d4eac4;} #contenttext .stripNav a.current:hover {color: #111; background: #b0d6ac;} .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; cursor: help; -moz-border-radius: 5px;-webkit-border-radius: 5px; } /* 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;} /* Agendas, Minutes and Reports */ #contenttext .fortyfive {float: left; width:45%;margin: 0 10px 10px 0; border: 1px solid #fff; padding: .5em;} /* Tag Cloud */ ol.tag-cloud {float: left; width: 90%; border: 1px solid #e2e2e4; background: #f1f1f1; color: #111; margin: 5px auto; padding: 20px;list-style-type: none;} .tag-cloud li { display: inline; padding: 5px; margin: 10px;} .tag-cloud a {text-decoration: none;} /* size is purely presentational, based upon the class */ .tag-cloud li.small { font-size: 1.3em;line-height: 2em; } .tag-cloud li.medium { font-size: 1.6em;line-height: 2.3em;} .tag-cloud li.large { font-size: 1.9em; line-height: 2.6em;} .tag-cloud li.xlarge { font-size: 2.2em;line-height: 2.9em;} /* Tabber */ .tabberlive .tabbertabhide { display:none; } .tabber {} .tabberlive { margin-top:1em; } ul.tabbernav {position: relative; top: 8px; left: -20px; margin:0; padding: 3px 0; } ul.tabbernav li { list-style: none; margin: 0; display: inline; } ul.tabbernav li a { padding: 5px; margin-left: 8px; border: 1px solid #778; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-bottom: none; background: #dde; color: #111;text-decoration: none; } ul.tabbernav li a:link { background: #dde; color: #448; } ul.tabbernav li a:visited { background: #dde; color: #667; } ul.tabbernav li a:hover { color: #000; background: #aae;} ul.tabbernav li a:focus, ul.tabbernav li a:active { background: #dde; color: #448; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:link, ul.tabbernav li.tabberactive a:visited { background: #dde; color: #448; border-bottom: 1px solid #fff; } ul.tabbernav li.tabberactive a:hover { color: #000; background: #ccc; border-bottom: 1px solid white; } ul.tabbernav li.tabberactive a:focus, ul.tabbernav li.tabberactive a:active { background: #dde; color: #448; border-bottom: 1px solid #fff; } .tabberlive .tabbertab { padding: 5px; border:1px solid #aaa; } .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; } .tabberlive#tab1 { } .tabberlive#tab2 { } .tabberlive#tab2 .tabbertab { height:200px; overflow:auto;} /** 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; } /***************************************************************************************************** ER Connect pages - upgrade v2 *****************************************************************************************************/ #erconnect {padding: 0; margin: 0;} /* Customer Connect box */ #erconnect #cc-box {float: left; width: 634px; 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: auto; 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: 312px; 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: 312px; 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: 312px; 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;} /* new Footer Area */ #footer { margin: 0; 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: 940px; background: transparent url(new_footer_erclogo.gif) center right no-repeat; color: #fff; padding: .5em 1em; text-align: left; }