/* Mokkels.nl Stylesheet
 *
 * Copyright BliXem Internet Services 2007
 *
------------------------------------------------------------------*/

/* Global Layout
------------------------------------------------------------------*/
html {
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}

body {
	position: relative;
	margin: 0px;
	padding: 0px;
	text-align: center;
	height: 100%;
	font-family: "Arial", sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	background: #F4F4F4 url(/images/background.jpg) repeat-x top;
}

form {
	margin: 0px;
}

#wrap {
	position: relative;
	z-index: 1;
	margin: -25px auto 0px auto;
	padding: 0px 4px 0px 2px;
	width: 790px;
	min-height: 100%;
	height: 100%;
	height: auto;
	text-align: left;
	background: url(/images/background_content.png) repeat-y;
}

a:link    { text-decoration: underline; color: #FE6601; }
a:visited { text-decoration: underline; color: #000000; }
a:active  { text-decoration: underline; color: #FE6601; }
a:hover   { text-decoration: underline; color: #FE6601; }

/* 100% width head bar
------------------------------------------------------------------*/
#headbar {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	height: 25px;
	background-color: #A1A1A1;
}

#headbar ul {
	position: absolute;
	display: block;
	width: 790px;
	height: 25px;
	left: 50%;
	margin: 0px 0px 0px -395px;
	padding: 0;
	list-style: none;
}

#headbar ul li {
	float: left;
	margin: 0px 8px 0px 8px;
	height: 25px;
}

#headbar ul li a {
	display: block;
	float: left;
	height: 25px;
	padding: 3px 0px 0px 25px;
	background: url(/images/topbar_m_orange.gif) no-repeat 4px 3px;
	font-family: "Arial Black", "Arial", helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	outline: none;
}

#headbar ul li a:link    { color: #000000; }
#headbar ul li a:visited { color: #000000; }
#headbar ul li a:active  { color: #FFFFFF; }
#headbar ul li a:hover   { color: #FFFFFF; }

#headbar ul li a.selected {
	color: #FFFFFF;
}


/* Page Body
------------------------------------------------------------------*/
#body {
	padding: 25px 0px 0px 0px;
}

h1 span {
	display: none;
}

h1#head {
	display: block;
	margin: 0;
	padding: 0;
	width: 790px;
	height: 192px;
	background: #333333 url(/images/header.jpg) no-repeat;
	border-bottom: 7px solid #A1A1A1;
	cursor: pointer;
}

#contenttop, #content {
	margin: 7px 5px 27px 5px;
	padding: 0;
	width: 780px;
	display: table;
}

#contenttop.columnlayout, #content.columnlayout {
	background: url(/images/background_columns.gif) repeat-y 50% 0%;
}

#contenttop h2, #content h2 {
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 0;
	width: 100%;
	height: 25px;
	background: #999999 url(/images/titlebar_grey.jpg) no-repeat;
}

#contenttop h2 span, #content h2 span {
	display: block;
	margin: 0px 0px 0px 35px;
	padding: 3px 0px 0px 0px;
	font-family: "Arial Black", "Arial", helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
}

#contenttop h2 span a, #content h2 span a {
	color: #FFFFFF;
	text-decoration: none;
}

#contenttop h2 span a:hover, #content h2 span a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

#content .column {
	padding: 0;
	margin: 0;
}

#content .left {
	float: left;
	width: 190px;
}

#content .middle {
	float: left;
	width: 382px;
	padding: 0px 9px 0px 9px;
}

#content .right {
	float: right;
	width: 190px;
}

#content .contentblock {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

#content h3 {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 20px;
	background: #FE6601 url(/images/bar_m_orange.gif) no-repeat 0px 0px;
}

#content h3 span {
	display: block;
	margin: 0px 0px 0px 25px;
	padding: 2px 0px 0px 0px;
	font-family: "Arial", helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#content p {
	margin: 3px 0px 5px 0px;
}

.indextime {
	color: #AAAAAA;
}


/* Footer
------------------------------------------------------------------*/
#footer {
	position: absolute;
	display: block;
	bottom: 0px;
	width: 780px;
	height: 25px;
	padding: 0px 5px 0px 5px;
	background-color: #FE6601;
	}

#footer span {
	font-family: "Verdana", "Arial", helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 25px;
	color: #FFFFFF;
	}

#footer a:link    { text-decoration: none; color: #FFFFFF; }
#footer a:visited { text-decoration: none; color: #FFFFFF; }
#footer a:active  { text-decoration: underline; color: #FFFFFF; }
#footer a:hover   { text-decoration: underline; color: #FFFFFF; }

/* Other stuff, if any
------------------------------------------------------------------*/

#block_contestants ul {
 	list-style-type: none;
 	margin: 0px;
 	padding: 0px;
}

#block_contestants ul li {
 	margin: 0px;
 	padding: 0px 0px 0px 18px;
 	background: url(/images/stripe.gif) no-repeat 4px 7px;
}

#block_contestants ul li a.loser {
 	text-decoration: line-through !important;
 	color: gray !important;
}

#block_contestants ul li a:link    { text-decoration: none; color: #000000; }
#block_contestants ul li a:visited { text-decoration: none; color: #000000; }
#block_contestants ul li a:active  { text-decoration: underline; color: #FE6601; }
#block_contestants ul li a:hover   { text-decoration: underline; color: #FE6601; }

div.battle_contestant {
	width: 386px;
	float: left;
	margin-left: 2px;
	margin-right: 2px;
}

div.battle_contestant div.picture {
	text-align: center;
}

div.choose {
	text-align: center;
	font-size: 15px;
	margin-bottom: 20px;
}

div.finalResult_li {
	float: left;
	width: 20px;
	text-align: right;
	margin-right: 5px;
	color: #AAAAAA;
}

div.history_column {
	width: 191px;
	float: left;
}

div.history_column div {
	float: left;
	width: 20px;
	text-align: right;
	margin-right: 5px;
	color: #AAAAAA;
}

div.li {
	float: left;
	width: 20px;
	text-align: right;
	margin-right: 5px;
	color: #AAAAAA;
}

div.score {
	float: right;
	width: 50px;
	text-align: right;
	margin-right: 150px;
}

div.frontscore {
	float: right;
	margin-right: 5px;
	width: 30px;
	text-align: right;
	color: #888888;
}

div.header {
	display: inline;
	font-weight: bold;
	font-style: italic;
}

ul.errors {
	color: red;
}

span.more {
	font-size: 10px;
	color: #FE6601;
	float: right;
}

span.more a:visited {
	color: #FE6601;
}

span.addMessage {
	font-size: 10px;
	color: #FE6601;
	float: right;
}

span.addMessage a:visited {
	color: #FE6601;
}

span.back {
	font-size: 10px;
	color: #FE6601;
	float: right;
}

span.back a:visited {
	color: #FE6601;
}

span.profile {
	font-size: 10px;
	color: #FE6601;
}

span.profile a:visited {
	color: #FE6601;
}

div#block_contestants a:hover {
	color: #FE6601;
	text-decoration: underline;
}

b.contestant_label {
	display: block;
	float: left;
	width: 200px;
}

img.contestant_picture {
	float: right;
	width: 150px;
	height: 150px;
}

img.this_round {
	width: 150px;
	height: 150px;
	margin-left: 20px;
	margin-right: 19px;
}

ul.contestant_knownfrom {
	margin: 0px;
	margin-left: 17px;
	margin-bottom: 10px;
	padding: 0px;
	list-style-type: disc;
}

ul.contestant_knownfrom li {
	margin: 0px;
	padding: 0px;
}

ul.contestant_knownfrom ul {
	margin: 0px;
	margin-left: 19px;
	padding: 0px;
}

table.hallOfFameScores td {
	text-align: center;
}

table.hallOfFameScores th {
	padding-left: 2px;
	padding-right: 2px;
}

table.hallOfFameScores th.spacer {
	padding-left: 0px;
	padding-right: 0px;
	width: 40px;
}

div#block_newsletter input[type='text'] {
	width: 120px;
}

div#block_newsletter input[type='submit'] {
	width: 60px;
	font-size: 10px;
}

textarea.code {
	margin: 0px;
	font-size: 10px;
	width: 380px;
	overflow: hidden;
}

a.battlestart {
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	color: #FE6601;
	text-align: center;
	width: 382px;
	display: block;
}

select#bannerselect {
	width:180px;
	margin:0px;
	padding:0px;
}


/* New Battle Layout
------------------------------------------------------------------*/
.photoblock {
	background-color: #DFDFDF;
	}

.photoblock img {
	border-style: none;
	margin: 7px;
	outline: none;
	}

h2.finale {
	height: 47px !important;
	background-image: none !important;
	background-color: #FE6601 !important;
	font-family: "Arial", helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 47px;
	color: #FFFFFF;
	text-align: center;
	}

.profileblock {
	width: 384px;
	float: left;
	margin-left: 2px;
	margin-right: 2px;
	background-color: #F5F5F5;
	border: 1px solid #DFDFDF;
	}

table.profiletable {
	width: 100%;
	font-family: "Arial", helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #A1A1A1;
	border-collapse: collapse;
	}

table.profiletable th {
	width: 30%;
	}
	
table.profiletable td, table.profiletable th {
	vertical-align: top;
	padding: 0px 10px 0px 10px;
	margin: 0px;
	}
	
table.profiletable td.highlight, table.profiletable th.highlight {
	color: #FE6601;
	}
	
table.profiletable td.spacer, table.profiletable th.spacer {
	padding-top: 5px;
	}
	
table.profiletable td.first, table.profiletable th.first {
	padding-top: 7px;
	}
	
table.profiletable td.last, table.profiletable th.last {
	padding-bottom: 7px;
	}
	
.galleryblock {
	margin: 7px 0px 10px 0px;
	}

/* messaging */
div.messaging {
	margin-top: 10px;
	margin-bottom: 5px;
	}

div.messaging b.head {
	color: #999999;
	}

div.messaging b.head span {
	color: #FE6601;
	}

div.messaging div {
	background-color: #F5F5F5;
	margin-top: 5px;
	background-image: url(/images/messaging_quote.png);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	border: solid 1px #DFDFDF;
	}

div.messaging div div {
		margin-left: 40px;
		background-image: none;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 5px;
		border: 0px;
	}

div.messaging div div span {
	font-size: 10px;
	color: #999999;
	display: block;
	}

div.messaging_paging {
	background-color: #999999;
	color: #F5F5F5;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;
	font-size: 10px;
	}

div.messaging_paging div.center {
	text-align: center;
	}
	
div.messaging_paging div.left {
	width: 120px !important;
	float: left;
	}

div.messaging_paging div.left span {
	padding-left: 10px;
	}

div.messaging_paging div.right {
	width: 120px !important;
	float: right;
	text-align: right;
	}

div.messaging_paging div.right span {
	padding-right: 10px;
	}

div.messaging_paging a {
	color: #F5F5F5;
	}

div.messaging_paging a:hover {
	color: #F5F5F5;
	}

div.messaging_paging div a {
	text-decoration: none;
	background-repeat: no-repeat;
	}

div.messaging_paging div.center a {
	text-decoration: underline;
	}

div.messaging_paging div.left a {
	background-image: url(/images/messaging_previous.gif);
	background-position: center left;
	}

div.messaging_paging div.right a {
	background-image: url(/images/messaging_next.gif);
	background-position: center right;
	}

div.messaging_paging div a span {
	text-decoration: underline;
	}
	
form.messaging {
	margin-top: 20px;
	}
	
form.messaging input {
	width: 250px;
	border: solid 1px #999999;
	}

form.messaging input:focus {
	background-color: #F5F5F5;
	}

form.messaging input.cancel {
	width: 100px;
	margin-left: 20px;
	background-color: #FFAA45;
	border: 0px;
	color: white;
	font-weight: bold;
	}
	
form.messaging input.error {
	width: 200px;
	border: solid 1px #FE6601;
	}

form.messaging input.submit {
	width: 100px;
	margin-left: 100px;
	background-color: #FE6601;
	border: 0px;
	color: white;
	font-weight: bold;
	}

form.messaging label {
	width: 100px;
	display: block;
	float: left;
	cursor: help;
	}

form.messaging label.error {
	color: #FE6601;
	}
	
form.messaging label.nohelp {
	cursor: default;
	}

form.messaging div.error {
	color: #FE6601;
	font-style: italic;
	margin-bottom: 10px;
	}

form.messaging textarea {
	width: 250px;
	border: solid 1px #999999;
	height: 150px;
	}

form.messaging textarea:focus {
	background-color: #F5F5F5;
	}
	
form.messaging textarea.error {
	border: solid 1px #FE6601;
	}
	
a.finalResult {
	color: black;
	text-decoration: none;
	}
	
/* Message not active etc */

#block_message {
	width: 390px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	height: 90px;
	float: left;
}

#block_aad {
	width: 375px;
	height: 90px;
	float: left;
}

#topseparator {
	float: left;
	width: 12px;
	height: 145px;
	background-image: url(/images/orangestripe.gif);
	background-repeat: repeat-y;
}

#contenttop {
	margin: 7px 5px 3px 5px;
	padding: 0;
	width: 780px;
	display: table;
}

#block_message p {
	margin: 5px 0 8px 0;
}

.horizontalseparator {
	height: 5px;
	line-height: 5px;
	background-color: #a0a0a0;
}

.aadlink {
	float: left;
	background-color: #f4f3f1;
	width: 170px;
	margin: 0px 5px 7px 5px;
	font-size: 10px;
	height: 26px;
	color: #6c6c6c;
	padding: 3px;
}

.aadlink img{
	vertical-align: top;
	border: 1px solid #fd6706;
	float: left;
	width: 25px;
	margin-right: 3px;
}

.aadlink .aadtext {
	float: left;
}

.aadlink .aadlinktext {
	line-height: 5px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 3px;
}

.aadlink a{
	font-weight: bold;
	color: #6c6c6c;
	text-decoration: none;
}

.aadlink a:hover{
	color: #ff6501;
}