/* @override http://www.westmidlandsltp.gov.uk/mmlib/css/default.css */ /* General Declarations */ body { margin:0; padding:0; background:#85C1B9; color:#333;} body * { font-family: Verdana, sans-serif; } img {border: none;} .clear {clear:both;} .button {width: auto !important} h2 {color:#333; font-size: 16px; font-weight: normal; margin: 12px 0px 4px;} h3, #maincontent h3 {color:#333; font-size: 15px; font-weight: normal; margin: 26px 0px 0px;} p {margin: 3px 0px 14px 0px; line-height: 17px;} #maincontent .morelink {font-size: 10px;} /* Wrapper */ #wrapper { width:871px; margin:0 auto; padding: 0px 7px 20px; background:#FFF; } /* Tools */ ul#tools { margin:24px 0 0; padding:0px; float:right;list-style:none; } ul#tools li { float: left; } ul#tools li.skip { display:none; } ul#tools li a { height:16px; } ul#tools li a { display:inline; text-decoration:none; font-size:11px; color:#333; padding: 4px 8px 4px 9px; } ul#tools li a:hover { background:#EEE; } span.underline { text-decoration:underline; } #innertools { float:right; } body.home #innertools {float: none;} #innertools a.edit { background: url(/mmsys/png/icons/edit_16.png) no-repeat 5% 50%; display:block; padding:2px 0 2px 24px; margin-right:5px; float:left; } #innertools > a.edit { margin-right:10px; } #innertools a.pin { background: url(/mmsys/png/sticky.gif) no-repeat 5% 50%; display:block; padding:2px 6px 2px 22px; float:left; } #innertools a.pinned { background-color:#FFFFE0; } /* Header */ #header { margin: 0 0 12px; border-bottom: 3px solid #2B9C88; background:url(/mmlib/images/badges.gif) no-repeat 390px center;} #header h1 { background:url(/mmlib/images/logo.png) no-repeat 0px 10px; height:45px; margin:0; padding: 15px 0 10px 75px ; font-weight:normal; font-size:15px; } #header h1 a {color:#334659; text-decoration: none;} /* Navigation */ ul#level0 { margin:0px 0px 9px 0px; padding:0px; list-style:none; border-bottom: 3px solid #2B9C88;} ul#level0 * { margin:0px; padding:0; list-style:none; } ul#level0 li { margin:0px; padding:0; display:inline; } ul#level0 li a { display:block; padding: 4px 0; border-top:1px solid #CCC; font-size: 12px; color:#333; text-decoration:none; } ul#level0 li a:hover { background:#EEE; } ul#level0 li.home a { border-top:none; } ul#level0 li.skipnav { display:none; } ul#level1 * { font-size:10px; color:#333; } /* Navigation - Selected States */ ul#level0 li a.selected,ul#level0 li a.selected:hover { background:#334659 url(/mmlib/images/nav-selected.png) no-repeat center center; padding-left: 5px; color:#FFF; } ul#level0 li a.hinge, ul#level0 li a.hinge:hover { background:#334659 url(/mmlib/images/nav-hinge.png) no-repeat center center; padding-left: 5px; color:#FFF; } ul#level1 li a { background-color:#6C8197; padding-left: 10px; padding-right:15px;} ul#level1 li a span {color:#fff;} ul#level1 li a:hover {background-color:#556576;} ul#level1 li a.selected,ul#level1 li a.selected:hover { padding-left: 10px; background-color:#768DA5; background-image: url(/mmlib/images/selected.gif); background-repeat:no-repeat; background-position:96% 50%; } ul#level1 li a.hinge,ul#level1 li a.hinge:hover { padding-left: 10px; background-color:#768DA5; background-image: url(/mmlib/images/hinge.gif); background-repeat:no-repeat; background-position:221px 50%; } ul#level2 li a:hover {background-color:#7E97B0;} ul#level2 li a { padding-left: 15px; background-color:#87A3BD; padding-left: 15px; } ul#level2 li a.selected, ul#level2 li a.hinge,ul#level2 li a.selected:hover,ul#level2 li a.hinge:hover { padding-left: 15px; background-color:#8DAAC6; } ul#level3 li a:hover {background-color:#93B1CE;} ul#level3 li a, ul#level3 li a { padding-left: 20px; background-color:#9BBAD9; color:#334659 !important; } ul#level3 li a.selected, ul#level3 li a.hinge,ul#level3 li a.selected:hover,ul#level3 li a.hinge:hover { padding-left: 20px; background-color:#A0C0E0; } ul#level4 li a:hover {background-color:#B0CEEC;} ul#level4 li a { background-color:#C0DDF9; } ul#level4 li a.selected, ul#level4 li a.hinge,ul#level4 li a.selected:hover,ul#level4 li a.hinge:hover { padding-left: 25px; background-color:#D7E9FB; } /* Side Panel */ #sidebar {float: left; width:235px; margin-right:25px;} .sidebox h3,#latestnews h3,#associatedgroups,#featuredcontent h3 {display: inline; color:#fff; margin: 0px; font-size: 12px; font-weight: normal; background-color: #839F96; padding: 3px 6px 5px 6px;} #latestnews h3,#associatedgroups,#featuredcontent h3 {display: block; } #maincontent h3#associatedgroups { color: #FFF; margin-bottom: 0px;} #maincontent #featuredassociatedheader, #maincontent #normalassociatedheader { margin: 8px 0px 2px 0px; font-size: 13px; color: #666;} .sidebox p { background-color: #E9E9DD; padding: 5px 7px; } .sidebox label {font-size: 11px;} .sidebox input {font-size: 11px; width: 99%; margin-top: 3px;} .sidebox input.button {float: right; margin-top: 8px; font-size: 12px;} .sidebox select {font-size: 12px; width: 150px;} .sidebox a {font-size: 11px; color:#508A82;} /* MainContent */ #maincontent { float:left; width:608px; margin-bottom: 10px;} #maincontent * { font-size: 12px; } #maincontent h2 { font-size: 16px; margin-top: 0px;} #maincontent a { color:#666; } #maincontent a:hover { color:#999; text-decoration:none; } #maincontent p.trail { margin:0 0 20px; padding:0; font-size: 11px; color:#666; } #maincontent p.trail a { padding: 3px 0; font-size: 11px; color:#666; text-decoration:none; } #maincontent p.trail a:hover { background:#CCC; } #maincontent .related {border-top: 3px solid #7D8D88; padding-top: 12px;} #maincontent .related h3 {background-color:#839F96; display: inline; margin: 0px; font-size: 12px; font-weight: normal; color:#fff; padding: 3px 6px 5px 6px;} #maincontent .related ul {margin: 5px 0px; padding: 0px;} #maincontent .related li {list-style-type: none; background-image: url(/mmlib/images/icon_page.gif); background-repeat: no-repeat; background-position: 10px 8px; padding: 8px 0px 4px 38px; margin: 0px;} #maincontent .related li.mime_pdf {background-image: url(/mmlib/images/icon_pdf.gif)} #maincontent .related li.mime_word {background-image: url(/mmlib/images/page_white_word.png)} #maincontent .related li.mime_zip {background-image: url(/mmlib/images/icon_zip.png)} #maincontent .related li.mime_txt {background-image: url(/mmlib/images/icon_page.png)} #maincontent .related li.mime_excel {background-image: url(/mmlib/images/page_white_excel.png)} #maincontent .related li.mime_powerpoint {background-image: url(/mmlib/images/page_white_powerpoint.png)} #maincontent .related li.mime_default {background-image: url(/mmlib/images/icon_blank.png)} #maincontent .related li.mime_gif, #maincontent .related li.mime_jpg {background-image: url(/mmlib/images/photo.png)} #maincontent .related li a { padding-left: 0px; margin-bottom: 8px; display: block; color:#46635F; text-decoration: none;} #maincontent .related li a:hover {text-decoration: underline;} #maincontent .related li span {padding: 0px; margin: 0px; font-size: 11px;} #maincontent .related li.even {background-color:#E9E9DD;} #maincontent .related li.odd {background-color:#F2F1EC;} body #maincontent .downloadlist li.even {background-color: #E6ECEA;} body #maincontent .downloadlist li.odd {background-color: #D9E2E0;} body #maincontent .downloadinfo { font-size:11px; color:#999; } body #maincontent .downloadinfo a { display:inline; } #featuredcontent {width: 297px; float: left; margin-right: 16px;} #featuredcontent h3 {background-color: #46635F; } #featuredcontent ul {padding: 0px; margin: 4px 0px 0px 0px;} #featuredcontent ul li {padding: 10px; margin: 0px; list-style-type: none;} #featuredcontent ul li a {color:#333; text-decoration: none;} #featuredcontent ul li a:hover {text-decoration: underline;} #featuredcontent ul li h4 { color:#45625E; font-size: 14px; font-weight: normal; margin: 0 0 1px 0; padding:0} #featuredcontent ul li h4 a:hover { color:#333; } #featuredcontent ul li p { color:#45625E; font-size: 10px; margin: 0px; height: 15px; padding:0; overflow: hidden;} #featuredcontent ul li.odd {background-color: #E6ECEA;} #featuredcontent ul li.even {background-color: #DAE0E0} /* Comments */ div#comments { clear:both; padding:20px 0 0; } div#comments h3 { background-color:#839F96; display: inline; margin: 0px; font-size: 12px; font-weight: normal; color:#fff; padding: 3px 6px 5px 6px; } div#comments div.commentdiv { margin:4px 0 0; padding:0; } div#comments div.commentdiv div.comment { background-image: url(/mmlib/images/icon_comment.gif); background-repeat: no-repeat; background-position: 10px 8px; padding: 3px 0px 4px 38px; margin: 0px;} div#comments div.commentdiv div.comment ul.tools { list-style:none; margin:0; padding:0 10px 0 0; float:right; } div#comments div.commentdiv div.comment ul.tools li { float:left; background:none; padding:8px 0 0 5px; margin:0; } div#comments div.commentdiv div.comment div p { margin:0; padding:5px 30px 0 0; line-height:1.6; } div#comments div.commentdiv div.comment div * { color:#45625E; } div#comments div.commentdiv div.comment p.comment-footer { font-size:10px; color:#999; margin:0; padding:0 0 3px; } div#comments div.commentdiv div.even {background-color:#E9E9DD;} div#comments div.commentdiv div.odd {background-color:#F2F1EC;} div.clear { clear:both; } div#errorwrapper, div#msgwrapper { padding:0 0 15px; } /* Comments (form) */ div#comments h4 { color:#666; } div#comments form label { padding:0 0 10px; color:#666; } div#comments form label textarea { height:100px; } div#comments #textarea { height:120px; } div#comments form input.submit { margin:10px 0 0 136px; clear:both; } form#downloadcommentform {background: #E9E9DD; margin: 10px 0px 0px 0px; padding: 8px 10px 8px;} form#downloadcommentform label {height: auto;} form#downloadcommentform label input {margin: 0px 5px 0px 0px;} /* Latest news on home page */ #latestnews {width: 295px; float: left;} /*{ font-size: 12px; background-color: #839F96; color:#fff; display: inline; padding: 3px 5px 4px; margin: 0px;}*/ #latestnews ul {padding: 0px; margin: 4px 0px 0px 0px;} #latestnews ul li {padding: 10px; margin: 0px; list-style-type: none;} #latestnews ul li p a { font-size:10px; color:#45625E; text-decoration: none;} #latestnews ul li h4 a { color:#333; text-decoration: none;} #latestnews ul li h4 a:hover { color:#000;} #latestnews ul li a:hover {text-decoration: underline;} #latestnews ul li h4 {font-size: 15px; font-weight: normal; margin: 0px 0px 5px 0px;} #latestnews ul li p {font-size: 10px; margin: 0px; line-height: 14px; color: #45625E;} #latestnews ul li.odd {background-color: #E9E9DD} #latestnews ul li.even {background-color: #F2F1EC} body.consultation .required {color: #C66379; font-size: 30px; line-height: 11px; cursor: help; } body.consultation form label {height: 20px;} body.consultation form label input {margin-right: 5px;} body.consultation tbody th { text-align: right; border-bottom: 1px solid #DDD; padding-bottom: 2px; } body.consultation tbody td { border-bottom: 1px solid #DDD; padding-bottom: 2px; text-align: center; } body.consultation .question-description { width: 45%; float: left; margin: 10px 20px 20px 0px; } body.consultation .question-group{ width: 45%; float: left; margin: 10px 0px 20px 0px; } body.consultation h4 { clear: both; padding: 25px 0px 0px 0px; margin-bottom: 0px; } body.expressionofinterest label {display: inline;} /* Full list of paged news */ #newslist {padding: 0px; margin-left: 0px;} #newslist p {margin: 0px;} #newslist li {list-style-type: none; margin-bottom: 20px; padding-left: 0px; margin-left: 0px;} #newslist li hr {width: 550px; border: none; border-bottom: 1px solid #dedede; height: 1px; margin-top: 10px;} #newslist li .newsfooter {font-size: 11px; color:#666;} /* Search Results */ #searchResults { overflow: hidden; } #searchResults ul {padding-left: 0px;} #searchResults ul li {padding-left: 0px; list-style-type: none;} #searchResults h2 {border-bottom: 1px solid #7D8D88; margin-top: 0px; font-size: 17px;} #searchResults h3 {margin-top: 15px; font-size: 14px; font-weight:bold; } .highlight {font-weight: bold;} /* Footer */ #footer { clear:both; border-top: 3px solid #7D8D88; } #footer h2 { display:none; } #footer p { font-size:11px; margin: 14px 0px 0px; color:#767D7B;} /* Sponsors */ ul#sponsors { margin:0; padding:0 0 20px; list-style:none; } ul#sponsors li { float:left; margin: 0px; padding: 0px; font-size: 01px;} ul#sponsors li a { margin:0; padding:0 5px 0 5px; border-left: 1px solid #9D5CB3; font-size:12px; color:#767D7B; } ul#sponsors li a.first { margin:0; padding:0 5px 0 0; border-left:none; } /* Associated groups featured on home page */ ul#featuredassociated {list-style:none; margin:0px 0 20px 0; padding:0;} ul#featuredassociated li {float:left; width:197px; margin:0px 8px 10px 0px; padding:0px; height:100px; background-color:#C4DCE6; overflow: hidden;} ul#featuredassociated li.third { margin:0px 0px 10px 0px; width:198px; } ul#featuredassociated li img {float: left; background-color:#89A6B6; padding-right:5px; } ul#featuredassociated p {font-size:10px; margin:0; padding:7px 6px; line-height:1.5; clear: left; color:#507172;} ul#featuredassociated h4 {font-size:15px; margin:0 0 4px 0; padding:2px 4px 0 4px; background-color:#89A6B6; font-weight: normal; height: 37px; line-height:1} ul#featuredassociated h4 a {color:#fff; text-decoration: none; letter-spacing:-0.07em;} ul#featuredassociated h4 a:hover {color:#fff; text-decoration: underline;} ul#normalassociated {clear: left; padding: 0px; background-color:#89A6B6; margin: 3px 0px 13px 0px; height: 29px; border-bottom: 3px solid #7D908E;} ul#normalassociated li {float: left; list-style-type: none; padding: 7px;} ul#normalassociated li a {color:#fff; text-decoration: none;} ul#normalassociated li a:hover {color:#fff; text-decoration: underline;} /* Forms */ form label {display: block; clear: left; height: 35px; font-size: 12px;} form label span {float: left; width: 137px;} form label input { float: left; } form label #username, form label #password { float: none; } #signinbox label {margin-bottom: 10px;} #searchbox input.button {margin-top: 10px;} /*paging on news list page*/ ul#paging {margin-left: 200px;} ul#paging li {list-style-type: none; float: left; width: 28px; color:#6C8197; font-size: 14px;} ul#paging li a {color:#000;} ul#paging li a:hover {color:#6C8197;} ul#paging li img {float: none;} /* Section Specific CSS */ /* @group Red Routes */ body#redroutes #maincontent * { font-family:"Lucida Sans Unicode","Lucida Grande",lucida,tahoma,sans-serif; } body#redroutes #maincontent h3 { color:#757575; } body#redroutes #maincontent div.related h3 { color:#fff; } body#redroutes #maincontent div.rrimage { float:right; padding:24px 0 0 20px; } body#redroutes #maincontent div.rrimage img { border:1px solid #CCC; } body#redroutes #maincontent h4, body#redroutes #maincontent h2 { color:#982431; } body#redroutes #maincontent h2 { font-size:20px; } body#redroutes #maincontent ul li { font-size:11px; color:#666; } body#redroutes #maincontent .related { border-color:#CCC; } body#redroutes #maincontent .related h3 { background:#D93E3D; } body#redroutes div.related ul li.even { background-color:#FCEFEF; } body#redroutes div.related ul li.odd { background-color:#FEFAFA; } body#redroutes div#header { margin-bottom:0; } body#redroutes div#sidebar { padding-top:12px; } /* @end */ /* @group Red Routes Navigation */ body#redroutes ul#level1 li a.hinge, body#redroutes ul#level1 li a.selected { background-color:#A52121; } body#redroutes ul#level2 li a { background-color:#D63030; } body#redroutes ul#level2 li a:hover, body#redroutes ul#level2 li a.hinge { background-color:#DA4545; } body#redroutes ul#level2 li a.selected { background-color:#D93E3D; } body#redroutes ul#level3 li a { background-color:#DE5656; } body#redroutes ul#level3 li a.selected, body#redroutes ul#level3 li a:hover { background-color:#E16666; } /* @end */ /* @group Cycling WM */ body#cycling-wm #maincontent * { font-family:"Lucida Sans Unicode","Lucida Grande",lucida,tahoma,sans-serif; } body#cycling-wm #maincontent h3 { color:#757575; } body#cycling-wm #maincontent div.related h3 { color:#fff; } body#cycling-wm #maincontent div.rrimage { float:right; padding:24px 0 0 20px; } body#cycling-wm #maincontent div.rrimage img { border:1px solid #CCC; } body#cycling-wm #maincontent h4, body#cycling-wm #maincontent h2 { color:#568b39; } body#cycling-wm #maincontent h2 { font-size:20px; } body#cycling-wm #maincontent .related { border-color:#CCC; } body#cycling-wm #maincontent .related h3 { background:#568b39; } body#cycling-wm #maincontent ul {margin-left: 0; padding-left: 0; margin-bottom: 24px;} body#cycling-wm #maincontent ul li {padding-left: 10px; margin-bottom: 6px; list-style: none; background: url(/mmlib/images/cycling-wm-bullets.gif) no-repeat 0 4px;} body#cycling-wm #maincontent div.related ul {padding-left: 0;} body#cycling-wm #maincontent .related ul {margin: 5px 0px; padding: 0px;} body#cycling-wm #maincontent .related li {list-style-type: none; background-image: url(/mmlib/images/icon_page.gif); background-repeat: no-repeat; background-position: 10px 8px; padding: 8px 0px 4px 38px; margin: 0px;} body#cycling-wm #maincontent div.related ul li.even { background-color:#dbedd1; } body#cycling-wm #maincontent div.related ul li.odd { background-color:#FEFAFA; } body#cycling-wm #maincontent blockquote { background: url(/mmlib/images/cycling-wm-quotes.gif) no-repeat 0 0; margin-left: 0; } body#cycling-wm #maincontent blockquote p{ font-size: 18px; line-height: 1.2em; margin-left: 50px; } body#cycling-wm div#header { margin-bottom:0; } body#cycling-wm div#sidebar { padding-top:12px; } /* @end */ /* @group Cycling WM Navigation */ body#cycling-wm ul#level1 li a.hinge, body#cycling-wm ul#level1 li a.selected { background-color:#568b39; } body#cycling-wm ul#level2 li a { background-color:#72b84c; } body#cycling-wm ul#level2 li a:hover, body#cycling-wm ul#level2 li a.hinge { background-color:#87c367; } body#cycling-wm ul#level2 li a.selected { background-color:#87c367; } body#cycling-wm ul#level3 li a { background-color:#DE5656; } body#cycling-wm ul#level3 li a.selected, body#cycling-wm ul#level3 li a:hover { background-color:#E16666; } /* @end */ /* Homepage */ #latestnews h4 span { font-size:10px; color:#999; } .error {color:#AA0000; margin-top: 5px; margin-bottom: 2px;}