/* 
    Document   : grijs
    Created in : 2011
    Author     : Krijn
    Description:
        Grijze template voor TourCoach
*/

@font-face {
    font-family: 'tracerouteitalic';
    src: url('traceri_.eot');
    src: url('traceri_.eot?#iefix') format('embedded-opentype'),
         url('traceri_.woff') format('woff'),
         url('traceri_.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


body {
	margin: 0;
	padding: 0;

	background-color: #eeefef;
	text-align: center;
}

body, table td {
	font-family: verdana,geneva,arial,sans-serif;
	font-size: 11px;
}

img {
	border: none;
}


h1 {
	font-size: 13px;
}

h2, h3 {
	font-size: 12px;
}

h1.spaced, h2.spaced, h3.spaced {
	font-size: 13px;
	letter-spacing: 4px;
	line-height: 13px;
	word-spacing: 8px;
}


a {
	color: #060606;
}

table td {
	padding: 3px 0 3px 0;
}


div.contentholder {
	width: 905px;

	min-height: 600px;
	height: auto !important;
	height: 600px;

	margin: 0 auto 0 auto;

	background-color: #cbd4df;

	position: relative;

}

	div.contentholder div.header {
		height: 160px;
		width: 905px;
		background: url('/images/header.jpg') 0 0 no-repeat;
		position: relative;
		z-index: 5;
	}

		div.contentholder div.header a#headerLink {
			height: 80px;
			width: 130px;
			display: block;
			position: absolute;
			top:0; left: 0;
			z-index: 0;
		}


	div.header div#menu {
		position: relative;
		top: 87px;
		width: 880px;
		text-align: right;
		margin: auto;
		
		font-family: 'tracerouteitalic', Arial, sans-serif;
	}
	
		div.header #mainmenu,
		div.header #submenu {
			
			height: 35px;
		}

		div.header ul,
		div.header li {
			list-style-type: none;
			margin: 0 0 0 50px;
			padding: 0;
			display: inline;
		}

			div.header ul.submenu {
				display: none;
			}


			div.header a:hover {
				text-decoration: underline;
				color: #eeefef;
			}

			div.header a {
				height: 35px;
				text-decoration: none;
				color: #e0e4e9;
				font-size: 18px;
			}

				div.header div#submenu a {
					font-size: 16px;
				}



	div#adright {
		width: 120px;
		height: 600px;
		position: absolute;
		margin-left: 920px;
		top: 12px;
	}

	div.contentholder div.container {
		width: 904px;
		display: inline;
		z-index: 3;
		position: relative;
		text-align: left; /* IE overrule inheritance */
		zoom: 1; /* IE 7 hack */
	}
	
		div.contentholder div.container div.full {
			width: 864px;
			padding: 10px;
			margin-left: 10px;
			/*border: 2px solid #81898f;*/
			background-color: #e3e5ea;

			min-height: 300px;
			height: auto !important;
			height: 300px;
		}

			div.contentholder div.container div.full.shrunk {
				height: auto;
				min-height: 40px;
			}

			div.contentholder div.container#index div.full,
			div.contentholder div.container#subleagues div.full,
			div.contentholder div.container#mijnteam div.full {
				min-height: 30px;
				height: auto !important;
				height: 30px;
			}

		div.contentholder div.container div.left,
		div.contentholder div.container#index div.left,
		div.contentholder div.container#subleagues div.left,
		div.contentholder div.container#mijnteam div.left {
			width: 626px;
			padding: 10px;
			margin-left: 10px;
			/*border: 2px solid #81898f;*/
			background-color: #e3e5ea;
		}

			div.contentholder div.container#index div.left div#indexcontent {
				text-align: justify;
			}

			div.contentholder div.container#index div.left div#buttons {
				
				width: 620px;
			}

				div.contentholder div.container#index div.left div#buttons a#btn_register,
				div.contentholder div.container#index div.left div#buttons a#btn_prices {
					display: block;
					width: 230px;
					height: 41px;
					float: left;
					margin: 0 30px;
				}
				div.contentholder div.container#index div.left div#buttons a#btn_register {
					background-image: url('/images/btn_speeldirectmee.png');
					margin-left: 50px;
				}
				div.contentholder div.container#index div.left div#buttons a#btn_prices {
					background-image: url('/images/btn_bekijkdeprijzen.png');
				}
				div.contentholder div.container#index div.left div#buttons a#btn_register:hover,
				div.contentholder div.container#index div.left div#buttons a#btn_prices:hover {
					background-position: 0 -41px;
				}


			div.contentholder div.container#index div.left div#prices {
				display: none;
			}

			/* .register = divs that show up when pressing buttons in the 'speel direct mee' part */
			div.contentholder div.container#index div.left div#prices,
			div.contentholder div.container#index div.left div.register {
				margin-top: 10px;
				padding: 5px;
				background-color: #bbc4cf;
				width: 616px;
			}

			div.contentholder div.container#index div.left div#register_ask {
				text-align: center;
			}

			div.contentholder div.container#index div.left div#register_ask,
			div.contentholder div.container#index div.left div#register_update {
				display: none;
				padding: 5px;
			}

				div.contentholder div.container#index div.left div#register_ask a.button {
					display: block;
					width: 80px;
					height: 48px;
					float: left;
				}

				div.contentholder div.container#index div.left div#register_ask a#register_ask_yes {
					background-image: url('/images/btn_ja.png');
					margin-left: 200px;
				}

				div.contentholder div.container#index div.left div#register_ask a#register_ask_no {
					background-image: url('/images/btn_nee.png');
					margin-left: 40px;
				}

				div.contentholder div.container#index div.left div#register_ask a#register_ask_yes:hover,
				div.contentholder div.container#index div.left div#register_ask a#register_ask_no:hover {
					background-position: 0 -48px;
				}

			div.contentholder div.container#index div.left div#news div.entry {
				background-color: #f3f4f4;
				margin-top: 10px;
				border-top: 3px dotted #ccc;
				padding: 5px;
			}
				div#news div.entry .datum {
					font-size: 11px;
					color: #999;
					border-top: 1px dotted #ccc;
					padding-top: 4px;
				}


		div.contentholder div.container div.right,
		div.contentholder div.container#index div.right,
		div.contentholder div.container#subleagues div.right,
		div.contentholder div.container#mijnteam div.right {
			width: 200px;
			padding: 10px;
			padding-top: 12px;
			margin-right: 10px;
			/*border: 2px solid #81898f; */
			background-color: #e3e5ea;
		}


		div.contentholder div.container#mijnteam div.comments {
			float: right;
			width: 890px;
		}

			div.contentholder div.container#mijnteam div.comments div.entry {
				width: 840px;
				float: right;
				margin-top: 10px;
			}

				div.contentholder div.container#mijnteam div.comments div.entry div.message {
					width: 765px;
					height: auto !important; /* ie */
					height: 50px; /* ie */
					min-height: 50px;
					overflow: auto;
					background-color: #e7eaee;
					padding: 6px;
					margin-left: 48px;
				}
				
					div.comments div.entry div.message.buddy {
						border: 2px solid #8189dd;
					}
				
					div.comments div.entry div.message.admin {
						border: 2px solid #dd898f;
					}

					div.contentholder div.container#mijnteam div.comments div.entry div.message span.header {
						font-size: 10px;
						font-weight: bold;
					}

					div.contentholder div.container#mijnteam div.comments div.entry div.message p.message {
						font-size: 11px;
					}

			div.contentholder div.container#mijnteam div.comments div#navi {
				clear: both;
				padding: 20px 14px 0 0;
				text-align: right;
			}

			div.contentholder div.container#mijnteam div.comments div#new {
				width: 725px;
				float: right;
				height: 150px;
				margin: 30px 5px 5px 0;
			}

				div.contentholder div.container#mijnteam div.comments div#new span {
					display: inline;
					float: left;
					width: 110px;
					font-weight: bold;
					margin-top: 5px;
				}

				div.contentholder div.container#mijnteam div.comments div#new div#cmtnewform {
					float: right;
					display: inline;
					width: 610px;
				}

					div.contentholder div.container#mijnteam div.comments div#new div#cmtnewform textarea {
						width: 600px;
						height: 100px;
						margin-bottom: 6px;
						background-color: #fefefe;
					}

					div.contentholder div.container#mijnteam div.comments div#new div#cmtnewform input#cmt_submit {
						width: 165px;
						height: 28px;
						background: url('/images/btn_plaatsbericht.png') no-repeat 0 0 transparent;
						border: none;
						cursor: pointer;
					}

						div.contentholder div.container#mijnteam div.comments div#new div#cmtnewform input#cmt_submit:hover {
							background-position: 0 -28px;
						}


		div.contentholder div.container#mijnteam div.flleft {
			width: 270px;
		}

		div.contentholder div.container#mijnteam div.flright {
			width: 536px;
			padding-top: 10px;
		}

		div.contentholder div.container#subleagues div.left,
		div.contentholder div.container#mijnteam div.left {
			width: 270px;
			min-height: 300px;
			height: auto !important;
			height: 300px;
		}

		
			div.contentholder div.container#mijnteam div.left form#dropdownteam,
			div.contentholder div.container#mijnteam div.left form#searchteam {
				display: inline;
				width: 268px;
			}

			div.contentholder div.container#mijnteam div.left form#dropdownteam select {
				width: 250px;
			}

			div.contentholder div.container#mijnteam div.left form#searchteam input#cyclistsearch {
				width: 164px;
			}

			div.contentholder div.container#mijnteam div.left table#cyclingteamtable {
				width: 270px;
			}

				div.contentholder div.container#mijnteam div.left table#cyclingteamtable th {
					background-color: #abb6c4;
					padding: 3px 0 4px 0;
				}

				div.contentholder div.container#mijnteam div.left table#cyclingteamtable td {
					background-color: #e3e5ea;
					padding: 3px 0 3px 0;
				}

				div.contentholder div.container#mijnteam div.left table#cyclingteamtable tr.rowEven td {
					background-color: #dfdfdf;
				}

					div.contentholder div.container#mijnteam div.left table#cyclingteamtable td img.flag {
						width: 16px;
						height: 11px;
					}

				div.contentholder div.container#mijnteam div.left table#cyclingteamtable td.cyclist.price {
					text-align: right;
					width: 58px;
				}

				div.contentholder div.container#mijnteam div.left table#cyclingteamtable td.cyclist.add {
					width: 20px;
					text-align: right;
				}

				div.contentholder div.container#mijnteam div.left table#cyclingteamtable tr.unsureCyclist td.cyclist.name {
					color: #e39000;
				}

				div.contentholder div.container#mijnteam div.left table#cyclingteamtable tr.inactiveCyclist  {
					opacity: 0.4;
					filter: alpha(opacity=40); /* IE */
				}

					div.contentholder div.container#mijnteam div.left table#cyclingteamtable tr.inactiveCyclist td {
						background-color: transparent;
					}

					div.contentholder div.container#mijnteam div.left table#cyclingteamtable tr.inactiveCyclist td.cyclist.name {
						color: #c90000;
						height: 16px;
						text-decoration: line-through;
					}

					div.contentholder div.container#mijnteam div.left table#cyclingteamtable tr.inactiveCyclist td.cyclist.add {
						display: none;
					}

			div.contentholder div.container#subleagues div.left table#usersubteamtable {
				width: 270px;
			}


		div.contentholder div.container#subleagues div.right,
		div.contentholder div.container#mijnteam div.right {
			position: relative; /* this bugs opera.. */
			width: 556px;
		}

			div.contentholder div.container#mijnteam div.right table#teamtable {
				width: 556px;
			}

				div.contentholder div.container#mijnteam div.right table#teamtable th {
					text-align: left;
					background-color: #abb6c4;
					padding: 3px 0 4px 0;
				}

				div.contentholder div.container#mijnteam div.right table#teamtable th#thTeam {
					width: 190px;
				}

				div.contentholder div.container#mijnteam div.right table#teamtable th#thDel {
					width: 40px;
				}

				div.contentholder div.container#mijnteam div.right table#teamtable tr.rowEven td {
					background-color: #dfdfdf;
				}

				div.contentholder div.container#mijnteam div.right table#teamtable td {
					height: 26px;
				}

				div.contentholder div.container#mijnteam div.right table#teamtable td.tdDel {
					text-align: center;
				}

				div.contentholder div.container#mijnteam div.right table#teamtable td.tdPrice {
					width: 60px;
				}
				
					td.tdPrice.positive {
						color: #009900;
					}
					td.tdPrice.negative {
						color: #c90000;
					}

				div.contentholder div.container#mijnteam div.right table#teamtable td.tdBought {
					width: 65px;
				}

					div.contentholder div.container#mijnteam div.right table#teamtable td img.flag {
						width: 16px;
						height: 11px;
					}

				div.contentholder div.container#mijnteam div.right table#teamtable tr.unsureCyclist td.cyclist.name {
					color: #e39000;
				}

				div.contentholder div.container#mijnteam div.right table#teamtable tr.inactiveCyclist  {
					opacity: 0.4;
					filter: alpha(opacity=40); /* IE */
				}

					div.contentholder div.container#mijnteam div.right table#teamtable tr.inactiveCyclist td.cyclist.name {
						color: #c90000;
						text-decoration: line-through;
					}

			div.contentholder div.container#mijnteam div.right div#teamfooter {
				position: absolute;
				float: left;
				bottom: 5px;
				width: 550px;
				text-align: center;
			}

			div.contentholder div.container#subleagues div.right table#subteamlisttable {
				width: 550px;
			}

				div.contentholder div.container div table.tablestyle tr.rowEven td,
				div.contentholder div.container div.full table.tablefull tr.rowEven td,
				div.contentholder div.container#mijnteam div.full table#advancetable tr.rowEven td,
				div.contentholder div.container#uitslagen div.full table#usersubteamtable tr.rowEven td,
				div.contentholder div.container#subleagues div.left table#usersubteamtable tr.rowEven td,
				div.contentholder div.container#subleagues div.right table#subteamlisttable tr.rowEven td {
					background-color: #dfdfdf;
				}

				div.contentholder div.container div table.tablestyle th,
				div.contentholder div.container div.full table.tablefull th,
				div.contentholder div.container#mijnteam div.full table#advancetable th,
				div.contentholder div.container#uitslagen div.full table#usersubteamtable th,
				div.contentholder div.container#subleagues div.left table#usersubteamtable th,
				div.contentholder div.container#subleagues div.right table#subteamlisttable th,
				table.tablestyle tr.tfooter td {
					background-color: #abb6c4;
					padding: 3px 0 4px 0;
				}
				
					table.tablestyle tr.tfooter td {
						font-weight: bold;
					}

		div.contentholder div.container div.full div#stagecontainer {
			display: block;
		}

			div.contentholder div.container div.full div#stagecontainer a.stage {
				display: block;
				float: left;
				width: 40px;
				height: 50px;
				background-color: darkcyan;
				color: white;
				font-size: 20px;
				line-height: 22px;
				text-align: center;
				text-decoration: none;
			}

				div.contentholder div.container div.full div#stagecontainer a.stage:hover {
					background-color: #009933;
				}

				div.contentholder div.container div.full div#stagecontainer a.stage.active {
					background-color: #009900;
				}

				div.contentholder div.container div.full div#stagecontainer a.stage.future {
					background-color: #81898f;
				}

				div.contentholder div.container div.full div#stagecontainer a.stage span.date {
					font-size: 10px;
				}

		div.contentholder div.container div.full div#result_buttons {
			width: 800px;
			margin: 0 auto 20px auto;
		}


			/* Buttons */
			div.contentholder div.container#uitslagen div.full div#result_buttons a {
				display: block;
				float: left;
				height: 40px;
			}

			div.contentholder div.container#uitslagen div.full div#result_buttons a#algemeen {
				background-image: url('/images/bar_algemeen.png');
				width: 181px;
			}
			div.contentholder div.container#uitslagen div.full div#result_buttons a#algemeen1 {
				background-image: url('/images/bar_algemeen1.png');
				width: 184px;
			}
			div.contentholder div.container#uitslagen div.full div#result_buttons a#mijn {
				background-image: url('/images/bar_mijn.png');
				width: 141px;
			}
			div.contentholder div.container#uitslagen div.full div#result_buttons a#punten {
				background-image: url('/images/bar_punten.png');
				width: 156px;
			}
			div.contentholder div.container#uitslagen div.full div#result_buttons a#subleagues {
				background-image: url('/images/bar_subleague.png');
				width: 177px;
			}
			div.contentholder div.container#uitslagen div.full div#result_buttons a#dagklas {
				background-image: url('/images/bar_dag.png');
				width: 143px;
			}
			div.contentholder div.container#uitslagen div.full div#result_buttons a:hover {
				background-position: 0 -41px;
			}


		div.contentholder div.container#mijnteam div.full table#advancetable {
			width: 600px;
		}

		div.contentholder div.container div table.tablestyle,
		div.contentholder div.container div.full table.tablefull,
		div.contentholder div.container#uitslagen div.full table#usersubteamtable {
			width: 500px;
		}
		
			div.contentholder div.container div.full table.tablefull.wide {
				width: 100%;
			}

			div.contentholder div.container div table.tablestyle td,
			div.contentholder div.container div.full table.tablefull td,
			div.contentholder div.container#mijnteam div.full table#advancetable td,
			div.contentholder div.container#uitslagen div.full table#usersubteamtable td {
				padding: 5px 3px 5px 3px;
			}

			div.contentholder div.container div table.tablestyle th,
			div.contentholder div.container div.full table.tablefull th,
			div.contentholder div.container#mijnteam div.full table#advancetable th,
			div.contentholder div.container#uitslagen div.full table#usersubteamtable th {
				padding-left: 3px;
			}

		div.contentholder div.container div table#tablespec {
			width: 200px;
		}

			div.contentholder div.container div table#tablespec td.name {
				font-weight: bold;
			}

		div.contentholder div.container#mijnteam div.full table#upcoming {
			float: left;
			width: 500px;
		}

		div.contentholder div.container#mijnteam div.full img#sponsorlogo {
			float: right;
			margin: 4px 10px;
		}

	div.contentholder div.container span.explain {
		font-style: italic;
	}

	div.contentholder div.container div.gear {
		background: url('/images/bg_tandwiel.png') bottom left no-repeat;
	}

	div.contentholder div.container table tr.activeRow {
		background-color: #cccccc;
	}

	
	div.contentholder div.container div#graphicRanking {
		width: 820px;
		height: 200px;
		position: relative;
		margin-left: 20px;
		background: url('/images/grafischklassement.png') no-repeat;
	}
	
		div.contentholder div.container div#graphicRanking div.rankinggroup {
			display: inline;
			width: 160px;
			height: 200px;
			float: left;
		}
		
			div.contentholder div.container div#graphicRanking div.rankinggroupimage {
				background-image: url('/images/grafischklassement_sprite.png');
				background-repeat: no-repeat;
				background-position: 0 30px;
				height: 110px;
				margin: 0 auto;
			}

			div.contentholder div.container div#graphicRanking div.groupnames{
				display: inline;
				width: 160px;
				height: 90px;
				overflow-x: hidden;
				overflow-y: auto;
				float: left;
			}
				div.contentholder div.container div#graphicRanking div.groupnames strong,
				div.contentholder div.container div#graphicRanking div.groupnames span {
					margin-right: 5px;
					white-space: nowrap;
					overflow: hidden;
					display: block;
					padding-left: 3px;
				}
				div.contentholder div.container div#graphicRanking div.groupnames strong {
					height: 16px;
				}
				div.contentholder div.container div#graphicRanking div.groupnames span {
					font-size: 10px;
					color: #666;
				}

				
table tr.first td {
	padding: 12px 0 !important;
	font-size: 18px;
}
table tr.second td {
	padding: 10px 0 !important;
	font-size: 16px;
}
table tr.third td {
	padding: 8px 0 !important;
	font-size: 15px;
}
table tr.top10 td {
	padding: 5px 0 !important;
	font-size: 13px;
}
table tr.buddy td, table tr.buddy td a {
	color: blue;
}
	table tr.activeRow.buddy td, table tr.activeRow.buddy td a {
		color: black;
	}



div#footer {
}

	div#footer div#ftcenter {
		background-color: #bbc4cf;
		height: 32px;
		width: 905px;

		margin: 0 auto 0 auto;
		text-align: center;
	}



div.error {
	padding: 10px;
	border: 1px solid red;
	font-weight: bold;
	color: #cc0000;
}
div.result, div.success {
	padding: 10px;
	border: 1px solid seagreen;
	font-weight: bold;
	color: #009900;
}

input.error {
	border: 1px solid #cc0000;
}

input.bgerror {
	background-color: #ddbbbb;
}

input.big, textarea.big {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	font-weight: bold !important;
	border: 2px solid #ccc;
	height: 20px;
	padding-left: 5px;
	color: #666;
}

textarea.big {
	height: auto;
}

label.big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
label.block { display: block; }

span.small {
	font-size: 10px;
}
span.fixed {
	font-family: "Fixedsys", "Courier New", Courier, mono, serif;
}
span.negative {
	color: #990000;
}

span.sperror {
	color: #cc0000;
	margin-left: 3px;
}


div.left, div.flleft {
	float: left;
	text-align: left; /* overrule inheritance */
}
div.right, div.flright {
	float: right;
	text-align: left; /* overrule inheritance */
}

br.clear {
	clear: both;
}

.width20 {
	width: 20px;
}
.width60 {
	width: 60px;
}
.width100 {
	width: 100px;
}
.width160 {
	width: 160px;
}
.width180 {
	width: 180px;
}
.width300 {
	width: 300px;
}

.justify {
	text-align: justify;
}