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_large {
	background: url(../images/layout/tr_up_2_large.gif) no-repeat top;
	height: 48px;
}
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.large-tab-btn {
	background-image: url(../images/layout/tab_bg_large.jpg);
	width:		140px;
}
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 -- large */
.jqi_largewarning .jqi_large{ }
.jqi_largefade{
	background-color: #000;
}
div.jqi_large{
	background-color: #fff;
	border:		2px solid #56B7E4;
	position: absolute;
	padding: 10px;
	width: 500px;
}
div.jqi_large .jqi_largeclose{
	display: none;
}
div.jqi_large .jqi_largecontainer{
	padding: 5px;
	color: #000;
	text-align: center;
}
div.jqi_large .jqi_largemessage{
	padding: 10px;
}
div.jqi_large .jqi_largebuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.jqi_large button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}

/* Popup -- normal */
.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;
}
.large-tab-selected  {
	width:		140px;
	font-weight:	bold;
	background-image:url(../images/layout/tab_enabled_bg_large.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;
}

.label_form_small {
    width: 150px;
    float: left;
    display: block;
    line-height: 18pt;
}

.span_as_link {
    cursor: pointer;
}

.data td {
    vertical-align: text-top;
}

.table_show_simple_underline {
    border-bottom: 1px #cccccc dashed;
}

.pointer {
    cursor: pointer;
}

/* Inviter page */
.imgHm, .imgGm, .imgOther, .imgYh{
	display: block;
	padding-top: 50px;
	width: 100px;
	font-size: 0.7em;
	margin: 0 -.5em;
}

.imgHm {
	background: url(../images/inviter/wlive.png) no-repeat center top;
}

.imgGm {
	background: url(../images/inviter/gmail.png) no-repeat center 5px;
}

.imgYh {
	background: url(../images/inviter/yahoo.png) no-repeat center 15px;
}

#WL_login {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
}

.invite {
	display: block;
	overflow: auto !important;
	overflow: scroll;
	height: 400px;
	position: relative;
}

#invite_container h3 {
	color: #000000;
}

.invite ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.invite li label{
	margin: 2px 0;
	width: 99%;
	text-align: left;
}

.invite li{
	position: relative;
}

.radios {
	text-align: center;
}

#friendsinviter fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 0; }
#friendsinviter legend { font-weight: bold; font-size:1.4em;}
#friendsinviter label { font-weight: bold; margin: 10px 0; }
#friendsinviter textarea, #friendsinviter input[type='text'], #friendsinviter input[type='password'], #friendsinviter select { border: 1px solid #ccc; background: #fff; }
#friendsinviter textarea:hover, #friendsinviter input[type='text']:hover, #friendsinviter input[type='password']:hover, #friendsinviter select:hover { border-color: #aaa; }
#friendsinviter textarea:focus, #friendsinviter input[type='text']:focus, #friendsinviter input[type='password']:focus, #friendsinviter select:focus { border-color: #888; outline: 2px solid #ffffaa; }
#friendsinviter input, #friendsinviter select { cursor: pointer; }
#friendsinviter input[type='text'], #friendsinviter input[type='password'] { cursor: text;}
#friendsinviter textarea { width: 100%;}

#mailWrapper, #passwordWrapper {
	text-align: center;
	margin-top: 10px;
}

.error {
    color: #cc0000;
    width: 100%;
    text-align: center;
}

.float-left { float: left; }
.center { text-align: center; }
.center-350 { width: 350px; margin-left: auto; margin-right: auto; text-align: left; }
.center-600 { width: 600px; margin-left: auto; margin-right: auto; text-align: left; }
.bottom-spacing-15 { margin-bottom: 15px; }
.bottom-spacing-20 { margin-bottom: 20px; }
.bottom-spacing-30 { margin-bottom: 30px; }
.labels-form-style label { float: left; width: 150px; clear: left; line-height: 20px; }
.labels-form-style-large label { float: left; width: 200px; clear: left; line-height: 20px; }
.line-height-input { line-height: 25px; }
.width-250 { width: 250px; }
.block-border { border: 1px #56b7e4 solid; }

#loan_table_header {
	font-weight: bold;
	padding-left: 10px;
	background-color: #bee5f6;
	line-height: 22px;
	height: 22px;
	border-bottom: 1px #56b7e4 solid;
}

#loan_table_body {
	padding-left: 10px;
	padding-bottom: 5px;
}

.table-strong-headers th { font-weight: bold; border-bottom: 1px #000000 solid; }
.center-text { text-align: center; }


#socialButtons a, #socialButtons a:hover, #moreButtonsDiv a, #moreButtonsDiv a:hover {
	height: 15px;
	width: 70px;
	
	display: inline;
	float: left;
}

#socialButtons span, #moreButtonsDiv span {
	height: 15px;
	padding: 0;
	line-height: 14px;
	border: 0px;
	padding-right: 5px;
}
div#login_loginbox .login_loginbuttons input[type=submit] {
	width: 100px;
	padding: 0;
	margin: 0;
}

#socialButtonsContainer .kgn_button, #socialButtonsContainer a, #socialButtonsContainer a:hover, #socialButtonsContainer .kgn_button span
{
	height: 25px;
	padding: 0;
	line-height: 25px;
	border: 0px;
	text-align: right;
}

#socialButtonsContainer .kgn_button span {
	padding-right: 5px;
}

#socialButtonsContainer thead td {
	font-weight: bold;
}

#tabSteps { padding-left: 5px; }

#tabSteps li {
    height: 48px;
    list-style: none;
    float: left;
	
    background-color: #BEE5F6;
    background-image: url(../images/layout/tab_bg_arrow_inactive.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

#tabSteps li.current {
	background-color:#C9ECFB;
    background-image: url(../images/layout/tab_bg_arrow_active.gif);
}
#tabSteps li.current a {
	color: #006AB0;
}
#tabSteps li.inactive a, #tabSteps li.noBg a {
	color: #ffffff;
}
#tabSteps li.done a, #tabSteps li.nextActive a {
	color: #ffffff;
}
#tabSteps li a em {
	width: 140px;
	display: block;
	margin: 6px 0 0 10px;
	font-style: normal;
	font-weight: bold;
}

#tabSteps li a span {
	width: 130px;
	display: block;
	margin-left: 10px;
	font-weight: normal;
}

#tabSteps li.noBg {
	background-image: url(../images/layout/tab_bg_arrow_inactive.gif);
}

#tabSteps li a {
	height: 48px;
	display: block;
	cursor: pointer;
}

#tabSteps li{ width: 172px; }
#tabSteps li a{ width: 172px; }

#tabSteps li.lastActive {
	background-image: url(../images/layout/tab_bg_arrow_lastactive.gif);
}
#tabSteps li.lastActive a {
	color: #006AB0;
}

#tabSteps li.inactive {
    background-color: #BEE5F6;
    background-image: url(../images/layout/tab_bg_arrow_done.gif);
}
#tabSteps li.nextActive {
	background-color: #BEE5F6;
    background-image: url(../images/layout/tab_bg_arrow_nextActive.gif);
}

#tabSteps li.lastDone {
    background-color: #7C8437;
    background-image: url(../images/layout/tab_bg_arrow_lastdone.gif);
}

.padder-5 {
	padding: 5px;
}

#warning_top {
	position: relative; 
	height: 89px; 
	width: 100%; 
	text-align: center;
}

#warning_top .leftside {
	float: left; 
	height: 89px; 
	width: 63px; 
	background: url(../images/layout/tip_small_left.png); 
	background-repeat: no-repeat;
}
#warning_top .rightside {
	float: left; 
	height: 89px; 
	width: 8px; 
	background: url(../images/layout/tip_small_right.png); 
	background-repeat: no-repeat;
}

#warning_top .warning_message_container {
	float: left; 
	position: relative; 
	height: 89px; 
	width: 360px; 
	background: #ffffff;
}

.warning_top_message {
	padding: 5px; 
	overflow: auto; 
	display: block; 
	font-weight: bold; 
	text-align: left; 
	font-size: 10pt; 
	color: #006AB0; 
	margin-top: 10px;
}

.warning_top_message a {
	color: #cc0000;
}

.warning_top_message a:hover {
	color: #cc0000;
	text-decoration: underline;
}