body {
	background-color: #56b7e4;
	color:		#000;
	font-size: 	12px;
	font-family:Verdana, Arial,Georgia, sans-serif;
	line-height:1.2;
	height: 	100%;
	width:		100%;
}

/* Decorations at the login page, added for Goalll's 3rd birthday */
/* -- removed at 15/04/2010
div#birthday-decorations {
    width:      100%;
    height:     140px;
    background: transparent url(../images/layout/anniversary-decorations.png) repeat center center;
    top:        0px;
    left:       0px;
    position:   absolute;
    z-index:    9999;
}
*/

/* Links */
a#clublogo {
	position:	absolute;
	left: 		0px;
	top: 		0px;
	margin:		0px 26px;
	
	z-index:	200;
	
	height: 	95px;
	width:		98px;
	/*background:	url(../images/layout/goalll_logo.png);*/
}
a, a:visited, a:active, 
#topright_menu a, #topright_menu a:visited, #topright_menu:active {
	color:		#006AB0;
	text-decoration: none;
}
a:hover, #topright_menu a:hover {
	color:		#000;
}
a.big_link {
	color:		#006AB0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:	18px;
	font-weight:bold;
	padding-bottom: 23px;	
}
div#top_nav ul li a,
div.white_curve_top div a {
	padding-left: 5px;
	color: 		#505050;
	text-decoration: none;
}
div#top_nav ul li a:visited,
div.white_curve_top div a:visited {
	padding-left: 5px;
	color: 		#505050;
	text-decoration: none;
}
div#top_nav ul li a:hover,
div.white_curve_top div a:hover {
	padding-left: 5px;
	color: 		#505050;
	text-decoration: underline;
}
div#top_nav ul li a:active,
div.white_curve_top div a:active {
	padding-left: 5px;
	color: 		#505050;
	text-decoration: none;
}
div#hoofdteam a, div#jeugdteam a {
	color:		#fff;
}
div#hoofdteam a:hover, div#jeugdteam a:hover {
	color:		#fff;
	text-decoration: underline;
}

/* Misc */
.highlight, .highlight td {
	background-color: #CCE9F7 !important;
}
br.clear {
	clear: 		both;
}
small {
	font-size: 80%;
}
.editable {
	background-color: #ffff99;
	cursor: 	pointer;
}
p.uitleg {
	width: 		100%;
	padding-bottom: 16px;
}
.pointer {
	cursor: 	pointer;
}

/* H's */
h1, #clubnaam h1 {
	color:		#fff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:	25px;
	font-weight:bold;
	margin-left:142px;
	width:		400px;
	display: 	inline;
}
h2 {
	color:		#fff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:	23px;
	font-weight:bold;
	height:		30px;
	text-align:	right;
	padding:	14px;
}
h3 {
	color:		#fff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:	13px;
	font-style:	italic;
	font-weight:bold;
	text-align:	right;
	padding:	0px 14px 4px 0;
}

/* Spans */
div#clubnaam span {
	color:		#E3F4FB;
	font-family:Arial,Helvetica,sans-serif;
	font-size:	18px;
	font-style:	italic;
	margin-left:5px;
}
span.required {
	color:		#56B7E4;
	font-weight:bold;
}
span.big_title {
	color:		#56B7E4;
	font-family:Arial,Helvetica,sans-serif;
	font-size:	18px;
	font-weight:bold;
	display:	block;
	padding-bottom: 23px;	
}
span.small_title {
	color:		#56B7E4;
	font-family:Arial,Helvetica,sans-serif;
	font-size:	13px;
	font-weight:bold;
	font-style:	italic;
	text-align:	right;
	display:	block;
}
div#side_bar span.sidebar_icon {
	margin:		0 0 5px 20px;
	font-size:	80%;
	display:	block;
}

div.msg_quote table {
	background:	#99CBDF;
}
div.msg_quote table td {
	font-size:	10px;
	height: 	18px;
	font-weight:bold;
	vertical-align: middle;
}
div.msg_quote table td.msg_quote_expand,
div.msg_quote table td.msg_quote_expand_all {
	width: 		30px;
	text-align: right;
	padding-right:4px;
	font-weight:normal;
}

/* Divs */
div.opstelling_speler_position {
	float: left;
	width: 205px; 
	font-weight: bold;
	padding: 2px;
	vertical-align: middle;
}
div.speler_drag {
	float: left;
	width: 205px; 
	background: white; 
	border: 1px solid #ccc; 
	padding: 2px;
	cursor: move;
	vertical-align: middle;
	text-align: left;
}
div.speler_drag span {
	display: inline;
	width: auto;
}
div.speler_drag img {
	display: inline;
}
div.speler_dropped {
	width: 90%;
	background: transparent; 
	border: 0px;
	cursor: move;
	text-align: center;
}
div.speler_dropped span {
	display: block;
	width: 99%;
}
div.speler_dropped img {
	display: inline;
	border: 2px solid #56B7E4;
}
div.speler_drag_ghost {
	opacity:0.85;
	position:absolute;
	float: left;
	width: 205px; 
	background: white; 
	border: 1px solid #ccc; 
	padding: 2px;
	cursor: move;
	vertical-align: middle;
	text-align: left;
}
div.speler_drag_ghost span {
	display: inline;
	width: auto;
}
div.speler_drag_ghost img {
	display: inline;
}
div#msg_message,
div#msg_new {
	padding:	0px	10px;
}
div.msg_quote_content {
	display:	none;
	background:	#D1E6EF;
	width: 		100%;
}
div.msg_quote {
	width: 		95%;
	background:	#D1E6EF;
	border:		1px solid #56B7E4;
	margin:		5px auto;
}
div#container {
	position:	relative;
	width:		999px;
	margin: 	0 auto;
	clear:		left;
	
	vertical-align:	middle;
	text-align:	center;
}
div#top_header {
	width:		100%;
	height:		41px;
	background-image: url(../images/layout/top2.jpg);
	float:		left;
}
div#clubnaam {
	margin-top:	6px;
	float: 		left;
}
div#topright_menu {
	float: 		right;
	margin: 	5px 19px 0px 0px;
	text-align: right;
	color:		#fff;
	font-size:	11px;
	font-family:Arial,Helvetica,sans-serif;
}
div#top_nav {
	height: 	27px;
	width: 		100%;
	background: #fff url(../images/layout/topnav_corner.jpg) no-repeat;
	float: 		left;
}
div#middle_container {
	width:		859px; /* total width - side_bar width */
	float:		left;
	background-image: url(../images/layout/themebg_grass.jpg);
	border-left:140px solid #fff; /* same as side_bar width! */
}
div.fullgrass {
	width:		100% !important;
	border:		0px !important;
}
div#side_bar {
	position: relative;	/* IE6 needs this, else the side bar isn't visible */
	
	background-color: #fff;
	float: 		left;
	width:		140px;
	margin-left:-140px; /* same as width! */
	height:		100%;
	text-align: center;
	padding-top:30px;
}
div#side_bar div.side_bar_img_holder {
	width: 		49%;
	float: 		left;	
}
div#footer {
	float: 		left;
	background: url(../images/layout/bottom2.jpg) no-repeat;
	width: 		100%;
	height: 	40px;
	text-align:	center;
	color:		#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:	9px;
	padding-top:29px;
}
div#content_holder {
	float: 		left;
	margin-right:-859px /* total width - side_bar width */
}
div#hoofdteam, div#jeugdteam {
	background-image: url(../images/layout/themebg_grass_content.jpg);
	margin:		16px 0 0 16px;
	width:		110px;
	color:		#fff;
	float: 		left;
	padding:	4px;
	font-weight:bold;
	text-align:	center;
}
div#jeugdteam {
	background-image: url(../images/layout/themebg_grass_content_jeugd.jpg);
	margin-left:0px;
	
}
div#main_content {
	background-image: url(../images/layout/themebg_grass_content.jpg);
	width: 		827px;
	margin:		16px;
	margin-top:	0px;
	padding-bottom: 16px;
	text-align:	left;
}
div.main_content_jeugdteam {
	background-image: url(../images/layout/themebg_grass_content_jeugd.jpg) !important;
}
div.white_curve_top {
	background: url(../images/layout/tr_up_2.gif) no-repeat top;
	padding-left: 13px;
}
div.white_curve_top div div {
	display: 	none;
}
div.white_curve_top div div.tab {
	display: 	block;
	background-image:url(../images/layout/tab_bg.jpg);
	font-family:Arial,Helvetica,sans-serif;
	font-size:	12px;
	height:		28px;
	line-height:28px;
	text-align:	center;
	width:		110px;
	margin:		0px;
}
div.white_curve_top div div.first-tab {
	margin-left:5px;
}
div.tabs_small div div.tab {
	width:		55px;
	background-position: right center;
}
div.white_bg {
	background-color: #E6F7FF;
	margin:		0px 18px;
}
div.white_bg_content {
	padding:		0px	10px;
}
div.white_curve_bottom {
	background: url(../images/layout/tr_down_2.gif) no-repeat bottom;
	height: 	15px;
}
div.progressbar_outer {
	width:		100px;
	border: 	1px solid #e2e2e2; 
	height: 	15px;
}
div.progressbar_small_outer {
	width:		50px;
}
div.progressbar_inner {
	background-color:#B8CAD4;
	position: 	absolute;
	height: 	15px;
}
div.progressbar_value {
	position: 	absolute; 
	height:		15px;
	vertical-align: middle;
	text-align: center;
	width:		100px;
}
div.progressbar_small_value {
	width:		50px;
}
div#financieel_overzicht {
	width:		290px;
}
div#financieel_overzicht table tr td.financieel-first {
	padding-left:10px;
}

/* Images */
div#clubnaam img#login_header {
	margin-left:	142px;
}
div#side_bar span.sidebar_icon img {
	margin-right:	3px;
}
img.personImg {
	right: 			0px; 
	margin-right:	105px; 
	margin-top: 	25px; 
	display: 		inline;
	float: 			right;
	position: 		absolute;
}

/* Lists */
div#top_nav ul#nav {
	margin-left: 	140px;
	color: 			#505050;
}
div#top_nav ul#nav li {
	position: 	relative;
	width: 		115px;
	padding-left: 5px;
	margin-top: 7px;
	float:		left;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 	12px;
	background-image: url(../images/layout/submenu_bg.gif);
}
div#top_nav ul#nav li:hover ul { 
	display: 	block; 
	margin-top: 1px;
}
div#top_nav ul#nav li ul {
	position: 	absolute;
	margin: 	0px;
	left: 		0px;
	display: 	none;
	line-height: 28px;
}
div#top_nav ul#nav li ul li {
	display: 	block;
	margin-top: -1px;
	vertical-align: middle;
	background-image: url(../images/layout/submenu_bg.gif);
	background-position: 0px -20px;
}

/* Tables */
td {
	vertical-align: middle;
}
table.mod_list tr td {
	padding:	2px;
	color:		#505050;
	font-family:Arial,Helvetica,sans-serif;
	font-size:	11px;
	height:		22px;
	
	background-color: #E6F7FF;
}
table.mod_list thead tr td,
table.mod_list thead tr th {
	background-color:#BEE5F6;
	font-weight: bold;
	vertical-align: middle;
}
td.legendColorBox,
td.legendLabel {
	background:	transparent !important;
}
table .icons,
td.wedstrijd_number {
	width:		24px;
	text-align:	center;
	vertical-align: middle;
}
td.wedstrijd_number {
	width:		36px;
}
tr.promote td {
	border-bottom: 3px solid #BBE2D2;
}
tr.demote td {
	border-top: 3px solid #E2C1BB;
}
td.toernooi_schema {
	padding:	0px !important;
	margin:		0px !important;
	font-size:	0px;
}
td.toernooi_schema_lines {
	background: #56B7E4 !important;
	border: 0px;
}
tr.toernooi_schema_upper_row td {
	border-bottom: 1px dotted #56B7E4;
}
table.toernooi_schema_container tr td {
	background: transparent;
}
table.toernooi_schema_container {
	background: transparent url(../images/layout/toernooi_beker_groot.png) no-repeat 643px 50px;
}
.white_bg_color, .white_bg_color td {
	background-color: #fff !important;
}
.alt_bg_color, .alt_bg_color td {
	background: #D1E6EF !important;
}
.corner {
	padding: 7px;
}

/* Input fields */
input#zipcode {
	width: 60px;
}

/* Popup */
.jqiwarning .jqi{ }
.jqifade{
	background-color: #000;
}
div.jqi{
	background-color: #fff;
	border:		2px solid #56B7E4;
	position: absolute;
	padding: 10px;
	width: 300px;
}
div.jqi .jqiclose{
	display: none;
}
div.jqi .jqicontainer{
	padding: 5px;
	color: #000;
	text-align: center;
}
div.jqi .jqimessage{
	padding: 10px;
}
div.jqi .jqibuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.jqi button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
} 

/* Tabs */
.tab-container {
	width:			100%;
	height: 		14px;
}
.tab {
	float:			left; 
	margin:			0px; 
	padding:		0px; 
	margin-left:	5px;
	cursor:			pointer;
}
.tab-selected {
	font-weight:	bold;
	background-image:url(../images/layout/tab_enabled_bg.jpg) !important;
}


.red {
	color: red;
}

/* Sortable Table */
.sortable-bg {
	background-image: url(../images/icons/sortable-bg.gif);
	background-repeat: no-repeat;
	background-position: left;
	
	vertical-align: middle;
	text-indent: 18px;
	cursor: pointer;
}
.sortable-asc {
	background-image: url(../images/icons/sortable-asc.gif);
}
.sortable-desc {
	background-image: url(../images/icons/sortable-desc.gif);
}

/* Table pagination */
.tablepaginate-pager {
	padding: 		10px 0px;
}
.tablepaginate-number {
	text-align: 	center;
	padding: 		3px;
	cursor:			pointer;
}
.tablepaginate-active {
	border: 		1px solid #53A0BF;
}

/* Tooltip */
.tooltip{
    position:absolute;
    z-index:999;
    left:-9999px;
    background-color:#BEE5F6;
    padding:5px;
    border:1px solid #fff;
}

.tooltip p{
    margin:0;
    padding:0;
    color:#fff;
    background-color:#222;
    padding:2px 7px;
}