@charset "utf-8";

/* CSS Document */



/* ------ Structure/universal -------*/

body {

	background:#000000  url(images/bg.png);

	background-position: top center; 

	margin:0 auto;

	width:886px;

	color:#666666;

	font-family: Tahoma, Geneva, sans-serif;

	font-size:11px;

	padding:0;

}

#ticker {

	background:transparent  url(images/header/top_01.png) no-repeat;

	margin:0 auto;

	width:515px;

	height:21px;

}



#time {

	background:transparent  url(images/header/top_02.png) no-repeat;

	width:370px;

	height:21px;

	float:right;

}

#banner {

	background:transparent  url(images/header/banner.png) no-repeat;

	margin:0 auto;

	width:738px;

	height:83px;

}

#nav {

	background:transparent  url(images/header/header_01.png) no-repeat;

	margin:0 auto;

	padding-left:50px;

	width:668px;

	height:15px;

} 

#platforms {

	background:transparent  url(images/header/header_04.png) no-repeat;

	margin:0 auto;

	padding-left:150px;

	width:588px;

	height:29px;

}

#log{

	background:transparent  url(images/header/header_02.png) no-repeat;

	margin:0 auto;

	width:146px;

	height:140px;

}

A:link {

color:#898888;

text-decoration: none;

}

A:visited {

color:#141414;

text-decoration: none;

}

A:hover {

color:#a5a5a5;

}

.sidebar-title {

background:url(images/bars/sbar.png) no-repeat;

width:150px;

height:34px;

}

.sidebar-title1 {

background:url(images/bars/sbar1.png) no-repeat;

width:252px;

height:32px;

}

.sidebar-title2 {

background:url(images/bars/sbar2.png) no-repeat;

width:470px;

height:35px;

}

.sidebar-con {

border: 1px solid #940808;

width:150px;

margin:10px 0 10px 0;

float: right;

}

.sidebar-title-text {

padding: 7px 0 0 6px ;

text-align: left;

font-size: 10px;

font-weight: bold;

}

.login-box {

width:141px;

height:60px;

}

.login-box label{

margin-right: 1em;

}

.login-box A:link {

color:#FFFFFF;

text-decoration: none;

}

.login-box A:visited {

color:#FFFFFF;

text-decoration: none;

}

.login-box A:hover {

color:#a5a5a5;

}

.sbox {

height:14px;

width:140px;

color:#ffffff;

font-size:11px;

float:right;

}

.logbox {

border:0px solid #64676a;

background:transparent  url(images/login.png) no-repeat;

width:115px;

height:21px;

color:#777777;

font-size:10px;

float:left;

}

.logbut {

border:1px solid #64676a;

font-size:11px;

}

.login-submit {

border:1px solid #940808;

background-color: #fff;

color:#000;

font-size:10px;

}

.sbutton{

margin:5px 0 0 0;

}

.button {

background-color:#303030;

color:#ffffff;

font-size:10px;

}

#tab1 {

	background:transparent  url(images/tabs/tabs_01.png) no-repeat;

	width:281px;

	height:151px;

padding-left:20px;

}

#tab2{

	background:transparent  url(images/tabs/tabs_02.png) no-repeat;

	margin:0 auto;

	width:286px;

	height:140px;



}

#tab3{

	background:transparent  url(images/tabs/tabs_03.png) no-repeat;

	margin:0 auto;

	width:282px;

	height:140px;

	padding-right:15px;

}

#nmem{

	background:transparent  url(images/lay3/lay3_01.png) no-repeat;

	margin:0 auto;

	width:636px;

	height:73px;

}

#stat{

	background:transparent  url(images/lay3/lay3_02.png) no-repeat;

	margin:0 auto;

	width:248px;

	height:42px;

}

#stat .stat {

	float:right;

	width:248px;

	height:42px;

}

#stat .stat h4 {

	padding:0;

	padding-top:2px;

	margin:0;

}

#bar1{

	background:transparent  url(images/lay3/lay3_03.png) no-repeat;

	margin:0 auto;

	width:248px;

	height:31px;

}

.news {

padding:10px;

color:#4e4d4e;

}

#footer{

	background:transparent  url(images/footer.png) no-repeat;

	margin:0 auto;

	width:884px;

	height:32px;

}

#footer ul {

margin:0;

padding:0;

}

#footer ul li {

margin:0;

padding:0;

list-style-type:none;

display:inline;

}

#footer .left {

float:left;

padding-left:20px;

}

#footer .right {

float:right;

padding-right:20px;

}

#featured{ 

	width:370px; 

	position:relative; 

	border:5px solid #ccc; 

	height:250px; 

	background:#fff;

	float:left;

	z-index:50;

}

#featured ul.ui-tabs-nav{ 

	position:absolute; 

	top:0; 

	left:370px; 

	list-style:none; 

	padding:0; margin:0; 

	width:240px; 

}

#featured ul.ui-tabs-nav li{ 

	padding:1px 0; 

	padding-left:13px;  

	font-size:12px; 

	color:#666; 

}

#featured ul.ui-tabs-nav li img{ 

	float:left; margin:2px 5px; 

	background:#fff; 

	padding:2px; 

	border:1px solid #eee;

}

#featured ul.ui-tabs-nav li span{ 

	font-size:11px; font-family:Verdana; 

	line-height:18px; 

}

#featured li.ui-tabs-nav-item a{ 

	display:block; 

	height:60px; 

	color:#333;  background:#fff; 

	line-height:20px;

}

#featured li.ui-tabs-nav-item a:hover{ 

	background:#f2f2f2; 

}

#featured li.ui-tabs-selected{ 

	background:url('./images/selected-item.gif') top left no-repeat;  

}

#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 

	background:#ccc; 

}

#featured .ui-tabs-panel{ 

	width:370px; 

	height:250px; 

	background:#999; 

	position:relative;

}

#featured .ui-tabs-panel .info{ 

	position:absolute; 

	top:180px; 

	left:0; 

	height:70px; 

	width:370px; 

	background: url('./images/transparent-bg.png'); 

}

#featured .info h2{ 

	font-size:18px; font-family:Georgia, serif; 

	color:#fff; padding:5px; margin:0;

	overflow:hidden; 

}

#featured .info p{ 

	margin:0 5px; 

	font-family:Verdana; font-size:11px; 

	line-height:15px; color:#f0f0f0;

}

#featured .info a{ 

	text-decoration:none; 

	color:#fff; 

}

#featured .info a:hover{ 

	text-decoration:underline; 

}

#featured .ui-tabs-hide{ 

	display:none; 

}



ul.tabs {

	margin: 0;

	padding: 0;

	float: left;

	list-style: none;

	height: 32px; /*--Set height of tabs--*/

	border-bottom: 1px solid #999;

	border-left: 1px solid #999;

	width: 100%;

}

ul.tabs li {

	float: left;

	margin: 0;

	padding: 0;

	height: 31px; /*--Subtract 1px from the height of the unordered list--*/

	line-height: 31px; /*--Vertically aligns the text within the tab--*/

	border: 1px solid #999;

	border-left: none;

	margin-bottom: -1px; /*--Pull the list item down 1px--*/

	overflow: hidden;

	position: relative;

	background: #e0e0e0;

}

ul.tabs li a {

	text-decoration: none;

	color: #000;

	display: block;

	font-size: 1.2em;

	padding: 0 20px;

	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/

	outline: none;

}

ul.tabs li a:hover {

	background: #ccc;

}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/

	background: #fff;

	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/

}



.tab_container {

	border: 1px solid #999;

	border-top: none;

	overflow: hidden;

	clear: both;

	float: left; width: 100%;

	background: #fff;

}

.tab_content {

	padding: 20px;

	font-size: 1.2em;

}