@import url("layout.css");
@import url("menu.css");
@import url("content.css");
@import url("lightbox.css");









*{
	margin: 0;
	padding: 0;
}
body{
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	color: #fdfbfb;
}
a{
	text-decoration: none;
}
img{
	border: none;
	vertical-align: bottom;
}
form{
	display: inline;

}
/* content title */
h3{
	text-align: center;
	padding: 11px 0 0 0;
	font-size: 13px;
}
.clear{
	clear: both;
	font-size:0px;
}
.left{
	float: left;
}
.right{
	float: right;
}
.outer{
	width: 979px;
	margin: 0px auto;
	background: url("../images/bg_content.png") left top repeat-y;
}
/* -------------------- header 
--------------------------------- */
.header{
	background: url('../images/header_login.png') left top no-repeat;
	height: 60px;
}
.login{
	float: right;
	padding: 2px 15px 0 0;
}
.login input{
	vertical-align: top;
	font-size: 11px;
	border: none;
	float: left;
}
.login a{
	float: left;
}
.login input.username{
	margin: 3px 110px 0 0;
	width:130px;
}
.login input.password{
	margin: 3px 7px 0 0;
	width: 128px;
}
.button_login{
	background: url("../images/button_login") left top no-repeat;
	width: 98px;
	height: 21px;
	display: block;
	cursor: pointer;	
}
.button_login:hover{
	background: url("../images/button_login") left bottom no-repeat;
	height: 21px;
}
.logout{
	background: url("../images/bg_logout.png") 14px top no-repeat;
	height: 24px;
}
.logout div{
	float: left;
	padding:3px 0 0 130px;
	font-size: 14px;
}
.logout a{
	float: right;
	padding: 0 15px 0 0;
	margin: 2px 0 0 0;
}
.button_logout{
	background: url("../images/button_logout") left top no-repeat;
	width: 98px;
	height: 21px;
	display: block;
}
.button_logout:hover{
	background: url("../images/button_logout") left bottom no-repeat;
	height: 21px;
}
.container{
	background: url("../images/bg_top_menu.png") left top no-repeat;
	clear: both;
	padding:0 0 0 14px;
}
.date{
	clear: both;
	text-align: center;
	font-size: 13px;
	padding: 7px 0 2px 0;
	_padding: 4px 0 1px 0;
}
	
.top_banner{
	background: url("../images/bg_top_banner.png") left top no-repeat;
	width: 574px;
	height:168px;
	float: left;
	text-align: center;
	padding:13px 0 0 0;
}
.top_link{
	background: url("../images/bg_top_link.png");
	width: 193px;
	height: 181px;
	float: left;
}

/* ------------------------- left side, content, right side
--------------------------- */
.content{
	clear: both;
}
.left_side, .middle_side, .right_side{
	float: left;
}
.left_side{
	width:250px;
	padding:0 0 0 2px;
}
.right_side{
	width:250px;
	padding:0 2px 0 0;
}
.tab_title_left_first, .tab_title_left, .tab_title_right_first, .tab_title_right{
	text-align: center;
	padding: 15px 0 0 0;
	font-size: 12px;
	font-weight: bold;
}
.tab_title_left_first{
	background: url("../images/tab_top_left.jpg") left top no-repeat;
	height: 28px;
}
.tab_title_left{
	background: url("../images/tab_title_left.jpg") left top no-repeat;
	height: 21px;
}
.tab_content_left{
	background: url("../images/tab_content_left.jpg") left top repeat-y;
	padding:1px 0 1px 14px;
}
.tab_bottom_left{
	background: url("../images/tab_bottom_left.jpg") left top no-repeat;
	height: 6px;
	font-size: 0px;
}
.tab_title_right_first{
	background: url("../images/tab_top_right.jpg") left top no-repeat;
	height: 28px;
}
.tab_title_right{
	background: url("../images/tab_title_right.jpg") left top no-repeat;
	height: 21px;
}
.tab_content_right{
	background: url("../images/tab_content_right.jpg") left top repeat-y;
	padding: 1px 0 1px 7px;
}
.tab_bottom_right{
	background: url("../images/tab_bottom_right.jpg") left top no-repeat;
	height: 6px;
	font-size: 0px;
}
/* content */
.middle_side{
	width:448px;
	background: url("../images/content_repeat.jpg") left top repeat-y;
}
.middle_content{
	padding: 10px;
}
.middle_top{
	background: url("../images/content_top.jpg") left top no-repeat;
	height: 43px;
}
.middle_bottom{
	background: url("../images/content_bottom.jpg") left top no-repeat;
	height: 7px;
	font-size:0px;
	clear: both;
}
.middle_bottom_b{
	background: url("../images/content_top.jpg") left -7px no-repeat;
	height: 31px;
}
/* index */
.one_headline{
	clear: both;
	margin: 5px 0 0px 0;
	padding:7px;
	background: #d7d7d7;
	color: #000;
}
.one_headline img{
	float: left;
	margin-right: 7px;
}
.one_headline h2{
	font-size:12px;
	margin:0px;
	padding:10px 0 5px 0;
	color: #000;
}
.one_headline span{
	color: #d10000;
}
.one_headline p{
	color: #000;
}
/* register */
.register_form{
	padding: 20px 0 20px 0;
}
.register_form div{
	width: 320px;
	text-align: right;
	padding: 0 0 3px 0;
}
.register_form div.advcat select{
	width: 145px;
}
.register_form div span{
	font-style:italic;
}
.register_form div input{
	vertical-align: middle;
}
.reg_button{
	background: url("../images/bg_button.png") left top no-repeat;
	width: 85px;
	height: 22px;
	border: none;
	color: #FFF;
	cursor: pointer;
	margin: 0 0 0 176px;
}

/* table */
.list{
	font-size:11px;
	border-left: 1px solid #9F9F9F;
	border-top: 1px solid #9F9F9F;
	background-color:#ffffff;
	color:#4d4d4d;
	width:427px;
}
.list#list_small{
	width:345px;
}
.list tr th{
	background-color: #D5D5D5;
	font-weight: bold;
	border-right: 1px solid #9F9F9F;
	border-bottom: 1px solid #9F9F9F;
	line-height: 18px;
}
.list tr td{
	border-right: 1px solid #9F9F9F;
	border-bottom: 1px solid #9F9F9F;
	padding-left: 10px;
	padding:2px;
}
.list tr td a{text-decoration: none;}
.list tr td select{
	font-size:11px;
	padding:0;
	margin:0;
}
.row1{background-color: #F1F1F1;}

.vip_request{
	padding: 20px 0 0 50px;
}
.vip_request textarea{
	width:340px;
	height:150px;
	margin-bottom: 5px;
}
.vip_request div{
	padding:0 35px 0 0;
	text-align: right;
}
.button{
	background: url("../images/bg_button.png") left top no-repeat;
	width: 85px;
	height: 22px;
	border: none;
	color: #FFF;
	cursor: pointer;
}
.delete{
	background: url("../images/del.png") left top no-repeat;
	border: none;
	width:22px;
	height:22px;
	cursor: pointer;
}
/* championship */
.champ{
	border:1px solid #646464;
	width:152px;
}
.champmembers{
	padding:5px 10px 5px 30px;
}
.champli{
	margin:15px 0;
}
.champli span{}
.champli input{
	float:right;
}
.champli_select{
 	border: 1px solid black;
	font-size: 11px;
	margin:0 0 0 5px;
}
.offline{
	color:red;
}
.online{
	color:#26cc1e;
}
.request_summary{
	text-align: center;
}
.request_summary div{
	border: 1px solid red;
}

/* ------------------------- footer
--------------------------- */
.footer{
	background: url("../images/footer.png") left top no-repeat;
	height: 115px;
	clear: both;
}
.cards{
	padding: 5px 0 0 340px;
	
}
.footer div{
	clear: both;
}
.footer div a img{
	float: left;
	margin:44px 0 0 80px;
}
.footer ul{
	float: right;
	padding:52px 55px 0 0;
}
.footer ul li{
	display: block;
	float: left;
	padding:0 20px 0 0;
}
.footer ul li a{
	display: block;
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
	height:16px;
}
.footer ul li a#policy{
	background-image: url("../images/footer_menu_policy.png");
	width: 151px;
}
.footer ul li a#terms{
	background-image: url("../images/footer_menu_terms.png");
	width: 136px;
}
.footer ul li a#rules{
	background-image: url("../images/footer_menu_rules.png");
	width: 120px;
}
.footer ul li a#conditions{
	background-image: url("../images/footer_menu_conditions.png");
	width: 192px;
}
.footer ul li a:hover{
	background-position: left bottom;
}


/* ------------------------------------------------------------------------ Menu
-------------------------------------------------------------------------------------- */
/* top menu */
ul#navmenu{
	padding: 0 0 0 7px;
}
ul#navmenu li{
	display: block;
	float: left;
	position: relative;
}
ul#navmenu li a{
	display: block;
	float: left;
}
ul#navmenu li a#xbox360, ul#navmenu li a#wii, ul#navmenu li a#ps3, ul#navmenu li a#pc, ul#navmenu li a#home, ul#navmenu li a#register, ul#navmenu li a#forum, ul#navmenu li a#arenas, ul#navmenu li a#mynexsgen{
	line-height: 28px;
	background-position: left top;
	background-repeat: no-repeat;
}
ul#navmenu li a:hover#xbox360, ul#navmenu li a:hover#wii, ul#navmenu li a:hover#ps3, ul#navmenu li a:hover#pc, ul#navmenu li a:hover#home, ul#navmenu li a:hover#register, ul#navmenu li a:hover#forum, ul#navmenu li a:hover#arenas, ul#navmenu li a:hover#mynexsgen{
	background-position: left bottom;
}
ul#navmenu li a#xbox360{
	background-image: url("../images/menu_xbox360.png");
	width:123px;
}
ul#navmenu li a#wii{
	background-image: url("../images/menu_wii.png");
	width:53px;
}
ul#navmenu li a#ps3{
	background-image: url("../images/menu_ps3.png");
	width:66px;
}
ul#navmenu li a#pc{
	background-image: url("../images/menu_pc.png");
	width:44px;
}
ul#navmenu li a#home{
	background-image: url("../images/menu_home.png");
	width:90px;
}
ul#navmenu li a#register{
	background-image: url("../images/menu_register.png");
	width:133px;
}
ul#navmenu li a#forum{
	background-image: url("../images/menu_forum.png");
	width:103px;
}
ul#navmenu li a#arenas{
	background-image: url("../images/menu_arenas.png");
	width:129px;
}
ul#navmenu li a#mynexsgen{
	background-image: url("../images/menu_mynexsgen.png");
	width:175px;
}

ul#navmenu ul {
  width: 171px;
  display: none;
  position: absolute;
  top: 28px;
  left: 0;
}
ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
ul#navmenu ul li {
  width: 171px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}
/* Root Menu */
ul#navmenu a {
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  height: auto !important;
  height: 1%; /*For IE*/
}
/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #d33e3d;
  filter: alpha(opacity=87.0); 
  opacity: 0.87;
  padding: 3px 8px 3px 8px;
  color: #FAF9F9;
  font-size:12px;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px solid #000;
}

ul#navmenu li ul li a#members, ul#navmenu li ul li a#results, ul#navmenu li ul li a#live, ul#navmenu li ul li a#upcoming, ul#navmenu li ul li a#joined, ul#navmenu li ul li a#vip, ul#navmenu li ul li a#archive, ul#navmenu li ul li a#profile, ul#navmenu li ul li a#join, ul#navmenu li ul li a#hosting{
	background-position: left top;
	background-repeat: no-repeat;
}
ul#navmenu li ul li a:hover#members, ul#navmenu li ul li a:hover#results, ul#navmenu li ul li a:hover#live, ul#navmenu li ul li a:hover#upcoming, ul#navmenu li ul li a:hover#joined, ul#navmenu li ul li a:hover#vip, ul#navmenu li ul li a:hover#archive, ul#navmenu li ul li a:hover#profile, ul#navmenu li ul li a:hover#join, ul#navmenu li ul li a:hover#hosting{
	background-position: left bottom;
}
ul#navmenu li ul li a#members{
	background-image: url("../images/submenu_members.png");
}
ul#navmenu li ul li a#results{
	background-image: url("../images/submenu_results.png");
}
ul#navmenu li ul li a#live{
	background-image: url("../images/submenu_live.png");
}
ul#navmenu li ul li a#upcoming{
	background-image: url("../images/submenu_upcoming.png");
}
ul#navmenu li ul li a#joined{
	background-image: url("../images/submenu_joined.png");
}
ul#navmenu li ul li a#vip{
	background-image: url("../images/submenu_vip.png");
}
ul#navmenu li ul li a#archive{
	background-image: url("../images/submenu_archive.png");
}
ul#navmenu li ul li a#profile{
	background-image: url("../images/submenu_profile.png");
}
ul#navmenu li ul li a#join{
	background-image: url("../images/submenu_join.png");
}
ul#navmenu li ul li a#hosting{
	background-image: url("../images/submenu_hosting.png");
}


/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #FFFFFF;
  filter: alpha(opacity=100.0); 
  opacity: 1.0;
  color: #000;
}
ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 171px;
}
/* Do Not Move */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}
ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}