/*
  Running MySource Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 31 July 2010 11:22:16
*/


/* CSS Document */

/* --------------------------------- DEFAULT STYLES */
.cl {
font-size: 0px;
line-height: 0px;
clear: both;
}

body, input, select, textarea {
font-family:arial,helvetica,sans-serif;
}

body {
background-color:#FFFFFF;
font-size:69%;
margin:0;
background-image: url(http://www.electoralcommission.org.uk/__data/assets/image/0008/69497/body_bg.gif);
background-repeat: repeat-x;
}

html, body, form, fieldset {
margin:0;
padding:0;
}

img {border: none}

.main_container {
width: 760px;
background-color: #FFFFFF;
margin: 0 auto;
}

fieldset {
border:0 none;
}

input, select, textarea {
font-size:100%;
}

.accessibility {
height:1px;
left:0;
overflow:hidden;
position:absolute;
top:-500px;
width:1px;
}

/* ----------------------------------- TOP TOOLS */

#tools {
padding-top:0.5em;
background: #002142 none repeat scroll 0 0;
}

#tools ul {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:0;
padding-left:14px;
width:475px;
}

#tools ul li {
display:inline;
}

#tools ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#tools ul li a, #tools ul li a:visited  {
color:#CCDDED;
margin-right:15px;
text-decoration:none;
}

#tools ul li a:hover {
text-decoration:underline;
}

/* ----------------------------------- TOP TOOLS END */

/* ----------------------------------- TOP SEARCH */

#tools form {
float:right;
padding-bottom:0.2em;
text-align:right;
width:260px;
}

#tools form fieldset {
display:inline;
}

#tools form fieldset input.text {
border:1px solid #CC0066;
}
#tools form input, #tools form textarea, #tools form select {
border:1px solid #BFCDD8;
padding:1px 2px;
}

#tools form fieldset input.submit {
background:#CC0066 none repeat scroll 0 0;
border:1px solid #CC0066;
color:#FFFFFF;
margin-right:6px;
}
#tools form input.submit {content.css (line 275)
background:#3E6690 none repeat scroll 0 0;
border:1px solid #002142;
color:#FFFFFF;
}

/* ----------------------------------- TOP SEARCH END */

/* ----------------------------------- LOGO AND LINKS */

#primary-nav {
background-color:#FFFFFF;
float:left;
width:760px;
}

#primary-nav ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0px;
padding: 0px;
}

#primary-nav ul#logos {
float:left;
margin:10px 0 0;
min-height:76px;
width:340px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#primary-nav ul#logos li {
float:left;
margin:0 40px 0 9px;
}

#primary-nav ul#meta {
background:#3E6690 none repeat scroll 0 0;
clear:both;
float:right;
margin-bottom:2px;
margin-right:2px;
text-align:right;
width:308px;
}

#primary-nav ul#meta li#home {
width:101px;
}

#primary-nav ul#meta li {
border-left:1px solid #FFFFFF;
float:left;
text-align:center;
width:102px;
}

#primary-nav ul#meta li a {
background:#3E6690 none repeat scroll 0 0;
color:#FFFFFF;
display:block;
padding:0.2em 0 0.1em;
text-decoration:none;
}

/* ----------------------------------- MENU */
#section-nav {
clear:both;
float:left;
width:760px;
}

#section-nav ul {
background:#3E6690 none repeat scroll 0 0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

#section-nav ul li#guidance {
width:83px;
}

#section-nav ul li#party-finance {
width:109px;
}

#section-nav ul li#elections {
width:85px;
}

#section-nav ul li#performance-standards {
width:166px;
}

#section-nav ul li#boundary-reviews {
width:134px;
}

#section-nav ul li#publications-research {
border-right:medium none;
width:172px;
}

#section-nav ul li {
border-right:2px solid #FFFFFF;
float:left;
text-align:center;
}

#section-nav ul li a {
background:#3E6690 none repeat scroll 0 0;
border-top:6px solid #002142;
color:#FFFFFF;
display:block;
font-size:1.1em;
font-weight:bold;
padding:0.4em 0;
text-decoration:none;
}

#section-nav ul li a:hover, #section-nav ul li a:active, #section-nav ul li a:focus {
color:#70D8FD;
}

/* -------------------------------- FOOTER */

#footer {
background:#EEF2F5 none repeat scroll 0 0;
float:left;
padding-top:1px;
width:760px;
}

#footer h3 {
color:#464646;
display:inline;
float:left;
font-size:1em;
font-weight:normal;
margin-top:3px;
}

#footer h3#email-to-friend a {
width:100px;
}

#footer h3 a, #footer h3 a.visited {
color:#464646;
display:inline;
padding:3px 0 3px 8px;
text-decoration:none;
}

#footer h3 a:hover {
text-decoration: underline;
}

div#footer p#rating-results {
margin-left:0;
padding-bottom:5px;
width:400px;
}

#footer p, #footer form, #footer form fieldset, #footer form fieldset legend {
display:inline;
}

#footer form#rate-this-page {
width:525px;
}

#footer form {
float:right;
margin-bottom:0;
text-align:right;
}
#footer p, #footer form, #footer form fieldset, #footer form fieldset legend {
display:inline;
}

#footer form fieldset div {
display:inline;
float:left;
}

#footer h3#rate-title {
padding-left:50px;
}

#footer h3 {
color:#464646;
display:inline;
float:left;
font-size:1em;
font-weight:normal;
margin-top:3px;
}

#footer form fieldset div#rate-buttons div.first {
border-left:medium none;
}

div#main div#footer form fieldset {
width:480px;
}
#footer p, #footer form, #footer form fieldset, #footer form fieldset legend {
display:inline;
}  

#footer form fieldset div#rate-buttons div {
border-left:1px solid #FFFFFF;
border-right:1px solid #CFD3D7;
padding:0 12px;
}

#footer form fieldset div#rate-buttons div.last {
border-right:medium none;
}

#footer form fieldset.buttons {
margin-right:3px;
padding-bottom:1px;
width:auto;
}

#footer form input.submit {
background:#3E6690 none repeat scroll 0 0;
border:1px solid #002142;
color:#FFFFFF;
padding:1px 2px;
}

#footer form input:hover.submit {
background:#00B1F0 none repeat scroll 0 0;
}

/* ----------------------------- Bottom Links */

#colophon {
background:#C8B9A0 none repeat scroll 0 0;
clear:both;
padding:0.2em 8px;
text-align:left;
}

#colophon ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0px;
padding: 0px;
}

#colophon ul li {
display:inline;
}

#colophon ul li a, #colophon ul li a:visited {
color:#333333;
margin-right:16px;
text-decoration:none;
}

#colophon ul li a:hover {
text-decoration: underline;
}