
/**
 *
 * Style for Wager to Win
 *
 */

	@import 'reset.css';

/* 	Layout
 ``````````````````````````````````````````````````````````````````````````` */
	 	
	body {
	  	font-family: Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
		font-size: 11px;
		margin: 0 0 10px 0;
		color: #202020;		
 	}

	h1 { font-size: 24px; font-weight: bold; color: #000; }	
	h2 { font-size: 14px; font-weight: bold; color: #fff; }	
	h3 { font-size: 13px; font-weight: bold; color: #fff; }
	h4 { font-size: 14px; font-weight: bold; color: #000; }	
					
	p { line-height: 19px; }

 	a { text-decoration: underline; cursor: pointer; color: #202020; }
 	a:hover { text-decoration: none; }

	ul { list-style-type: none; }
	
	.tablehead { text-align: center; font-weight: bold; }
	.tablevalueright { text-align: right; }
	.tablevalueblue { background: #e7f0f7; }
	
/* 	Page
 ``````````````````````````````````````````````````````````````````````````` */

	#page { width: 1002px; background: #fff; margin: 0 auto 0 auto; position: relative; height: 100%; display: block; }

	#header { width: 1002px; height: 256px; background: url("../Images/header.jpg") no-repeat; position: relative; text-indent: -99999em; }
	
/* 	Beam
 ``````````````````````````````````````````````````````````````````````````` */	

	#beam { width: 100%; height: 41px; background: url("../Images/beamUnderheader.gif") repeat-x; }
	#beam .first { float: left; display: inline; padding: 13px 0 0 15px; }
	#beam .last { float: right; display: inline; padding: 13px 15px 0 0; }
	#beam a { color: #fff; text-decoration: none; }

/* Center
 ``````````````````````````````````````````````````````````````````````````` */	

	#center { width: 990px; margin: 4px auto 0 auto; }

/* 	Left
 ``````````````````````````````````````````````````````````````````````````` */							

	#left { width: 282px; margin-top: 4px; float: left; display: inline; }

	#left ul { margin: 10px 0 10px 45px; display: block; }
	#left ul li { display: block; padding: 1px 0 0 15px; margin-bottom: 6px; min-height: 0; height: auto!important; height: 0;  }
	#left ul li a { display: block; padding: 1px 0 1px 10px; min-height: 0; height: auto!important; height: 0; text-decoration: none; }
	#left ul li a:hover { text-decoration: underline; }
			
	#left .menu { width: 282px; background: #e7e7e9 url("../Images/menu_shadowTop.gif") repeat-x left top; }
	#left .menu .bottom { width: 282px; background: url("../Images/menu_bottom.gif") no-repeat left bottom; padding-bottom: 25px; }
	#left .menu h1 { position: relative; top: 25px; margin: 0 0 45px 25px; }
	#left .menu ul { margin-top: 0; display: block; }
	#left .menu ul li { background: url("../Images/icon_1.gif") no-repeat 0 2px; }
	#left .menu ul li.selected { background-position: 0 50%; }
	#left .menu ul li.selected a { font-weight: bold; color: #fff; background: #2d2d2d url("../Images/menu_active.gif") no-repeat 99% 0; padding: 6px 0 5px 10px; }
	#left .menu ul li.selected a:hover { text-decoration: none; }
	#left .menu ul li a { width: 166px; }
	#left .menu ul li ul { margin: 5px 0 0 10px; display: block; }
	#left .menu ul li ul li { background: none; padding: 0!important; margin: 0!important; }
	#left .menu ul li ul li a { color: #7e7e7e; }
			
/* 	Wrapper
 ``````````````````````````````````````````````````````````````````````````` */							

	#wrapper { width: 520px; margin: 15px 0 0 30px; float: left; display: inline; }
	#wrapper img { margin: 10px 0 10px 0; }
	#wrapper h1 { margin: 20px 0 5px 0; }
	#wrapper a:hover { text-decoration: underline; }
	#wrapper table tr td { font-family: Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
		font-size: 11px;
		color: #202020; }
	#wrapper table tr td img { margin: 0 0 0 0; }
	
/*  Right
 ``````````````````````````````````````````````````````````````````````````` */							

	#right { width: 130px; margin-top: 25px; float: right; display: inline; }

/* 	Footer
 ``````````````````````````````````````````````````````````````````````````` */	
	
	#footer { width: 1002px; height: 92px; background: url("../Images/footer.jpg"); clear: both; margin-top: 20px; position: relative; }
	#footer p { color: #fff; padding: 12px 0 0 0; text-align: center; font-family: Tahoma; }
	#footer a { color: #fff; text-decoration: underline; }
	#footer ul { position: absolute; width: 300px; right: 0; top: 25px; }
	#footer ul li { display: inline; margin: 0 5px 0 5px; }
				 				 	
/* 	Formularze
 ``````````````````````````````````````````````````````````````````````````` */	
				
	input, textarea, select { font-size: 11px; font-family: Tahoma, "Trebuchet MS", "Lucida Sans Unicode", sans-serif; border: 0; color: #958989; }

