@charset "utf-8";
/* CSS Document */

HTML {
	overflow:auto; /*fix IE7 Error*/
	scrollbar-face-color: #13171c;
	scrollbar-arrow-color: #4c5a6b;
	scrollbar-highlight-color: #4c5a6b;
	scrollbar-3dlight-color: #13171c;
	scrollbar-shadow-color: #4c5a6b;
	scrollbar-darkshadow-color: #13171c;
	scrollbar-track-color: #2c3745;
}

A:link { color:#00fff0; text-decoration:none; } 
A:visited { color:#00fff0; text-decoration:none; }  
A:hover { color:#00fff0; text-decoration:none; } 
A:active { color:#00fff0; text-decoration:none; }

IMG { border:0; }
body {
	background-image:url(../images/index/bg_crimecraft.jpg);
	background-color: #000;
	background-position:center top;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	font-family:"verdana", Arial, Helvetica;
	font-size:12px;
}

#wrapContainer{ /* top fix under branding bar */
	width:100%;
	height:auto;
	position:absolute;
	top:40px;
	left:0px;
	z-index:6;
	padding:0px;
}
#wrap {
	margin:0px auto;
	width:988px;
	height:auto;
	position:relative;
}

#TopContainer { width:100%; height:auto; margin:0px; padding:0px; position:relative; }
#TopBanner { width:100%; height:auto; margin:0; float:left; }

#FBContainer { width:100%; height:auto; position:absolute; top:51px; left:0; z-index:99; }
#FBContainer DIV.wrapper { width:988px; height:28px; position:relative; margin:0 auto; padding:0; }
#FBContainer DIV.wrapper DIV.itemContainer { width:560px; height:28px; position:absolute; top:0; right:0; z-index:9999; }
#FBContainer DIV.wrapper DIV.itemContainer DIV.btn { width:161px; height:28px; margin:0 8px 0 0; padding:0; float:right; }
#FBContainer DIV.wrapper DIV.itemContainer DIV.text { width:auto; height:auto; margin:3px 3px 0 0; padding:4px 8px; color:#003399; float:right; font-weight:bold; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#FFF; behavior:url(../scripts/PIE.htc);  }
#FBContainer DIV.icon { width:auto; height:28px; margin:0; float:right; }


#FBContainer2 { width:100%; height:auto; position:absolute; top:51px; left:0; z-index:99; }
#FBContainer2 DIV.wrapper { width:988px; height:28px; position:relative; margin:0 auto; padding:0; }
#FBContainer2 DIV.wrapper DIV.itemContainer { width:988px; height:28px; position:absolute; top:0; right:0; z-index:9999; }
#FBContainer2 DIV.wrapper DIV.itemContainer DIV.btn { width:161px; height:28px; margin:0 8px 0 0; padding:0; float:right; }
#FBContainer2 DIV.wrapper DIV.itemContainer DIV.text { width:auto; height:auto; margin:3px 3px 0 0; padding:4px 8px; color:#003399; float:right; font-weight:bold; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#FFF; behavior:url(../scripts/PIE.htc);  }
#FBContainer2 DIV.icon { width:auto; height:28px; margin:0; float:right; }


#RegBtnContainer { width:206px; height:70px; position:absolute; top:240px; left:20px; }
#ContentContainer { width:100%; height:auto; margin:0px; padding:15px 0px 0px 0px; float:left; }

/********************************* fixed *************************************************************************************************************************/
#LeftContent { width:227px; height:auto; margin:0px; padding:0px; float:left; }
#LeftContent DIV.blank { width:100%; height:15px; float:left; }
#LeftContent .bannerCont { width:227px; height:422px; margin:0; padding:0; float:left; background:#333; }
#LeftContent .bannerCont .banner { width:227px; height:400px; margin:0; padding:0; background:url(../images/banner/20131213_Side_TOA.jpg) 0 0 no-repeat; float:left; }
#LeftContent .bannerCont .banner A { width:227px; height:400px; margin:0; padding:0; background:url(../images/banner/20131213_Side_TOA.jpg) 0 0 no-repeat; display:block; }
#LeftContent .bannerCont .banner A:hover { background:url(../images/banner/20131213_Side_TOA.jpg) 100% 0 no-repeat; }
/****************************************************************************************************************************************************************/

#EventBanner { width:100%; height:auto; background-image:url(../images/index/bg_contents.gif); float:left; }
#EventBanner DIV.image { width:223px; height:122px; margin:0px 2px; }
#EventBanner DIV.image IMG { border:0px; background-color:#000; }
#EventBanner DIV.bannerCounts { width:100%; height:27px; margin:0px; background-color:#000; -moz-opacity:0.7; opacity: 0.7; filter: alpha(opacity=70); }
#EventBanner DIV.bannerCounts DIV.count { width:27px; height:22px; margin:5px 0px 0px 0px; float:right; }

#CenterContent { width:512px; height:auto; margin:0px 0px 0px 11px; padding:0px; float:left; }

#Gamelist { width:100%; height:auto; background-image:url(../images/index/bg_contents.gif); float:left; }
#Gamelist DIV { margin:0px; padding:0px; float:left; }
#Gamelist DIV.listContainer { width:256px; height:100px; }
#Gamelist DIV.listContainer A { width:256px; height:100px; display:block; position:absolute; z-index:800; }
#Gamelist DIV.listContainer DIV.promotionFlag { width:152px; height:auto; margin:62px 10px 0px 0px; float:right; }
#Gamelist DIV.listContainer DIV.promotionFlag DIV.arrow { width:17px; height:17px; float:right; }
#Gamelist DIV.listContainer DIV.promotionFlag DIV.title { width:auto; max-width:135px; height:auto; text-align:right; float:right; }
#Gamelist DIV.listContainer DIV.promotionFlag DIV.title DIV.text { padding:2px 4px; font-size:10px; font-family:Arial, Helvetica, sans-serif; }

#RightContent { width:227px; height:auto; margin:0px 0px 0px 11px; padding:0px; float:left; }
#BtnGateway { width:100%; height:auto; float:left; }
#RightContent DIV.blank { width:100%; height:15px; float:left; }

#LatestNews { width:100%; height:auto; float:left; background-image:url(../images/index/bg_contents.gif); }
.newsTitle { font-size:10px; font-weight:bold; vertical-align: middle; color:#CCCCCC; background-image:url(../images/index/btn_arrowopen.png); background-repeat: no-repeat; height:25px; line-height: 25px; padding-left: 19px; margin:0px; cursor: pointer; }
.newsTitle:hover { background-image:url(../images/index/btn_arrowclose.png); background-repeat: no-repeat; color:#0099FF; }
.newsTitle-active { background-image:url(../images/index/btn_arrowclose.png); background-repeat: no-repeat; color:#0099FF; }
.newsContent { font-size:10px; color:#CCCCCC; vertical-align:top; height:120px; overflow: hidden; }
DIV.newsContent P{ padding:0px; margin: 5px 0px; }
DIV.newsContent A { color:#00FFFF; }
DIV.newsContent A:hover { color:#66FFFF; text-decoration:underline; }

/********************************* fixed *************************************************************************************************************************/
.contentsTitle {
	background-image:url(../images/index/bg_title_02.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:22px;
	float:left;
}
/********************************* fixed *************************************************************************************************************************/
/********************************* fixed *************************************************************************************************************************/
.contentsTitle IMG { margin: 6px 12px 0; }
/********************************* fixed *************************************************************************************************************************/

.contentReflect {
	background-image:url(../images/index/bg_contentReflect.png);
	background-repeat:repeat-x;
	width:100%;
	height:33px;
	float:left;
	margin:1px 0px 0px 0px;
}

.gamelistEventYellow {
	background-color:#ffb400; 
	padding:0px 5px; 
	text-align:right; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight:bold; 
	color:#FFFFFF;
}
.gamelistEventBrown {
	background-color:#23120c; 
	padding:0px 5px; 
	text-align:right; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight:bold; 
	color:#FFFFFF;
}

.gamelistEventRed {
	background-color:#ff0024; 
	padding:0px 5px; 
	text-align:right; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight:bold; 
	color:#FFFFFF;
}
.gamelistEventBlue {
	background-color:#0090ff; 
	padding:0px 5px; 
	text-align:right; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight:bold; 
	color:#FFFFFF;
}
.gamelistEventGreen {
	background-color:#57cd00; 
	padding:0px 5px; 
	text-align:right; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight:bold; 
	color:#FFFFFF;
}
.gamelistEventBlack {
	background-color:#000000; 
	padding:0px 5px; 
	text-align:right; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight:bold; 
	color:#FFFFFF;
}

#Footer { width:988px; height:78px; float:left; color:#666666; background-image:url(../images/index/mc_footerline.png); background-repeat:no-repeat; }
#Footer DIV { margin:0px; padding:0px; float:left; }
#Footer DIV.gravityLogo { width:150px; height:41px; margin:16px 0px 0px 50px; }
#Footer DIV.copyright { width:560px; height:41px; margin:11px 0px 0px 0px; text-align:center; }
#Footer DIV.wpBlog { width:150px; height:59px; margin:8px 0px 0px 50px; }
#Footer A { color:#CCCCCC; }
#Footer A:hover { color:#999999; text-decoration:underline; }
#Footer A:active,
#Footer A:link,
#Footer A:visited { color:#666666; }


/*------------------ End Content ----------------------*/

.leightbox {
	margin: 80px auto;
	display: none;
	position: relative;	
	width: 730px;
	height: 650px;
	background-color: transparent;	
	z-index:1001;
	overflow: auto;	
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#000000;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}