/* == GENERAL == */ * { margin:0; padding:0;} ul { list-style-type:none;} html, body { min-height:85%; margin:0; padding:0;} body { background:#394246; font-size:62.5%; font-family:Helvetica, Arial, sans-serif; text-align:center; color:#444; padding:15px 5px 15px 5px; line-height:normal;} .skipnav {font-size:6pt; text-decoration:none; position:absolute; left:0; top:-100px; } .hidden { position:absolute; left:0; top:-500px; width:1px; height:1px; overflow:hidden; } h1 { font-size:200%; margin:0; padding:8px 0 5px 0; color:#444; font-family:inherit; font-weight:normal; background-color:inherit; line-height:normal;} h2 { font-size:145%; margin:0; padding:8px 0 0 0; color:#669900; font-family:inherit; font-weight:normal; background-color:inherit; line-height:normal;} h3 { font-size:130%; margin:0; padding:8px 0 0 0; color:#006699; font-family:inherit; font-weight:normal; background-color:inherit; line-height:normal;} h4 { font-size:115%; margin:0; padding:8px 0 0 0; color:#444; font-family:inherit; font-weight:bold;background-color:inherit; line-height:normal;} blockquote { margin:15px 20px 0 20px; padding:5px; font-weight:bold;} .quotee { margin:3px 0 10px 13px; padding:0; color:#666; background-color:transparent; font-size:105%;} q { font-weight:bold; font-size:105%; color:#666; background-color:transparent; margin:10px 0 3px 7px; } q:before, q:after { content:"";} strong { font-weight:bold;} .abbr { border-bottom:1px dotted #999; cursor:help;} hr { border:none; border-top:1px dashed #ccc; width:99%; height:1px; margin:0; text-align:center} .caption { font-weight:bold; font-size:95%; color:#666; background:transparent; margin:0 0 0 7px;} .center { text-align:center; margin:0 auto 0 auto;} sup { line-height:2em;} sub { line-height:1.2em; } img, img a { border-style:none;} /* == STRUCTURAL == */ #wrapper { width:950px; min-height:100%; padding:12px; background:#fff; margin:0 auto 0 auto; text-align:left; font-size:1.3em; } #footerwrapper { width:950px; padding:0 12px 10px 12px; background:#fff; margin:0 auto 0 auto; text-align:left; font-size:1.3em; } #dccheader { height:152px; width:auto; background:url("Header.jpg") no-repeat top left; padding:0;} .header_left { float:left; width:200px; padding:20px 0 0 25px; text-align:left;} .header_right { width:auto; height:auto; padding:0; margin:0 0 0 210px; text-align:right; } #dccheadertwo { height:154px; width:auto; background:url("Header_plain.jpg") no-repeat top left; padding:0; text-align:left;} #dccheadertwo img { padding:20px 0 0 25px;} #dccheadertwo p { margin:35px 0 0 8px; font-size:0.88em; color:#004F82;} #searchbox { width:auto; height:52px; background:url("Searchbox_bkgd.jpg") repeat-x top left; margin:0; padding:8px; text-align:left;} #searchbox input { float:left; width:140px; height:auto; margin:8px 0 0 0; padding:2px; color:#666; font-size:97%; border:1px solid #c1ccd3;} #searchbox input.searchbutton { float:left; background:url("Icon_Search.gif") no-repeat top left; width:25px; height:25px; border:none; cursor:pointer; margin-left:5px;} /* == MY DURHAM SEARCH BOX == */ #cis_searchbox { width:auto; height:100px; background:url("blue_bkgd.jpg") repeat-x top left; margin:0 0 5px 0; padding:5px 7px 7px 7px; text-align:left; border:1px solid #c1ccd3; font-size:92%;} #cis_searchbox p { padding:3px 0 2px 0; } #cis_searchbox input{ float:left; width:140px; height:auto; margin:3px 0 0 0; padding:2px; color:#666; font-size:107%; border:1px solid #c1ccd3;} #cis_searchbox input.cisbtn {float:left; border:none; background:url("CIS_SearchBtn.gif") no-repeat left top; cursor:pointer; height:26px; margin-left:2px; padding:0; width:26px;} /*#cis_searchbox input.cisbtn { float:left; width:140px; height:15px; margin:3px 0 0 0; padding:2px; color:#666; font-size:100%; border:1px solid #c1ccd3;} #cis_searchbox img { float:left; background:url("CIS_SearchBtn.gif") no-repeat top left; border:none; cursor:pointer; margin:0 0 6px 5px;}*/ #dbsearchbox { width:auto; height:50px; border:1px solid #c1ccd3; background:#fff url("Nav_bkgd.jpg") repeat-x top left; margin:6px 0 0 0; padding:8px; text-align:left;} #dbsearchbox .column{ float:left; width:auto; border-right:1px dotted #c1ccd3; margin:0 10px 0 0; padding:0 10px 0 0; display:block; } #dbsearchbox .heading { color:#666; font-size:120%; font-weight:bold; } #dbsearchbox input { float:left; width:140px; height:auto; margin:8px 0 0 0; padding:2px; color:#666; font-size:97%;} #dbsearchbox select { float:left; width:auto; height:auto; margin:6px 0 0 0; padding:2px; color:#666; font-size:97%;} #dbsearchbox input.searchbutton2 { float:left; background:url("Icon_Search2.gif") no-repeat top left; width:25px; height:25px; border:none; cursor:pointer; margin-left:5px;} #dbsearchbox input.gobutton { float:left; background:url("Icon_Go.gif") no-repeat top left; width:25px; height:25px; border:none; cursor:pointer; margin-left:5px;} #colleft { float:left; width:200px; text-align:left; height:100%; padding:0; margin:0;} #colright { margin:0 0 0 212px; padding:0; height:100%; width:auto; min-width:706px;} #footer { height:60px; padding:0 8px 0 8px; color:#656565; background:#fff url(footer_bkgd.jpg) repeat-x; text-align:left; margin:0; line-height:1.5em; } #footer ul { padding-top:8px; } #footer li { display:inline; border-left:1px solid #999; height:auto; padding:0 2px 0 6px;} #footer a, #footer a:visited { color:#0E2A5D; text-decoration:none; font-size:100%; padding:0; background-color:transparent} #footer a:hover { color:#006699; text-decoration:none; background-color:transparent} #footer li:first-child { border:none;} .footerleft { float:left; margin:0; padding:15px 0 0 0; height:40px; background:url(footer_divider.gif) no-repeat top right; width:620px; } .footerleft img { float:left; margin:0 5px 3px 0; } .footerright { text-align:right; margin:0; padding:11px 0 0 0; font-size:96% } #footer .footerright a { font-size:inherit } .noDateMod { padding-top:11px;} .clearer { clear:both; height:1px; width:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;} .spacer { padding-top:13px;} /* == NAVIGATION == */ #topnav { float:right; width:auto; height:auto; margin:0; padding:124px 8px 0 0;} #topnav ul { float:right; padding:0 0 2px 0; margin:0; background:#fff url("topnav_corner.gif") no-repeat top right; } #topnav ul li { float:left; width:auto; margin:0; padding:3px 6px 3px 6px; text-align:center; border-left:1px solid #66ccff; border-bottom:1px solid #e5e5e5; background:transparent;} #topnav ul li a, #topnav ul li a:visited { font-size:inherit; color:#063d7f; text-decoration:none; margin:0; background:transparent; display:block;} #topnav ul li a:hover { color:#006699; text-decoration:none; background:transparent; } #topnav ul li.current { border-bottom:1px solid #fff;} #breadcrumb { color:#777; background-color:#fff; padding:0; margin:8px 0 5px 0; text-align:left; font-size:95%; height:auto;} #breadcrumb li { margin:0; padding:0; list-style:none; display:inline; background-image:none;} #breadcrumb a, #breadcrumb a:visited { margin:0; padding:0 2px 0 0; background-color:inherit; color:#0099cc; font-weight:normal; text-decoration:none;} #breadcrumb a:hover { margin:0; color:#006699; font-weight:normal; background-color:inherit;} /* MAIN NAVIGATION */ #navigation { width:auto; padding:0 7px 7px 7px; margin:0; border:1px solid #c1ccd3; background:#efefef url("Nav_bkgd.jpg") repeat-x bottom left; } #navigation ul { width:auto; margin:0; padding:0; list-style-type:none; font-weight:bold; } #navigation ul li { margin:2px 0 2px 0; padding:12px 0 0 0; line-height:normal; background:url("dotted_line.gif") repeat-x top left; } #navigation ul li a:link, #navigation ul li a:visited {color:#063d7f; text-decoration:none; font-weight:normal; margin:0; padding:0 0 0 14px; background:transparent url("Nav_arrow.gif") no-repeat top left;} #navigation ul li a:hover { color:#006699; background:transparent url("Nav_arrow.gif") no-repeat top left;} #navigation ul li:first-child { background-image:none; } .topofpage { width:auto;} .topofpage a, .topofpage a:visited { color:#0099cc; text-decoration:none; font-weight:normal; padding:0; margin:0; background-color:inherit;} .topofpage a:hover { color:#006699; font-weight:normal; text-decoration:none; background-color:inherit;} /* == MAIN CONTENT == */ #content { width:auto; margin:0 0 0 7px; padding:0; text-align:left; } #content p { margin:2px 0 12px 0;} #content ul { margin:7px 0 10px 15px; list-style-type:none; padding:0; } #content ul li { margin:4px 0 4px 0; padding:0 0 0 12px; background:url("bullet.gif") no-repeat top left; } #content ul ul li { margin:4px 0 4px 7px; padding:0 0 0 2px; background-image:none; list-style:square;} #content ol { margin:7px 0 10px 15px; } #content ol li { margin:4px 0 4px 12px; padding:0; background-image:none;} #content a:link { color:#444; text-decoration:underline; font-size:inherit; background-color:inherit; font-weight:normal;} #content a:hover { color:#006699; text-decoration:underline; background-color:inherit; font-weight:normal; } #content a:visited { color:#666; text-decoration:underline; font-size:inherit; background-color:inherit; font-weight:normal;} #content a.headerlink { color:#006699; text-decoration:none; background-color:inherit; font-weight:normal; font-size:105%;} #content a:hover.headerlink, #content a:visited.headerlink { color:#3399CC; text-decoration:none; background-color:inherit; font-weight:normal; font-size:105%; } #content table { border:1px solid #ccc; border-collapse:collapse; margin:8px auto 10px auto; width:99%; font-size:100%;} #content table th { border:1px solid #ccc; padding:4px; text-align:left; vertical-align:top; font-size:110%; color:#555;} #content table td { border:1px solid #ccc; padding:4px; text-align:left; vertical-align:top;} #content table caption { text-align:left; padding:10px 2px 5px 0; color:#777; font-size:115%; font-weight:bold; background-color:inherit;} #content .noborder table, #content .noborder table td, #content .noborder table th { border:none;} .overview {font-weight:bold; color:#777; margin-bottom:20px;} #content .az a { text-decoration:none; color:#063d7f; cursor:pointer; background-color:inherit;} #content .az a:hover { text-decoration:none; color:#006699; cursor:pointer; background-color:inherit;} #content .maintext { border-left:1px solid #ff9933; padding:0 0 0 8px; margin:10px 0 0 0;} #content .image { float:right; padding:10px 0 10px 10px; width:auto;} #content .imagebullet { padding:0; /*min-height:60px;*/ height:auto; margin:0 0 20px 0; width:auto;} #content .imagebullet p { padding:10px 0 0 80px; margin:0; display:block;} #content .imagebullet ul { padding:5px 0 0 80px; margin:0; display:block;} #content .imagebullet img { float:left; padding:0; margin:0; width:73px;} #content .twocol { width:345px; float:left; margin:0 10px 10px 0; text-align:center;} /* GALLERY */ #content .caption { font-weight:bold; color:#888; display:block; text-align:left;} #content .demo { position:relative; margin-top:2em;} #content .gallery_demo { width:420px; margin:0 auto;} #content .gallery_demo_unstyled li { width:420px; margin:0 auto; background-image:none !important; text-align:center;} #content .gallery_demo li { width:45px; height:50px; border:3px solid #ccc; margin: 0 2px; padding:0; background:#fff; background-image:none !important;} #content .gallery_demo li div { left:240px;} #content .gallery_demo li div .caption { font:italic 0.7em/1.4 georgia,serif;} #main_image { margin:0 auto 20px auto; height:auto; width:405px; text-align:center; } #main_image img { margin-bottom:10px; border:3px solid #ccc;} .nav { width:410px; margin:auto; padding:15px 0 20px 0; clear:both; font:97% 'helvetica neue',sans-serif; letter-spacing:3px; } .info { text-align:left;width:400px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;} .info p { margin-top:1.6em;} #content .galleria { list-style:none;width:410px;} #content .galleria li { display:block; width:65px; height:50px; overflow:hidden; float:left; margin:0 11px 10px 0; padding:0; } #content .galleria li a { display:none;} #content .galleria li div { position:absolute;display:none;top:0;left:180px;} #content .galleria li div img { cursor:pointer} #content .galleria li.active div img,.galleria li.active div { display:block; } #content .galleria li img.thumb { cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto;} #content .galleria li .caption { display:block;padding-top:.5em;} #content * html .galleria li div span { width:400px} /* MSIE bug */ /* END GALLERY */ .contactsheader { margin:0 0 8px 4px; padding:7px 0 0 85px; width:auto; font-size:120%; color:#555; background:url("Icon_Contacts.gif") no-repeat;} .contacts { width:auto;} .contacts table { border:1px solid #d8d8d8; border-collapse:collapse; background:#e9f3f7; margin:8px; width:100%; font-size:inherit;} .contacts table th { border:1px solid #d8d8d8; padding:4px; text-align:left; vertical-align:top; font-size:115%; color:#62909f;} .contacts table td { border:1px solid #d8d8d8; background:#e9f3f7; padding:4px; text-align:left; vertical-align:top; width:auto;} .contacts .telephoneleft { float:left; width:65px; } .contacts .telephoneright { width:auto; margin-left:70px; } .postcode { width:auto; border:1px solid #d8d8d8; background:#e8e8e8; margin:12px auto 0 auto; padding:10px; font-size:inherit;} .postcode input { margin:0 3px 0 3px; border:1px solid #c1ccd3;} .postcode input.button {width:118px; height:23px; margin:0 0 0 3px; font-weight:bold; font-size:107%; color:#fff; background:transparent url("Generic_button_orange.gif") no-repeat; padding:0 0 3px 0; cursor:pointer; border:none;} .genimage { margin:0; padding:1px; background:#eaeaea; height:auto;} .genimageinner { margin:0; padding:1px; background:#d5d5d5; height:auto;} .genimageinner2 { margin:0; padding:1px; background:#b8b8b8; height:auto;} .genimage img { padding:0; border:2px solid #fff;} #tabbednavigation { margin:0 0 10px 0; padding:0; height:21px; width:auto; text-align:right; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#fff url("ServicePage_Tab.jpg") repeat-x; list-style-type:none;} #tabbednavigation ul { float:right; border:none; margin:0; padding:0; list-style-type:none; text-align:right; width:auto;} #tabbednavigation ul li { float:left; width:auto; text-align:center; padding:0; margin:0; font-size:105%; list-style-type:none; border-left:1px solid #ccc;} #tabbednavigation ul li a:link, #tabbednavigation ul li a:visited { background:transparent url("ServicePage_Tab.jpg") repeat-x; width:90px; height:19px; border:none; border-right:1px solid #fff; padding:1px 0 1px 0; margin:0; color:#0E2A5D; text-decoration:none; text-align:center; display:block;} #tabbednavigation ul li a:hover, #tabbednavigation a:active, #tabbednavigation li#active a { width:90px; height:19px; border:none; border-bottom:1px solid #CC6600; border-right:1px solid #fea82a; padding:1px 0 1px 0; margin:0; text-decoration:none; display:block; text-align:center; background:transparent url("ServicePage_Tab_on.jpg") repeat-x; color:#fff;} #contentnavigation { margin:0 0 10px 0; padding:0; height:auto; width:auto; border:1px solid #ccc; background:#e9e9e9; } #contentnavigation ul { border:0; margin:0; padding:10px; list-style-type:none; width:auto; text-align:left;} #contentnavigation ul li { text-align:left; padding:0; margin:0 5px 0 0; font-size:105%; background-image:none; display:inline; color:#666; background-color:inherit; border-left:1px solid #c0c0c0; } #contentnavigation ul li:first-child { border:none;} #contentnavigation ul li a:link, #contentnavigation ul li a:visited { padding:0 5px 0 9px; margin:0; color:#0E386B; text-decoration:none; background-color:inherit;} .SRcouncillors { width:auto; background:url("SearchIcons_Cllrs.gif") no-repeat top left; margin:20px 0 8px 0; padding:10px 0 5px 60px; height:auto; border-bottom:1px dotted #ccc; } .SRminutes { width:auto; background:url("SearchIcons_Minutes.gif") no-repeat top left; margin:8px 0 8px 0; padding:10px 0 5px 60px; height:auto; border-bottom:1px dotted #ccc; } .SRcontacts { width:auto; background:url("SearchIcons_Contacts.gif") no-repeat top left; margin:8px 0 8px 0; padding:10px 0 5px 60px; height:auto; border-bottom:1px dotted #ccc; } .SRinfopages { width:auto; background:url("SearchIcons_InfoPages.gif") no-repeat top left; margin:20px 0 8px 0; padding:10px 0 5px 60px; height:auto; border-bottom:1px dotted #ccc; } .SRevents { width:auto; background:url("SearchIcons_Events.gif") no-repeat top left; margin:20px 0 8px 0; padding:10px 0 5px 60px; height:auto; border-bottom:1px dotted #ccc; } .dividerup { width:auto; height:10px; margin:8px 0 0 0; padding:0; background:url("Divider_up.jpg") repeat-x top right;} .dividerdown { width:auto; height:10px; margin:8px 0 8px 0; padding:0; background:url("Divider_down.jpg") repeat-x top right;} .introarea { padding:0 20px 0 10px; margin:0 0 20px 0; border-left:4px solid #ff9933; font-size:100%; font-weight:bold; color:#777; height:103px; background-color:inherit;} .introareaimg { float:left; width:135px;} .introareatext { margin:0 0 0 140px; padding:0; } #twocollist { height:auto; margin:0; padding:0; } #twocollist ul.left { float:left; width:340px; margin:0; list-style-type:none; } #twocollist ul.right{ float:right; width:50%; margin:0; list-style-type:none; } #twocollist ul li { list-style-type:none; background-image:none; margin:7px 0 15px 0;} #twocollist li { border-left:1px solid #ff9933; padding:0; } /* === FORMS === */ .form { padding:0; width:620px; margin:0 auto 0 auto; line-height:normal} .form form { padding:0; width:620px; margin:0 auto 0 auto; line-height:normal} .form p { clear:left; text-align:left; margin:0; padding:5px 0 8px 7px;} .form ul li { color:#cc6600;} .form img { margin:0; padding:0 0 0 3px;} .form fieldset { width:600px; border:solid 1px #ccc; padding:5px; margin:5px; display:block; } .form fieldset fieldset { width:95%; border:solid 1px #ccc; padding:5px; margin:5px; display:block; } .form fieldset legend { line-height:130%; font-size:120%; font-weight:bold; color:#669900; margin:0; padding:0 5px 0 5px; background:#fff;} .form fieldset fieldset legend { line-height:130%; font-size:110%; font-weight:bold; color:#336699; margin:0; padding:0 5px 0 5px; background:#fff;} .form fieldset fieldset fieldset legend { line-height:130%; font-size:105%; font-weight:bold; color:#777; margin:0; padding:0 5px 0 5px; background:#fff;} .form fieldset label { width:195px; float:left; vertical-align:top; font-weight:normal; text-align:right; padding:0; display:block; } .form div.field { clear:both; margin-bottom:0; padding:5px 0 8px 0;} .form fieldset input { width:270px; background:#fff; border:1px solid #adbfc2; margin:0 0 0 5px; padding:2px; font-size:100%; color:#555; } .form fieldset textarea { width:270px; height:100px; font-family:Helvetica, Arial, sans-serif; font-size:100%; background:#fff; border:1px solid #adbfc2; margin:0px 0 10px 5px; padding:2px; overflow:auto; color:#555;} .form fieldset select { width:276px; height:auto; background:#fff; border:1px solid #adbfc2; margin:0px 0 10px 5px; padding:2px; overflow:auto; font-size:100%; color:#555; } .form fieldset select.short { width:100px; height:auto; background:#fff; border:1px solid #adbfc2; margin:0px 0 10px 5px; padding:2px; overflow:auto; font-size:100%; font-size:0.96em; color:#555;} .form .checkbox input { margin-left:160px; width:15px; height:15px; background:#fff; border:none; margin:2px; padding:0; border:1px solid #adbfc2; } .form fieldset textarea:focus, .form fieldset input:focus, .form fieldset select:focus { background-color:#f4fdfa; color:#444; } .form .indent { width:350px; padding:10px 0 10px 200px; text-align:left; } .form .indent p { clear:both; text-align:left; margin:0; padding:3px 0 8px 0px;} .form .indent label { float:right; font-weight:normal; text-align:left; padding:0 2px 4px 0; margin:0; width:325px; display:block;} .form .indent input { float:left; margin:0 0 4px 0; padding:0; border:none; width:13px; height:13px; display:block;} .form input.button { float:left; width:103px; height:36px; margin:0 6px 0 0; font-weight:bold; font-size:105%; color:#fff; background:transparent url("Generic_button_Sml.jpg") no-repeat; padding:0 0 6px 0; cursor:pointer; border:none; display:inline;} .form input.largebutton { float:left; width:162px; height:36px; margin:0 6px 0 0; font-weight:bold; font-size:105%; color:#fff; background:transparent url("Generic_button_lge.jpg") no-repeat; padding:0 0 6px 0; cursor:pointer; border:none;} .form input.clearbutton { float:left; width:103px; height:36px; margin:0 6px 0 0; font-weight:bold; font-size:105%; color:#6d765e; background:transparent url("Generic_button_clear.jpg") no-repeat; padding:0 0 6px 0; cursor:pointer; border:none;} .form input.navbutton { float:left; width:103px; height:36px; margin:0 6px 0 0; font-weight:bold; font-size:105%; color:#fff; background:transparent url("Generic_button_blue.jpg") no-repeat; padding:0 0 6px 0; cursor:pointer; border:none; display:inline;} .form input.falsebutton { float:left; width:103px; height:36px; margin:0 6px 0 0; font-weight:bold; font-size:105%; color:#fff; background:transparent url("Generic_button_dummy.jpg") no-repeat; padding:0 0 6px 0; cursor:pointer; border:none; display:inline;} .form .indent2 { width:350px; padding:10px 0 10px 200px; text-align:left;} .form .indent2 input { margin:0 0 8px 0;} .form .inlineinputs { clear:left; width:305px; margin:4px 0 7px 198px; text-align:left; } .form .inlineinputs label { float:right; width:80px; font-weight:normal; text-align:left; padding:3px 2px 3px 0; margin:0 0 0 1px; color:#333; display:block; line-height:normal; background:inherit;} .form .inlineinputs input { float:left; border:1px solid #c1ccd3; /*width:13px; height:13px; */margin:0; padding:0;} .form .inlineinputs span { width:305px; padding:0px 0 7px 0; text-align:left; } .form .inlineinputs { width:305px; margin:4px 0 7px 180px; text-align:left; } .form .inlineinputs label { width:80px; font-weight:normal; text-align:left; padding:3px 2px 3px 0; margin:0 0 0 10px; color:#333; display:block; line-height:normal; background:inherit;} .form .inlineinputs input { border:1px solid #c1ccd3; width:13px; height:13px; margin:0; float:left; padding:0;} .form .inlineinputs span { width:305px; padding:0px 0 7px 0; text-align:left; } .form span.mandatory { font-weight:bold; } .form .validation { font-weight:bold; color:#cc6600; background:inherit;} .form .disclaimer { font-weight:normal; font-size:90%; color:#666; background:transparent; margin:15px 0 0 0; padding:5px 0 0 0; border-top:1px dotted #999;} .form .dropdown { padding:2px; } .form #calendar table { border:none; margin:0; font-size:100%;} .form #calendar table thead td { border:2px solid #fff; padding:0; text-align:center; font-size:100%; font-weight:bold; color:#555;} .form #calendar table td { border:none; padding:0; text-align:center; background:#e8e8e8;} .form fieldset.gradient { background:url("CIS_PageSearchBkgd.jpg") repeat-x bottom left; width:500px; margin:0 auto 15px auto; } .form .AddSearchResults { overflow:auto;width:575px;height:320px;} .button { float:left; width:103px; height:36px; margin:0 6px 0 0; font-weight:bold; font-size:105%; color:#fff; background:transparent url("Generic_button_Sml.jpg") no-repeat; padding:0 0 6px 0; cursor:pointer; border:none; display:inline;} .largebutton { float:left; width:162px; height:36px; margin:0 6px 0 0; font-weight:bold; font-size:105%; color:#fff; background:transparent url("Generic_button_lge.jpg") no-repeat; padding:0 0 6px 0; cursor:pointer; border:none;} /* == CRM forms == */ #crmForm {width:650px; margin:0 auto 0 auto; } #crmForm div.Field, div.dateField {clear:both; margin-bottom:5px;} #crmForm fieldset {width:600px; display:block; margin:0 0 1em 0; padding:1em 1em 0.5em 1em; border:1px solid #ccc;} #crmForm fieldset legend {font-size:120%; font-weight:bold; color:#669900; } #crmForm input, #crmForm textarea, #crmForm select {display:block; width:21em; margin:5px 0 0 0; float:left;} #crmForm div.query {width:40em;} #crmForm div.query label {clear:both; width:190px; margin:0; text-align:right;} #crmForm div.contact {width:40em;} #crmForm div.query input, #crmForm textarea, #crmForm select {width:29em;} #crmForm div.query select {font-size:100%; width:21.5em;} #crmForm div.dateField input {width:14em;} #crmForm div.dateField img {margin:0.2em 0.5em 0 0;} #crmForm input.crmSubmitButton {clear:both; margin:0 0 3em 0; width:103px; height:36px; font-weight:bold; font-size:105%; color:#fff; background:transparent url("Generic_button_sml.jpg") no-repeat; padding:0 0 6px 0; cursor:pointer; border:none;} #crmForm input.crmAddressButton {clear:left; margin:4px 0 0 203px; width:162px; height:36px; font-weight:bold; font-size:105%; color:#fff; background:transparent url("Generic_button_lge.jpg") no-repeat; padding:0 0 6px 0; cursor:pointer; border:none; display:block;} #crmForm label {float:left; text-align:right; display:block; font-weight:normal; width:190px; margin:0; clear:left; padding-right:1em;} #crmForm select {display:block;} #crmForm fieldset.radio {clear:both; width:560px; padding:1em; margin:10px 0 0 0;} #crmForm fieldset.radio input {float:left; width:auto; margin:0; clear:left;} #crmForm fieldset.radio legend {font-size:115%; font-weight:bold; color:#666;} #crmForm fieldset.radio label {clear:none; float:left; width:510px; color:#383838; text-align:left; margin:0 0 0 5px;} #crmForm div.validation {margin-top:0.5em; float:left; padding-left:0.5em; color:#cc6600;} #crmForm label.validation {font-weight:bold;} #crmForm div.feedback {clear:both; padding-bottom:1em; color:#cc6600;} #crmForm div.returninfo {clear:both; padding-bottom:1em; color:#444;} #crmForm table {border:none; margin:0; font-size:100%;} #crmForm table thead td {border:2px solid #fff; padding:0; text-align:center; font-size:100%; font-weight:bold; color:#555;} #crmForm table td {border:none; padding:0; text-align:center; background:#e8e8e8;} #crmForm fieldset.checkbox {clear:both; width:560px; padding:1em; margin:10px 0 0 0;} #crmForm fieldset.checkbox input {float:left; width:auto; margin:0; clear:left;} #crmForm fieldset.checkbox legend {font-size:115%; font-weight:bold; color:#666;} #crmForm fieldset.checkbox label {clear:none; float:left; width:510px; color:#383838; text-align:left; margin:0 0 0 5px;} #crmForm .AddSearchResults {overflow:auto;width:575px;height:320px;} /* == WP Contact Info == */ .wp_contactinfo, .wp_eventinfo {display:block; margin:15px; width:300px;} .wp_contactinfo span, .wp_eventinfo span {clear:both; display:block; width:400px; margin-bottom:20px;} .wp_contactinfo select, .wp_eventinfo select {clear:both; display:block; margin-bottom:20px;} .wp_contactinfo textarea, .wp_eventinfo textarea {margin-bottom:20px; display:block; border:1px solid #CCCCCC; background-image:url(cms-table-background.gif); height:100px; color:#666666;} .wp_contactinfo textarea:hover, .wp_eventinfo textarea:hover{background-image:url(cms-form-background.gif);} .wp_contactinfo label, .wp_eventinfo label{display:block;} .wp_contactinfo table, .wp_eventinfo table {clear:both; display:block; margin-bottom:20px; } .wp_contactinfo tead {padding:0;} #crmForm table thable td, .wp_eventinfo table td{text-align:center; background-image:url(cms-table-background.gif); border:1px solid #ccc; padding:5px;} .wp_contactinfo table td label, .wp_eventinfo table td label{width:80px;} .wp_contactinfo table td input, .wp_eventinfo table td input{border:none; background:none; margin:0;} .wp_contactinfo table td:hover, .wp_eventinfo table td:hover{background-image:url(cms-form-background.gif);} .wp_contactinfo input, .wp_eventinfo input { padding:2px; border:1px solid #CCCCCC; background-image:url(cms-input-gradient.gif); color:#666666; margin-bottom:20px; margin-right:10px;} .wp_contactinfo img, .wp_eventinfo img {margin-bottom:20px;} .wp_contactinfo input:hover, .wp_eventinfo input:hover{background-image:url(cms-form-background.gif);} .wp_contactinfo br, .wp_eventinfo br{display:none;} #AtoZmenu { padding:0; margin:15px auto 20px auto; width:99%; } #AtoZmenu ul { padding:0 0 20px 0; margin:0; list-style-type:none; } #AtoZmenu ul li { Width:auto; float:left; padding:0; margin:0 2px 0 0; text-align:center; background-image:none; list-style-type:none; text-decoration:none; } #AtoZmenu ul li a:link, #AtoZmenu ul li a:visited { width:1.2em; display:block; padding:4px 3px 4px 3px; margin:0; background:#e5e5e5; border:1px solid #ccc; background-image:none; text-decoration:none; color:#0e2a5d;} #AtoZmenu ul li a:hover { color:#fff; background:#0099cc; border:1px solid #ccc; text-decoration:none;} #AtoZmenu ul li .selected { width:1.1em; background:#006699; color:#fff; padding:4px; border:1px solid #666; margin:0; display:block;} #AtoZmenu ul li .disabled { width:1.1em; color:#999; background:#e5e5e5; padding:4px; border:1px solid #ccc; margin:0; display:block;} #content .eventcatlist table td { border:none;} #content .eventcatlist table { border:none;} #content .eventcatlist img { margin-right:15px;} #content .calmain table {text-align:center; margin-left:0; width:200px;} #content .calmain a {text-decoration:none;} #content .calmain td:hover {background-color:#D2E9FB;} #content .calmain th {background-color:#EEEEEE; font-weight:lighter;} /* == Tree View Structure for Minutes and Agendas == */ #content div.AspNet-TreeView ul li, .AspNet-TreeView-Parent li.AspNet-TreeView-Leaf {background-image:none; list-style-type:none; text-decoration:none;} #content div.AspNet-TreeView ul li { margin-left:0; text-decoration:none;} #content .AspNet-TreeView-Root li.AspNet-TreeView-Leaf-Nonlink { margin-left:0px;} div.AspNet-TreeView ul { width:650px; margin:0; padding:0;} div.AspNet-TreeView ul li { padding:3px 0 2px 0; list-style:none; margin:0; display:block;} div.AspNet-TreeView ul ul { margin:2px 0 2px 0px;list-style:none; } div.AspNet-TreeView ul li img { border:none; vertical-align:middle; margin:0 2px 0 0;} div.AspNet-TreeView ul li a { text-decoration:none !important; color:#0E386B !important; } div.AspNet-TreeView ul li a:hover { text-decoration:none !important; color:#006699 !important; } #content .AspNet-TreeView li.AspNet-TreeView-Root .AspNet-TreeView-Leaf { list-style-type:square !important; margin-left:30px; background-image:none; color:#999;} div.AspNet-TreeView li.AspNet-TreeView-Root .AspNet-TreeView-ClickableNonLink { cursor:pointer; color:#444; font-weight:bold; text-decoration:none;} .AspNet-TreeView-Nonlink { color:#444;} div.AspNet-TreeView .AspNet-TreeView-Collapse { background:url("collapse.gif") 0 0 no-repeat; width:15px; margin-right:5px; float:left; cursor:pointer; line-height:15px; } div.AspNet-TreeView .AspNet-TreeView-Expand { background:url("expand.gif") 0 0 no-repeat; width:15px; margin-right:5px; float:left; cursor:pointer; line-height:15px;} /* === ERROR SCREENS === */ .errorscreens {margin:0 auto 0 auto; width:900px; padding:20px; text-align:center;} .errorscreens img {margin:0 auto 20px auto; } /* === XSL CSS === */ /* == events categories == */ .eventcatlist {display:block;} .eventcatlist a {text-decoration:none;color:#0E386B;} .eventcatlist a:hover {text-decoration:none;color:#006699;} #eventscatlist { width:450px; height:auto; margin:0 auto 0 auto; padding:0;} #eventscatlist ul.left { float:left; width:250px; margin:0; list-style-type:none; position:relative; left:0; } #eventscatlist ul.right { float:right; width:200px; margin:0; list-style-type:none; } #eventscatlist ul li { list-style-type:none; background-image:none; margin:3px 0 3px 0;} #eventscatlist ul li a:link, #eventscatlist ul li a:visited { text-decoration:none; color:#0E386B; } #eventscatlist ul li a:hover { text-decoration:none; color:#006699; } #eventscatlist img { margin:0px 5px 0 0;} .calendarcontainer { position:relative; padding:10px 0 10px 10px; width:auto;} /* == events results == */ .events_row { margin-left:0; display:block;} .events_noresults { padding:10px 0 20px 0; font-weight:bold; } #content .paging { border-top:1px dotted #b0b0b0; padding:8px 0 8px 0; margin:10px 0 10px 0; width:auto; display:block;} #content .paging li { float:left; width:25px; list-style:none; background-image:none; padding:3px 0 2px 0; margin:0 0 6px 0; height:auto;} #content .paging a:link, #content .paging a:visited { margin:0 4px 0 0; background:url("icon_page.gif") no-repeat top left; width:25px; height:21px; padding:4px 9px 6px 5px; color:#fff; font-weight:bold; font-size:100%; text-decoration:none; } #content .paging a:hover, #content .paging #current { background:url("icon_page_current.gif") no-repeat top left; width:21px; height:21px; color:#CC6600; font-weight:bold; font-size:100%; text-decoration:none;} #content .pagingtop { border-bottom:1px dotted #b0b0b0; padding:8px 0 8px 0; margin:10px 0 10px 0; width:auto; display:block;} #content .pagingtop li { float:left; width:25px; list-style:none; background-image:none; padding:3px 0 2px 0; margin:0 0 6px 0; height:auto;} #content .pagingtop a:link, #content .paging a:visited { margin:0 4px 0 0; background:url("icon_page.gif") no-repeat top left; width:25px; height:21px; padding:4px 9px 6px 5px; color:#fff; font-weight:bold; font-size:100%; text-decoration:none; } #content .pagingtop a:hover, #content .paging #current { background:url("icon_page_current.gif") no-repeat top left; width:21px; height:21px; color:#CC6600; font-weight:bold; font-size:100%; text-decoration:none;} .buttonbar { margin:0 0 10px 0; padding:0; height:21px; width:auto; text-align:right; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#fff url("ServicePage_Tab.jpg") repeat-x; list-style-type:none;} .rss { background:url("RSSFeed_icon.gif") no-repeat top right; padding:2px 25px 0 0; margin:2px 4px 0 0;} #content .rss a:link, #content .rss a:visited { color:#063d7f; text-decoration:none; } .row { clear:right;} .ecol1 { width:80px; float:left; font-weight:bold; } .ecol2 { width:auto; margin:0 0 0 90px;} /* == press release display == */ .prcol1 { float:left; width:80px; } .prcol2 { width:auto; margin-left:100px; } /* == press release one display == */ .row1 {width:auto; margin:0 0 5px 0;} .row2 {width:auto; margin:0 0 5px 0;} .row3 {width:auto; margin:0 0 5px 0;} .row4 {width:auto; margin:0 0 5px 0;} /* -- LightBox -- */ #lightbox { position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;} #lightbox img { width:auto; height:auto;} #lightbox a img { border:none; } #outerImageContainer{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; } #imageContainer { padding:10px; } #loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; } #hoverNav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; } #imageContainer>#hoverNav{ left:0;} #hoverNav a { outline:none;} #prevLink, #nextLink{ width:49%; height:100%; background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display:block; } #prevLink { left:0; float:left;} #nextLink { right:0; float:right;} #prevLink:hover, #prevLink:visited:hover { background:url(prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background:url(nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100% ; } #imageData { padding:0 10px; color:#666; } #imageData #imageDetails { width:70%; float:left; text-align:left; } #imageData #caption { font-weight:bold; } #imageData #numberDisplay { display:block; clear:left; padding-bottom:1.0em; } #imageData #bottomNavClose { width:66px; float:right; padding-bottom:0.7em; outline:none;} #overlay {position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; } .imagesbox {float:right; width:215px; padding:0 0 15px 12px; } .images {border:1px solid #c5c5c5; padding:4px; margin:0 0 5px 0; text-align:center; } .images img {max-width:200px; max-height:160px; } .imagecaption {background:#ebebeb; padding:3px 4px 3px 4px; font-weight:bold; color:#666; text-align:left; font-size:95%;} .imageenlarge {background:#ebebeb url("enlargeImage.gif") no-repeat top left; padding:0px 2px 5px 20px; margin-top:4px; text-align:left;} /* === RTS === */ #rts_key { float:right; border: 1px dotted #999; padding:4px; margin-bottom:20px; width:215px; font-size: 90%;} #rts_key div { float:left; } #rts_key strong, #rts_key img { margin-right:8px} .rts { clear:both; width:99%; font-size:1px; margin:0; padding:0; border:none; border-top:1px dashed #ccc; text-align:center} /* === Durham City Homes - GRID LAYOUT === */ #gridlayout { width:690px; margin:20px;} #gridlayout ul { display:inline-block; width:690px; list-style-type:none; margin:0; padding:0;} #gridlayout ul li { display:inline-block; float:left; margin:15px; padding:0; height:60px; width:300px;} #gridlayout ul li img { height:60px; width:60px; float:left;} #gridlayout ul li p { margin-left:70px;} #gridlayout ul li p a:link, #gridlayout a:active, #gridlayout a:visited { background-color:inherit; color: #069; text-decoration:none; font-weight:bold; font-size:105%;} #gridlayout ul li p a:hover { background-color:inherit; color: #39c;} /* === Council Housing (clickable image) Map === */ #housing-map-wrapper {width:650px;} #housing-map {width:390px; float:left;} #housing-map img {border:none;} #housing-map-key {width:240px; float:left; margin-top:150px;} /* ===Addition needed for the Dig Pages=== */ #digHome{overflow: hidden;width: 100%;} #digHomeButton{background-image: url(cc_images/dig_home_but.gif);background-repeat: no-repeat;height:43px;width:150px;margin-bottom:5px;float:right;} #digHomeButton a{display:block;padding-top:17px;padding-left:50px;} /*.clearFloats{clear:both;}*/ /* === Olympics === */ .DCCinlineNews{border:1px solid #CCCCCC;padding:10px;margin-bottom:10px;overflow: auto;} .DCCinlineNews img{float:left;margin:0px 15px 10px 0px;} .DCCinlineNews H3{margin-bottom:10px;}