html{min-height:100%;}
body{
	margin:0;
	background:#fff url(../images/bg-body.gif) no-repeat 50% 100%;
	font:12px "Trebuchet MS", Helvetica, sans-serif;
	color:#404040;
	min-height:100%;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#808080;
	border-bottom:1px dashed #808080;
}
a:hover{border:0;} 
input, textarea, select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
.wrap{
	width:100%;
	overflow:hidden;
}
#wrapper{
	width:940px;
	margin:0 auto;
}
#header{
	height:1%;
	overflow:hidden;
	padding:23px 3px 23px 6px;
}
.logo{
	float:left;
	background:url(../images/logo.gif) no-repeat;
	width: 197px;
	height: 66px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 26px;
}
.logo a{
	display:block;
	height:100%;
}
#header .col-1, #header .col-2,
#header .col-3{float:left;}
#header .col-1{
	width:320px;
	margin-right:42px;
}
#header .search{
	width:100%;
	clear:both;
	font-size:11px;
}
#header .search input,
#header .search span{float:left;}
#header .search input{
	border:0;
	background:none;
    outline: none;
}
#header .search .btn{
	background: url(../images/btn-search.gif) no-repeat;
	width: 18px;
	height: 22px;
	cursor:pointer;
}
#header .search .text{
	background: url(../images/bg-search.gif) no-repeat;
	width: 282px;
	height: 22px;
	padding:0 5px;
}
#header .search .text input{
	width:100%;
	color:#a2a4a4;
	padding:4px 0 3px;
}
#header .search .example{
	font-weight:normal;
	display:block;
	padding:3px 0 0 6px;
}
#header .col-2{
	width:295px;
	margin-right:30px;
}
.inner .col-2{
	padding-top:44px;
	margin-left:-120px;
	position:relative;
	display:inline;
	width:415px !important;
}
#nav{
	width:100%;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0 0 26px;
	font-size:18px;
}
#nav li{
	float:left;
	padding-right:30px;
}
#nav a{
	color:#010000;
	border:0;
	text-decoration:underline;
}
#nav a:hover{text-decoration:none;}
#nav a.back{
	background: url(../images/arrow-back.gif) no-repeat 0 9px;
	padding-left:22px;
}
.inner #nav{padding-bottom:0;}
.tags{
	width:100%;
	list-style:none;
	margin:0;
	padding:3px 0 0;
}
.tags li{
	padding:0 5px 0 0;
	margin-top:-5px;
	display:inline-block;
	vertical-align:bottom;
}
.tags li a{display:block;}
.tags li a:hover{padding-bottom:1px;}
* html .tags li{
	height:1%;
	display:inline;
}
*+html .tags li{
	height:1%;
	display:inline;
}
#header .col-3{
	width:240px;
	margin-top:-7px;
	position:relative;
}
#header .btn-support{
	background: url(../images/btn-support.gif) no-repeat;
	width: 132px;
	height: 45px;
	margin:0 0 0 19px;
	padding:14px 0 0 55px;
	color:#000;
	font-size:14px;
	border:0;
	display:block;
}
#header .btn-support:hover{text-decoration:underline;}
#header .col-3 span,
#sidebar .col-3 span{
	background: url(../images/ill01.gif) no-repeat 0 2px;
	padding-left:40px;
	display:block;
	color:#808080;
	font-size:11px;
}
#main{
	width:100%;
	overflow:hidden;
	padding-bottom:55px;
}
#content{
	float:left;
	width:636px;
	overflow:hidden;
}
#content .game-list{
	list-style:none;
	margin:0;
	padding:0;
	width:660px;
	overflow:hidden;
}
#content .game-list li{
	display:inline-block;
	vertical-align:top;
	width:300px;
	margin:0 5px 20px 0;
	padding:5px;
}
#content .game-list li:hover,
#content .game-list li.hover{
	border:1px solid #f9a400;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding:4px;
	/* cursor:pointer; */
}
#content .game-list li.active{
	border:1px solid #f9a400;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background:#f9a400;
	padding:4px;
}
* html #content .game-list li{
	height:1%;
	display:inline;
}
*+html #content .game-list li{
	height:1%;
	display:inline;
}
#content .game-list .img-holder{
	float:left;
	margin:0 14px 0 0;
	border:5px solid #e7e4de;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	position:relative;
	height: 60px;
	width: 60px;
	text-align: center;
}
.img-trans {
	background-color: #ffffff;
	width: 60px;
	height: 40px;
	filter: alpha(opacity=80);
  	opacity: 0.8;
  	margin: 0 !important;
  	padding-top: 20px;
  	text-align: center;
  	display: none;
}
/*.text-holder p {
	height: 70px;
}*/
#content .game-list .img-holder img{
	float:left;
}
#content .game-list .text-holder{
	height:1%;
	overflow:hidden;
	font-size:11px;
}
#content .game-list li div a{
	color:#00b0f0;
	font-size:16px;
	border-bottom:1px dashed #00b0f0;
    outline: none;
}
#content .game-list li a {
	color:#00b0f0;
	font-size:11px;
	border-bottom:1px solid #00b0f0;
    outline: none;
}
.article {
	border: 0px none !important;
	color: #000 !important;
	font-size: 14px !important;
}
#content .game-list p{
	margin:0;
	padding:6px 0 0;
	line-height:16px;
}
#content .game-list li.active a{
	color:#000;
	border-color:#000;
}
/*#content h2{
	font-size:30px;
	margin:0 0 22px;
	padding-left:6px;
}*/
#content .news{
	list-style:none;
	margin:0;
	padding:0 20px 0 6px;
	height:1%;
	overflow:hidden;
}
#content .news li{
	float:left;
	width:100%;
	padding-bottom:14px;
}
#content .news .data{
	font-style:normal;
	background:#faad00;
	float:left;
	padding:11px 0 9px;
	width:60px;
	color:#fff;
	font-size:10px;
	text-align:center;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	margin-right:20px;
}
#content .news .text-holder{
	height:1%;
	overflow:hidden;
}
#content .news h3{
	margin:0 0 7px;
	font-size:16px;
}
#content .news p{
	margin:0;
	padding:0 0 17px;
	line-height:16px;
}
#content .news a{
	border:0;
	text-decoration:underline;
	color:#2a98b4;
}
#content .news a:hover{text-decoration:none;}
#content .pagenav{
	list-style:none;
	margin:0;
	padding:0 0 0 70px;
	height:1%;
	overflow:hidden;
}
#content .pagenav li{float:left;}
#content .pagenav a{
	color:#2a98b4;
	border:0;
	padding:4px 8px 2px;
	float:left;
}
#content .pagenav a:hover,
#content .pagenav a.active{
	background:#e9e9e9;
	border:1px solid #c0c0c0;
	padding:3px 7px 1px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	color:#000;
}
#content .pagenav .prev{
	text-decoration:underline;
	padding:0;
	background: url(../images/arrow-prev.gif) no-repeat 0 13px;
	padding:5px 10px 0 17px;
}
#content .pagenav .prev:hover{
	padding:5px 10px 0 17px !important;
	background: url(../images/arrow-prev.gif) no-repeat 0 13px;
}
#content .pagenav .next{
	text-decoration:underline;
	padding:0;
	background: url(../images/arrow-next.gif) no-repeat 100% 13px;
	padding:5px 17px 0 10px;
}
#content .pagenav .next:hover{
	padding:5px 17px 0 10px !important;
	background: url(../images/arrow-next.gif) no-repeat 100% 13px;
}

#content .pagenav .no-active .prev{
	text-decoration:none;
	padding:0;
	background: url(../images/arrow-prev-2.gif) no-repeat 0 13px;
	padding:5px 10px 0 17px;
	color:#cacaca;
}
#content .pagenav .no-active .prev:hover{
	padding:5px 10px 0 17px !important;
	background: url(../images/arrow-prev-2.gif) no-repeat 0 13px;
	color:#cacaca;
}
#content .pagenav .no-active .next{
	text-decoration:underline;
	padding:0;
	background: url(../images/arrow-next-2.gif) no-repeat 100% 13px;
	padding:5px 17px 0 10px;
	color:#cacaca;
}
#content .pagenav .no-active .next:hover{
	padding:5px 17px 0 10px !important;
	background: url(../images/arrow-next-2.gif) no-repeat 100% 13px;
	color:#cacaca;
}
#content .pagenav .prev:hover,
#content .pagenav .next:hover{
	border:0;
	text-decoration:none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	color:#2a98b4;
}
#content .pagenav .space{
	color:#2a98b4;
	float:left;
	padding:5px 5px 0;
}
#content .accordion{
	list-style:none;
	margin:0;
	padding:0 20px 0 6px;
	height:1%;
	overflow:hidden;
}
#content .accordion li{
	width:100%;
	float:left;
	padding-bottom:10px;
}
#content .accordion .opener{
	color:#00b0f0;
	font-size:16px;
	border-color:#00b0f0;
	outline:none;
}
#content .accordion .opener:hover,
#content .accordion .ui-state-active{
	color:#000;
	border-bottom:1px dashed #000;
}
#content .accordion .ui-state-active{font-weight:bold;}
#content .accordion .slide{
	width:100%;
	overflow:hidden;
}
#content .accordion .slide .holder{
	padding:17px 0 0;
}
#content .accordion .alignleft{
	float:left;
	margin-right:23px;
	border:0;
}
#content .accordion p{
	margin:0;
	padding-bottom:16px;
}
#content h3{
	font-size:16px;
	margin:0 0 6px 6px;
	color:#000;
}
#content address{
	font-style:normal;
	display:block;
	margin-bottom:15px;
	padding-left:6px;
}
#content .map{
	width:630px;
	overflow:hidden;
	margin:0 0 16px 6px;
}
#content .map img{display:block;}
#content .passage{padding-left:6px;}
#content .passage a{
	color:#00b0f0;
	text-decoration:underline;
	border:0;
}
#content .passage a:hover{text-decoration:none;}
#sidebar{
	float:right;
	width:300px;
	overflow:hidden;
}
#sidebar .container{
	background:#e1decf;
	border:1px solid #aeaeae;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding:14px 16px 24px 19px;
	color:#4c4c4c;
}
#sidebar h2{
	margin:0 0 16px;
	font-size:18px;
	font-weight:normal;
	color:#282929;
}
#sidebar .select-game{
	width:298px;
	overflow:hidden;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border:1px solid #aeaeae;
	text-align:center;
	padding:29px 0 22px;
	color:#000101;
}
#sidebar .select-game strong{
	font-weight:normal;
	font-size:16px;
}
.timecode .btn-list{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
}
.timecode .btn-list li{
	float:left;
	width:100%;
	padding-bottom:5px;
}
.timecode .btn-list a{
	display:block;
	background: url(../images/btn-timecode.gif) no-repeat;
	width: 242px;
	height: 30px;
	overflow:hidden;
	border:0;
	padding:6px 12px 0;
    outline: none;
}
.timecode .btn-list a span{
	color:#00b0f0;
	font-size:14px;
	border-bottom:1px dashed #9addf4;
	cursor:pointer;
}
/* .timecode .btn-list a:hover span, */
.timecode .btn-list li.active a span{
	border:0;
	color:#282929;
}
/* .timecode .btn-list a:hover, */
.timecode .btn-list li.active a{background-position:0 100%;}
.timecode label,
.timecode input{float:left;}
.timecode select,
.timecode .text{float:right;}
.timecode input,
.subscription  input{
	border:0;
	background:none;
}
.timecode .payment{
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
}
.timecode .payment label{
	display:block;
	font-size:14px;
	margin-bottom:11px;
	color:#282929;
}
.timecode .payment select{
	width:263px;
	float:left;
	color:#808080;
	font-style:italic;
}
.timecode .text {
	background: url(../images/bg-text-timecode.gif) no-repeat;
	width: 150px;
	height: 18px;
	padding:2px 5px;
	margin-bottom:7px;
}
.timecode .error {
	background: url(../images/bg-text-timecode-error.gif) no-repeat !important;
}

.timecode .text input{
	width:100%;
	color:#808080;
    outline: none;
}
.timecode .check{
	float:left;
	width:15px;
	height:15px;
	margin:1px 6px 0 0;
}
.timecode label a{
	color:#4c4c4c;
	border-color:#4c4c4c;
}
.timecode .reminder{
	width:100%;
	overflow:hidden;
	padding:5px 0 54px;
}
.timecode .reminder select{
	width:160px;
	font-style:italic;
}
.timecode .submit {
	background: url(../images/btn-timecode2.gif) no-repeat;
	width: 119px;
	height: 37px;
	display:block;
	margin:0 0 0 73px;
	display:inline;
	cursor:pointer;
}
.subscription .text,
.subscription  input{float:left;}
.subscription .text,
#sidebar .help .text{
	background: url(../images/bg-text-subscription.gif) no-repeat;
	width: 251px;
	height: 22px;
	padding:0 5px 0;
}
.subscription .text input,
#sidebar .help .text input{
	width:100%;
	font-style:italic;
	color:#808080;
	padding:3px 0;
}
.subscription .submit{
	background: url(../images/btn-subscription.gif) no-repeat;
	width: 119px;
	height: 36px;
	margin:10px 0 0 70px;
	display:inline;
	cursor:pointer;
}
#sidebar .help label{display:block;}
#sidebar .help input,
#sidebar .help .text{float:left;}
#sidebar .help input{
	border:0;
	background:none;
}
#sidebar .help .text input{font-style:normal;}
#sidebar .help .textarea{
	background: url(../images/bg-textarea.gif) no-repeat;
	width: 251px;
	height: 144px;
	padding:5px;
}
#sidebar .help .textarea textarea{
	max-width: 251px;
	max-height: 144px;
	width: 251px;
	height: 144px;
	border:0;
	background:none;
	overflow:auto;
	color:#808080;
}
#sidebar .help .submit{
	background: url(../images/btn-help.gif) no-repeat;
	width: 120px;
	height: 38px;
	cursor:pointer;
	margin:10px 0 0 70px;
	display:inline;
}
#sidebar .help h2{
	background: url(../images/ico-help.gif) no-repeat;
	padding:0 0 10px 32px;
	margin-bottom:6px;
}
#sidebar .col-3 span{
	margin:20px 0 0 29px;
}
#footer{
	height:1%;
	overflow:hidden;
	padding:0 3px 26px 6px;
}
.logo-holder{
	float:left;
	background: url(../images/bg-logo-holder.gif) no-repeat 100% 0;
	width:340px;
	float:left;
	margin-right:60px;
	padding-bottom:5px;
}
.logo-holder .logo{
	background: url(../images/logo2.gif) no-repeat;
	width: 79px;
	height: 19px;
}
#footer .text-holder{
	float:left;
	color:#000;
	width:255px;
}
#footer .text-holder a{
	text-decoration:underline;
	border:0;
	color:#000;
}
#footer .text-holder a:hover{text-decoration:none;}
#footer address{
	display:block;
	font-style:normal;
	background: url(../images/ill02.gif) no-repeat 0 5px;
	padding-left:20px;
	margin-bottom:16px;
	color:#808080;
}
#footer address span{display:block;}
#footer .agreement{
	float:left;
	background: url(../images/ill03.gif) no-repeat 100% 0;
	padding:0 29px 3px 0;
	margin-top:13px;
}
#footer .ad{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
#footer .ad li{
	float:left;
	margin-left:58px;
	display:inline;
}
.popup {
	padding:95px 0 0;
	background:url(../images/bg-popup-t.png) no-repeat;
	width: 1042px;
}
.popup .b {
	overflow:hidden;
	background:url(../images/bg-popup-b.png) no-repeat;
	height: 94px;
}
.popup .c{
	height:1%;
	padding:0 87px 0 95px;
	background:url(../images/bg-popup-c.png) repeat-y;
}
.popup .c:after{
	content:"";
	display:block;
	clear:both;
}
.popup .content{
	float:left;
	margin:-25px 0;
	color:#4c4c4c;
	position:relative;
}
.popup .content .holder{
	overflow:auto;
	margin-bottom:14px;
}
.popup .content .frame{
	width: 830px;
    border: none;
}
.popup .content h2{
	font-size:30px;
	font-weight:normal;
	margin:0 0 40px;
	color:#000;
}
.popup .content h3{
	font-size:18px;
	margin:0 0 14px;
	font-weight:normal;
}
.popup .content p{
	margin:0 0 10px;
}
.popup .content .close{
	background: url(../images/btn-close.gif) no-repeat;
	width: 120px;
	height: 38px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	border:0;
	margin:0 auto;
}
.warn {
	font-weight: bold; 
}