/* GENERAL */
	body,td {
		font-family: "Lucida Grande",Geneva, Arial, Helvetica, sans-serif;
		color: #564B42;
 		line-height: 1.2em;
		font-size: .95em;
		letter-spacing: .01em;
		word-spacing: .02em;
		margin:0px;
		}

	form {
		margin: 0px;
		font-family: Arial;		
	}
	input{
		font-family: Arial;	
		vertical-align: top;
			
	}
	input[type=text]  {border: solid 1px #333; background-image:url(/img/fs.gif); padding-left: 3px; }
	input[type=password]  {border: solid 1px #333; background-image:url(/img/fs.gif); padding-left: 3px;}
	select {
		vertical-align: top;
		clear: none;

	}
	img{
		border: 0px;
	}
	
	a {
		padding: 1pt;
	}
	a:link {
		color: #33CC00;
	}
	a:visited {
		color: #33CC00;
	}

	a:active {
		color: #349A12;
	}	
	p {	
		margin-top: 6px;
		font-size: .85em;
		margin-bottom: 12px;
	}
	#rightcontent ul {
		margin-left: 3px;
	}
	li {	
		font-size: .85em;
	}
	.note {
		font-size: .6em;
		margin-top: 0px;
	}
	.small {	
		font-size: .7em;
	}
	.big {	
		font-size: 1.2em;
	}
	.green {color: #33CC00}
	
	#ur, #ur a:visited, #ur a:link, a:hover{
		text-decoration: none!important;
	}
	
	.text { font-size: .85em }
	
	h1,h2,h3,h4,h5{
		padding:5px;
		margin:0px;
		padding-left: 0px;

	}
	h1 {
		font-size:1.2em;
		padding:5px;
		margin:0px;
		padding-left: 0px;
	}
	h1 a, h1 a:link, h1 a:hover, h1 a:visited{
		color: #564B42;
		text-decoration:none;
	}
	h2 {
		font-size: 0.9em!important;
	}

	#input{ font-size: 1.1em; color:#333333; border: 1px solid #333333; padding: 2px; }
	
	div.spacer {
		height: 1px;
		clear: both;
	  }
	
/*CENTER */

	#centercontent {
		background:#fff;
   		margin-left: 160px;
   		margin-right:154px;
		min-width: 440px;
		min-height: 500px;
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 170px;
   		margin-right:155px;
		padding-left: 5px;
		border-left: #ddd solid 1pt;
		border-right: #ddd solid 1pt;
		z-index: 100;
		}

	html>body #centercontent {
   		margin-left: 168px;
   		margin-right: 152px;
		}

	#text_box_main {
		margin: 0px 5px 5px 0px;
		padding: 4px;
		border-top: #ddd solid 1pt;
		clear: left;
	}
	#text_box_title {
		 margin-top: 1px;
		 margin-right: 5px;
		 padding-top: 2px;
		 padding-right: 8px;
		 padding-left: 2px;

	}
	html>body #text_box_title {
   		margin-top: 17px;
		}
	#text_box_comment {
		font-size: .85em;
		padding: 8px;
		padding-left: 0px;
		background-image:url(/img/stripes_back.gif);
	}
	
	#quote{
		display: block;
		margin-left: 10px;
		border-left: 1px solid #333333;
		background: #F3F3F3;
		padding: 3px;
	}
	/* upload in post*/
	#text_box_main .right{
		float: right;
		padding: 10px;
	}
	#text_box_main .left{
		float: right;
		padding: 10px;
	}
	#text_box_main a:hover {
		background-color:#33CC00;
		color: #fff;
	}
	.blockimg{
		float:left;
		clear: left;
		margin-top: 6px;
		padding: 4px;
		max-width: 200;
		max-height: 200;
	}
	.blockimg_right {
		float:right;
		clear: left;
		margin-top: 6px;
		padding: 4px;
	}
	/* hierdoor wordt een plaatje onmouseover ook groen!!*/
	#dottedline{
		margin-left: 2px;
		margin-right: 2px;
		height: 4px;
		border-bottom: #ddd solid 1pt;
	}
	
	#message{
		margin-right: 10px;
		color: #CC0000 !important;
		font-size: 0.9em;
		font-weight: bold;
		margin-bottom: 5px;
		border: 1px solid #D8D8D8; 
		text-align: left;
		padding: 5px;
		clear: both;
	}
	#comment_box_main {
		margin: 0px 5px 5px 0px;
		padding: 4px;
		border-top: #ddd solid 1pt;
		clear:both;
	}
	#comment_box_title {
		 float: left;
		 margin-right: 5px;
		 padding-right: 8px;
		 padding-left: 8px;
		 padding-top: 5px;
		 min-width: 70px;
		 background-image:url(/img/stripes_back.gif);
		 width: 90px;
		 text-align:center;
	}
	
	#adminlayer {
		background-image:url(/img/stripes_back.gif);
		margin:10px 10px 10px 10px;
		padding: 10px;
		border: 1px #33CC33 solid;
	}
	#uploadlayer {
		background-image:url(/img/stripes_back.gif);
		margin:10px 10px 10px 10px;
		padding: 10px;
		border: 1px #33CC33 solid;
	}
	
	
	.nextfor_box {
		font-size: 0.7em;
		font-weight: bold;
		margin-bottom: 5px;
		width: 98%;
		border: 1px solid #D8D8D8; 
		text-align: center;
		padding: 5px;
		clear: both;
	}
	#sidebar {
		font-size: small;
		height: 500px;
		overflow:auto;
		clip: rect(auto,auto,auto,auto);
	}
/* OTHER */

	#rightcontent {
		position: absolute;
		right:1px;
		top:30px;
		width:150px;
		max-width: 152px;
		background: #fff;
		display:block;
		overflow: hidden;
		font-size: 1em;
	}
	
	#rightcontent p, #rightcontent ul{
			padding-left: 5px;
			font-size: .85em;
	}
	
	#leftcontent {
		position: absolute;
		left:0px;
		top:30px;
		background:#fff;
		overflow: hidden;
		}
		
	#footer {
		clear: both;
		margin: 50px 0 20px 0px;
		text-align: left;
		font-size: .6em;
		background-color:#333333;
		color: #FFFFFF;
		word-spacing: 1.1em;
		display: block;
		width: 100%;
	
	}
	#banner {
		height: 30px;
		background-color:#33CC33;
		background-image: url(/img/green_grad_top.jpg);
		background-repeat: repeat-x;
		background-position: top;
		cursor: pointer;
		
	}
	html>body #banner {
		height:30px;
	}
	
/*SLIDEPANEL */	
	#topPanel{
		clear: both;
		background-color:#33CC33;
		color: #FFFFFF;		
		height:100%;
		left:0px;
		z-index:10;
		position:absolute;
		display: none;	
		background-image: url(/img/green_grad_top_menu_color.jpg);
		background-repeat: repeat;
	}
	
	#topPanel #topPanelContent{
		padding:0px;
	}
	#topPanel a{ 
		color: #fff;			
	}
	#topPanel a:hover{
		color: #fff;
	}
/* MENU */
	#menu_left ul {
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: .90em;
		width: 168px;
	}
	#menu_left li {
		border-bottom: #ddd solid 1px;
	}
	html>body #menu_left li {
   		margin-top: 1px;

		}	
		
	#menu_left li a {
		color: #333;
		background-color: #fff;
		display: block;
		padding: 4px 4px 4px 13px;
		text-decoration: none;
		background-position: 7px 10px;
		word-spacing: .4pt;
		background-repeat: no-repeat;
		background-image: url(/img/dart.gif);
	}
	#gaminglist {
		padding-left: 2px!important;
		background-image: url(/img/blank.gif)!important;	
	}
	#menu_left li a:hover {
		color: #fff;
		background-color: #333;
		background-position: 7px 10px;
		background-repeat: no-repeat;
		background-image: url(/img/dart_hover.gif);
	}
	
	#header, #rightcontent h2 {
		padding: 4px 0px 4px 0;
		text-decoration: none;
		width: 100%;
		display: block;
		color:#333;
		text-align: center;
		font-size: 1.2em;
		font-weight:bold;
		background-image:url(/img/stripes_back.gif);
		margin: 0px;
	
	}
/* FORM */
	label{
	float: left;
	width: 90px;
	}
	
	
	.boxes{
	width: 1em;
	}
	
	#submitbutton{
	margin-left: 100px;
	margin-top: 5px;
	}
	
/* STAR RATING */
	.star-rating{
		list-style:none;
		margin-left:5px!important;
		padding:0px;
		width: 125px;
		height: 25px;
		position: relative;
		background: url(/img/alt_star.gif) top left repeat-x;		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:25px;
		height: 25px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.star-rating li a:hover{
		background: url(/img/alt_star.gif) left bottom;
		z-index: 2;
		left: 0px;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:25px;
	}
	.star-rating a.two-stars{
		left:25px;
	}
	.star-rating a.two-stars:hover{
		width: 50px;
	}
	.star-rating a.three-stars{
		left: 50px;
	}
	.star-rating a.three-stars:hover{
		width: 75px;
	}
	.star-rating a.four-stars{
		left: 75px;
	}	
	.star-rating a.four-stars:hover{
		width: 100px;
	}
	.star-rating a.five-stars{
		left: 100px;
	}
	.star-rating a.five-stars:hover{
		width: 125px;
	}
	.star-rating li.current-rating{
		background: url(/img/alt_star.gif) left center;
		position: absolute;
		height: 25px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}				
/* LIGHT BOX*/
	#lightbox{
		background-color:#eee;
		padding: 10px;
		border-bottom: 2px solid #666;
		border-right: 2px solid #666;
		}
	#lightboxDetails{
		font-size: 0.8em;
		padding-top: 0.4em;
		}	
	#lightboxCaption{ float: left; }

	#closeButton{ top: 5px; right: 5px; }
	
	#lightbox img{ border: none; clear: both; } 
	#overlay img{ border: none; }
	
	#overlay{ background-image: url(/img/overlay.png); }
	
	* html #overlay{
		background-color: #333;
		back\ground-color: transparent;
		background-image: url(/img/blank.gif);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/overlay.png", sizingMethod="scale");
		}
/* MEDIA */
	#mediagallery, #profilegallery {
		display: block;
		right: 200px;
		width: 98%;
		clear: both;
	}
	
	.thumbnail
	{
		float: left;
		width: 80px;
		border: 1px solid #999;
		margin: 0 15px 15px 0;
		padding: 5px;
	}
	
	#memberblock {
		width: 100px;
		margin: 5px;
		text-align: center;
		float: left;
	}

	
	#mediagallery a:hover{
		background-color: none!important;
	}


/* CALENDER */
	.month td{
	border: solid 1pt #eee;
	}
	.month{
		border:dashed 0pt #333;
		padding: 4px;
		background-color: #ffffff;
		text-align: center;
		font-size: .8em;
	}
	.yearname {
		text-align: center;
	
		font-weight: bold;
	}
	.monthname {
		text-align: center;
		font-size: 1.4em;
		color: #333;
		font-weight: bold;
	
	}
	.dayname td {
		text-align: center;
		font-weight: bold;
		font-size: 1.2em;
		color: #333;
	
	}
	
	
	.monthnavigation {
		font-family: Tahoma, Arial, sans-serif;
	}
	
	
	.nomonthday {
		text-align: center;
		height:30px;
		width:30px;
		color: #aaaaaa;
	}
	.monthday {
		text-align: center;
		font-weight: bold;
		color: #384955;
		height:30px;
		width:30px;
	}
	.today {
		text-align: center;
		font-weight: bold;
		border: 1px solid red;
		height:30px;
		width:30px;
		color: red;
	}
	.selectedday {
		text-align: center;
		font-weight: bold;
		height:30px;
		width:30px;
	}
	
	.event {
		text-align: center;
		font-weight: bold;
		color: #06c;
		background-color: #ffffff;
		height:30px;
		width:30px;
	}
	
	.selectedevent {
		text-align: center;
		font-weight: bold;
		color: #06c;
		background-color: #ffffff;
		height:30px;
		width:30px;
		border: 1px solid black;
	}
	.selectedevent a {
		background-color: #ffffff;
		color: #06c;
	}
	.todayevent {
		text-align: center;
	
		font-weight: bold;
		color: #06c;
		background-color: #ffffff;
		height:30px;
		width:30px;
	}
	.todayevent a {
		background-color: #ffffff;
		color: #06c;
	}
	.eventcontent {
	
		width: 100%;
	}