@import url('reset.css');
@import url('jquery.colorbox.css');

body {
	background: url('../img/header.jpeg') repeat-x;
}

.clear { clear: both;}

.header {
	display: block;
	width: 1050px;
	margin: 0 auto;
}

.header #logo { float: left; padding: 10px 10px 10px 40px; width: 349px; }
.header .nav { float: right; width: 630px; }
.header .nav ul#nav_session { float: right; padding-right: 65px; list-style-type: none; }
.header .nav ul#nav_pages { margin-top: 10px; }
.header .nav ul#nav_pages li { float: right; padding: 10px; list-style-type: none; }

.header .nav #spacer { float: right; padding-right: 65px; list-style-type: none; width: 225px; height: 32px; }

#container { width: 760px; margin: 0 auto 25px auto; background: url('../img/background.jpeg') no-repeat 0px 15px; }
#sidebar { float: left; width: 240px; }
#content { float: right; width: 460px; padding: 0px 20px; border-left: solid 2px black; }
#homeContent { float: right; width: 630px; padding: 0px 20px; }
.votingLayout #container { margin-bottom: 10px; background: none; }
.votingLayout #content { border-left: none; padding: 15px 20px; }

#content h2 { margin-top: 10px; }
#content h2:first-child { margin-top: 0; }
#content p, #content ol, #content ul { margin: 8px 0; }
#content ol li, #content ul li { margin: 5px 0; }
#content ol li a:link, a:visited { color: red; }


#ballotContainer { width: 820px; margin: 0 auto 30px auto; }
div.ballot h2 { margin: 8px 0; color: red; text-align: center; }
#derbyDarlinsBallot { float: left; width: 400px; padding: 10px 10px 25px 0; border-right: solid 2px red; }
#fanFavouriteBallot { float: right; width: 400px; padding: 10px 0 25px 8px; }
.ballot ul { padding: 0; list-style-type: none; padding: 0 5px; }
.ballot ul li { float: left; width: 120px; height: 231px; padding: 25px 5px; }
.ballot ul li h3 { display: block; height: 34px; text-align: center; }
.voteButton { text-align: center; }

ul.fanFavouriteText { list-style-type:square; padding-left: 30px;}
ul.fanFavouriteText li { float: none; width: auto; height: auto; padding: 0; }

.topVoteBox {
	display: block; float: right; width: 139px; height: 162px;
	padding: 5px 15px; margin: 10px -35px 25px 0;
	background: url('../img/topvotebg.png') no-repeat;
}
.topVoteBox:first-child, .topVoteBox:last-child {
	float: left; margin: 0;
}
.topVoteBox img { width: 115px; height: 150px; }
.topVoteBox p { width: 115px; margin-top: 5px; text-align: center; }


#sidebar form { padding: 5px; font-size: 9pt; }


form ol { padding: 0; list-style-type: none; }
form ol li { padding-top: 5px; }
form ol li label.invalid { display: block; padding-right: 6px; margin: 0 auto; color: red; text-align: right; }
form ol li p { text-align: center; }
form li.text label.mein { display: inline-block; width: 80px; padding-right: 2px; vertical-align: middle; text-align: right; }
form li.text input { display: inline-block; width: 130px; vertical-align: middle; }
form li.textarea, form li.file, form li.checkbox, form li.submit { margin-top: 10px; }
form li.textarea label.mein { display: block; text-align: center; }
form li.textarea textarea { display: block; width: 160px; height: 80px; margin: 2px auto 0 auto; }
form li.file label.mein { display: block; padding: 2px 5px; }
form li.file input { display: block; margin: 0 auto; text-align: center; }
form li.submit input { display: block; margin: 0 auto; }


form input[type='password'],
form input[type='text'],
textarea
	{ padding: 3px; border: solid 1px black; }

form input[type='password'].valid,
form input[type='text'].valid
	{ background: white url('../img/form_valid.gif') no-repeat center right; }
	
form input[type='password'].invalid,
form input[type='text'].invalid,
form textarea.invalid
	{ border: solid 1px #cf242a; }
	
form input[type='password']:focus,
form input[type='text']:focus,
form textarea:focus
	{ border: solid 1px #16c1f3; }

#westminster { height: 225px; }
#westminster h1 { margin: 5px 5px 10px 5px; text-align: center; font-size: 12pt; }
#westminster h2 { text-align: center; font-size: 12pt; }
#westminster form { float: right; width: 44%; margin: 0 2%;}
#westminster form:first-child { float: left; }
#westminster form li.submit input { margin: -5px auto 10px auto;}
#westminster form li.text input { width: 120px; }
#westminster form label { width: 90px; }
#forgotpw { margin-top: 20px !important; }