@import url(font.css);
@import url(system.css);


/*----- Objects --------------------------------------------------------------------------------------------------------------------*/

	body {
		margin: 0px 0px 0px 0px;
                background:#ffffff;
		
	}
	
	a { 
		color: #00944d;
		text-decoration: none; 
	}
	a:hover { text-decoration: underline; }
	
	
	/* Wrapper - exists on all pages as a container for everything - centers the whole page - like body but a div */
	#wrapper{
		width: 950px; 
		margin:auto;
		background:#ffffff;
	}
	
	#header{
		height:100px; 
		
		margin:0 0 15px 0; 
		clear:both;
	}
	
	#logo{
		 width:196px; 
		 height:44px; 
		 float: left; 
		 background-image: url("../images/b2blogo.jpg"); 
		 clear:left;
                 margin:20px 0 0 0;
	}

	#chooselang{ 
		float:right;
		/*width:300px; */
		clear:right;
		margin-top:35px;
	}


	
	#container { 
		width:100%;
		background-image: url("../images/page_common/bg_content_gradient.gif"); 
		background-repeat: no-repeat;
		float:left;
		clear:both;
		margin:5px 0 0 0;
		padding-top:5px;
	}
	
	#systemleft {
		width: 510px; 
		float: left; 
		margin: 15px 17px 30px 0px; 
	}
		
		
	#systemright {
		width: 253px; 
		float: left; 
		margin: 15px 0px 30px 0px; 
		clear: right; 
	}
	
	#banner_top{width:100%;}
	#banner_top img{border:0px;}  /*added by Johan */
	#banner_side{width:100%;}
	#banner_side img{border:0px;} /*added by Johan */
	
	
	img.left{margin:0 10px 20px 0;}
	img.right{margin:0 0 20px 10px;}

	.pic { border: none; float: right; margin: 5px 5px 5px 5px; }


/*----- Navigation -----------------------------------------------------------------------------------------------------------------*/
	#systemsubnav {
		float: left; 
		width:160px; 
		margin: 15px 10px 0px 0px;
		clear: left; 
	}
		.subnavbutton {width:153px; height:22px; background-image:url("../images/subnav/subnav_lightgray.gif"); padding: 0px 0px 0px 7px; line-height:18px; clear: right; right;color:#303030; font-size:11px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; }
		.subnavbuttonactive {width:153px; height:22px; background-image:url("../images/subnav/subnav_gray.gif"); padding: 0px 0px 0px 7px; line-height:18px; clear: right;color:#ffffff; font-size:11px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; }
		.subnavbutton2 {width:148px; height:22px; background-image:url("../images/subnav/subnav2_lightgray.gif"); padding: 0px 0px 0px 12px; line-height:18px; clear: right; right;color:#303030; font-size:11px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; }
		.subnavbuttonactive2 {width:148px; height:22px; background-image:url("../images/subnav/subnav2_gray.gif"); padding: 0px 0px 0px 12px; line-height:18px; clear: right;color:#ffffff; font-size:11px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font}





/*-- Footer --------------------------------------------------------------------------------------------------------------------*/
	#footermain {
		width:100%;
		height:100px; 
		clear: both; 
	}
	
	.bottomfooterline {
		margin: 0px 0px 4px 0px; 
		height: 1px;  
		background: #868789; 
		clear: both; 
	}





/*-- Infoboxes --------------------------------------------------------------------------------------------------------------------*/
	.infobox { position:static; width: 253px; }
		.infoboxhead { width: auto; height: 26px; background-image: url("../images/leftcolumn_head.gif"); line-height: 26px; text-align: left; padding: 0px 0px 0px 15px; color:#FFFFFF; font-size:11px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
		.infoboxcontaier { width: auto;  background-color:#00944d; padding: 0px 5px 0px 5px; }
		.infoboxcontent { width: auto; background-color:#FFFFFF; padding: 10px 5px 10px 5px; text-align: left; color:#303030; font-size:11px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; }
		.infoboxfoot { width: auto; height: 5px; font-size:1px; background-image: url("../images/leftcolumn_foot.gif"); }

	.infolink { color: #00944d; text-decoration: none; }
	.infolink:hover { color: #00944d; text-decoration: underline; }




/*-- Buttons --------------------------------------------------------------------------------------------------------------------*/
	.systembutton { height: 23px; width: 120px; float: left; text-align:center; padding: 0px 0px 0px 0px; margin: 0px 10px 0px 0px; line-height: 21px; background-image: url("../images/common/button_blank.gif"); }
		.buttonText { width: 141px;	height: 22px; text-align: center; }
		.clickableButton{ cursor: pointer; cursor: hand; }
	
	
	.systemtd {	padding: 2px 10px 2px 0px; }	


/*-- Breaks & Clearings --------------------------------------------------------------------------------------------------------------------*/
	.both {	clear: both; }
	.left {	clear: left; }
	.right { clear: right; }
	
	.br1 {font-size: 1px; line-height: 1px; clear: both;}
	.br5 {font-size: 5px; line-height: 5px; clear: both;}
	.br10 {font-size: 10px; line-height: 10px; clear: both;}
	.br20 {font-size: 20px; line-height: 20px; clear: both;}
	.br30 {font-size: 30px; line-height: 30px; clear: both;}
	.br40 {font-size: 40px; line-height: 40px; clear: both;}
	.br50 {font-size: 50px; line-height: 50px; clear: both;}
	.br60 {font-size: 60px; line-height: 60px; clear: both;}
	.br70 {font-size: 70px; line-height: 70px; clear: both;}
	.br80 {font-size: 80px; line-height: 80px; clear: both;}
	.br90 {font-size: 90px; line-height: 90px; clear: both;}
	.br100 {font-size: 100px; line-height: 100px; clear: both;}


/*--- Paddings & margins ---------------------------------------------------------------------------------------------------------------*/
	.pokercalendarth { padding: 1px 5px 1px 5px; background-color:#dfdfdf; }
	.pokercalendartd { padding: 1px 5px 1px 5px; }
	.tornament {background-color: #e0e099; }


/*-- Vertical align of text in div for both explorer and the other GOOD browsers --------------------------------------------------*/
	.verticalAlignTextOuter { display: table; overflow: hidden; _position: relative; }
	.verticalAlignTextMiddle { display: table-cell; vertical-align: middle; _position: absolute; _top: 50%; }
	.verticalAlignTextInner { _position: relative; _top: -50%; }