/*
Author: PiEn ( Coder0403 )
Yahoo: thitcho.mamtomvn
Email: letranphongnha@gmail.com
========================================================================
Copyright (c) 2011 PiEn (letranphongnha@gmail.com)
========================================================================
*/
body {
  background: #fff url('images/bg.gif') repeat-x;
  color: #4e4e4e;
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  margin: 0;
  padding: 0;
}

form, #logo h1 {
  margin: 0;
  padding: 0;
}

input, textarea {
  color: #737373;
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  margin: 0;
}

a:link, a:visited {
  color: #0087ca;
  text-decoration: none;
}

a:hover {
  color: #0087ca;
  text-decoration: underline;
}

.clear {
  clear: both;
  height: 0;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

#wrapper {
  margin: 0 auto;
  width: 960px;
}

#header {
  height: 85px;
  position: relative;
  width: 960px;
}

#logo {
  left: 10px;
  position: absolute;
  top: 10px;
}

#logo h1 a {
  background: url('images/logo.png') no-repeat;
  display: block;
  height: 75px;
  overflow: hidden;
  text-indent: -100000px;
  width: 560px;
}

#login_box {
  background: url('images/login_box_bg.png') no-repeat 0 0;
  color: #fff;
  height: 50px;
  overflow: hidden;
  padding: 5px;
  position: absolute;
  right: 10px;
  top: 12px;
  width: 290px;
}

#login_box a {
  color: #ffea00;
}

#login_box input[type='text'], #header #login_box input[type='password'] {
  background: url('images/sprite.png') no-repeat 0 -21px;
  border: 0;
  color: #999;
  float: left;
  height: 23px;
  line-height: 20px;
  margin: 0;
  margin-left: 7px;
  padding: 0;
  padding-left: 5px;
  width: 128px;
}

#login_text {
  margin-left: 10px;
}

#login_text a {
  color: #fff;
  line-height: 28px;
}

input[type='submit'] {
  background: url('images/sprite.png') no-repeat 0 0;
  border: 0;
  color: #000;
  cursor: hand;
  cursor: pointer;
  font-size: 10px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  width: 80px;
}

input[type='submit']:hover {
  background: url('images/sprite.png') no-repeat -80px 0px;
}

#login_box input[type='submit'] {
  margin-right: 10px;
  margin-top: 5px;
}

#nav {
  height: 40px;
  width: 100%;
}

#nav_left {
  background: url('images/sprite.png') no-repeat -162px 0px;
  float: left;
  height: 40px;
  width: 20px;
}

#nav_right {
  background: url('images/sprite.png') no-repeat -182px 0px;
  float: right;
  height: 40px;
  width: 20px;
}

#nav > ul {
  background: url('images/nav_bg.png') repeat-x;
  float: left;
  height: 40px;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 920px;
}

#nav > ul > li {
  float: left;
  position: relative;
  z-index: 9999;
}

#nav > ul > li > a {
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: bold;
  height: 40px;
  line-height: 32px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
}

#nav > ul > li > a:hover, #nav > ul > li:hover > a {
  background: url('images/nav_hover.png') repeat-x;
  color: #002843;
  height: 32px;
}

#nav > ul > li.split {
  background: url('images/sprite.png') no-repeat -203px 0px;
  height: 30px;
  width: 2px;
}

#nav > ul > li:hover > ul, ul.games_thumb li a:hover span {
  display: block;
}

#nav > ul > li > ul {
  background: #0087ca;
  display: none;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 10px;
  padding-bottom: 0px;
  position: absolute;
  top: 33px;
  width: 300px;
  z-index: 9999;
}
#nav > ul > li:hover > div {
	display: block;
}
#nav > ul > li > div {
  display: none;
  background: #0087ca;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 10px;
  padding-bottom: 0px;
  position: absolute;
  top: 33px;
  width: 120px;
  z-index: 9999;
}
#nav > ul > li > div > ol {
	margin: 0;
	padding: 0;
	margin-left: 20px;
	margin-bottom: 10px;
}
#nav > ul > li > div > ol > li {
	color: #fff;
	line-height: 20px;
}
#nav > ul > li > div > ol > li > a {
	color: #fff;
}
#nav > ul > li > ul > li {
  float: left;
  width: 100px;
}

#nav > ul > li > ul > li > a {
  color: #fff;
  display: block;
  height: 20px;
  padding-left: 5px;
  width: 100px;
}

#site_content {
  margin: 5px auto;
  margin-top: 5px;
  width: 940px;
}

#first_col {
  float: left;
  margin-right: 15px;
  width: 160px;
}

#second_col {
  float: left;
  margin-right: 15px;
  width: 300px;
}

#third_col {
  float: right;
  width: 450px;
}

.blue_box, .green_box {
  margin-bottom: 10px;
  position: relative;
  width: 100%;
}

.blue_box h2, .green_box h2 {
  background: url('images/blue_header.gif') repeat-x;
  color: #fff;
  font-size: 10px;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  padding-left: 15px;
  text-transform: uppercase;
}

.green_box h2 {
  background: url('images/green_header.gif') repeat-x;
  color: #000;
  font-size: 12px;
}

.blue_box .box_content, .green_box .box_content {
  border: 1px solid #d8d8d8;
  border-top: none;
  padding: 10px;
  padding-right: 9px;
}

.blue_box > .corner > .top_left, .green_box > .corner > .top_left {
  background: url('images/sprite.png') no-repeat -226px 0px;
  height: 30px;
  left: 0;
  position: absolute;
  top: 0;
  width: 10px;
}

.green_box > .corner > .top_left {
  background: url('images/sprite.png') no-repeat -206px 0px;
}

.blue_box > .corner > .top_right, .green_box > .corner > .top_right {
  background: url('images/sprite.png') no-repeat -236px 0px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
}

.green_box > .corner > .top_right {
  background: url('images/sprite.png') no-repeat -216px 0px;
}

.blue_box > .corner > .bot_right, .green_box > .corner > .bot_right {
  background: url('images/sprite.png') no-repeat -236px -30px;
  bottom: 0;
  height: 10px;
  position: absolute;
  right: 0;
  width: 10px;
}

.blue_box > .corner > .bot_left, .green_box > .corner > .bot_left {
  background: url('images/sprite.png') no-repeat -226px -30px;
  bottom: 0;
  height: 10px;
  left: 0;
  position: absolute;
  width: 10px;
}

ul.games_thumb, ul.games_list {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.games_thumb li {
  float: left;
  height: 85px
  overflow: hidden;
  margin-bottom: 5px;
  margin-left: 2px;
  margin-right: 6px;
  position: relative;
  width: 85px;
}

ul.games_thumb li img {
  border: 1px solid #4d4d4d;
}

ul.games_thumb li a span {
  background: url('images/game_name_bg.png');
  bottom: 2px;
  color: #fff;
  display: none;
  font-size: 10px;
  height: 30px;
  left: 2px;
  line-height: 13px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  width: 85px;
}

ul.games_list li {
  border-bottom: 1px dashed #d8d8d8;
  float: left;
  margin-bottom: 10px;
  padding-bottom: 10px;
  width: 425px;
}

ul.games_list li a {
  cursor: hand;
  cursor: pointer;
  text-decoration: none;
}

ul.games_list li:hover {
  background: #f3faff;
}

ul.games_list li div.game_image {
  float: left;
  margin-right: 10px;
  position: relative;
}
ul.games_list li div.game_image div.new {
	position: absolute;
	left: -10px;
	top: -10px;
	background: url('images/new.png') no-repeat;
	width: 55px;
	height: 62px;
}
ul.games_list li div.game_image img {
  border: 2px solid #eee2e2;
}

ul.games_list li div.game_desc {
  height: 100px;
  overflow: hidden;
}

ul.games_list li div.game_desc h3 {
  color: #cc1400;
  font-size: 14px;
  margin: 0;
  padding: 0;
}

ul.games_list li div.game_desc p {
  color: #767676;
  line-height: 16px;
  margin: 0;
  margin-top: 3px;
  padding: 0;
  text-align: justify;
}

ul.paging_list {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.paging_list li {
  float: left;
  margin-right: 3px;
}

ul.paging_list li a {
  background: url('images/sprite.png') no-repeat -226px -45px;
  color: #000;
  display: block;
  font-siz: 10px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-align: center;
  width: 20px;
}

ul.paging_list li.current a {
  background: url('images/sprite.png') no-repeat -205px -45px;
  color: #fff;
}

#footer {
  background: #e9e9e9;
  padding: 15px;
  position: relative;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}

#footer > .corner > .top_left {
  background: url('images/sprite.png') no-repeat -216px -30px;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 5px;
}

#footer > .corner > .top_right {
  background: url('images/sprite.png') no-repeat -221px -30px;
  height: 5px;
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
}

#footer > .corner > .bot_right {
  background: url('images/sprite.png') no-repeat -221px -35px;
  bottom: 0;
  height: 5px;
  position: absolute;
  right: 0;
  width: 5px;
}

#footer > .corner > .bot_left {
  background: url('images/sprite.png') no-repeat -216px -35px;
  bottom: 0;
  height: 5px;
  left: 0;
  position: absolute;
  width: 5px;
}

#footer a {
  color: #02629e;
}

.normal_input {
  background: url('images/sprite.png') no-repeat 0px -45px;
  height: 24px;
  margin-top: 5px;
  position: relative;
  width: 204px;
}

.normal_input input {
  background: none;
  border: none;
  color: #4e4e4e;
  font-size: 11px;
  height: 20px;
  left: 8px;
  line-height: 20px;
  position: absolute;
  top: 0px;
  width: 185px;
}