/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font: 12px Arial, Tahoma; color: #000033; }
input, select, textarea { font: 11px Tahoma, Arial; color: #353535; }
body { background: #c3c197 url('../images/bg.jpg') repeat; }
img { border: 0px;}
img.clickable:hover { cursor: pointer; }
ul { display: block; }
li { list-style: none; }
p { padding: 0px 0px 10px 0px; line-height: 17px; }
a { color: black; }

h1 { padding: 0px 0px 10px 0px; font: bold 18px Arial, Helvetica; color: #256009; }
h1 a { color: #256009; }
h2 { padding: 0px 0px 5px 0px; font: bold 15px Arial, Helvetica; color: #256009; }

ul.normal { margin-bottom: 10px; }
ul.normal li { list-style-type: disc; margin-left: 40px; margin-bottom: 5px; }
ul.small-indent li { margin-left: 20px; }


p.message { border: 1px solid #dada0f; background-color: #ffffcc; padding: 5px; line-height: 15px; margin-bottom: 10px; }
ul.message { border: 1px solid yellow; background-color: #ffffcc; padding: 5px; line-height: 15px; margin-bottom: 10px; }
p.success { border: 1px solid green; background-color: #ccffcc; }
p.error { border: 1px solid red; background-color: #ffcccc; }
p.message a, p.message a:visited { font-weight: bold; color: #006db9; }

p.expandable span.content { display: none; }
p.expandable a.expanded { display: none; }

/* design of a table */
table.over { width: 100%; }
table.top { margin-bottom: 30px; }
table.sortable thead { cursor: default; }

/* 2 tabellen naast elkaar */
.float-cards {float:left; width:49%; }

table tr.title td { height: 29px; color: #83a632; background: #256009; }
table tr.title td.first { padding-left: 10px; width: 140px; font-size: 15px; color: #fff; background: url('../images/titleLeft.gif') #256009 no-repeat left; }
table tr.title td.normal { font-size: inherit; color: #83a632; width: auto; }
table tr.title td.big { font-size: 15px; color: #fff; }
table tr.title td.last { background: url('../images/titleRight.gif') #256009 no-repeat right; padding-right: 10px; }
table tr.title td.selected { font-weight: normal; color: #fff; background: url('../images/arrow.gif') #256009 no-repeat 25px center; }
table tr td.selected { font-weight: bold; }
table tr td { height: 22px; color: #000033; }
table tr.white td { background: #fff; }
table tr.smallPadding td { width: 34px; text-align: center; }
table tr td.first { padding-left: 10px; color: #006db9; }
table tr td.normal { color: #000033; }
table tr td.last { padding-right: 10px; }
table tr td a { color: #256009; }
table tr td a.button { width: auto; padding-left: 20px; display: block; height: 18px; line-height: 18px; text-decoration: none; color: #003300; background: url('../images/button2L.gif') no-repeat left; }
table tr td a.button span { display: block; height: 18px; cursor: pointer; background: url('../images/button2R.gif') no-repeat right; }
table tr td a.button:hover { text-decoration: underline; }
table tr td.first2 { padding: 10px 15px 10px 15px; }
table tr td input.small { border: 0px; width: 100%; }
table tr td select.small { border: 0px; }

table tr td select { margin-top: 3px; margin-bottom: 2px; }

span.buttons { float: left; }
            
a.button { margin:0px 0px 0px 0px; display: block; float: left; height: 29px; line-height: 29px; text-decoration: none; color: #003300; background: url('../images/buttonL.gif') no-repeat left; }
a.button span { padding: 0px 10px 0px 10px; display: block; float: left; height: 29px; cursor: pointer; background: url('../images/buttonR.gif') no-repeat right; }
a.button:hover { text-decoration: underline; }

td a.button { width: auto; padding-left: 20px; margin: 0; display: block; height: 18px; line-height: 18px; text-decoration: none; color: #003300; background: url('../images/buttonL.gif') no-repeat left; }
td a.button span { display: block; padding: 0; height: 18px; cursor: pointer; background: url('../images/buttonR.gif') no-repeat right; padding-right: 5px; }
td a.button:hover { text-decoration: underline; }

ul.pagination { padding-top: 10px; overflow: hidden; width: 100%; list-style: none; border-top: 1px solid #e1e0c1; }
ul.pagination li { padding-right: 4px; padding-bottom: 5px; float: left; display: inline; font-weight: bold; line-height: 21px; color: #000033; }
ul.pagination li a { padding: 0px 5px 0px 5px; display: block; float: left; width: 25px; text-align: center; height: 21px; line-height: 21px; text-decoration: none; font-weight: bold; color: #006db9; }
ul.pagination li.played a { color: #fff; background: #92c5e8; }
ul.pagination li a:hover, ul.pagination li.selected a { color: #fff; background: #006db9; }

form fieldset span.buttons {	
	padding-top: 10px;
    margin-left: 10px;
    margin-top: 20px;
}

form fieldset p.message {
    margin: 15px 8px 15px 8px;
}
	
form fieldset div {
	min-height: 18px;
    padding: 7px 5px 7px 10px;
    display: block;
}

form fieldset div.odd {
    background-color: #fff;
}

form fieldset div.even {
}

form fieldset {
    margin-bottom: 10px;	
}

form label { float: left; width: 140px; height: 18px; line-height: 18px; padding-top: 0px;}
form textarea { width: 250px; height: 150px; }
form select { line-height: 28px; margin: 0; }
form input.txtBox { margin: 0px 0px 0px 0px; padding: 3px 5px 0px 5px; display: block; height: 18px; width: 175px; border: 1px solid #bcb882; background: url('../images/inputBoxBg.gif') left top repeat-x; }
form textarea.tarBox { margin: 0px 0px 0px 0px; padding: 3px 5px 0px 5px; display: block; height: 150px; border: 1px solid #bcb882; background: url('../images/inputBoxBg.gif') left top repeat-x; }
form select.chkBox { margin: 0px 0px 0px 0px; padding: 3px 5px 0px 5px; display: block; height: 22px; width: 175px; border: 1px solid #bcb882; background: url('../images/inputBoxBg.gif') left top repeat-x; }

form button { border: 1px solid black; background: #cccccc; margin: 0px 0px 10px 140px; }
form button:hover { cursor: pointer; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 0px; }

/* ### WRAPPER ### */
#wrapper { width: 100%; background: url('../images/bg-cntr-header.png') center top no-repeat; } */

/* ### WIDE CONTAINER ### */
#wideCntr { width: 100%; padding: 0px 0px 0px 0px; margin: 0px auto; background: #ffffff; }

/* ### WIDE CONTAINER ### */
#wideContent { margin: 20px; }

/* ### MAIN CONTAINER ### */
#mainCntr { width: 962px; padding: 0px 0px 0px 0px; margin: 0px auto; }

	/* ### HEADER CONTAINER ### */
#headerCntr { width: 962px; height:110px; overflow: hidden;}
#headerCntr h1 { padding: 12px 0px 0px 165px; position: absolute; z-index:1 }
#headerCntr h1 a { display: block; width: 342px; height: 138px; text-indent: -9999px; background: url('../images/soccerjob-logo-abs.png') left top no-repeat; }
	
    /* ### FOOTER CONTAINER ### */
    #footerCntr { margin-top: -35px; background: #fff; width: 700px; font-size: 11px; float: right; padding-top: 5px; padding-bottom: 5px; color: #5b5831; }
    #footerCntr a { text-decoration: underline; color: #5b5831; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 0px 0px 110px 0px; overflow: hidden; width: 962px; background: #fff url('../images/contentBg.gif') left top repeat-y; }
	#contentTopBgCntr { background: url('../images/contentTopBg.gif') left top no-repeat; }
	#contentCntr span.bar { display: block; width: 50px; height: 8px; border: 1px solid #26600d; }
	#contentCntr span.bar2 { display: block; width: 100px; height: 8px; border: 1px solid #26600d; }
	#contentCntr span.bar span.green { display: block; height: 8px; background: url('../images/status.gif') repeat-x; }
	#contentCntr span.bar2 span.gra { display: block; height: 8px; background: url('../images/gra.gif') repeat-x; }
    #contentCntr span.bar2 span.gra2 { display: block; height: 8px; background: url('../images/gra2.gif') repeat-x; }
    #contentCntr span.invisible { display: none; }
    
		/* ### LEFT CONTAINER ### */
		#leftCntr { width: 231px; float: left; }
		
			/* ### LOGIN BOX ### */
			.loginBox { padding: 15px 0px 15px 21px; background: url('../images/loginBg.gif') left top repeat-y; }
			.loginBox h2 { padding: 0px 0px 0px 0px; font: bold 15px Arial, Helvetica; color: #256009; }
			.loginBox form { padding: 5px 0px 0px 0px; font: 12px Arial, Helvetica; color: #000033; }
			.loginBox form fieldset { border: 0px; margin-bottom: 10px; }
			.loginBox form legend { display: none }
			.loginBox form label { font: 12px Arial, Helvetica; color: #000033; display: block; }
			.loginBox form input.txtBox { margin: 0px 0px 3px 0px; padding: 3px 5px 0px 5px; display: block; height: 18px; border: 1px solid #bcb882; background: url('../images/inputBoxBg.gif') left top repeat-x; }
			.loginBox form .wachtwoord { padding: 10px 0px 0px 0px; color: #006db9; }
			
			.loginBox form .checkBox { margin: 5px 10px 0px 0px; }

			form input.wide { width: 250px }
			form input.normal { width: 150px }
			form input.txtBox { width: 167px; }
            form input.chkBox { width: 25px; }
			
			form a.button { margin-right: 10px; }
			
             
            #rightCntr form .checkBox { margin: 5px 10px 0px 0px;  }
            
			
            #rightCntr form .boxes { width: 1em; }
            #rightCntr form #submitbutton { margin-left: 120px; margin-top: 5px; width: 90px; }
            br { clear: left; }

            
			
            #rightCntr form { font: 12px Arial, Helvetica; color: #000033; }
            #rightCntr form fieldset { border: 0px; }
            #rightCntr form legend { display: none }

            
			/* ### VERTICAL MENU BOX ### */
			.verticalMenu { padding: 0px 0px 0px 1px; }
			.verticalMenu ul.mainMenu {}
			.verticalMenu ul.mainMenu li { padding: 12px 0px 12px 18px; background: url('../images/verticalMenuDevider.gif') left top repeat-x; }
			.verticalMenu ul.mainMenu li a { padding: 0px 0px 0px 12px; font: bold 15px Arial, Helvetica; color: #256009; text-decoration: none; background: url('../images/verticalMenuDisc.gif') 0px 4px no-repeat; }
			.verticalMenu ul.mainMenu li a.active { background: url('../images/verticalMenuDiscActive.gif') 0px 5px no-repeat; }
            .verticalMenu ul.mainMenu li a.admin { color: red; }
			.verticalMenu ul.mainMenu li a:hover {}
			.verticalMenu ul.mainMenu li ul.submenu {}
            .verticalMenu ul.mainMenu li ul.float li { float: left; width: 105px; }
			.verticalMenu ul.mainMenu li ul.submenu li { padding: 4px 0px 0px 0px; background: none; }
			.verticalMenu ul.mainMenu li ul.submenu li a { font: 12px Arial, Helvetica; color: #006db9; background: none; }
			.verticalMenu ul.mainMenu li ul.submenu li a:hover { color: #000; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { padding: 15px 15px 0px 16px; width: 700px; float: right; position: relative; }
			
			/* ### CREW BOX ### */
			.crewBox { margin:0px 0px 20px 0px; padding: 10px; width: 320px; background: #f5f4e0 url('../images/rightBoxBg.gif') left top repeat-x; }
			.crewBox table { width: 100%; }
			.crewBox td img { border: 1px solid #000; }
			.crewBox div.zoek { height: 36px; background: url('../images/zoekL.gif') #bcb882 no-repeat left; }
			.crewBox fieldset { padding-top: 6px; overflow: hidden; width: 100%; height: 30px; border: 0px; background: url('../images/zoekR.gif') no-repeat right; }
			.crewBox input.field { margin-right: 10px; float: left; width: 157px; height: 21px; border: 1px solid #a39f62; background: #fff; }
			.crewBox label { padding: 0px 10px 0px 10px; display: block; float: left; height: 23px; line-height: 23px; font-weight: bold; color: #000033; }
			.crewBox fieldset a { display: block; float: left; height: 23px; line-height: 23px; text-decoration: none; color: #003300; background: url('../images/button3L.gif') no-repeat left; }
			.crewBox fieldset a span { padding: 0px 5px 0px 5px; display: block; float: left; height: 23px; cursor: pointer; background: url('../images/button3R.gif') no-repeat right; }
			.crewBox tr.title td { height: 29px; color: #83a632; background: #256009; }
			.crewBox tr.title td.first { padding-left: 10px; width: 30px; background: url('../images/greenL.gif') #256009 no-repeat left; }
			.crewBox tr.title td.last { width: 185px; background: url('../images/greenR.gif') #256009 no-repeat right; }
			.crewBox tr td { padding: 5px 0px 5px 10px; color: #000033; }
			.crewBox tr.white td { background: #fff; }
			.crewBox tr a { font-weight: bold; text-decoration: none; color: #006db9; }
			.crewBox tr a:hover { text-decoration: underline; }
			.crewBox ul { padding-top: 10px; overflow: hidden; width: 100%; list-style: none; border-top: 1px solid #e1e0c1; }
			.crewBox li { padding-right: 4px; float: left; display: inline; font-weight: bold; line-height: 21px; color: #000033; }
			.crewBox li a { padding: 0px 5px 0px 5px; display: block; float: left; height: 21px; line-height: 21px; text-decoration: none; font-weight: bold; color: #006db9; }
			.crewBox li a:hover, .crewBox li.selected a { color: #fff; background: #006db9; }
			
            /* ### FORUM BOX ### */
            /*.forumBox { padding: 10px; margin-right: 10px; width: 97%; background: #f5f4e0 url('../images/rightBoxBg.gif') left top repeat-x; }*/
            .forumBox table { width: 100%; }
            /*.forumBox td img { border: 1px solid #000; }*/
            .forumBox div.navigation { height: 36px; background: url('../images/zoekL.gif') #bcb882 no-repeat left; }
            .forumBox div.navigation p {  }
            .forumBox fieldset { padding-top: 6px; overflow: hidden; width: 100%; height: 30px; border: 0px; background: url('../images/zoekR.gif') no-repeat right; }
            .forumBox input.field { margin-right: 10px; float: left; width: 157px; height: 21px; border: 1px solid #a39f62; background: #fff; }
            .forumBox label { padding: 0px 10px 0px 10px; display: block; float: left; height: 23px; line-height: 23px; font-weight: bold; color: #000033; }
            .forumBox fieldset a { display: block; float: left; height: 23px; line-height: 23px; text-decoration: none; color: #003300; background: url('../images/button3L.gif') no-repeat left; }
            .forumBox fieldset a span { padding: 0px 5px 0px 5px; display: block; float: left; height: 23px; cursor: pointer; background: url('../images/button3R.gif') no-repeat right; }
            .forumBox tr.title td { height: 29px; color: #83a632; background: #256009; }
            .forumBox tr.title td.first { padding-left: 10px; width: 30px; background: url('../images/greenL.gif') #256009 no-repeat left; }
            .forumBox tr.title td.last { width: 185px; background: url('../images/greenR.gif') #256009 no-repeat right; }
            .forumBox tr td { padding: 5px 0px 5px 10px; color: #000033; }
            .forumBox tr.white td { background: #fff; }
            .forumBox tr a { font-weight: bold; text-decoration: none; color: #006db9; }
            .forumBox tr a:hover { text-decoration: underline; }
            
			/* ### TEXT BOX ### */
			.textBox { margin:0px 0px 20px 0px; }
			.textBox p { padding-bottom: 15px; line-height: 16px; color: #000033; }
			.textBox a { text-decoration: none; color: #006db9; }
			.textBox a:hover { text-decoration: underline; }
			.textBox ul { padding-bottom: 15px; list-style: none; }
			.textBox li { padding-left: 18px; line-height: 20px; color: #000033; background: url('../images/arrow2.gif') no-repeat 6px center; }
			
			/* ### PROFIEL BOX ### */
			.profielBox { margin: 0px 0px 20px 0px; padding: 10px; width: 680px; background: #f5f4e0 url('../images/rightBoxBg.gif') left top repeat-x; }
			.profielBox div.profiel { margin-bottom: 10px; padding: 10px; overflow: hidden; width: 660px; background: #fff; position: relative; }
			.profielBox div.pic { float: left; width: 90px; }
			.profielBox div.text { float: right; width: 560px; }

            .profielBox ul.menu li a.friend { padding-left: 24px; height: 22px; display: block; background: url(../images/user.png) no-repeat left -1px; }
			.profielBox ul.menu li a.friend-add { padding-left: 24px; height: 22px; display: block; background: url(../images/user_add.png) no-repeat left -1px; }
            .profielBox ul.menu li a.friend-delete { padding-left: 24px; height: 22px; display: block; background: url(../images/user_delete.png) no-repeat left -1px; }
			
			#mainCntr div.profielBox h1 { padding-bottom: 0px; }
			.profielBox h5 { padding-bottom: 5px; font-size: 15px; font-weight: bold; color: #000033; }
			.profielBox div.text ul { overflow: hidden; width: 560px; list-style: none; }
			.profielBox div.text li { padding: 8px 40px 0px 50px; float: left; display: inline; height: 42px; color: #000033; background: no-repeat left; }
			.profielBox div.text li.balans { background-image: url('../images/balans.gif'); }
			.profielBox div.text li.week { background-image: url('../images/week.gif'); }
            .profielBox div.text li.pingels { background-image: url('../images/star.png'); }
            .profielBox div.text li.debit { background-image: url('../images/chart_bar_add.png'); }
            .profielBox div.text li.credit { background-image: url('../images/chart_bar_delete.png'); }			
			.profielBox div.text li strong { display: block; }
			.profielBox h4 { padding-bottom: 5px; font-size: 15px; font-weight: bold; color: #256009; }
			.profielBox div.detail { overflow: hidden; width: 680px; }
			div.left { float: left; display: inline; width: 330px; }
		    div.right { float: right; display: inline; width: 330px; }

            .profielBox div.text2 { float: left; width: 660px; }
            .profielBox div.text2 ul { overflow: hidden; width: 660px; list-style: none; padding-top: 15px; }
            .profielBox div.text2 li { padding: 8px 40px 0px 60px; float: left; display: inline; height: 42px; color: #000033; background: no-repeat left; }
            .profielBox div.text2 li.balans { background-image: url('../images/balans.gif'); }
            .profielBox div.text2 li.week { background-image: url('../images/week.gif'); }
            .profielBox div.text2 li.debit { background-image: url('../images/chart_bar_add.png'); }
            .profielBox div.text2 li.credit { background-image: url('../images/chart_bar_delete.png'); }         
            .profielBox div.text2 li strong { display: block; }

			.profielBox table { width: 330px; }

			.profielBox div.box { padding: 10px; font-size: 11px; color: #006db9; background: #fff; }
			.profielBox div.box strong { display: block; font-size: 12px; color: #000033; }
			.profielBox div.box strong span { font-weight: normal; }
			.profielBox div.uitslag { overflow: hidden; width: 330px;}
			.profielBox div.white { padding: 10px; float: left; position: relative; width: 145px; font-size: 11px; color: #006db9; background: #fff; }
			.profielBox div.white strong { display: block; font-size: 12px; color: #000033; }
			.profielBox div.white strong span { font-weight: normal; }
			.profielBox div.white a { color: #006db9; }
            .profielBox div.red a { color: #fff; }
			.profielBox div.red { padding: 10px; padding-left: 40px; float: left; text-align:right; position: relative; width: 105px; font-size: 11px; color: #fff; background: #569111; }
			.profielBox div.red strong { display: block; font-size: 12px; color: #fff; }
			.profielBox div.white em { position: absolute; right: 10px; top: 8px; font-style: normal; font-weight: bold; font-size: 27px; color: #000033; }
			.profielBox div.red em { position: absolute; left: 10px; top: 8px; font-style: normal; font-weight: bold; font-size: 27px; color: #fff; }
			
			tr.active { background: #fff; }
			
			/* ### WEDSTRIJDVERSLAG ### */
			div.field { position: relative; background: url('../images/veld.gif'); width: 680px; height: 440px; }
			
			/* ### OPSTEL BOX ### */
			.opstelBox { margin: 0px 0px 20px 0px; padding: 10px 10px 76px 10px; width: 680px; background: #f5f4e0 url('../images/rightBoxBg.gif') left top repeat-x; }
			.opstelBox fieldset { top: 66px; position: relative; z-index: 5; width: 680px; height: 440px; border: 0px; background: url('../images/veld.gif') no-repeat; }
			
			/*.opstelBox fieldset { top: 66px; position: relative; z-index: 5; width: 680; height: 1050px; border: 0px; background: url('../images/veld_lang2.gif') no-repeat; }*/
            
			.opstelBox ul.formation { position: absolute; top: 155px; z-index: 10; overflow: hidden; width: 680px; list-style: none; }
			.opstelBox ul.formation li { padding-right: 8.1px; float: left; display: inline; }
			.opstelBox ul.formation li.formatie433 a { display: block; float: left; width: 90px; height: 71px; text-indent: -9999px; background: url('../images/opstelling_433.png') no-repeat top; }
            .opstelBox ul.formation li.formatie442 a { display: block; float: left; width: 90px; height: 71px; text-indent: -9999px; background: url('../images/opstelling_442.png') no-repeat top; }
            .opstelBox ul.formation li.formatie424 a { display: block; float: left; width: 90px; height: 71px; text-indent: -9999px; background: url('../images/opstelling_424.png') no-repeat top; }
            .opstelBox ul.formation li.formatie343 a { display: block; float: left; width: 90px; height: 71px; text-indent: -9999px; background: url('../images/opstelling_343.png') no-repeat top; }
            .opstelBox ul.formation li.formatie532 a { display: block; float: left; width: 90px; height: 71px; text-indent: -9999px; background: url('../images/opstelling_532.png') no-repeat top; }
            .opstelBox ul.formation li.formatie334 a { display: block; float: left; width: 90px; height: 71px; text-indent: -9999px; background: url('../images/opstelling_334.png') no-repeat top; }
            .opstelBox ul.formation li.formatie352 a { display: block; float: left; width: 90px; height: 71px; text-indent: -9999px; background: url('../images/opstelling_352.png') no-repeat top; }
            .opstelBox ul.formation li.formatie352 { padding-right: 0px; }
			.opstelBox ul.formation li a:hover, .opstelBox ul.formation li.selected a { background-position: bottom; }
			.opstelBox div.speler { padding: 2px 0px 0px 3px; position: absolute; width: 131px; height: 24px; background: url('../images/spelerBg.png') no-repeat; }
			
            .opstelBox a.speler_2 { display: block; width: 120px; height: 26px; position: absolute; background: url('../images/red.png') no-repeat center top; font-size: 13px; text-align:center; padding-top: 28px; color: #ccc; }		
            .opstelBox a:hover.speler_2 { text-decoration: underline; }        
            .opstelBox a.speler_2, .opstelBox a:hover.speler_2, .opstelBox a:active.speler_2, .opstelBox a:visited.speler_2 {
            cursor: pointer;
            }
            
			.opstelBox div.speler select { width: 125px; }
			.opstelBox div.orange { background: url('../images/orangeBg.png') no-repeat 0px -1px; }
			.opstelBox div.speler1 { top: 210px; left: 10px; }
			.opstelBox div.speler2 { top: 50px; left: 170px; }
			.opstelBox div.speler3 { top: 140px; left: 170px; }
			.opstelBox div.speler4 { top: 250px; left: 170px; }
			.opstelBox div.speler5 { top: 370px; left: 170px; }
			.opstelBox div.speler6 { top: 100px; left: 330px; }
			.opstelBox div.speler7 { top: 210px; left: 330px; }
			.opstelBox div.speler8 { top: 310px; left: 330px; }
			.opstelBox div.speler9 { top: 210px; left: 500px; }
			.opstelBox div.speler10 { top: 50px; left: 520px; }
			.opstelBox div.speler11 { top: 370px; left: 520px; }
			
			/* ### SOPSTEL BOX ### */
			.sopstelBox { margin: 0px 0px 20px 0px; padding: 10px 10px 65px 10px; width: 321px; background: #f5f4e0 url('../images/rightBoxBg.gif') left top repeat-x; }
			.sopstelBox fieldset { top: 55px; position: relative; z-index: 5; width: 321px; height: 496px; border: 0px; background: url('../images/vel2.gif') no-repeat; }
			.sopstelBox ul { position: absolute; z-index: 10; overflow: hidden; width: 321px; list-style: none; }
			.sopstelBox li { padding-right: 7px; float: left; display: inline; }
			.sopstelBox li.last { padding-right: 0px; }
			.sopstelBox li a { display: block; float: left; width: 75px; height: 59px; text-indent: -9999px; background: url('../images/tab2.png') no-repeat top; }
			.sopstelBox li a:hover, .sopstelBox li.selected a { background-position: bottom; }
			.sopstelBox fieldset a { display: block; float: right; height: 18px; line-height: 18px; text-decoration: none; color: #003300; background: url('../images/button6L.gif') no-repeat left; }
			.sopstelBox fieldset a span { padding: 0px 5px 0px 5px; display: block; float: left; height: 18px; cursor: pointer; background: url('../images/button6R.gif') no-repeat right; }
			.sopstelBox div.check { position: absolute; width: 24px; height: 24px; text-indent: -9999px; background: url('../images/check.png') no-repeat; }
			.sopstelBox div.aanvoerder { position: absolute; width: 24px; height: 24px; text-indent: -9999px; background: url('../images/red.png') no-repeat; }
			.sopstelBox div.kies { padding: 2px 8px 0px 3px; position: absolute; overflow: hidden; width: 158px; height: 28px; background: url('../images/kies.png') no-repeat; }
			.sopstelBox div.kies select { float: left; width: 130px; }
			.sopstelBox div.speler1 { top: 460px; left: 149px; }
			.sopstelBox div.speler2 { top: 380px; left: 149px; }
			.sopstelBox div.speler3 { top: 380px; left: 60px; }
			.sopstelBox div.speler4 { top: 237px; left: 20px; }
			.sopstelBox div.speler5 { top: 380px; left: 240px; }
			.sopstelBox div.speler6 { top: 300px; left: 149px; }
			.sopstelBox div.speler7 { top: 190px; left: 149px; }
			.sopstelBox div.speler8 { top: 237px; left: 240px; }
			.sopstelBox div.speler9 { top: 110px; left: 240px; }
			.sopstelBox div.speler10 { top: 110px; left: 149px; }
			.sopstelBox div.speler11 { top: 110px; left: 60px; }
			
			/* ### RIGHT TOP BOX ### */
			.rightTopBox { margin:0px 0px 20px 0px; background: #f5f4e0 url('../images/rightBoxBg.gif') left top repeat-x; }
			.rightBoxTopBg { padding: 16px 10px 29px 16px; background: url('../images/rightBoxBgTop.gif') left top no-repeat; }
			.rightBoxBottomBg { background: url('../images/rightBoxBgBottom.gif') left bottom no-repeat; }
		    .hidden { display: none; }
		    
				/* ### PROGRAMME WEEK TABLE ### */
				.rightTopBox table.programmaWeek tr.headingBox { background: #256009; }
				.rightTopBox table.programmaWeek tr.headingBox td { height: 29px; font: 12px Arial, Helvetica, sans-serif; color: #83a632; }
				.rightTopBox table.programmaWeek tr.headingBox td.thuisploegHeading { padding: 0px 0px 0px 6px; background: #256009 url('../images/greenHeadingLeftBg.gif') left top no-repeat }
				.rightTopBox table.programmaWeek tr.headingBox td.uitploegHeading { padding: 0px 0px 0px 34px; }
				.rightTopBox table.programmaWeek tr.headingBox td.scheidsrechterHeading { padding: 0px 0px 0px 9px; }
				.rightTopBox table.programmaWeek tr.headingBox td.locatieHeading { padding: 0px; background: #256009 url('../images/greenHeadingRightBg.gif') right top no-repeat }
				.rightTopBox table.programmaWeek tr.whiteBox td { background: #fff; }
                .rightTopBox table.programmaWeek tr.myBox td { background: red; }
				.rightTopBox table.programmaWeek tr td.thuisploeg { padding: 0px 0px 0px 6px; width: 148px; height: 44px; }
				.rightTopBox table.programmaWeek tr td.dashed { width: 2px; text-align: center; }
				.rightTopBox table.programmaWeek tr td.uitploeg { padding: 0px 0px 0px 34px; border-right:1px solid #e0debe; width: 165px; height: 44px; }
				.rightTopBox table.programmaWeek tr td.scheidsrechter { padding: 0px 0px 0px 9px; width: 145px; height: 44px; }
				.rightTopBox table.programmaWeek tr td.locatie { width: 168px; height: 44px; font: 12px Arial, Helvetica; color: #000033; }
				.rightTopBox table.programmaWeek tr td.locatie span { font: 11px Arial, Helvetica; color: #717190; display: block; }
				.rightTopBox table.programmaWeek tr td.thuisploeg div span { font:bold 12px Arial, Helvetica, sans-serif; color:#006db9; display:block; }				
				.rightTopBox table.programmaWeek tr td.uitploeg div span { font:bold 12px Arial, Helvetica, sans-serif; color:#006db9; display:block; }

				.profielBox table 

				div.ajax { padding:0px 0px 0px 34px; background: url('../images/ajaxIcon.gif') 0px 0px no-repeat; }				
				div.feyenoord { padding:0px 0px 0px 34px; background: url('../images/feyenoord.gif') 0px 0px no-repeat; }
				div.fcGroningen { padding:0px 0px 0px 34px; background: url('../images/fcGroningen.gif') 0px 0px no-repeat; }
				div.rkcwaalwijk { padding:0px 0px 0px 34px; background: url('../images/rkcWaalwijk.gif') 0px 0px no-repeat; }
				div.rodaJc { padding:0px 0px 0px 34px; background: url('../images/rodaJc.gif') 0px 0px no-repeat; }
				div.fcUtrecht { padding:0px 0px 0px 34px; background: url('../images/fcUtrecht.gif') 0px 0px no-repeat; }
				div.spartaRotterdam { padding:0px 0px 0px 34px; background: url('../images/spartaRotterdam.gif') 0px 0px no-repeat; }
				div.nec { padding:0px 0px 0px 34px; background: url('../images/nec.gif') 0px 0px no-repeat; }
				div.heracles { padding:0px 0px 0px 34px; background: url('../images/heracles.gif') 0px 0px no-repeat; }
				div.scHeerenveen { padding:0px 0px 0px 34px; background: url('../images/scHeerenveen.gif') 0px 0px no-repeat; }
				div.az { padding:0px 0px 0px 34px; background: url('../images/az.gif') 0px 0px no-repeat; }
				div.fcTwente { padding:0px 0px 0px 34px; background: url('../images/fcTwente.gif') 0px 0px no-repeat; }
			
			/* ### RIGHT BOTTOM BOX ### */
			.rightBottomBox { background: #f5f4e0 url('../images/rightBoxBg.gif') left top repeat-x; }
			.rightBottomBox div.rightBottomTopBox { height:120px; }
			.rightBottomTopBox li.greenBox { width: 330px; height: 59px; display:block; float:left; color:#fff; background: #569111; }
			.rightBottomTopBox li.greenBox span.left { padding: 5px 0px 0px 20px; float: left; font: 26px Arial, Helvetica; }
			.rightBottomTopBox li.greenBox span.left span { font: 11px Arial, Helvetica; display: block; }
			.rightBottomTopBox li.greenBox span.right { padding: 0px 28px 0px 0px; float: right; font: 46px Arial, Helvetica; }
			.rightBottomTopBox li.whiteBox { width: 330px; height: 59px; display:block; float:left; color:#000033; background: #fff;}				
			.rightBottomTopBox li.whiteBox span.left { padding: 0px 0px 0px 28px; float: left; font: 46px Arial, Helvetica; }				
			.rightBottomTopBox li.whiteBox span.right { padding: 5px 20px 0px 0px; text-align: right; float: right; font: 26px Arial, Helvetica; }				
			.rightBottomTopBox li.whiteBox span.right span { font: 11px Arial, Helvetica; display: block; color: #006db9; }
				
				/* ### COMPETITLE BOX ### */
				.competitleBox { padding: 10px 0px 0px 0px; width: 680px;}
				.competitleBox ul{ padding: 0px 0px 0px 0px; }
				.competitleBox ul li.even { width: 190px; float: left; color: #006db9; }
				.competitleBox ul li.odd { padding: 0px 0px 0px 0px; width: 150px; float: left; font: bold 12px Arial, Helvetica; color: #000033; }
				.competitleBox ul li span { color: #000033; }
				
				/* ### WEDSTRIJDVERLOOP TABLE ### */
				.rightBottomBox div.wedstrijdverloopBox { padding: 6px 0px 0px 0px; }
				.rightBottomBox table.wedstrijdverloop { padding: 0px 0px 0px 0px; }
				.rightBottomBox table.wedstrijdverloop tr {}
				.rightBottomBox table.wedstrijdverloop tr.whiteBox { background: #fff; }
				.rightBottomBox table.wedstrijdverloop tr td.wedstrijdverloopFirst { padding: 0px 0px 0px 0px; width: 250px; height: 40px; font: bold 12px Arial, Helvetica; color: #000033; text-align: left; }
				.rightBottomBox table.wedstrijdverloop tr td.wedstrijdverloopSecond { width: 158px; height: 40px; font: bold 15px Arial, Helvetica; color: #000033; border-left: 1px solid #ecead1; border-right: 1px solid #ecead1; text-align: center; }
				.rightBottomBox table.wedstrijdverloop tr td.wedstrijdverloopThird { padding: 0px 10px 0px 0px; width: 250px; height: 40px; font: bold 12px Arial, Helvetica; color: #000033; text-align: right; }
				
					div.doelpunt { padding: 0px 0px 0px 9px; font: bold 12px Arial, Helvetica; color: #000033; background: url('../images/doelpuntIcon.gif') 94% 100% no-repeat; }
					div.doelpunt span { font: 11px Arial, Helvetica; display: block; color: #000033; }
					div.doelpunt span a { color: #006db9; text-decoration: none;}
					
					.rightBottomBox table.wedstrijdverloop tr td.wedstrijdverloopThird div.doelpunt { background: url('../images/doelpuntIcon.gif') 6% 100% no-repeat; }
					
					div.spelers { padding: 0px 0px 0px 45px; font: bold 12px Arial, Helvetica; color: #000033; background: url('../images/spelersIcon.gif') 0px 5px no-repeat; }
					div.spelers span { font: 11px Arial, Helvetica; display: block; color: #000033; }
					div.spelers span a { color: #006db9; text-decoration: none;}
					
					div.rodeKaart { padding: 3px 0px 5px 9px; font: bold 12px Arial, Helvetica; color: #000033; background: url('../images/rodeKaartIcon.gif') 95% 100% no-repeat; }
					div.rodeKaart span { font: 11px Arial, Helvetica; display: block; color: #000033; }
					div.rodeKaart span a { color: #006db9; text-decoration: none;}
					
                    .rightBottomBox table.wedstrijdverloop tr td.wedstrijdverloopThird div.rodeKaart { background: url('../images/rodeKaartIcon.gif') 2% 100% no-repeat; }
					
					div.geleKaart { padding: 5px 0px 9px 9px; font: bold 12px Arial, Helvetica; color: #000033; background: url('../images/geleKaart.gif') 95% 100% no-repeat; }
					div.geleKaart span { font: 11px Arial, Helvetica; display: block; color: #000033; }
					div.geleKaart span a { color: #006db9; text-decoration: none;}
					
                    .rightBottomBox table.wedstrijdverloop tr td.wedstrijdverloopThird div.geleKaart { background: url('../images/geleKaart.gif') 0% 100% no-repeat; }

                    div.blessure { padding: 0px 0px 0px 9px; font: bold 12px Arial, Helvetica; color: #000033; background: url('../images/injury_small.png') 94% 100% no-repeat; }
                    div.blessure span { font: 11px Arial, Helvetica; display: block; color: #000033; }
                    div.blessure span a { color: #006db9; text-decoration: none;}
                    
                    .rightBottomBox table.wedstrijdverloop tr td.wedstrijdverloopThird div.blessure { background: url('../images/injury_small.png') 7% 100% no-repeat; }
                    

                    div.wissel { padding: 0px 0px 0px 9px; font: bold 12px Arial, Helvetica; color: #000033; background: url('../images/wisselIcon.gif') 95% 100% no-repeat; }
                    div.wissel span { font: 11px Arial, Helvetica; display: block; color: #000033; }
                    div.wissel span a { color: #006db9; text-decoration: none;}
                    
                    .rightBottomBox table.wedstrijdverloop tr td.wedstrijdverloopThird div.wissel { background: url('../images/wisselIcon.gif') 6% 100% no-repeat; }
                    
				/* ### STATISTIEKEN TABLE ### */
				.rightBottomBox div.statistiekenBox { padding: 25px 0px 0px 0px; margin-bottom: 25px; }
				.rightBottomBox table.statistieken { padding: 0px 0px 0px 0px; }
				.rightBottomBox table.statistieken tr {}
				.rightBottomBox table.statistieken tr.whiteBox { background: #fff; }
				.rightBottomBox table.statistieken tr td.statistiekenFirst { padding: 0px 0px 0px 10px; width: 250px; height: 23px; font:bold 12px Arial, Helvetica; color: #000033; text-align: left; }
				.rightBottomBox table.statistieken tr td.statistiekenSecond { width: 158px; height: 23px; font:12px Arial, Helvetica; color: #000033; border-left: 1px solid #ecead1; border-right: 1px solid #ecead1; text-align: center; }
				.rightBottomBox table.statistieken tr td.statistiekenThird { padding: 0px 10px 0px 0px; width: 250px; height: 23px; font:bold 12px Arial, Helvetica; color: #000033; text-align: right; }
				
				#eventMessages .message { display: none; }
				#eventMessages .goal { font-weight: bold; }
ul.toolbar {
    height: 44px;
    margin-bottom: 15px;
    padding: 0px;
    background: #EFEDDF;
    border: 1px solid #D8D2BD;
    list-style-type: none;
    clear: both;
}

ul.mini {
    height: 24px;   
}


* html ul.toolbar li {
    width: 1%;
}

ul.toolbar li {
    min-width: 75px;
    height: 44px;
    margin: 0px;
    float: left;
    border-right: 1px solid #D8D2BD;
}

.toolbar a {
    height: 38px;
    margin: 1px;
    padding: 1px 10px 1px 10px;
    display: block;    
    font: menu;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    color: black;
    cursor: pointer;
    border: 1px solid #EFEDDF;
    background-repeat: no-repeat;
    background-position: center 20px;
    white-space: nowrap;
}

.toolbar a:visited {
    color: black;   
}


ul.mini li {
    min-width: 24px;
    height: 18px;
}

ul.mini a {
    height: 18px;
    background-position: center 2px;
    text-indent: -9999em;
    
}

.toolbar li.back a {
    background-image: url(../images/icons/arrow_left.png);
}

.toolbar li.people a {
    background-image: url(../images/icons/group.png);    
}

.toolbar li.help a {
    background-image: url(../images/icons/help.png);
}

.toolbar li.basket_put a {
    background-image: url(../images/icons/basket_put.png);
}

.toolbar li.money a {
    background-image: url(../images/icons/money.png);
}

.toolbar li.save a {
    background-image: url(../images/icons/disk.png);
}

.toolbar li.export a {
    background-image: url(../images/icons/disk.png);
}

.toolbar li.edit a {
    background-image: url(../images/icons/page_edit.png);
}

.toolbar li.delete a {
    background-image: url(../images/icons/page_delete.png);
}

.toolbar li.undo a {
    background-image: url(../images/icons/arrow_undo.png);
}

.toolbar li.add a {
    background-image: url(../images/icons/add.png);
}

.toolbar li.user a {
    background-image: url(../images/icons/user.png);
}

.toolbar li.useradd a {
    background-image: url(../images/icons/user_add.png);
}

.toolbar li.back a {
    background-image: url(../images/icons/arrow_left.png);
}

.toolbar li.close a {
    background-image: url(../images/icons/stop.png);
}

.toolbar li.send a {
    background-image: url(../images/icons/email_go.png);
}

.toolbar li.sentmail a {
    background-image: url(../images/icons/email_go.png);
}

.toolbar li.receivedmail a {
    background-image: url(../images/icons/email.png);
}

.toolbar li.newmail a {
    background-image: url(../images/icons/email_add.png);
}

.toolbar li.up a {
    background-image: url(../images/icons/arrow_up.png);
}

.toolbar li.down a {
    background-image: url(../images/icons/arrow_down.png);
}

.toolbar li.view a {
    background-image: url(../images/icons/application_view_list.png);
}

.toolbar li.search a {
    background-image: url(../images/icons/magnifier.png);
}

.toolbar li.environment a {
    background-image: url(../images/icons/world.png);
}

.toolbar li.building a {
    background-image: url(../images/icons/package.png);
}

.toolbar li.history a {
    background-image: url(../images/icons/time.png);
}

.toolbar li.improvement a {
    background-image: url(../images/icons/lightbulb_add.png);
}

.toolbar li.calculations a {
    background-image: url(../images/icons/sum.png);    
}

.toolbar li.indicators a {
    background-image: url(i../mages/icons/chart_bar_error.png);  
}

.toolbar li.logout a {
    background-image: url(../images/icons/user_delete.png);  
}

.toolbar li.batch-process a {
    background-image: url(../images/icons/lightning.png);  
}

.toolbar li.backup a {
    background-image: url(../images/icons/compress.png);  
}

.toolbar li.maintenance a {
    background-image: url(../images/icons/wrench.png);  
}

.toolbar li.questions a {
    background-image: url(../images/icons/chart_organisation.png);  
}

.toolbar li.gevicodes a {
    background-image: url(../images/icons/error.png);  
}

.toolbar li a:hover {
    border: 1px solid #256009;
}

.rightTopBox div.help {
    position: absolute;
    right: 15px;
    cursor: pointer;
}

.rightTopBox div.normal { position: inherit; display: inline; }

form input.txtBoxPostalCodeL { margin: 0px 0px 0px 0px; padding: 3px 5px 0px 5px; display: block; height: 18px; width: 20px; border: 1px solid #bcb882; background: url('../images/inputBoxBg.gif') left top repeat-x; }
form input.txtBoxPostalCodeN { margin: 0px 5px 0px 0px; padding: 3px 5px 0px 5px; float: left; height: 18px; width: 30px; border: 1px solid #bcb882; background: url('../images/inputBoxBg.gif') left top repeat-x; }
form select.chkBoxDateOfBirth { margin: 0px 5px 0px 0px; padding: 3px 5px 0px 5px; float: left; height: 22px; width: 75px; border: 1px solid #bcb882; background: url('../images/inputBoxBg.gif') left top repeat-x; }

span.moderator { color: blue; font-weight: bold; }
span.admin { color: red; font-weight: bold; }

#lightbox{  position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }  
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }           
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}      

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/**

Selecting a team to play with

 */

#choose .block {
    background: #fff;
    padding: 10px;
}

#choose div.block {
    width: 197px;
    background: #fff;
    padding: 10px;
    float: left;
    height: 150px;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
}

#choose div.last {
    margin-right: 0px;
}

#choose div.call {
    background: #fff url(/static/images/pay/call.png) no-repeat 16px 70px;
}
#choose div.block:hover, #choose div.selected {
    background-color: #ccc;
    color: #000;
    cursor: pointer;
}


#choose div.disabled, #choose div.disabled:hover {
    background: #dfdfdf;  
    color: #666;  
    cursor: default;
}

#choose div.disabled h2  {
    color: #666;    
}

#choosecompetition {
    margin-top: -40px;    
}

/*
#choosecompetition .block {
    background: #fff;
    padding: 10px;
}

#choosecompetition div.block {
    width: 138px;
    background: #fff;
    padding: 10px;
    float: left;
    height: 40px;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
}

#choosecompetition div.last {
    margin-right: 0px;
}

#choosecompetition div.block:hover, #choosecompetition div.selected {
    background-color: green;
    color: #fff;
    cursor: pointer;
}
*/