@import 'behavior.css';
@import 'reset.css';

/* 	Layout
 ``````````````````````````````````````````````````````````````````````````` */
	 	
	body {
		font-family: Tahoma, "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
		background: #333333;		
		font-size: 11px;
		color: #424242;
		margin: 0;	
 	}

 	a { text-decoration: underline; cursor: pointer; outline: none; color: #0173a7; }
 	a:hover { text-decoration: none; }
	
	.orange { color: #e34604; }
	.cblue { color: #0173a7; }
			
	p { line-height: 1.5; }

	h3 { font-size: 16px; }
	h5 { font-size: 18px; }
					
/* 	Page
 ``````````````````````````````````````````````````````````````````````````` */	

	#page { width: 870px; margin: 0 auto 0 auto; background: #fff; padding: 0 0 15px 0; position: relative; }
	#container { width: 845px; margin: 0 auto 0 auto; }
	.header { width: 845px; height: 112px; }
	
	.com {background: url("header_com_2.jpg") no-repeat; }
	.co_uk {background: url("header_co_uk_2.jpg") no-repeat; }

	.header .text { position: absolute; margin: 7px 0 0 27em; width: 350px; }
	.header .text h1 { font-size: 24px; color: #272727; margin: -3px 0 0 10px; }
	.header .text h3 { font-size: 14px; color: #566166; }	
	.header .text h5 { font-size: 18px; color: #005c8d; text-align: right; margin-top: -3px; }		
	.header .text span { font-size: 12px; color: #616b70; }
	


/* 	Menu
 ``````````````````````````````````````````````````````````````````````````` */	

	#menu { width: 845px; height: 50px; background: url("menu_width.gif") repeat-x; } 
	#menu ul { position: absolute; z-index: 1; }
	#menu ul li { float: left; display: inline; background: url("menu_rightbar.gif") no-repeat 100% 50%; height: 50px; padding: 0 26px 0 26px; }
	#menu ul li { color: #fff; font: bold 13px Tahoma; text-align: center; letter-spacing: 0px; }
	#menu ul li a { color: #fff; padding-top: 10px; float: left; text-decoration: none; }
	#menu ul li span { color: #88c9ea; display: block; font-size: 12px; }
	
	#menu #search { width: 242px; height: 47px; float: right; margin-top: 3px; z-index: 0; overflow: hidden; background: url("menu_background.jpg") no-repeat left top; }
	#menu #search form fieldset select { width: 131px; float: right; margin: 11px 25px 0 0; padding: 2px 2px 2px 0; background: url("input_top_search.jpg") no-repeat; border: 0!important; }
	#menu #search form fieldset select option { background: #fff; }
	
	#menu_black { width: 845px; height: 40px; background: url("menu_width_black.jpg") repeat-x; }
	#menu_black ul li { float: left; display: inline; padding: 10px 10px 0 10px; }
	#menu_black ul li a { color: #a29e9e; text-decoration: none; }		

/* 	Center
 ``````````````````````````````````````````````````````````````````````````` */	

	.center { width: 100%; margin-top: 6px; }	

/* 	Left
 ``````````````````````````````````````````````````````````````````````````` */	

	.main .left { width: 362px; float: left; display: inline; }
	
/* 	Box - Left
 ````````````````````````````````````````````````````````````````````` */	
 
	.main .left .box { width: 362px; margin-bottom: 5px; }
	.main .left .box .txt { background: url("background_box.jpg") no-repeat 40% 0; }			
	.main .left .box .txt img { float: left; border: 1px solid #d1d1d1; padding: 2px; margin: 4px 13px 0 0; overflow: hidden; }
	.main .left .box .txt h1 { font-size: 27px; color: #002d44; }
	.main .left .box .txt .blue { color: #228cbb; margin: 1px 0 3px 0; }
	.main .left .gray h2 { background: url("header_width_gray_1.jpg") no-repeat; color: #202020; }
	.main .left .black h2 { background: url("header_width_black_1.jpg") no-repeat; color: #f7f7f7;  }

/* 	Box - All
 ````````````````````````````````````````````````````````````````````` */	
	
	.center .box h2, .head { font: bold italic 15px Arial; height: 37px; margin-bottom: 1px; }		
	.center .box h2 span, .head span { padding: 12px 0 0 10px; display: block; }		

	.center .bordertop { border-top: 1px solid #b9b9b9; }
	.center .border { border: 1px solid #d2d2d2; }
	.center .padding { padding: 0 1px 0 1px; position: relative; } 
		
	.center .box .txt { padding: 18px 10px 10px 10px; overflow: hidden; }

	.center .box .below, .box .txt .down { margin-top: 10px; }

	.center .box_view { height: 39px; display: block; margin-top: 10px; position: relative; height: 39px; }	
	.center .box_view ul { float: left; display: inline; background-image: url("box_viewt.jpg"); background-repeat: repeat-x; background-position: 0 -39px;  }	
	.center .box_view ul li { float: left; display: inline; border-right: 1px solid #fff; padding: 3px 15px 0 13px; height: 36px; }	
	.center .box_view ul li span { float: left; display: block; background-image: url("icon.png"); background-repeat: no-repeat; display: block; }	
	.center .box_view a { display: block; margin: 9px 0 0 38px; font-weight: bold; }		
	.center .box_view .download { margin-left: -9px; }		
	.center .box_view .download span { height: 35px; }		
	.center .box_view .review span { height: 35px; background-position: 0 -33px; }		
	.center .box_view .play { border: 0; }
	.center .box_view .play span { height: 35px; background-position: 0 -66px; border: 0; }
	.center .box_view .right { float: left; display: inline; width: 15px; height: 39px; background-image: url("box_viewt.jpg"); background-repeat: no-repeat; background-position: 0 -78px; margin: 0 0 0 -13px!important; }	
	.center .box_view .left { float: left; display: inline; width: 9px; height: 39px; background-image: url("box_viewt.jpg"); background-repeat: no-repeat; background-position: 0 0; margin: 0!important; }	

/* 	Left - Listing
 ````````````````````````````````````````````````````````````````````` */	
	
	*html .main .left .box .txt dl { display: inline; }
	.main .left .box .txt dl { margin: 5px 0 5px 0; }
	.main .left .box .txt dl dt { font: bold 14px Arial; color: #04273b; }
	.main .left .box .txt dl dt span { font: normal 10px Arial; display: block; }	
	.main .left .box .txt dd { background: url("paski.gif") repeat-x 0 100%; padding-bottom: 16px; margin-bottom: 16px; }		
	.main .left .box .txt .no { background: none; margin: 0; padding: 0; }

/* 	Box Table - Left
 ````````````````````````````````````````````````````````````````````` */	

	*html .main .left .box .table { margin-top: 1px; }
	.main .left .box .table { width: 358px; }

	.main .left .box .table table .number { width: 10%; font-weight: bold; }
	.main .left .box .table table .title { width: 35%; }
	.main .left .box .table table td.title { color: #0173a7; }				
	.main .left .box .table table .bonus { width: 15%; }
	.main .left .box .table table .match { width: 15%; }
	.main .left .box .table table .code { width: 25%; }
		
/* 	Box Table - All
 ````````````````````````````````````````````````````````````````````` */	

	.center .box .table { width: 100%; position: relative; } 
	.center .box .table table { width: 100%; border-color: #b9b9b9; }	
	.center .box .table table th, .box table td { border: 1px; border-color: #b9b9b9; padding: 8px 0 8px 8px; }
	.center .box .table table th { padding: 9px 5px 9px 5px; font-weight: bold; text-align: left; }		
		
	.center .box .table table .gray td { background: #ececec; }

	.center .table_bottom_left { width: 10px; height: 15px; background: url("table-bottom-left.jpg") no-repeat; position: absolute; left:-1px;bottom:-1px; }	
	.center .table_bottom_right { width: 9px; height: 15px; background: url("table-bottom-right.jpg") no-repeat; position: absolute; right:-1px;bottom:-1px; }	

	*html .center .table_bottom_left { width: 10px; height: 15px; background: url("table-bottom-left.jpg") no-repeat; position: absolute; left:-1px;bottom:-2px; }	
	*html .center .table_bottom_right { width: 9px; height: 15px; background: url("table-bottom-right.jpg") no-repeat; position: absolute; right:-1px;bottom:-2px; }	

/* 	Box - Left
 ````````````````````````````````````````````````````````````````````` */	

	.main .left .show { width: 361px!important; position: relative; }
	.main .left .show h2 { height: 78px!important; background: url("header_width_gray_3.jpg") no-repeat; margin: 0!important; }
	.main .left .show .txt { border: 1px solid #c7c7c7!important; }
	.main .left .show #MLeft { position: absolute; margin: -40px -2px 0 0; width: 100%; border-bottom: 3px solid #005a8c; }
	.main .left .show #MLeft li { float: left; display: inline; margin-right: 2px; text-align: center; min-width: 100px; position: relative; width:expression(document.documentElement.clientWidth > 100 ? "100px": "auto" ); }
	.main .left .show #MLeft li a { text-decoration: none; display: block; font: bold 12px Arial; padding: 0 10px 0 0; }	
	.main .left .show #MLeft li.blue a { color: #fff; background-image: url("showboxright.png"); background-repeat: no-repeat; background-position: 100% 0; }	
	.main .left .show #MLeft li.blue a span { height: 36px; display: block; background-image: url("showbox.png"); background-repeat: no-repeat; background-position: 0 0; padding: 4px 0px 0 10px; }	
	.main .left .show #MLeft li a span { height: 36px; display: block; background-image: url("showbox.png"); background-repeat: no-repeat; background-position: 0 -42px; padding: 4px 0px 0 10px; }	
	.main .left .show #MLeft li a { color: #000; background-image: url("showboxright.png"); background-repeat: no-repeat; background-position: 100% -41px; }	
	.main .left .show #MLeft li a span span { height: auto!important; display: block; background: none!important; padding: 0!important; }	

/* 	Right
 `````````````````````````````````` ````````````````````````````````````````` */	

	.main .right { width: 472px; float: right; display: inline; }
 
	.main .right .top10online { margin-bottom: 13px; }
 
	.main .right .box .table { width: 468px; background: url("background_box_2.jpg") no-repeat 50% 0; }
	.main .right .box table td { padding: 4px 0 4px 15px; }
	.main .right .box table th { padding: 9px 0 9px 15px;border-bottom: 1px solid #B9B9B9; }	
	.main .right .box table .rank { width: 8%; font-weight: bold; }	
	.main .right .box table td.rank { padding-left: 15px; }		
	.main .right .box table .title { width: 35%; text-align: left; padding-left: 20px; }	
	.main .right .box table .accept { width: 30%; text-align: center; padding-left: 0; }	
	.main .right .box table .review { padding: 0; text-align: center; width: 15%; }			
	.main .right .box table td img { vertical-align: middle;margin-right:10px; }		
	
	.main .right .gray h2 { background: url("header_width_gray_2.jpg") no-repeat; color: #202020; }
	.main .right .blue h2 { background: url("header_width_blue_2.jpg") no-repeat; color: #f7f7f7; }
	
	.main .right .best { width: 100%; }
	.main .right .best .border { padding: 1px; }	
	.main .right .best .rectangle { background: url("background_bes_height.jpg") repeat-y; }
	.main .right .best .rectangle dl { width: 97%; margin: 0 auto 0 auto; background: url("paski.gif") repeat-x 40% 100%; padding: 10px 0 16px 0; }	
	.main .right .best .rectangle dt { text-align: center; padding: 8px 4px 0 4px; width: 80px; float: left; display: inline; }
	.main .right .best .rectangle dt img { border: 1px solid #d1d1d1; padding: 2px; background: #fff; }		
	.main .right .best .rectangle dd { padding: 4px 0 10px 20px; width: 345px; float: left; display: inline; }	
	.main .right .best .rectangle .no { background: none; }	

	.main .right .news { width: 100%; margin-top: 10px; position: relative; }
	.main .right .news .bordertop { background: url("background_box_2.jpg") no-repeat 50% 0; }		
	.main .right .news dl { width: 97%; margin: 0 auto 0 auto; padding: 10px 0 16px 0; position: relative; }	
	.main .right .news dt { text-align: center; padding: 8px 0 0 0; width: 140px; float: left; display: inline; }
	.main .right .news dd { padding: 4px 0 10px 0; width: 300px; float: left; display: inline; }	
	.main .right .news dd .more { display: block; float: right; width: 130px; height: 31px; }	
	.main .right .news dd .more span { display: block; float: left; display: inline; width: 38px; height: 31px; background-image: url("icon.png"); background-repeat: no-repeat; background-position: 0 -33px; }	
	.main .right .news dd .more a { padding-top: 8px; display: block; }	

/* 	Underside
 ``````````````````````````````````````````````````````````````````````````` */	

	.underside .left { width: 571px; float: left; display: inline; }
	.underside .head span span { padding: 0!important; display: inline!important; font: normal 11px Arial; }

	.underside .graymain { background: url("header_width_gray_41.jpg") no-repeat; color: #202020; }
	.underside .gray h2 { background: url("header_width_gray_4.jpg") no-repeat; color: #202020; }

	.underside .left .box { width: 571px; }
	.underside .left .box .txt { padding-top: 10px; }
	.underside .left .box .txt p { margin: 8px 0 5px 0; font-size: 12px; text-align: justify; }
			
	.underside .left .box_view { margin: 9px 0 0 15px; }	
	
	.gl { float: left; }
	
	.underside .right { width: 263px; float: right; display: inline; }
	.underside .right .blue h2 { background: url("header_width_blue_5.jpg") no-repeat; color: #f7f7f7; }
	.underside .right .gray h2 { background: url("header_width_gray_5.jpg") no-repeat; color: #202020; }

	.underside .right .box { margin-bottom: 10px; }
	.underside .right .box .table { width: 259px; }
	.underside .right .box .table .title, .underside .right .box .table .value { width: 50% }
	
	.underside .right .box h5 .underline { text-decoration: underline; }		
	.underside .right .box h5 a { color: #000; }		
	
	.underside .right .tcenter, .underside .right h5 { text-align: center; margin-bottom: 5px; }	

	.underside .right .button { width: 263px; height: 56px; background: url("button_play_now.jpg") no-repeat; display: block; margin: 10px auto 10px auto; text-indent: -99999px; }
 
/* 	Fotter
 ``````````````````````````````````````````````````````````````````````````` */	
		
	#fotter { height: 60px; background: #e9e9e9 url("img_fotter.jpg") no-repeat 98% 50%; clear: both; }
	#fotter a { color: #424242; text-decoration: none; margin: 0 5px 0 5px; }
	#fotter p { width: 80%; text-align: right; float: right; display: inline; margin: 19px 85px 0 0; }	
						 
/* 	Form
 ``````````````````````````````````````````````````````````````````````````` */	
				
	input, textarea, select { font-size: 11px; font-family: Tahoma, "Trebuchet MS", "Lucida Sans Unicode", sans-serif; }
	
	img.ss190{
	width: 190px;
	}
 
	
	#story22 p{
		padding-bottom:10px;
	}
	 
	body#inner #story22 h2{
		background: url("header_width_gray_41.jpg") no-repeat scroll 0 0 transparent;
		color: #202020;
		font-size: 15px;
		font-style: italic;
		height: 38px;
		line-height: 2.8;
		text-indent: 15px;
	}
	
	body#inner #story22 .padd10 p{
		padding:10px;
	}