/* --- global --- */

body, html {
	margin:0px;
	padding:0px;
	text-align:center;
	width:100%;
	color: #333;
	font-size:11px;

}

body {
	background: url("../images/bg_gradient.gif") #FFF center repeat-y;
	}


html {
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

html table, html p, html ul li {
	font-size: 1em;
	line-height: 1.6em;
}

* {
	margin: 0;
	padding: 0;
}
img, th, td, table td  {
padding:0px;
margin:0px;
}
table.matchTable td {
vertical-align:middle;
}
div#content table td {
padding:3px;
}
a {
	color:#ff0000;
	text-decoration:underline;
}

a:hover {
	color:#ff0000;

}

a.clean {
	color: #333;
}
/* Buttons */
a.button:link, a.button:visited{
background:#666 url("../images/btn_bg.gif") top right repeat-x;
border:medium none;
color:#FFFFFF;
cursor:pointer;
margin:0.3em 0pt;
padding:0.4em;
}
 a.button:hover {
background:#777 url("../images/btn_bg_over.gif") top right repeat-x;
border:medium none;
color:#FFFFFF;
cursor:pointer;
 }
 div.teamControls input {
 margin-left:8px;
 }
.matchTable a.button:link,.matchTable a.button:visited {
	background:none;
	color:#111;
}
table.matchTable td {
	border-bottom:1px solid #EEEEEE;
	}

/* --- FormStyles --- */
div#content fieldset.submit {
	padding:0px;
	}
input.button {
background:#666 url("../images/btn_bg.gif") top right repeat-x;
border:none;
color:#FFFFFF;
padding:0.3em;
cursor:pointer;
margin:0.3em 0 0.3em 0;
}
input.button:hover {
background:#777 url("../images/btn_bg_over.gif") top right repeat-x;
}

/* --- wk coach --- */

div.teaserWrap {
	*height:172px;
	/* added for IE6 issues */
	margin-bottom:11px;
}
div.teaserWrap a {
	border:0pt none;
	left:0px;
	width:650px;
	background: url("../images/teaser_bg_text.jpg") top no-repeat;
}
	div.teaserWrap a:hover {
	background: url("../images/teaser_bg_text.jpg") top no-repeat;
}

div.navigatie {
	margin-right:16px;
	}
div#page {
	/* height:100%; */
	margin:0 auto;
	text-align:left;
	width:987px;
}

div#header {
	position:relative;
	height:121px;
	_height:122px;
	overflow:hidden;
	background: url("../images/header_bg_new.jpg") top right no-repeat;
	}

a.headerLink {
	background:none;
	text-indent:-9999px;
	display:block;
	height:90px;
	width:452px;
	position:absolute;
	overflow:hidden;
	top:16px;
	right:46px;
	border:none;
	}

div#footer {
	clear:both;
	text-align:center;
	color:#FFF;
	padding: 10px 0 10px 0;
	border-top: 1px solid #666;
	border-top: 1px solid #FFF;
	background: url("../images/bg_gradientNoContent.gif") #333 center repeat-y;
	}
div#footer a {
	color:#FFF;
}

h1#logo {
	width:276px;
	height:102px;
	top:5px;
	left:1px;
	*left:1px;
	background-repeat: no-repeat;
}

ul#menu {
	overflow:hidden;
	width: 100%;
	background: url("../images/menu_header2.gif") repeat-x;
	border-bottom: 1px solid #FFF;
	padding: 0;
	margin: 0;
	height:33px;
	}
	ul#menu li {
		list-style-type: none;
		float: left;
		}
		ul#menu li a {
			display: block;
			color: #FFF;
			padding: 0.7em 1em;
			text-decoration: none;
			font-weight: bold;
			}
			ul#menu li a:hover {
				background: #FFF;
				color: #FF0000;
				}
			a.menu-text:hover {
				color:#FF0000;
			}
div#panels {
	float:left;
	margin-top: 0px;
	padding: 0px 0px 10px 0px;
	width: 336px;
	background-color:#FFF;
}

div#teamManPanel div.content, div#userLogin div.content2 {
	background:url("../images/aanmeldscherm_bg.gif") no-repeat scroll right bottom #FFFFFF;
}

div#content {
	width:650px;
	font-size: 1.1em;
}

/* CONTENT */

div#content div.content {
	_height:980px;
	line-height:20px;
}
div#content h3 {
	margin:8px 0px;
	}
div#content div.active {
	font-weight:bold;
	background-color:#FFF;
	border-top:1px solid #000;
}

div#content div.left {
	_height:22px;
	border-left:1px solid #000;
	border-top:1px solid #000;
}
div#content div.right {
	_height:22px;
	border-right:1px solid #000;
	border-top:1px solid #000;
}

div#content .kop {
	font-size:14px;
	color:#FF0000;
	font-weight:bold;
	padding-top: 5px !important;
}

div#content .kop2 {
	font-size: 12px;
	margin: 0 0 10px 0;
	color: #FF0000;
}
div#content td.tdButton {
	padding:0px;
	}
div#content td.tdButton a {
	text-decoration:none;
)


.tab-text, a.tab-text {
	color:#000;
}

.tab-text-grey {
	color:#CCC;
}

span.tab-text {
	top:-5px;
}
/* WHAT IS THIS DOING HERE? NO IDEA BUT IT BREAKS IF REMOVED*/
}


/* HOMEPAGE */

div#header.home {
	background: url("../images/header_bg_home.jpg") top right no-repeat;
}

div#content .smsbox {
	border:1px solid #e6f6d7;
	padding:9px;
}

div#content .orange {
	color:#FE0000;
}
div#content table.columns td div.item {
	padding:1em;
	}
div#content table.columns td div.item p {
	padding:0px;
	}
.kophome {
	font-size:16px;
	color:#ff0000;
	font-weight:bold;
	margin:0 0 0.5em 0;
	text-decoration: none;
	font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
}

a.kophome, a.kophome:hover {
	color:#ff0000;
}

.kop2home {
	font-size: 14px;
	/*color:#FF6600;*/
	color:#FE0000;
	font-weight: normal;
	margin-bottom: 8px;
	margin-top: 20px;
}

/* PANELS */
div#page div#panels div.panel b, div#page div#panels div.panel p, div#page div#panels div.panel a{
	color:#111;
	}
div#page div#panels div.panel {
	width:100%;

	}
	div.panel iframe {
		width: 336px;
		height: 280px;
		}

div#panels input.text {
	width:304px;
	background-color:#DDD;
	border:none;
	}
div#panels input.text:hover {
	background-color:#E3E3E3;
	}
div#panels h3 {
	background:transparent url(../images/panel-h3-bg.gif) repeat-x scroll 0pt 0pt;
	color:#FFF;
	margin:0;
	padding:5px 10px;
	color:#fff;
}
div#panels div#countdown p.big {
	background:#F4F4F4;
	}
div.panel div.content {
	color:#111;
}
div.panel div.checkRows {
	margin:10px 0px 0px 0px;
}
div.panel div.content1,
div.panel div.content2,
div.panel div.content3,
div.panel div.content4 {
	padding:2px 10px;
	background-position: bottom;
	line-height:20px;
	padding-bottom:10px;

	}

div.panel div.footer1,
div.panel div.footer2,
div.panel div.footer3,
div.panel div.footer4 {
	display: none;
}

div.panel div.content1,
div.panel div.content1 a,
div.panel div.content1 table {
	color:#000;
}

div.panel div.content1 li {
	background: url("../images/bullet_small_black.gif") no-repeat left;
}

div.panel div.content4 li.danger {
	background: url("../images/bullet_small_danger.gif") no-repeat left 5px;
}

div.panel div.content4 li {
	background: url("../images/bullet_small_black.gif") no-repeat left;
}

div.panel li.key {
	background: url("../images/key.gif") no-repeat left 5px;
}

div.panel li.folder {
	background: url("../images/folder.gif") no-repeat left 5px;
}

div.panel li.newfolder {
	background: url("../images/newfolder.gif") no-repeat left 5px;
}

div.panel li.overview {
	background: url("../images/overview.gif") no-repeat left 5px;
}

div.panel li.edit {
	background: url("../images/edit.gif") no-repeat left 5px;
}

div.panel li.quiz {
	background: url("../images/quiz.gif") no-repeat left 5px;
}

div.panel li.mail {
	background: url("../images/mail.gif") no-repeat left 5px;
}

div.panel li.view {
	background: url("../images/view.gif") no-repeat left 5px;
}

div.panel li {
	background: url("../images/bullet_small_black.gif") no-repeat 0px 8px;
}


div.panel div.content3 li {
	background: url("../images/bullet_small_black.gif") no-repeat left 10px;
}

div.panel table {
	color:#111;
	line-height:20px;
}

div.panel a {
	color:#000;
}
	div.panel a:hover, div.panel table a:hover, div.panel .link:hover {
		color:#FF0000;
		}
	div.panel a.link {
		text-decoration:underline;
	}
div.panel form {
	margin:0px;
	padding: 0;
	}
div.panel p.checkbox {
	text-align: left;
	}

div.panel input.field {
	height:20px;
}

div.panel label {
	display: block;
	margin-left: 6px;
	padding-bottom:6px;
}
.panel td {
/*	background:#F4F4F4; */
	padding:2px;
/*	border-bottom:2px solid #FFF; */
}

.panelNewsDate {
	width:47px;
}
.panelNews {
	width:230px;

}
.keepSecret {
	width:230px;
	}
div#divHelpHeader {
	margin:0pt;
	padding:0px;
	}
/* PULL DOWN MENU */
#pulldown_holder {
	heigt: 25px;
	}
	 #pulldown {
		position: absolute;
		right: 0px;
		top: 21px;
		z-index: 30;
		display: none;
		border: 1px solid black;
		width: 80px;
		background-color: #FFF;
	}
		#pulldown a {
			line-height: 18px;
			height: 19px;
			width: 80px;
			_padding-left: 5px;
			color: #000;
			text-decoration: none;
		}

		#pulldown a:hover {
			background-color: #f2fbe1;
		}
		#pulldown div.item:hover {
			background-color: #f2fbe1;
		}
		#pulldown div.item {
			width: 75px;
			padding-left: 5px;
			_padding-left: 0px;
		}
		div#content #pulldown div.item a {
		background:#FFF;
		color:#111;
}
		div#content #pulldown div.item a:hover {
		background:#EEE;
		color:#111;
		}
	 div.tabNav .navigatie {
		position: absolute;
		right: 5px;
		top: 5px;
		*top: 8px;
		}
		div.tabNav ul li {
		list-style-type: none;
		}
	div#content div.tabNav {
	background:#666 url("../images/schaduwGrijs.gif") left repeat-y;
	height:38px;
}

	div#content div.tabNav ul li span {
	padding:3px 10px;
	color:#CCC;
	}
	div#content div.tabNav ul li.active {
		color:#222;
		}
	div#content div.tabNav ul li {
	top:0px;
	}
	span.tab-text {
	top:-5px;
	}
/* OPMAAK TABELLEN */

table, table table {
	margin-bottom:8px;
	border:none;
	}
#content table tr.alternate td, #content table tr.alternate th {
	background-color:#f4f4f4;
	}
table th.scopeRow {
	border:none;
}
table caption {
background:transparent url(../images/altHeader.gif) repeat-x scroll 0pt 0pt;
font-weight:bold;
color:#111;
padding:5px 5px 5px 10px;
}
table th, table td, table tr, table tbody{
	border:none;
	background:none;
	}
table.playerTable th {
	background:#eee;
	}
div#content table {
	border-collapse: collapse;
	border-outset: 0;
	border-spacing: 0;
}

div#content div.graphic {
	border:1px solid #CCC;

}

div#content div.graphic td.border {
	background-color:#000;
	height:1px;
}

div#content table .noPadding td { padding: 0px;}
div#content table .noPadding table td { padding: 0px;}
div#content div.graphic table td { padding: 0px;}

div#content .table-header {
	line-height:12px;
	color:#FFF;
	font-size:12px;
	font-variant:small-caps;
	font-weight:bold;
	background-color:#28570f;
	padding: 5px;
}
.tableHeader {
	background: url("../images/gradient_header_01.jpg") 0 0;
	}
div#content .tab_kop {
	font-size:9px;
	height:17px;
	line-height:normal;
	color:#000;
	border:none;
	white-space:nowrap;
	margin: 5px 0 10px 0;
}
div#content .kop {
margin:0em 1em 1em 0em;
}

div#content td.tabel {
	height: 24px;
	line-height: normal;
}

div#content .tabelsmall {
	font-size: 0.9em;
	padding-right: 0px;
}

div#content .scoreComment {
	font-size:11px;

}

div#content table td {background-color:#FFFFFF;}


div#content table .trOver { background-color: #F7F7F7; }

div#content div#setup table td {background:none;}

div#content table .trOverBold { font-weight: bold; background-color: #f2fbe1; }

div#content td.tabelgrijs {
	color:#AAA;
	height: 24px;
	line-height: normal;
}

div#content a.tabelgrijs {
	color:#AAA;
}

div#content .tabel_dis {
	color:#ff0000;
}

div#content .tabel_hiliterow {
	background-color:#F4F4F4;
}

div#content .tabel_bold { font-weight: bold; }

div#content .hline {
	background:#e6f6d7;
	height: 1px;
	padding:0;
}

div#content .line {
	background: url("../images/dotted_line.gif") repeat-x left top;
}

div#content .highlight {
	background-color:#E9F0F7;
}

div#content a.navlink {
	font-weight:bold;
	/*color:#FF6600;*/
	color:#FE0000;
}

div#content .comment {
	font-size:10px;
	/*color:#FF6600;*/
	color:#FE0000;
	position:relative;
	top:-6px;
}
div#content p {
	margin:1em 0em;
}
div.errors {
	margin-bottom:20px;
}


/* OPMAAK SPEELSCHEMA */

table.matchschema {
	width: 645px; /* afhankelijk van de wijdte van de content */
}
table.matchschema th {
	font-size:9px;
}
table.matchschema tfoot .foot {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	height: 20px !important;
	font-size: 10px;
}

td.subleagueMessageHeader {
	font-size:9px;
	border-color:e6f6d7;
}



.playerStatic, .playerStaticGrey {
	font-size: 11px;
	color:#000;
	width:115px;
	_width:117px;
	height:42px;
	_height:40px;
	background-color:#EEE;
	border:1px solid #000;
	line-height:20px;
	color:#FFF;
	text-align:left;
}

.playerStatic .playerLine1 .playerName, .playerStaticGrey .playerLine1 .playerName {
	padding-left:2px;
	color:#000;
	width:77px;
	height:20px;
	float: left;
	font-size: 11px;
	overflow:hidden;
	white-space:nowrap;
	line-height:20px;
}

.playerStatic .playerLine1 .playerShirt, .playerStaticGrey .playerLine1 .playerShirt {
	width:20px;
	height:20px;
	padding-top:2px;
	text-align:right;
	float: left;
}

.playerStatic .playerLine2 .playerPrize, .playerStaticGrey .playerLine2 .playerPrize {
	padding-left:5px;
	color:#000;
	float: left;
	line-height:18px;
	font-size: 11px;
}

.playerStatic .playerLine2 .playerCountry, .playerStaticGrey .playerLine2 .playerCountry {
	padding-left:3px;
	color:#000;
	float:left;
	line-height:18px;
	font-size: 11px;
}

.lineholderstatic {
	width:123px;
	height:49px;
	_height:47px;
	/*padding:5px;*/
	font-size:11px;
}

.playerStaticGrey div, .playerStaticGrey a {
	color:#ABABAB !important;
}
.bericht {
	width: 330px; height: 250px; overflow: auto;
}
/* TEAM EDIT */

		.teamHelpGoed {
			color:#1E8713;
		}

		.teamHelpFout {
			background-color:#FE0000;
			color:#FFFFFF;
			padding:2px;
		}

		div#managePlayers div.content{
		padding-bottom:0px;
		}
		div#managePlayers div.clear {
		padding-top:0px;
		}
		.player{
			font-size: 11px;
			height:42px;
			_height:40px;
			background-color:#EEE;
			border:1px solid #111;
			position: absolute;
			line-height:20px;
			color:#000;
			text-align:left;
			/*cursor:move;*/
		}



		.playerInLine {
			font-size: 11px;
			width:117px;
			_width:115px;
			height:42px;
			_height:40px;
			background-color:#EEE;
			border:0;
			position: absolute;
			line-height:20px;
			color:#000;
			text-align:left;
			/*cursor:move;*/
		}



		.player.changedPlayer , .playerInLine.changedPlayer {
			background-color:#96BCE0;
		}

		.playerInLine .playerLine1 .playerName ,.player .playerLine1 .playerName, .playerInLine.inactivePlayer .playerLine1 .playerName ,.player.inactivePlayer .playerLine1 .playerName {
			padding-left:2px;
			height:20px;
			float: left;
			font-size: 11px;
			overflow:hidden;
			white-space:nowrap;
			line-height:20px;
			cursor:move;
		}

		.playerInLine .playerLine1 .playerShirt ,.player .playerLine1 .playerShirt, .playerInLine.inactivePlayer .playerLine1 .playerShirt ,.player.inactivePlayer .playerLine1 .playerShirt{
			width:20px;
			height:20px;
			padding-top:2px;
			text-align:right;
			float: left;
			cursor:move;
		}

		.playerInLine .playerLine2 .playerPrize, .player .playerLine2 .playerPrize, .playerInLine.inactivePlayer .playerLine2 .playerPrize ,.player.inactivePlayer .playerLine2 .playerPrize {
			padding-left:5px;
			float: left;
			line-height:18px;
			font-size: 11px;
			cursor:move;
		}


		.player .playerLine2 .playerClub, .playerInLine .playerLine2 .playerClub, .playerInLine.inactivePlayer .playerLine2 .playerClub ,.player.inactivePlayer .playerLine2 .playerClub  {
			padding-left:3px;
			float:left;
			line-height:18px;
			font-size: 11px;
			cursor:move;
		}

		.playerIcon1 {
			padding-top:4px;
			width:18px;
			float: right;
			/*background-color:#EEEEEE;*/
		}
		.playerIcon1 img {
			cursor : pointer;
		}

		.playerIcon2 img {
			cursor : pointer;
		}

		/* outteam */
		.playerIcon3 {
			padding-top:2px;
			width:18px;
			float: right;
		}
		.playerIcon3 img {
			cursor : pointer;
		}

		/* inteam */
		.playerIcon4 {
			padding-top:2px;
			width:18px;
			float: right;
		}
		.playerIcon4 img {
			cursor : pointer;
		}


		/* swop */
		.playerIcon5 {
			padding-top:2px;
			width:18px;
			float: right;

		}
		.playerIcon5 img {
			cursor : pointer;
		}

		.selectionTypes {
			/*padding:6px 13px 2px 9px;*/
			padding:6px 0 5px 0;
			_padding:4px 0 6px 0;
			border:none;
			margin:0 9px 6px 10px;
		}
		div#selectionPlayers {
		padding-top:10px;
		}
		.selectionTypes a {
		background:#DDD;
		padding:6px;
		margin-right:4px;
		}
		.selectionTypeGrey {
			line-height:20px;
			padding:1px 3px 2px 3px;
			margin-right:1px;
			text-decoration:none !important;
			color:#FBB38C !important;
		}

		.selectionTypeActive {
			line-height:20px;
			padding:1px 3px 2px 3px;
			_padding:1px 2px 2px 2px;
			text-decoration:none !important;
			margin-right:1px;
			border:none;
			color:#FFF !important;
			background:#FF0000 !important;
		}
		.playerSelectionHolder {
		margin:0 0 0 10px;
		position:relative;
		}

		.selectionType, selectionType, selectionType:hover {
			line-height:20px;
			padding:1px 9px 2px 8px;
			color:#FFF;
			text-decoration:underline;
			margin-right:1px;
		}

		#selectionClubs {
			position:absolute;
			background-color:#FFF;
			border:1px solid #000;
			display:none;
			color:#000000;
			margin-left:228px;
			_margin-left:58px;
			margin-top:20px;
			width:350px;
			padding-left:10px;
		}

		#selectionClubs div.club {
			height:25px;
			padding:5px;
			width:150px;
			float:left;
		}
		#selectionClubs div.club img {
			margin-right:10px;
			position:relative;
			top:5px;
		}
		#selectionClubs div.club a {
			height:25px;

		}
		.selectionClubsWrap {
			border-bottom:none;
			background:transparent url(../images/altHeader.gif) repeat-x scroll 0pt 0pt;
			height:24px;
			_height:30px;
			padding:3px 8px 1px 8px;
			margin-left:10px;
			margin-right:10px;
		}

		#selectedClubName {
			width:225px;
			float:left;
			font-weight:bold;
		}
		#selectedClubName a {
			/*height:20px;*/
			position:relative;
			top:-4px;
		}
		#selectedClubName img {
			margin-right:5px;
			position:relative;
			top:4px;
		}
		#selectedClubButton {
			width:8px;
			position:relative;
			top:4px;
			right:4px;
			float:right;
		}

		.selectionClubTable {
			width:560px;
			font-weight:bold;
		}

		.selectionClub img {
			margin-right:5px;
			position:relative;
			top:2px;
		}

		td.selectionClub a {
			line-height: 22px;
			height: 22px;
			font-weight:normal;
			color:#000000;
		}

		.selectionClub {
			width:140px;
			height: 22px;
			color:#000;
			padding-left:10px;
		}

		#dunkoutHolder {
			width:616px;
		}

		td#dunkoutK, td#dunkoutD, td#dunkoutM, td#dunkoutF {
			padding: 6px 0px 0px 21px !important;
			border-style:solid;
			border-color:#ccc;
			border-width: 0px 0px 1px 1px;
			padding-top:6px;
			width:149px !important;
			vertical-align:top;
		}

		td#dunkoutF {
			width:149px !important;
			border-width: 0px 1px 1px 1px;
		}

		#dunkoutHit {
			width:633px;
			position:absolute;
			visibility:hidden;
			z-index:900;
			background-image:url('../images/clearpixel.gif'); /* HACK FOR MOUSEOVER*/
		}
			#dunkout input {
				display: none;
				}
		.seat {
			width:111px;
			height:52px;
			_height:50px;
		}
		div#setup {
			 text-align:center;
			 padding:12px 0px;
			 /*border:1px solid #CCC;*/
			 border:none!important;
		}
		div#setup table td {
			padding:0;
		}


		.lineK, .lineAllowK, .lineBlockK {
			background-image: url('../images/spot_bg_K.gif') !important ;
		}
		.lineD, .lineAllowD, .lineBlockD {
			background-image: url('../images/spot_bg_D.gif') !important ;
		}
		.lineM, .lineAllowM, .lineBlockM {
			background-image: url('../images/spot_bg_M.gif') !important ;
		}
		.lineF, .lineAllowF, .lineBlockF {
			background-image: url('../images/spot_bg_F.gif') !important ;
		}

		.lineAllowK, .lineAllowD, .lineAllowF, .lineAllowM {
			cursor: move;
			background-color:#00cc00;
		}
		.lineBlockK, .lineBlockD, .lineBlockF, .lineBlockM {
			cursor: move;
			background-color:#FE0000;
		}

		.lineHolder {
			position:absolute;
			z-index:190;
			width:115px;
			height:42px;
		}

		.lineHit {
			position:absolute;
			width:115px;
			height:42px;
			background-image:url('../images/clearpixel.gif');
		}
		.content4.divHelpContent {
			color:#000;
			min-height:80px;
			_height:80px;
		}


/* ---------------------------*/
/* RATINGSYSTEEM, 15-08-2007  */
/* ---------------------------*/


div#content .content .star-rating li a:hover,
#panels .panel .star-rating li a:hover {

		font-size:10px;
	}

div#content .content .star-rating li.current-rating,
#panels .panel .star-rating li.current-rating {
		font-size:10px;
	}
div#content .content .votes	{
	 font-size: 10px;
	}


#userLogin p.submitRow {
	padding:0px;
}