/*
Author: PiEn ( Coder0403 )
Yahoo: thitcho.mamtomvn
Email: letranphongnha@gmail.com
======================================================================== 
Copyright (c) 2011 PiEn (letranphongnha@gmail.com)
======================================================================== 
*/

body {
  	background: #a92c00 url('images/bg.gif');
  	font-family:  Tahoma, Arial, Verdana, Helvetica, sans-serif;
  	font-size: 11px;
  	margin: 0;
  	padding: 0;
  	color: #4e4e4e;
}
form {
	margin: 0;
	padding: 0;
}
input, textarea {
 	font-size: 11px;
	margin: 0px;
	border: 1px solid #fff;
	background: #fff url('images/input_bg.gif') repeat-x;
	margin-top: 5px;
	color: #737373;
}
input[type=text], input[type=password] {
	padding: 0;
	height: 23px;
	padding-left: 5px;
	width: 170px;
	line-height: 23px;
}
input[type=button], input[type=submit] {
	margin: 0;
	padding: 0;
	border: 0;
	background: url('images/sprite.png') no-repeat 0px -36px;
	width: 90px;
	height: 35px;
	line-height: 35px;
	cursor: hand;
	cursor: pointer;
	font-size: 10px;
	color: #835b00;
	font-weight: bold;
	margin-top: 5px;
}
input[type=button]:hover, input[type=submit]:hover {
	background: url('images/sprite.png') no-repeat -99px -36px;
	color: #000;
}
a:link {
	color: #b95400;
	text-decoration: none;
}
a:visited {
	color: #b95400;
	text-decoration: none;
}
a:hover {
	color: #b95400;
	text-decoration: underline;
}
.clear {
	clear: both;
	height: 0;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
#wrapper {
	width: 980px;
	margin: 0 auto;
}
.site_left_side {
	width: 10px;
	background: url('images/site_left_side.png') repeat-y;
}
.site_right_side {
	width: 10px;
	background: url('images/site_right_side.png') repeat-y;
}
.site_content {
	background: #fff;
	width: 960px;
}
#header {
	height: 90px;
	width: 100%px;
	position: relative;
	background: url('images/header_bg.png') repeat-x;
}
#logo {
	position: absolute;
	top: 0;
	left: 0;
}
#logo h1 {
	background: url('images/logo.jpg') no-repeat;
	margin: 0;
	padding: 0;
	width: 232px;
	height: 90px;
}
#logo h1 a {
	width: 232px;
	height: 90px;
	display: block;
	text-indent: -100000px;
	overflow: hidden;
}
#top_ads {
	position: absolute;
	right: 0;
	top: 0;
}
#top_menu {
	margin-bottom: 8px;
}
#top_menu_left {
	background: url('images/sprite.png') no-repeat 0px 0px;
	width: 4px;
	height: 35px;
	float: left;
}
#top_menu_right {
	background: url('images/sprite.png') no-repeat -4px 0px;
	width: 4px;
	height: 35px;
	float: right;
}
#top_menu > ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 922px;
	height: 35px;
	background: url('images/menu_bg.gif') repeat-x;
	padding-left: 30px;
}
#top_menu > ul > li {
	float: left;
}
#top_menu > ul > li > a {
	line-height: 30px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
}
#top_menu > ul > li > a:hover {
	color: #fff600;
	text-decoration: none;
}
#left_col {
	float: left;
	width: 198px;
	margin-left: 10px;
}
#right_col {
	float: right;
	width: 738px;
	margin-right: 10px;
}
.sbox {
	margin-bottom: 10px;
	width: 190px;
}
.bbox {
	margin-bottom: 10px;
	width: 738px;
}
.sbox > .header, .bbox > .header, .lbox > .header {
	position: relative;
}
.sbox > .header > .left, .lbox > .header > .left {
	background: url('images/sprite.png') no-repeat -8px 0px;
	width: 8px;
	height: 36px;
	position: absolute;
	left: -8px;
	top: 0px;
}
.bbox > .header > .left {
	background: url('images/sprite.png') no-repeat -16px 0px;
	width: 8px;
	height: 36px;
	position: absolute;
	left: -4px;
	top: 0px;
}
.sbox > .header > h2, .bbox > .header > h2, .lbox > .header > h2 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	color: #b50b0b;
	font-size: 10px;
	background: url('images/box_header_bg.gif') repeat-x;
	height: 36px;
	line-height: 32px;
	padding-left: 10px;
}
.sbox > .header > h2 > a, .bbox > .header > h2 > a, .lbox > .header > h2 > a{
	color: #b50b0b;
	text-decoration: none;
}
.bbox > .header > h2 {
	padding-left: 15px;
}
.sbox > .header > .right, .bbox > .header > .right, .lbox > .header > .right {
	background: url('images/sprite.png') no-repeat -25px 0px;
	width: 55px;
	height: 36px;
	position: absolute;
	right: -4px;
	top: 0px;
}
.sbox > .content, .bbox > .content, .lbox > .content {
	background: #f3e9de;
	padding: 5px;
}
.bbox > .content, .lbox > .content {
	padding-bottom: 23px;
	position: relative;
}
.page_corner {
	position: absolute;
	bottom: 0;
	right: 0;
	background: url('images/sprite.png') no-repeat -227px -158px;
	width: 23px;
	height: 23px;
}
ul.games_list {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.games_list > li {
	float: left;
	margin-left: 7px;
	margin-right: 4px;
}
ul.games_list > li > a {
	width: 110px;
	height: 137px;
	display: block;
	position: relative;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	color: #af4f00;
	cursor: hand;
	cursor: pointer;
}
ul.games_list > li > a > img {
	border: 0;
	margin-top: 5px;
	margin-bottom: 2px;
}
ul.games_list > li > a > .game_border {
	background: url('images/sprite.png') no-repeat -3px -71px;
	width: 110px;
	height: 110px;
	position: absolute;
	left: 0;
	top: 0;
}
ul.games_list > li > a > span {
	text-align: center;
	font-weight: bold;
	font-size: 11px;
}
ul.games_list > li > a:hover > .game_border {
	background: url('images/sprite.png') no-repeat -116px -71px;
}

ul.games_list > li > a > .new_icon {
	background: url('images/sprite.png') no-repeat -201px -5px;
	width: 43px;
	height: 49px;
	position: absolute;
	top: -4px;
	left: -3px;
	z-index: 3;
}
ul.paging_list {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	margin-top: 10px;
}
ul.paging_list > li {
	float: left;
	margin-right:  2px;
}
ul.paging_list > li > a {
	width: 35px;
	height: 35px;
	background: url('images/sprite.png') no-repeat -81px -3px;
	display: block;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #b50b0b;
	font-size: 11px;
}
ul.paging_list > li > a:hover, ul.paging_list > li.current > a {
	background: url('images/sprite.png') no-repeat -115px -3px;
	color: #000;
}
#footer {
	height: 130px;
	background: #e7e7e7 url('images/footer_bg.gif') repeat-x;
	padding-top: 10px;
	text-align: center;
	color: #4e4e4e;
	font-size: 11px;
}
/*             styles for the star rater                */
/*            copyright http://komodomedia.com/blog/index.php/2007/01/20/css-star-rating-redux/               */

.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating{
  background: url(img/star_rating.png) left -1000px repeat-x;
}

.star-rating{
  position: relative;
  width: 60px;
  height: 12px;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
  background-position: left top;
}

.star-rating li{
  display: inline;
}

.star-rating a, .star-rating .current-rating{
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -1000em;
  height: 12px;
  line-height: 12px;
  outline: none;
  overflow: hidden;
  border: none;
}

.star-rating a:hover, .star-rating a:active, .star-rating a:focus{
  background-position: left bottom;
}

.star-rating a.one-star{
  width: 20%;
  z-index: 6;
}

.star-rating a.two-stars{
  width: 40%;
  z-index: 5;
}

.star-rating a.three-stars{
  width: 60%;
  z-index: 4;
}

.star-rating a.four-stars{
  width: 80%;
  z-index: 3;
}

.star-rating a.five-stars{
  width: 100%;
  z-index: 2;
}

.star-rating .current-rating{
  z-index: 1;
  background-position: left center;
}

.inline-rating{
  display: -moz-inline-block;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
}

#lightsoff {
  float: left;
  text-align: center;
  padding: 2px;
}

#lightsoff-background {
  position: absolute;
  margin: 0;
  padding: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}


.plug{
  position: relative;
  width: 705px;
  height: 128px;
  margin-bottom:2px;
  cursor: pointer;
}

.plugHover{
  position: relative;
  width: 705px;
  height: 128px;
  margin-bottom:2px;
  cursor: pointer;
}

#spillpre_bar{background-color:#E9581F;width:0px;font-size:12px;}
#spillpre_bar span{background-color:#fff;color:#E9581F;padding:0px;height:1px;line-height:1px;font-size:1px}
div#spillpre_loader{width:336px;height:10px;border:1px solid #fff;background-color:#fff;text-align:left;margin:auto;overflow:hidden;margin-bottom:3px}
div#spillpre_ad{text-align:center;margin:auto}
div#spillpre_adcont{margin:0 auto;margin-bottom:11px}
div#spillpre_click2close A{font-size:12px;color:#fff;text-decoration:underline;font-family:Tahoma,Arial,Verdana}
div#spillpre_c2c_container{margin:0 auto;width:336px;height:20px}
div#spillpre_click2close,div#spillpre_percent{float:left;height:15px;color:#fff;line-height:20px;font-size:12px;font-family:Tahoma,Arial,Verdana}
div#spillpre_percent{font-size:12px;font-weight:bold;color:#E9581F !important;text-align:right}
div#spillpre_clear{font-size:1px;line-height:1px;height:1px;clear:both;width:336px;margin:0 auto}