@import url('settings.css');

/* Shortcuts */
div.divider
{
	border-bottom:1px solid #DDDDDD;
	height:1px;
	margin-bottom:4px;
	margin-top:12px;
	width:100%;
}

.bold
{
	font-weight: bold;
}

table.v-top tr td
{
	vertical-align: top;
}

div.clear-both, div.clear
{
	clear: both;
}

div.clear-right
{
	clear: right;
}

div.clear-left
{
	clear: left;
}

table.halved tr td
{
	width: 50%;
}

table tr td.fixed
{
	width: 100px;
}

td.full
{
	width: 445px;
}
table.full
{
	border-collapse:collapse;
	width:100%;
}
	table.full th
	{
		color:#FFF;
		font-weight:bold;
		padding:5px;
		text-align:left;
	}
	
	table.full tr td.match-link
	{
		width: 100%;
	}
	
	table.full tr td a
	{
		text-decoration: none;
	}
	
	table.full tr td a:hover
	{
		text-decoration: underline;
	}
	
table.feed tr td, table tr td.feed
{
	width: 100px;
}

a.more
{
	float: right;
}

i.small
{
	font-size: 85%;
}

div.highlight
{
	background-color:#E9F0FE;
	border:1px solid #E6E1E1;
	padding:8px 10px;
}
	div.highlight form input[type="submit"], div.highlight form input[type="text"], div.highlight form input[type="password"]
	{
		float: right;
	}
	
	 div.highlight h4
	{
		border-bottom:0 none;
		margin:0;
		padding-top:0;
	}
	
	div.highlight ul
	{
		list-style-type:none;
		margin:10px 0 3px;
		padding-left:0;
	}
		div.highlight ul li
		{
			background-color:#FFFFFF;
			border-color:#EBEBEB;
			border-style:solid solid none;
			border-width:1.5px 1.5px 0;
			font-size:12px;
			font-weight:bold;
			line-height:17px;
			margin-bottom:0;
			padding:8px 6px 8px 8px;
		}
		div.highlight form input[type="text"],  div.highlight form input[type="password"]
		{
			bottom:3px;
			height:10px;
			padding:5px;
			position:relative;
			width:147px;
		}
		div.highlight ul li.last
		{
			border-bottom: 1.5px solid #EBEBEB;
		}
		

		
td.p { padding:4px }
td.pp { padding:6px }
td.ppp { padding:8px }
td.pppp { padding:11px }
td.pl { padding-left:4px }
td.ppl{ padding-left:6px }
td.pppl { padding-left:8px }
td.ppppl { padding-left:11px }
td.pr{ padding-right:4px }
td.ppr{ padding-right:6px }
td.pppr { padding-right:8px }
td.ppppr { padding-right:11px }
td.pt { padding-top:4px }
td.ppt { padding-top:6px }
td.pppt { padding-top:8px }
td.ppppt { padding-top:11px }
td.pb { padding-bottom:4px }
td.ppb { padding-bottom:6px }
td.pppb { padding-bottom:8px }
td.ppppb { padding-bottom:11px }

div.p { padding:8px }
div.pp { padding:16px }
div.ppp { padding:24px }
div.pppp { padding:32px }
div.pt { padding-top:8px }
div.ppt { padding-top:16px }
div.pppt { padding-top:24px }
div.ppppt { padding-top:32px }
div.pb { padding-bottom:8px }
div.ppb { padding-bottom:16px }
div.pppb { padding-bottom:24px }
div.ppppb { padding-bottom:32px }

table.p tbody tr td, table.p tr td { padding: 3px }
table.pp tbody tr td, table.pp tr td { padding: 5px }
table.ppp tbody tr td, table.ppp tr td { padding: 9px }
table.pppp tbody tr td, table.pppp tr td { padding: 14px }

div.b { border-style:solid }
div.bt { border-top-style:solid }
div.br { border-right-style:solid }
div.bb { border-bottom-style:solid }
div.bl { border-left-style:solid }

.m { margin:12px }
.mm { margin:24px }
.mmm { margin:32px }
.mmmm { margin:40px }
.mt { margin-top:12px }
.mmt { margin-top:24px }
.mmmt { margin-top:32px }
.mmmmt { margin-top:40px }
.mb { margin-bottom:12px }
.mmb { margin-bottom:24px }
.mmmb { margin-bottom:32px }
.mmmmb { margin-bottom:40px }

.tl	{	text-align: left;	}
.tc	{	text-align: center;	}
.tr	{	text-align: right;	}


ul.no-bullets
{
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	border: 0px;
}
ul.no-bullets li
{
	border: 0px;
}

.bordered
{
	border-bottom:1px solid #DDDDDD;
}

div.advertisement
{
	border-top:1px solid #DDDDDD;
	margin-top:20px;
	padding-bottom:15px;
	padding-top:15px;
	text-align:center;
}

div#content div.advertisement
{
	border-bottom:1px solid #DDDDDD;
}

div#menu-right div.advertisement
{
	border:0 none;
	margin:0 auto;
	padding:0;
	position:relative;
	text-align:center;
}

div#menu-right div.advertisement div.content
{
	width: 346px;
}

/* should be used together with .advertisement if theres no <h1/h6> tag is before the div */
div.no-header 
{
	padding-top: 15px;
}

div.headered
{
	border-top: 0px;
}

span.attention
{
	font-style: italic;
}
		
/* General css styles */
div#debug
{
	-moz-border-radius:5px;
	background:none repeat scroll 0 0 #FFFFFF;
	width: 931px;
	padding: 15px;
	margin-top: 15px;
	margin-bottom: 25px;
}

div.site-wrapper
{
	margin:0 auto;
	width:960px;
}

#logo
{
	float:left;
	height:58px;
	margin-left:10px;
	margin-top:8px;
	width:263px;
}

#banner-topright
{
	float:right;
	height:60px;
	margin-top:14px;
	text-align:right;
	width:670px;
	overflow: hidden;
}

div#header
{
	
}
	div#header div#top
	{
		background: #7B98F1;
		height: 7px;
	}

	div#header div#navigation-top
	{
		background:url("/images/backgrounds/navbar-left.png") no-repeat scroll 0 0 transparent;
		margin-top:4px;
		position:relative;
	}
	
	
	div#header div#navigation-top ul
	{
		left:5px;
		list-style-type:none;
		margin:0;
		padding-top:9px;
		position:relative;
	}
		div#header div#navigation-top ul li
		{
			
			display:block;
			float:left;
			height:36px;
			margin-left:3px;
			margin-right:3px;
			padding-top:2px;
			text-align:center;
			vertical-align:middle;
			width:110px;
		}
			div#header div#navigation-top ul li.active, div#header div#navigation-top ul li:hover
			{
				background:url("/images/buttons/navigation/button.png") no-repeat scroll 0 0 transparent;
			}
			div#header div#navigation-top ul li a
			{
				color:#FFFFFF;
				outline:medium none;
				padding:13px 3px 0;
				text-decoration:none;
				vertical-align:middle;
			}

	div#header div#navigation-content
	{
		background:url("/images/backgrounds/navbar-middle.png") repeat-x scroll 0 0 transparent;
		height:47px;
		margin-left:14px;
		margin-right:13px;
	}
	
	div#header div#navigation-end
	{
		background:url("/images/backgrounds/navbar-right.png") no-repeat scroll 0 0 transparent;
		bottom:0;
		display:inline-block;
		height:47px;
		position:absolute;
		right:-1px;
		width:14px;
	}
			
div#content-wrapper
{
	-moz-border-radius: 0px 5px 5px 5px;
	min-height: 600px;
	background:none repeat scroll 0 0 #FFFFFF;
	margin-bottom: 15px;
	overflow: hidden;
}

div#content, div#menu-right
{
	padding: 10px;
	float:left;
}

div#content ul
{
	margin-top: 10px;
	margin-bottom: 10px;
}
			
div#content
{
	width:552px;
}

div#content h1, div#content h2, div#content h3, div#content h4, div#content h5
{
	margin-top: 20px;
}

div#content h1.first, div#content h2.first, div#content h3.first, div#content h4.first, div#content h5.first
{
	margin-top: 0px;
	padding-top: 0px;
}

div#menu-right
{
	-moz-border-radius:0 5px 0 0;
	width:368px;
}		
	div.mediabox
	{
		background-color:#E9F0FE;
		margin-top:10px;
	}
		div.mediabox div.header, div.advertisement div.header
		{
			background:url("/images/backgrounds/box-headerleft.png") no-repeat scroll 0 0 transparent;
			height:25px;
			margin-right:13px;
			padding-left:12px;
		}
		
		div.mediabox h3
		{
			background:url("/images/backgrounds/kop.png") repeat-x scroll 0 0 transparent;
			padding-left: 13px;
		}
		
		div.mediabox h3, div.advertisement h3
		{
			color:#FFFFFF;
			font-size:14px;
			border: 0;
			margin-bottom:0;
		}
		
		div.advertisement h3
		{
			background:url("/images/backgrounds/kop_advertenties.png") repeat-x scroll 0 0 transparent;
			padding-left:13px;
			text-align:left;
		}
		
		div.mediabox div.ending, div.advertisement div.ending
		{
			background:url("/images/backgrounds/box-headerright.png") no-repeat scroll 0 0 transparent;
			height:25px;
			position:absolute;
			right:0;
			top:0;
			width:13px;
		}
		
		div.mediabox div.content
		{
			border:1px solid #D3E0FB;
			border-top: 0px;
		}
		
		div.mediabox div.content, div.advertisement div.content
		{
			padding:8px 10px 10px;
		}
		
		div.mediabox div.content ul li
		{
			padding: 3px;
		}
		
		div.mediabox div.content a
		{
			text-decoration: none;
			color: #144283;
			font-weight: bold;
		}
		div.mediabox div.content a:hover
		{
			text-decoration: underline;
		}
			
.mediabox, .highlight
{
	margin-bottom:15px;
	position:relative;
}
		
div#competition-description
{
	padding-bottom: 10px;
}
		
table#aanmelden tr td
{
	width: 198px;
}
	table#aanmelden tr td input
	{
		width: 198px;
	}

.info-block
{
	margin-bottom: 15px;
}
.text-wrapper
{
	margin-bottom: 12px;
}

input.score
{
	width: 50px;
}

#footer
{
	-moz-border-radius: 0px 0px 5px 5px;
	background: none repeat scroll 0 0 #152C5B;
	padding: 10px;
	color: #FFF;
}

#footer a
{
	color: #FFF;
	text-decoration: underline;
}

#footer a:hover
{
	text-decoration: none;
}

#footer span
{
	float: right;
	letter-spacing: -1px;
}

#footer ul
{
	list-style-image: none;
}

#footer ul li
{
	display:inline;
	margin-right:20px;
}

span.team-icon, div.team-icon
{
	width: 20px;
	height: 14px;
	position: relative;
	top: 2px;
}

ul.competitions-listing
{
	width: 111px;
	float: left;
}
	ul.competitions-listing li a
	{
		text-decoration: none;
	}

	ul.competitions-listing li a:hover
	{
		text-decoration: underline;
	}

table.full tr td.soccermatch
{
	width: 60%;
}

div#frontpage-description
{
	background:url("/images/voorspel_hier.png") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	height:130px;
	padding:14px;
	width:525px;
}
	div#frontpage-description ul li
	{
		color: #6688B8;
	}
	div#frontpage-description a
	{
		color: #FFF;
	}
	div#frontpage-description img
	{
		bottom:2px;
		float:right;
		position:relative;
		right:3px;
	}
#content table.special * input[type="submit"]
{
	bottom:3.5px;
	margin:0;
	padding:0;
	position:relative;
}

table.special tr td.soccermatch
{
	width: 385px;
}

table.special tr td a
{
	position: relative;
	bottom: 2px;
}

table.special tr td.management
{
	padding-right: 13px;
}