body {
	background-color: #dcdcdc;
	background-image:url(../images/webpage/bodybg.png);
	background-position:left top;
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
}

table {
	border-collapse: collapse;
	border: none;
	/* height: 100px; */
}

td {
	font-size: 10pt; 
	font-family: Century Gothic, Trebuchet MS, Verdana;
}

table.tablemain {
	border-collapse: collapse;
	border: none;
	width:1002px;
}

td.main {
	vertical-align:top;
	background-color: #eeeeee;
}

td.leftshadow {
	background-image:url(../images/webpage/shadowleftmid.png);
	background-position:left bottom;
	background-repeat:repeat-y;
	vertical-align:top;
	width:14px;
}

td.rightshadow {
	background-image:url(../images/webpage/shadowrightmid.png);
	background-position:right bottom;
	background-repeat:repeat-y;
	vertical-align:top;
	width:14px;
}

/*td.footer {
background-image:url(../images/webpage/footerbar.png);background-position:left top;background-repeat:no-repeat;
height:63px;
text-align:right;
}
*/


INPUT {
	FONT-SIZE: 10pt; FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
}

SELECT {
	FONT-SIZE: 10pt; FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
}

TEXTAREA {
	FONT-SIZE: 10pt; FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
}

/* Wordt gebruikt voor nieuws */

FONT.title {
	FONT-SIZE: 10pt; 
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
	font-weight:bold;
	color:#000000;
	
}

FONT.subtitle {
	FONT-SIZE: 10pt; 
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
	color: #666666;
}

FONT.text {
	FONT-SIZE: 10pt; 
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
	color:#000000;
}

/* -------  */

FONT.navigation {
	FONT-SIZE: 10pt; FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
}



TD.main_col1 {
	 text-align: center;
	 vertical-align: top; 
         WIDTH: 209px;	  
	/*
   	 background-image:url(../images/webpage/line_red.gif);
	 background-repeat: repeat-y;
	 background-position: 202px 0px;
	*/
}
TD.main_col2 {
	 text-align: center;
	 vertical-align: top; 
	 background-color: #eeeeee;
	 WIDTH: 586px;
}
TD.main_col3 {
	 text-align: center;
	 vertical-align: top; 
	 background-color: #eeeeee;
}


TABLE.col1 {
      margin-left: auto;
      margin-right: auto;	
      WIDTH: 209px;	  
}

TD.col1_header {
	BACKGROUND: url(../images/webpage/col1_header.gif) no-repeat; 
	PADDING-LEFT: 15px; 
	PADDING-RIGHT: 15px; 
	PADDING-TOP: 3px; 
	PADDING-BOTTOM: 5px; 
	HEIGHT: 30px;
	FONT-SIZE: 10pt; 
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
    FONT-WEIGHT: bold;
	FONT-VARIANT: small-caps;
}

TD.col1_middle {
	BACKGROUND: url(../images/webpage/col1_main.gif); 
	PADDING-LEFT: 15px; 
	PADDING-RIGHT: 15px; 
	PADDING-TOP: 10px; 
	PADDING-BOTTOM: 5px; 
    background-repeat: repeat-y;
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana; 
    FONT-SIZE: 10pt;
}


TD.col1_footer {
	BACKGROUND: url(../images/webpage/col1_footer.gif) no-repeat; 
	HEIGHT: 23px;
}


TABLE.col2 {
	margin-left: auto;
	margin-right: auto;
	PADDING-BOTTOM: 0px; 
	BORDER: 0px solid; 
	WIDTH: 586px;
}

TD.col2_header {
	BACKGROUND: url(../images/webpage/col2_header.gif) no-repeat; 
	PADDING-LEFT: 30px; 
	PADDING-RIGHT: 30px; 
	PADDING-TOP: 5px; 
	HEIGHT: 30px;
	PADDING-BOTTOM: 5px; 
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
    FONT-SIZE: 12pt;
	FONT-WEIGHT: bold;
	FONT-VARIANT: small-caps;
}

TD.col2_middle {
	BACKGROUND: url(../images/webpage/col2_main.gif); 
	PADDING-LEFT: 30px; 
	PADDING-RIGHT: 18px; 
	background-repeat: repeat-y;
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana; 
    FONT-SIZE: 10pt;
}

TD.col2_footer {
	BACKGROUND: url(../images/webpage/col2_footer.gif) no-repeat; 
	HEIGHT: 23px;
}

TABLE.col3 {
	margin-left: auto;
    margin-right: auto;
    BORDER-LEFT: 0px solid; 
	WIDTH: 218px;
}

TD.col3_header {
	BACKGROUND: url(../images/webpage/col3_header.gif) no-repeat; 
	PADDING-LEFT: 35px; 
	PADDING-RIGHT: 28px; 
	PADDING-TOP: 5px; 
	PADDING-BOTTOM: 5px; 
	HEIGHT: 30px;
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
    FONT-SIZE: 12pt;
	FONT-WEIGHT: bold;
	FONT-VARIANT: small-caps;
}

TD.col3_middle {
	BACKGROUND: url(../images/webpage/col3_main.gif); 
	PADDING-LEFT: 20px; 
	PADDING-RIGHT: 20px; 
	PADDING-TOP: 10px; 
	PADDING-BOTTOM: 5px; 
    background-repeat: repeat-y;
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana; 
	FONT-SIZE: 10pt;
}

TD.col3_footer {
	BACKGROUND: url(../images/webpage/col3_footer.gif) no-repeat; 
	HEIGHT: 23px;
}

TABLE.modulefunctions {
 	margin-left: auto;
	margin-right: auto;	
	BORDER: 1px solid; 
	WIDTH: 80%;
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana; 
    FONT-SIZE: 8pt;
	BACKGROUND-COLOR: #F5F5F5;
	HEIGHT: 11px;
}


/* start style menu */


.menu {
    padding-top: 7px;
    padding-bottom: 11px;
    padding-left: 12px;
    padding-right: 15px;
}

A.menu:link {
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #FFFFFF;
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
	TEXT-DECORATION: none;
}
A.menu:visited {
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #FFFFFF; 
	TEXT-DECORATION: none; 
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;	
}
A.menu:active {
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #000000; 
	TEXT-DECORATION: none; 	
}
A.menu:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	COLOR: #FFFFFF; 
	TEXT-DECORATION: none; 
	/*BACKGROUND: url(../images/webpage/col1_main_active.gif) no-repeat;
	bovenstaande background hover met plaatje werkt niet. Met div's doen waarschijniljk. 
	Zie voorbeeld www.salesforce.com*/ 	
}



/* Normaal */
A:visited {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10pt;
	TEXT-DECORATION: none; 
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
	COLOR: #FF6600;
}
A:link {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10pt;
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
	TEXT-DECORATION: none;
	COLOR: #FF6600;
}
A:active {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10pt;
	TEXT-DECORATION: none; 
	COLOR: #000000;
}
A:hover {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10pt;
	TEXT-DECORATION: underline; 
	COLOR: #000000;
}

/* wordt niet gebruikt?

A.col2:visited {
	FONT-WEIGHT: normal;
	FONT-SIZE: 20pt;
	TEXT-DECORATION: none; 
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
	COLOR: #fa6300;
}
A.col2:link {
	FONT-WEIGHT: normal;
	FONT-SIZE: 20pt;
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana;
	TEXT-DECORATION: none;
	COLOR: #fa6300;
}
A.col2:active {
	FONT-WEIGHT: normal;
	FONT-SIZE: 20pt;
	TEXT-DECORATION: none; 
	COLOR: #000000;
}
A.col2:hover {
	FONT-WEIGHT: normal;
	FONT-SIZE: 20pt;
	TEXT-DECORATION: none; 
	COLOR: #000000;
}
*/

/* Menu */
A.newsitems:visited {
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none; 
	COLOR: #000000;
}
A.newsitems:link {
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	COLOR: #000000;
}
A.newsitems:active {
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none; 
	COLOR: #000000;
}
A.newsitems:hover {
	FONT-WEIGHT: normal;
	TEXT-DECORATION: underline; 
	COLOR: #000000;
}

/* Navigation like Next month */
A.navigation:visited {
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none; 
	COLOR: #000000;
}
A.navigation:link {
	FONT-WEIGHT: normal;
	TEXT-DECORATION: underline;
	COLOR: #000000;
}
A.navigation:active {
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none; 
	COLOR: #000000;
}
A.navigation:hover {
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none; 
	COLOR: #000000;
}

A.col3:link {
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana; 
	TEXT-DECORATION: none;

}
A.col3:visited {
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana; 
	TEXT-DECORATION: none;
	COLOR: #000000;
}
A.col3:active {
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana; 
	TEXT-DECORATION: none;
}
A.col3:hover {
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Century Gothic, Trebuchet MS, Verdana; 
	TEXT-DECORATION: underline;
}

/* Clubprogram */
th.clubprogram
{
	font-size: 10pt;
	color: black;
	font-family: Century Gothic, Trebuchet MS, Verdana;
	text-align: left;
}
td.clubprogramrowfirst, td.clubprogramrowsecond, td.clubprogramrowcancelled
{
	font-size: 10pt; 
	padding-right: 4px;
	font-family: Century Gothic, Trebuchet MS, Verdana;
}

td.clubprogramrowfirst
{
	background-color: #FFFFFF;
}
td.clubprogramrowsecond
{
	background-color: #DDDDDD;;
}
td.clubprogramrowcancelled
{
	background-color: #FF0000;
}
td.clubprogramrowcancelled a
{
	color: #000000;
}

.clubprogramfilter{
	padding: 4 4;
}
.clubprogramfilter input, .clubprogramfilter select{
	float:left;
	margin: 0 10 0 0;
}

td.field, td.changingroom, td.departuretime, th.field, th.changingroom, th.departuretime{
	text-align: center;
}

/* Clubprogram editor */
th.clubprogram
{
	font-size: 10pt;
	color: black;
	font-family: Century Gothic, Trebuchet MS, Verdana;
	text-align: left;
}

td.clubprogram, td.clubprogramteam, td.clubprogramdeparturetime, td.clubprogramreferee, td.clubprogrammatchtype, td.clubprogramfield, td.clubprogramchangingroom,td.clubprogramremark
{
	padding-left: 2px;
}

td.clubprogram input, td.clubprogramteam input, td.clubprogramdeparturetime input, td.clubprogramreferee input, td.clubprogrammatchtype input, td.clubprogramfield input, td.clubprogramchangingroom input,td.clubprogramremark input
{
	width: 38px;
	border: 1px solid;
	
}
td.clubprogramteam input
{
	width: 110px;
}
td.clubprogramreferee input, td.clubprogramdeparturetime input, td.clubprogrammatchtype input,td.clubprogramremark input
{
	width: 80px;
}
td.clubprogramcheckbox input
{
	width: 10px;
}

/* MEDIA GALLERY */
#medianavwrap {
	margin:10px 35px;
	height:50px;
	clear:both;
}
#medianavwrap * {
	display:block;
	float:left
}
	#medianavwrap .prevPage {
		margin:10px 10px 15px 0;
		width:18px;
		height:18px;
		background-image: url("../include/plugins/jquery/images/left_dark.png");
		text-decoration:none;
	}
	#medianavwrap .nextPage {
		margin:10px 0 15px 10px;
		width:18px;
		height:18px;
		background-image: url("../include/plugins/jquery/images/right_dark.png");
		text-decoration:none;
	}
	#medianavwrap .prevPage:hover, #medianavwrap .nextPage:hover {
		background-position:0 -18px;	
	}
	#medianavwrap .disabled {
		visibility:hidden;
	}
#mediascroll {
	position: relative;
	height:50px;
	width:386px;
	overflow:hidden;
}
#medianav {
	width:2000em;
	margin:0 0 15px 0;
	position:absolute;
	clear:both;
}
#medianav span {
	height:34px;
	width:50px;
	margin:0 3px;
	padding:3px;
	border:1px solid #ccc;
}
#medianav span:hover, #medianav span.active {
	border: 1px outset #2C9FDF;
	background: #FF6600;
}
#medianav span img {	
	float:none;	
	max-width:50px;
	max-height:34px;
	margin:0 auto;
	vertical-align:bottom;
}
.gallery_display {
	padding: 0 10px;
	height: 340px;
	width: 500px;
	overflow: hidden;
}
.gallery_display img {
	display: block;
	margin:0 auto;
}

.media_album_edit input.title, .media_album_edit textarea {
	width: 400px;
}
.media_album_edit textarea {
	height: 100px;
}

/*SWFUPLOAD*/
#swfupload-control p {
	margin:10px 5px;
}
#multimediauploadlog{
	margin:0;
	padding:0;
	width:500px;
}
#multimediauploadlog li{
	list-style-position:inside;
	margin:2px;
	border:1px solid #ccc;
	padding:10px;
	background:#fff;
	position:relative;
}
#multimediauploadlog li .progressbar{
	border:1px solid #333;
	height:5px;
	background:#fff;
}
#multimediauploadlog li .progress{
	background:#999;
	width:0%;
	height:5px;
}
#multimediauploadlog li p{
	margin:0;
	line-height:18px;
}
#multimediauploadlog li.success{
	border:1px solid #339933;
	background:#ccf9b9;
}
#multimediauploadlog li span.cancel{
	position:absolute;
	top:5px;
	right:5px;
	width:20px;
	height:20px;
	background:url('../include/plugins/swfupload/images/cancel.png') no-repeat;
	cursor:pointer;
}

/* jquery lightbox */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


/* Volunteer Section */
.volunteeroverview {
	width: 520px;
}
.volunteeroverview th {
	text-align: left;
}
.volunteeroverview td {
	padding: 0 0.6em 0 0;
}

.volunteeroverview tr.volunteersectionhead td{
	cursor: pointer;
	font-weight: bold;
}

.volunteeroverview .volunteerheaderplacesfree {
	text-align: center;
}

.volunteeroverview .volunteersection {
	display: none;
}

.volunteeroverview .volunteeredititem {
	display: none;
}

.volunteeroverview .volunteeredititem .volunteertaskmodify {
	margin: 4px 2px;
}

.volunteertaskmodify td{
	padding: 2px;
}
.volunteertext {
	width: 350px;
}

.volunteertextsmall {
	width: 30px;
}

.volunteertextarea {
	width: 350px;
}

.volunteertaskdisplay {
	margin: 2px;
	border: 1px solid black;
	background-color: #EDEDED;
	width: 510px;
}

.volunteertaskdisplay th{
	font-size: 10pt;
	width: 140px;
	padding: 2px;
}
.volunteertaskdisplay td {
	font-size: 10pt;
	padding: 2px;
}

.volunteerTaskSearch .title {
	font-size: 14pt;
	font-weight: bold;
}

.volunteerTaskSearch label {
	display:inline-block;
	line-height:30px;
	width:130px;
}

.volunteerTaskSearch input {
	border:1px solid black;	
}

/* Popup boxes */
.overlay { 
    display:none; 
    z-index:10000; 
    background-color:#fff;
	padding:10px;
    width:500px;     
    min-height:200px; 
    -moz-box-shadow:0 0 10px 0 #000; 
    -webkit-box-shadow: 0 10px 0 #000;     
}
.overlay .close { 
    background-image:url(../images/overlay/close.png); 
    position:absolute; 
    right:10px; 
    top:10px; 
    cursor:pointer; 
    height:25px; 
    width:25px; 
}
.overlay .title {
	color: #fff;
	padding: 0 10px;
	font-weight: bold;
	line-height: 25px;
	background: #FF6600;
	border: 1px solid #FF6600;
}
.overlay .item {
	display:block;
	border:1px solid #FF6600;
	padding:10px 10px;
	margin:15px 0;
}
.overlay .item .error {
	color: red;
}
.overlay .item .error a{
	color: black;
	text-decoration: underline;
}
.overlay .item strong {
	color:#336699;	
}

.overlay fieldset{
	border: 0px;
}
.overlay label {
	display:inline-block;
	line-height:30px;
	width:250px;	
}

.overlay .assignVolunteerTaskTitle {
	line-height: 10pt;
	width: 400px;
	margin: 0 0 5pt 0;
	font-weight: bold;
}

.overlay label.radio {
	width:30px;
	display:inline-block;	
}
.overlay label.smallradio {
	width:10px;
	display:inline-block;	
}
.overlay label.smallradio input {
	margin:0 4px;	
}
.overlay label.radio input {
	margin:0 4px;
}
.overlay input {
	border:1px solid black;	
}
input[type="radio"] {
	border:0;
}
.overlay input.small {
	width:110px;	
}
.overlay select {
	width:205px;	
}
.overlay select.small {
	width:60px;
	margin-right:20px;
}
.overlay input[type="submit"] {
	float:right;
	margin:10px 0 0 0;
}

/* CompetitionResult */
table.competitionResult th{
	text-align: left;
	border: 1px solid black;
	font-size: 14px;
	padding: 0 4px 0 4px;
	background-color: #FF6600;
}

table.competitionResult td{
	padding: 0 4px;
	text-align: center;
}

table.competitionResult td.teamname{
	text-align: left;
}

table.competitionResult tr.clubteam td{
	color: #FF6600;
	font-weight: bold;	
}

table.competitionResult tr.competitionresultrowfirst td{
	background-color: #FFFFFF;
}

table.competitionResult tr.competitionresultrowsecond td{
	background-color: #DDDDDD;
}


/* Recent Matchresults */
table.recentMatchResults {
	width: 500px;
}

table.recentMatchResults th {
	text-align: left;
	border: 1px solid black;
	font-size: 14px;
	padding: 0 4px 0 4px;
	background-color: #FF6600;
}

table.recentMatchResults td.clubteam {
	color: #FF6600;
	font-weight: bold;
}

table.recentMatchResults tr.matchresultrowfirst td{
	background-color: #FFFFFF;
}

table.recentMatchResults tr.matchresultrowsecond td{
	background-color: #DDDDDD;
}