@charset "utf-8";
/* module style */
/*	
	@name pop-box
	@author &lt;a href="mailto:dark.gu@gmail.com"&gt;Jeffery Lau&lt;/a&gt;
	@version 2009.09.09
*/
.pop-box {
	background:#fff;
	border:1px solid #d2d2d2;
	line-height:22px;
	position:relative;
	padding:3px;
	width:260px;
	border-radius:5px;
}
.pop-box .pop-box-skin {
	background:#fff;
}
.pop-box .tips {
	display:inline-block;
	text-align:left;
	break-word:break-word;
	word-wrap:break-word;
	word-break:break-all;
	padding:0 5px;
}
.pop-box .arrow {
	display:block;
	height:0;
	line-height:0;
	width:0;
	margin-left:-7px;
	position:absolute;
}
.pop-box .arrow span {
	position:absolute;
}
	/*.arrow-top*/
.pop-box .arrow-top {
	border-right:7px dashed transparent;
	border-bottom:8px solid #d2d2d2;
	border-left:7px dashed transparent;
	top:-8px;
	left:50%;
}
.pop-box .arrow-top span {
	border-right:6px dashed transparent;
	border-bottom:7px solid #fff;
	border-left:6px dashed transparent;
	left:-6px;
	bottom:-8px;
}
	/*.arrow-right*/
.pop-box .arrow-right {
	border-top:7px dashed transparent;
	border-bottom:7px dashed transparent;
	border-left:8px solid #d2d2d2;
	top:12px;
	right:-8px;
	margin:-7px 0 0;
}
.pop-box .arrow-right span {
	border-top:6px dashed transparent;
	border-bottom:6px dashed transparent;
	border-left:7px solid #fff;
	left:-8px;
	bottom:-6px;
}
	/*.arrow-bottom*/
.pop-box .arrow-bottom {
	border-top:8px solid #d2d2d2;
	border-right:7px dashed transparent;
	border-left:7px dashed transparent;
	bottom:-8px;
	left:50%;
}
.pop-box .arrow-bottom span {
	border-right:6px dashed transparent;
	border-top:7px solid #fff;
	border-left:6px dashed transparent;
	left:-6px;
	top:-8px;
}
	/*.arrow-left*/
.pop-box .arrow-left {
	border-top:7px dashed transparent;
	border-right:8px solid #d2d2d2;
	border-bottom:7px dashed transparent;
	top:12px;
	left:-8px;
	margin:-7px 0 0;
}
.pop-box .arrow-left span {
	border-top:6px dashed transparent;
	border-right:7px solid #fff;
	border-bottom:6px dashed transparent;
	right:-8px;
	bottom:-6px;
}
/* -End- pop-box */
/***************************
	@name page-set
	@author &lt;a href="mailto:dark.gu@gmail.com"&gt;Jeffery Lau&lt;/a&gt;
	@version 2009.09.09
 ***************************/
.page-set {
	text-align:center;
	font-family:Georgia,Baskerville,Palatino,Times;
	font-size:14px;
	overflow:hidden;
	clear:both;
}
.page-set li { display:inline;}
.page-set li a {
	background-color:#dfdfdf;
	color:#00D1E3;
	padding:5px;
}
.page-set a:hover ,
.page-set li span {
	background-color:#00D1E3;
	color:#fff;
	padding:5px;
}
.page-set li span {	cursor:default;}


/*	
	@name fm-layout
	@author &lt;a href="mailto:dark.gu@gmail.com"&gt;Jeffery Lau&lt;/a&gt;
	@version 2009.09.10 beta release
*/
	/*layout*/
.fm-layout {
	margin:0 auto;
}
.fm-layout fieldset {
	border:1px solid #dcdcdc;
	margin:15px 0;
	padding:10px;
	position:relative;
}
.fm-layout fieldset legend {
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.fm-layout fieldset .fm-req,
.fm-layout fieldset .fm-opt {
	margin:10px;
	clear:both;
	overflow:hidden;
	position:relative;
}
.fm-layout fieldset label,
.fm-layout fieldset .label {
	cursor:default;
	display:block;
	float:left;
	width:160px;/*120px*/
	text-align:right;
	padding-right:20px;
	position:relative;
	font-family:verdana;
	font-size:14px;
	color:#000;
}
.fm-layout fieldset label strong,
.fm-layout fieldset .label strong {
	color:#f30;
	font-size:120%;
	font-weight:700;
	position:absolute;
	right:10px;
}
.fm-layout fieldset .fm-multi {
	clear:both;
	overflow:hidden;
	zoom:1;
	margin:0;
	padding:0;
}
.fm-layout fieldset .fm-multi label {
	float:none;
	display:inline;
	position:static;
}
.fm-layout fieldset .fm-multi ul {
	float:left;
	list-style:none;
}
.fm-layout fieldset .fm-captcha .captcha-x {
	display:inline;
}
.fm-layout fieldset .fm-captcha .captcha-y {
	margin:5px 0 0 140px;
}
.fm-layout fieldset .fm-captcha img {
	width:80px;
	height:30px;
	vertical-align:middle;
}
.fm-layout .fm-submit {
	margin:10px 0;
	text-align:center;
}
.fm-layout .fm-submit input,
.fm-layout .fm-submit button {
	text-align:center;
	/* -hidden text-
	text-indent:-999em;
	*/
}
.fm-layout .fm-submit .btn {
	margin:5px auto;
	display:inline-block;
	cursor:pointer;
}
	/*element*/
.fm-layout fieldset input,
.fm-layout fieldset textarea {
	border:3px solid #b1b1b1;
	padding:2px;
	color:#b1b1b1;
}
.fm-layout fieldset input {
	width:149px;
	font-size:14px;
}
.fm-layout fieldset textarea {
	width:360px;
	height:100px;
}
.fm-layout fieldset .fm-multi input {
	border:0 none;
	width:auto;
}
.fm-layout fieldset input.size50 {
	width:359px;
}
.fm-layout fieldset input.size3 {
	width:30px;
}
.fm-layout fieldset input.size8 {
	width:60px;
}
	/*hint*/
.fm-layout .hint {
	color:#b1b1b1;
}
.fm-layout .hint-y {
	display:block;
	margin-left:140px;
}

	/*event*/
.fm-layout fieldset .error input {
	background:#ffdfdd;
	border-color:#ff4621;
	color:#ff4621;
}
.fm-layout fieldset .error .hint {
	color:#f30;
}
.fm-layout fieldset .remind input {
	background:#FFFCC7;
	border-color:#F7A900;
	color:#F7A900;
}
.fm-layout fieldset .remind .hint {
	color:#F7A900;
}
.fm-layout fieldset .ok input {
	background:#e9ffcf;
	border-color:#61A216;
	color:#61A216;
}
.fm-layout fieldset .ok .hint {
	color:#61A216;
}
.fm-layout fieldset input:focus,
.fm-layout fieldset input.focus,
.fm-layout fieldset textarea:focus,
.fm-layout fieldset textarea.focus,
.fm-layout fieldset .error input:focus,
.fm-layout fieldset .error input.focus,
.fm-layout fieldset .error textarea:focus,
.fm-layout fieldset .error textarea.focus,
.fm-layout fieldset .remid input:focus,
.fm-layout fieldset .remid input.focus,
.fm-layout fieldset .remid textarea:focus,
.fm-layout fieldset .remid textarea.focus,
.fm-layout fieldset .ok input:focus,
.fm-layout fieldset .ok input.focus,
.fm-layout fieldset .ok textarea:focus,
.fm-layout fieldset .ok textarea.focus {
	background-color:#fff;/*#e2f5ff;*/
	border-color:#00d1e3;
	color:#00d1e3;
}

/* -End- fm-layout */
/*	
	@name slider
	@author &lt;a href="mailto:dark.gu@gmail.com"&gt;Jeffery Lau&lt;/a&gt;
	@version 2011.10.18
*/
.slider {
	position:relative;
	width:100%;
	height:571px;
	margin:-96px auto 0;
	z-index:1;
	background:#333;
	overflow:hidden;
	background-color:#282828;
}
.slider .images {
	position:absolute;
	width:100%;
	background-color:#000;
}
.slider ul li {
	height:492px;
	background-repeat:no-repeat;
	background-position: top center;
	float:left;
	width:100%;
}
.slider ul li .act-play-game {
	display:block;
	height:545px;
	line-height:545;
	width:100%;
	z-index:-1;
	overflow:hidden;
}
.slider .prev,
.slider .next {
	float:left;
	width:17px;
	height:56px;
	text-indent:-999em;
	background:#fff url(../images/icon-slider-controler.png) no-repeat 0 0;
	position:absolute;
	z-index:2;
	top:50%;
	left:10%;
	display:block;
	visibility:hidden;
}
.slider .next {
	float:right;
	background-position: right 0;
	left:inherit;
	right:10%;
}
.slidetabs {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:984px;
	height:79px;
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-487px;
}
.slidetabs a {
	background-color:#3b3b3b;
	float:left;
	width:234px;
	padding:4px;
	margin-left:1px;
	border:0 none;
	
	/*opacity: 0.5;*/
}
.slidetabs a:hover{
	background-color:#535353;
}
.slidetabs a.current {
	background-color:rgba(0,190,219,0.7);
	background:url(../images/bg_current.png) repeat-x;
}
.slidetabs .arrow-top {
	border-bottom:8px solid #00bfdb;
	visibility:hidden;
}
.slidetabs .arrow-top span {
	border-bottom:7px solid #00bfdb;
}
.slidetabs a.current .arrow-top {
	visibility:visible;
}
.icon-avatar {
	background:url(../images/gameIcons.jpg) no-repeat 0 0;
	width:94px;
	height:70px;
	/*border:3px solid #d9d9d9;*/
	float:left;
}
.slidetabs h3,
.slidetabs .desc,
.slidetabs .status {
	color:#0088bb;
	float:left;
	margin-left:4px;
	line-height:18px;
	width:132px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.slidetabs h3 {
	font-size:14px;
	font-weight:bold;
	margin-top:5px;
}
.slidetabs .desc,
.slidetabs .status {
	font-size:10px;
	font-weight:bold;
	color:#AEAEAE;
}
.slidetabs .status {
	/*background-color:#4c4c4c;*/
	height:13px;
	line-height:12px;
	padding:1px 4px 1px 0;
	width:122px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	font-size:10px;
}
.slidetabs .status strong{ font-weight:normal; color:#00ebff; margin-right:3px; }
.slidetabs a.current h3,
.slidetabs a:hover h3 {
	color:#fff;
}
.slidetabs a.current .desc,
.slidetabs a.current .status,
.slidetabs a:hover .desc,
.slidetabs a:hover .status {
	/*background-color:#ff5100;*/
	color:#3aefff;
}
.slidetabs a:hover .status strong,
.slidetabs a.current .status strong{ color:#fff; }
.block-ads .slider {
	height:363px;
	margin:0 auto;
}
/*	
	@name slider > game-intro
	@author &lt;a href="mailto:dark.gu@gmail.com"&gt;Jeffery Lau&lt;/a&gt;
	@version 2012.05.07
*/
.game-intro {
	position:absolute;
	bottom:15px;
	right:40%;
	width:612px;
	z-index:50;
	color:#fff;
	/*text-shadow:5px 5px 5px 5px;*/
}
.game-intro .btn-square { width:220px;}
.game-intro h2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:30px;
}
.game-intro p {
	text-shadow:0 1px 3px rgba(7, 7, 7, 0.75);
	overflow:hidden;
}
/*	
	@name panel login
	@author &lt;a href="mailto:dark.gu@gmail.com"&gt;Jeffery Lau&lt;/a&gt;
	@version 2011.10.19
*/
.panel-login {
	font-family: verdana;
	z-index:500;
	font-weight:normal;
	right:50%;
	top:25px;
}
.panel-login .pop-box { width:370px;}
.panel-login-fm { overflow:hidden;}
.panel-login fieldset label, .panel-login fieldset .label {
    color: #000000;
    font-size: 14px;
	width:100px;
	padding-right:15px;
}
.panel-login fieldset { padding:0; margin:2px 0 0; border-color:#fff;}
.panel-login fieldset div.fm-req, .panel-login fieldset div.fm-opt { width:274px; margin:8px 0;}
.panel-login .fm-submit { width:72px; height:58px; top:0; right:12px;}
.panel-login .fm-submit input {
	width:72px;
	height:58px;
	color:#000;
}
.panel-login fieldset .hint { color:#747474; font-size:11px; text-align:left; margin-left:115px;}
.panel-login fieldset .hint a { margin:0 2px;}
.panel-login fieldset .hint a:hover { color:#00aee0; text-decoration:underline; }
.panel-login ul {
	display:block;
	float:none;
	margin:0 auto;
	padding:0 0 0 22px;
	text-align:center;
	height:45px;
	line-height:45px;
	background-color:#3d3d3d;
	border-width:1px;
	border-style:solid;
	border-color:#fff #838383 #838383;
}
.panel-login ul li {
	float:left;
	font-size:11px;
	height:45px;
	line-height:45px;
	padding:0 5px 0 6px;
	margin:0 0 0 -1px;
}
.panel-login a { padding-bottom:0; border:0 none; color:#00aee0;}
.panel-login a:hover { color:#00aee0;}
/*	
	@name panel signup
	@author &lt;a href="mailto:dark.gu@gmail.com"&gt;Jeffery Lau&lt;/a&gt;
	@version 2012.05.07
*/
.panel-signup {
	font-family: verdana;
	z-index:50;
	font-weight:normal;
	width:720px;
}
.panel-signup .pop-box { width:712px;}
.panel-signup-fm { overflow:hidden;}
.panel-signup fieldset label, .panel-signup fieldset .label {
    color: #000000;
    font-size: 14px;
	width:124px;
	padding-right:15px;
}
.panel-signup fieldset { padding:0; margin:2px 0 0; border-color:#fff;}
.panel-signup fieldset input { width:auto;}
.panel-signup fieldset div.fm-req, .panel-signup fieldset div.fm-opt { margin:8px 0; text-align:left;}
.panel-signup .fm-submit { height:58px; top:0; right:12px;}
.panel-signup .fm-submit input {
	width:72px;
	height:58px;
	color:#000;
}
.panel-signup fieldset .hint, .panel-signup .fm-submit .hint { color:#747474; font-size:11px; text-align:left;}
.panel-signup .fm-submit a.hint:hover { color:#00aee0; }
.panel-signup fieldset .hint a:hover,.panel-signup fieldset a.hint:hover, 
.panel-signup .fm-submit a.hint:hover { text-decoration:underline;}
.panel-signup ul {
	display:block;
	float:none;
	margin:0 auto;
	padding:0 0 0 22px;
	text-align:center;
	height:45px;
	line-height:45px;
	background-color:#3d3d3d;
	border-width:1px;
	border-style:solid;
	border-color:#fff #838383 #838383;
}
.panel-signup ul li {
	float:left;
	font-size:11px;
	height:45px;
	line-height:45px;
	padding:0 5px 0 6px;
	margin:0 0 0 -1px;
}
.panel-signup a { padding-bottom:0; border:0 none; color:#00aee0; margin:0 2px;}
.panel-signup a:hover { color:#00aee0; text-decoration:underline;}

/*	
	@name games-item
	@author &lt;a href="mailto:dark.gu@gmail.com"&gt;Jeffery Lau&lt;/a&gt;
	@version 2011.10.19
*/
.games-item {
	float:left;
	position:relative;
	width:176px;
	height:242px;
	margin:0 2px;
}
.games-item-skin {
	background-color:#fff;
	position:absolute;
	padding:8px;
	width:160px;/*176*/
	height:226px;
	z-index:1;
	overflow:hidden;
}
.games-item-skin .btn-group,
.games-item-skin h2,
.games-item-skin .categories,
.games-item-skin .desc {
	position:absolute;
	display:none;
}
.games-item-skin .btn-group,
.games-item-skin h2 {
	width:160px;
	display:block;
}
.games-item-skin .btn-group {
	left:8px;
	bottom:8px;
}
.games-item-skin h2 {
	font-size:16px;
	text-align:center;
	left:8px;
	top:130px;
	height:22px;
	overflow:hidden;
}
.games-item-skin h2 a,
.games-item-skin h2 a:hover { color:#00aee0;}
/*.games-item-skin h2 a:hover { border-bottom:1px solid #00aee0; }*/
.games-item-skin h2:hover a:after { content:"»"; color:#00aee0; margin-left:5px; }
.games-item-skin img {
	border:5px solid #787878;
	width:150px;
	height:110px;
}
.games-item-skin .categories,
.games-item-skin .categories:hover { color:#6a6a6a; font-size:10px; cursor:default;}
.games-item-skin .desc {
	color:#393939;
	font-size:11px;
	line-height:1.3;
	padding:0 8px 8px 0;
}
.games-item-skin .desc {
	height:164px;
	overflow:hidden;
}
.games-item-skin .categories:hover {
	text-decoration:none;
}
.games-item-skin:hover {
	background-color:#e2e2e2;
	width:357px;
	z-index:2;
	opacity: 0.95;
}
.games-item-skin:hover h2,
.games-item-skin:hover .categories,
.games-item-skin:hover .desc {
	display:block;
	left:180px;
	top:55px;
}

.games-item-skin:hover h2 {
	text-align:left;
	top:10px;
}
.games-item-skin:hover .categories { top:32px;}

.games-item-expand, .games-item-transform {
	width:350px;
	height:auto;
	margin:0 7px 15px 0;
}
.games-item-expand .games-item-skin .btn-group,
.games-item-expand .games-item-skin h2,
.games-item-expand .games-item-skin .categories,
.games-item-expand .games-item-skin .desc {
	display:block;
}
.games-item-expand .games-item-skin {
	position:relative;
	background-color:#e2e2e2;
	width:334px;
	height:166px;
	z-index:2;
	opacity: 0.95;
}
.games-item-expand .games-item-skin h2,
.games-item-expand .games-item-skin .categories,
.games-item-expand .games-item-skin .desc {
	display:block;
	left:180px;
	top:52px;
}
.games-item-expand .games-item-skin h2 {
	text-align:left;
	top:10px;
}
.games-item-expand .games-item-skin .categories { top:32px;}

.games-item-transform .games-item-skin,
.games-item-transform .games-item-skin:hover{width:350px; height:182px; padding:0; opacity:1; background-color:#00bbe3; position:relative;}
.games-item-transform .games-item-skin h2,
.games-item-transform .games-item-skin h2 a,
.games-item-transform .games-item-skin .btn-group{display:none; color:#fff; width:auto;}
.games-item-transform .games-item-skin:hover h2,
.games-item-transform .games-item-skin:hover h2 a,
.games-item-transform .games-item-skin:hover .btn-group{display:block; left:12px;}
.games-item-transform .games-item-skin img{width:340px; height:172px;}
.games-item-transform .games-item-skin:hover img{visibility:hidden;}
.games-item-transform .games-item-skin .desc{height:76px;}
.games-item-transform .games-item-skin:hover .categories,
.games-item-transform .games-item-skin:hover .desc{color:#fff; left:12px; top:48px;}
.games-item-transform .games-item-skin:hover .categories{top:30px;}
.games-item-transform .btn-square,
.games-item-transform .btn-square:hover{background:url(../images/btn_sprite.png) no-repeat center top transparent; border:0 none; width:156px; height:30px; float:left; margin-right:5px;}
.games-item-transform .btn-square:hover{background-position:center bottom;}
.games-item-transform .btn-square .btn-skin{background:none; height:30px; line-height:30px; color:#fff; padding:0; text-align:center;}
.games-item-transform .btn-square:hover .btn-skin{color:#000;}

.games-item-user { height:auto;}
.games-item-user .games-item-skin { height:120px;}
.games-item-user .games-item-skin .desc { height:128px; padding:0; top:25px;}
.games-item-user .fm-layout fieldset {
	border:0 none;
	margin:0 auto;
	padding:0;
}
.games-item-user .fm-layout fieldset .fm-req,
.games-item-user .fm-layout fieldset .fm-opt { margin:10px auto 0;}
.games-item-user .fm-layout fieldset label,
.games-item-user .fm-layout fieldset .label {
	text-align:left;
	margin-bottom:5px;
	padding-right:0;
	width:100%;
}
.games-item-user .fm-layout .fm-submit {}
.games-item-user .fm-layout .fm-submit .btn { text-align:left;}
.mini-games {
	width:102px;
	height:106px;
	margin:0;
}
.mini-games .games-item-skin {
	position:absolute;
	width:90px;/*176*/
	height:90px;
	overflow:visible;
	padding-left:0;
}
.mini-games .games-item-skin:hover {
	background-color:#fff;
	width:185px;
}
.mini-games img {
	width:80px;
	height:80px;
}
.mini-games .categories,
.mini-games .desc {
	display:block;
	position:relative;
}
.mini-games .desc {
	height:122px;
	overflow:hidden;
}
.mini-games .position-box {
	top:8px;
	left:98px;
	display:none;
}
.mini-games .pop-box {
	border-radius:0;
	background-color:#e2e2e2;
	width:185px;
}
.mini-games .pop-box-skin {
	background-color:#e2e2e2;
	height:174px;
	overflow:hidden;
	padding:8px;
}
.mini-games .arrow-left span {
	border-right-color:#e2e2e2;
}
.mini-games .games-item-skin:hover .position-box {
	display:block;
}
.mini-games h2 { display:none;}
.mini-games .games-item-skin:hover h2,
.mini-games .games-item-skin:hover .categories,
.mini-games .games-item-skin:hover .desc {
	display:block;
	left:0;
	top:30px;
	text-align:left;
}
.mini-games .games-item-skin:hover h2 {
	left:110px;
	top:15px;
	z-index:3;
}
.mini-games .games-item-skin:hover .categories {
	top:12px;
}

.game-feature {
	height:202px;
	width:100%;
}
.game-feature .games-item-skin,
.game-feature .games-item-skin:hover {
	background-color:#f8f8f8;
	height:170px;
	width:auto;
	border:1px solid #e1e1e1;
	position:relative;
	opacity: 0.95;
	padding:15px;
}
.game-feature .games-item-skin .btn-group {
	position:relative;
	width:auto;
	bottom:0;
	left:0;
	margin-top:5px;
	overflow:hidden;
	clear:both;
}
.game-feature .games-item-skin .btn-group .btn {
	float:left;
	margin-right:5px;
}
.game-feature .games-item-skin .btn-group .btn-square-transparent {
	float:right;
}
.game-feature .games-item-skin .desc { height:65px; }
.game-feature .games-item-skin h2,
.game-feature .games-item-skin .categories,
.game-feature .games-item-skin .desc,
.game-feature .games-item-skin:hover h2,
.game-feature .games-item-skin:hover .categories,
.game-feature .games-item-skin:hover .desc {
	display:block;
	left:196px;
	top:60px;
}
.game-feature .games-item-skin h2,
.game-feature .games-item-skin:hover h2 {
	text-align:left;
	top:15px;
	font-size:24px;
	line-height:24px;
	width:auto;
}
.game-feature .games-item-skin .categories,
.game-feature .games-item-skin:hover .categories { top:40px;}


.game-news {
	height:170px;
	width:100%;
}
.game-news .games-item-skin,
.game-news .games-item-skin:hover {
	background-color:#fff;
	height:138px;
	width:auto;
	border:0 none;
	position:relative;
	opacity: 0.95;
	padding:16px;
}
.game-news .games-item-skin .desc { height:52px; font-size:12px; }
.game-news .games-item-skin h2,
.game-news .games-item-skin .game-meta,
.game-news .games-item-skin .desc,
.game-news .games-item-skin:hover h2,
.game-news .games-item-skin:hover .game-meta,
.game-news .games-item-skin:hover .desc {
	display:block;
	left:196px;
	top:74px;
}
.game-news .games-item-skin h2,
.game-news .games-item-skin:hover h2 {
	text-align:left;
	top:15px;
	width:auto;
	height:12px;
	display:inline-block;
	background-color:#00d1e3;
	border:1px solid #00d1e3;
	border-radius:3px;
	font-size:11px;
	padding:0 5px;
	line-height:12px;
}
.game-news .games-item-skin h2 a,
.game-news .games-item-skin h2 a:hover { color:#fff;}
.games-item-skin h2:hover a:after { content:""; color:#fff; margin-left:0; }
.game-news .games-item-skin .game-meta,
.game-news .games-item-skin:hover .game-meta { position:absolute; top:30px;}
.game-news .game-meta h3 { margin-bottom:-8px;}
/*	
	@name btn(button)
	@author &lt;a href="mailto:dark.gu@gmail.com"&gt;Jeffery Lau&lt;/a&gt;
	@version 2011.10.24
*/
.btn {
	display:block;
	border:1px solid #fff;
	border-radius: 15px;
	color:#000;
	margin:5px;
	font-family:Verdana;
	font-size:9px;
	line-height:12px;
	text-decoration:none;
	box-shadow:0 0 5px #dbdbdb;
	/* fallback */
	background-color: #f5f5f5;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e1e1e1), to(#f5f5f5));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #f5f5f5, #e1e1e1);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #f5f5f5, #e1e1e1);
	/* IE 10 */
	background: -ms-linear-gradient(top, #f5f5f5, #e1e1e1);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #f5f5f5, #e1e1e1);
	background: linear-gradient(top, #f5f5f5, #e1e1e1);
}
.btn-skin {
	display:block;
	padding:4px 10px;
	cursor:pointer;
}
.btn:hover {
	border:1px solid #eaeaea;
	color:#000;
}
.btn:active {
	color:#000;
	border:1px solid #fff;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#e1e1e1));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #e1e1e1, #f5f5f5);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #e1e1e1, #f5f5f5);
	/* IE 10 */
	background: -ms-linear-gradient(top, #e1e1e1, #f5f5f5 );
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #e1e1e1, #f5f5f5 );
	
	background: linear-gradient(top, #e1e1e1, #f5f5f5 );
}
.btn-skin:active  {
	padding-top:5px;
	padding-bottom:3px;
}
.btn-square,.btn-square:hover {
	display:block;
	margin:5px 0;
	color:#749294;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	border-radius:0;
	border:1px solid #ddd;
	border-top:1px solid #f3f3f3;
	border-bottom:1px solid #b6b6b6;
	box-shadow:0 0 2px #ccc;
	

	/* fallback */
	background-color: #f8f8f8;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8),color-stop(85%,#eaeaea), to(#d0d0d0));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #f8f8f8, #eaeaea 85% ,#d0d0d0 85%,#d0d0d0 100% );
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #f8f8f8, #eaeaea 85% ,#d0d0d0 85%,#d0d0d0 100% );
	/* IE 10 */
	background: -ms-linear-gradient(top, #f8f8f8, #eaeaea 85% ,#d0d0d0 85%,#d0d0d0 100% );
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #f8f8f8, #eaeaea 85% ,#d0d0d0 85%,#d0d0d0 100% );
	
	background:linear-gradient(top, #f8f8f8, #eaeaea 85% ,#d0d0d0 85%,#d0d0d0 100% );
	
}
.btn-square .btn-skin {
	width:123px;
	height:18px;
}
.btn-square-transparent,.btn-square-transparent:hover {
	background:transparent none no-repeat;
	display:block;
	margin:5px 0;
	line-height:22px;
	color:#00aee0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	border-radius:0;
	box-shadow:none;
	border:none;
}
.btn-square-transparent .btn-skin {
	width:auto;
	height:18px;
	padding-left:25px;
}
.btn-square-transparent .btn-skin:active {
	padding-top:4px;
	padding-bottom:4px;
}
/*effect*/
.btn-square .btn-skin { padding-left:25px;}
.btn-square:hover { color:#000;}
.btn-square:active {
	border:1px solid #ddd;
	border-top:1px solid #f3f3f3;
	border-bottom:1px solid #b6b6b6;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eaeaea),color-stop(85%,#f8f8f8), to(#d0d0d0));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #eaeaea, #f8f8f8 85% ,#d0d0d0 85%,#d0d0d0 100% );
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #eaeaea, #f8f8f8 85% ,#d0d0d0 85%,#d0d0d0 100% );
	/* IE 10 */
	background: -ms-linear-gradient(top, #eaeaea, #f8f8f8 85% ,#d0d0d0 85%,#d0d0d0 100% );
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #eaeaea, #f8f8f8 85% ,#d0d0d0 85%,#d0d0d0 100% );
	
	background:linear-gradient(top, #eaeaea, #f8f8f8 85% ,#d0d0d0 85%,#d0d0d0 100% );
}
.btn-circle {
	border-color:#b4b4b4;
	border-radius:10px;
	line-height:28px;
	
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#dedede));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #fbfbfb, #dedede);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #fbfbfb, #dedede);
	/* IE 10 */
	background: -ms-linear-gradient(top, #fbfbfb, #dedede);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #fbfbfb, #dedede);
	
	background: linear-gradient(top, #fbfbfb, #dedede);
}
.btn-circle .btn-skin {
	height:28px;
}
.btn-circle:active {
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dedede), to(#fbfbfb));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #dedede, #fbfbfb);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #dedede, #fbfbfb);
	/* IE 10 */
	background: -ms-linear-gradient(top, #dedede, #fbfbfb);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #dedede, #fbfbfb);
	
	background: linear-gradient(top, #dedede, #fbfbfb);
}
.btn-circle-more { float:right; text-transform:uppercase;}
.btn-circle-more .btn-skin:after {
	content:"»";
	color:#f00;
	font-size:12px;
	margin-left:3px;
	clear:both;
}
.btn-signup-free {
	background-position: 0 -108px;
	width:238px;
	height:72px;
	overflow:hidden;
	margin:5px auto;
}
.btn-signup-free:active {
	background-position: -1px -111px;
}
.btn-signup-free .btn-skin {
	line-height:72;
}
.btn-action-step {
	border-radius:15px 15px 15px 15px;
	height:35px;
	width:140px;
	font-size:13px;
	line-height:24px;
}
.btn-play-now {
	background:url(../images/playnow_sprite.png) no-repeat 0 0 transparent;
	width:216px;
	height:54px;
	text-align:center;
	border-radius:0;
	box-shadow:none;
	border:0 none;
}
.btn-play-now:hover,
.btn-play-now:active { border:0 none; background:url(../images/playnow_sprite.png) no-repeat 0 -54px transparent;}
.btn-play-now .btn-skin {
	color:#000;
	height:36px;
	line-height:36;
	overflow:hidden
	font:25px/33px verdana;
	padding-top:10px;
	cursor:pointer;
	/*font-style:italic;*/
}
/*	
	@name btn(button)
	@author &lt;a href="mailto:dark.gu@gmail.com"&gt;Jeffery Lau&lt;/a&gt;
	@version 2011.10.25
*/
.icon {
	background-position:right 100%;
	background-repeat:no-repeat;
}
.icon-skin {
	display:inline-block;
	position:relative;
	width:28px;
	height:28px;
	line-height:28px;
	text-indent:-99em;
}
.icon-eye { background-position:-252px -4px;}
.icon-game-pad { background-position:-252px -32px;}
.icon-users { background-position:-252px -60px;}
.icon-notifications { background-position:-252px -88px;}
.icon-user { background-position:-252px -116px;}
.icon-security { background-position:-252px -144px;}
.icon-usd { background-position:-252px -172px;}
.icon-convert { background-position:-252px -200px;}
.icon-history { background-position:-252px -228px;}
.icon-add-task { background-position:-252px -256px;}
.icon-task-list { background-position:-252px -284px;}
.icon-speech-bubble { background-position:-252px -312px;}
.icon-play { background-position:-252px -340px;}
/*.icon-play-light*/
.icon-play:hover { background-position:-252px -368px;}
.icon-home { background-position:-252px -396px;}
/*.icon-home-light*/
.icon-home:hover { background-position:-252px -424px;}
.icon-calendar { background-position:-252px -452px;}
.icon-mail { background-position:-249px -476px;}
.icon-like { background-position:-252px -504px;}
.icon-metro-left { background-position:-122px 0;}
.icon-metro-right { background-position:-157px 0;}
.icon-social {
	display:block;
	width:16px;
	height:25px;
	line-height:16;
	overflow:hidden;
	text-decoration:none;
	padding-bottom:0 !important;
	border-bottom:0 none !important;
}
.icon-social-l {
	display:inline-block;
	width:32px;
	height:45px;
	line-height:45;
	overflow:hidden;
}
.icon-facebook { background-position:0 -34px;}
.icon-facebook-l { background-position:0 6px;}
.icon-google { background-position:-18px -34px;}
.icon-google-l { background-position:-34px 6px;}
.icon-twitter { background-position:-36px -34px;}
.icon-twitter-l { background-position:-68px 6px;}
.icon-padding {
	padding-left:26px;
	padding:2px 0 4px 26px;
}
/*	
	@name .news-block
	@author &lt;a href="mailto:dark.gu@gmail.com"&gt;Jeffery Lau&lt;/a&gt;
	@version 2011.10.27
*/
.news-block {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:350px;
	height:235px;
	border-left:2px solid #ddd;
	padding:0 10px 15px;
	margin-left:-12px;
}
.news-block h2 {
	display:inline-block;
	background-color:#00d1e3;
	border:1px solid #00d1e3;
	border-radius:3px;
	font-size:11px;
	padding:0 5px;
}
.news-block h2 a, .news-block h2 a:hover {
	color:#fff;
}
.news-block img {
	background-color:#e1e1e1;
	padding:3px;
	width:42px;
	height:42px;
	float:left;
	margin:4px 8px 8px;
}
.news-block .game-meta {
	line-height:18px;
}
.game-meta h3 {
	font-size:16px;
}
.game-meta h3 a, .game-meta h3 a:hover {
	color:#000;
}
.game-meta h3:hover a:after { content:"»"; color:#00d1e3; margin-left:5px; }
.game-meta .published { color:#000; font-size:11px;}
.game-meta .author {color:#7a7a7a; font-size:10px; margin-left:12px; }
.news-content {
	color:#3c3c3c;
	font-size:11px;
	padding:8px;
	line-height:22px;
}
.news-block .btn-circle-more { margin-right:16px; }
/*	
	@name .data-grid
	@author &lt;a href="mailto:dark.gu@gmail.com"&gt;Jeffery Lau&lt;/a&gt;
	@version 2011.10.27
*/
.data-grid table {
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.data-grid tr {
	border:1px solid #e1e1e1;
}
.data-grid th {
	background-color:#f5f5f5;
	color:#000;
	text-align:center;
	font-weight:normal;
	padding:10px 0;
}
.data-grid td { text-align:center; padding:10px 0; color:#7a7a7a;}
.data-grid .no-purchase a { color:#ff8400; font-size:14px; font-weight:bold; text-decoration:underline; margin-left:15px;}
.info-panel {
	border:1px solid #e7e7e7;
    float: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
	width:350px;
	margin:0 5px 0 0;
	box-shadow:0 0 5px #cbcbcb;
	padding:5px 0;
}
.info-panel h2 {
	font-size:16px;
	color:#38bbe0;
    margin: 10px 0;
    padding: 0 15px;
}
.info-panel img {
    background-color: #e1e1e1;
    float: left;
    height: 120px;
    margin: 4px 8px 8px;
    padding: 3px;
    width: 120px;
}
.info-panel ul {
	font-size:12px;
	color:#010101;
	margin:5px 0 10px;
}
.info-panel li {
	height:32px;
	line-height:32px;
}
.info-panel li a {
	float:right;
	width:80px;
	text-align:left;
}
.info-panel .btn {
	float:left;
	margin:0 2px;
}
.info-panel .btn-square .btn-skin {
	width:auto;
	padding:4px 10px;
}
.info-panel .btn-square, .info-panel .btn-square:hover {
	font-size:12px;
	font-weight:normal;
}

/*	
	@name .payment
	@author &lt;a href="mailto:dark.gu@gmail.com"&gt;Jeffery Lau&lt;/a&gt;
	@version 2011.10.27
*/
.payment ul {padding:0; width:100%;/*536px*/}
.payment ul li {
	background-image:url(../images/payment.jpg);
	background-repeat:no-repeat;
	background-color:#fff;
	border:2px solid #ccc;
    float:left;
    width:122px;
    height:50px;
	line-height:50px;
    margin:5px 5px 5px 0;
	padding-left:3px;
}
.payment li:hover,
.payment li.hover,
.payment li.current {
	border:2px solid #f90;
}
.payment ul li.paypal { background-position:8px 0;}
.payment ul li.jcb { background-position:8px -50px;}
.payment ul li.mastro { background-position:8px -100px;}
.payment ul li.visa { background-position:8px -150px;}
.payment ul li.diners { background-position:8px -200px;}
.payment ul li.amex { background-position:8px -250px;}
.payment ul li.bank { background-position:8px -300px;}
.payment ul li.mastercard { background-position:8px -350px;}
.payment ul li.moneybookers { background-position:8px -400px;}
.payment ul li.facebook { background-position:8px -450px;}
.payment ul li.xsolla { background-position:8px -500px;}
.payment ul li.paymentwall{ background-position:8px -550px;}
.payment ul li.mol{ background-position:8px -600px;}
.payment ul li.ebanx{ background-position:8px -650px;}
.payment ul li.ebanx-tb{ background-position:8px -700px;}
.payment ul li.ebanx-bv{ background-position:8px -750px;}
.payment ul li.ebanx-bb{ background-position:8px -800px;}
.payment ul li.ebanx-cv{ background-position:8px -850px;}
.payment ul li.paysafecard{ background-position:8px -900px;}
.payment ul li.cashu{ background-position:8px -950px;}
.payment ul li.webmoney{ background-position:8px -1000px;}
.payment ul li.qiwi{ background-position:8px -1050px;}
.payment ul li.amazon{ background-position:8px -1100px;}
.payment ul li.mycard{ background-position:8px -1150px;}
.payment ul li.googlecheckout{ background-position:8px -1200px;}
.payment ul li.mopay{ background-position:8px -1250px;}
.payment ul li.ultimatepay{ background-position:8px -1300px;}
.payment ul li.boacompra{ background-position:8px -1350px;}
.payment a {
    display: block;
    width: 122px;
    height: 50px;
    line-height: 50;
	overflow:hidden;
    padding: 0;
	/*
	.padding:15px 0;
	.height:auto;
	*/
}
/*	
	@name .block-ads
	@author &lt;a href="mailto:dark.gu@gmail.com"&gt;Jeffery Lau&lt;/a&gt;
	@version 2012.05.04
*/
.block-ads {
	background-color:#e1e1e1;
	padding:7px;
}
.block-ads img { display:block; margin:0 auto;}
/*	
	@name .email-subscribe
	@author &lt;a href="mailto:dark.gu@gmail.com"&gt;Jeffery Lau&lt;/a&gt;
	@version 2012.05.04
*/
.email-subscribe {
	background:url(../images/repeat-x.png) repeat-x 0 0;
	height:58px;
	line-height:58px;
	position:relative;
}
.email-subscribe .fm-layout fieldset {
	background:url(../images/left.png) no-repeat left 0;
	margin:0 auto;
	padding:0;
	border:0 none;
}
.email-subscribe .fm-layout fieldset .fm-req,
.email-subscribe .fm-layout fieldset .fm-opt {
	background:url(../images/right.png) no-repeat 100% 0;
	margin:0;
}
.email-subscribe .fm-layout fieldset label,
.email-subscribe .fm-layout fieldset .label {
	font-size:30px;
	text-transform:capitalize;
	margin-left:15px;
}
.email-subscribe .fm-layout fieldset input {
	width:342px;
	border:1px solid #cdcdcd;
	padding:6px 6px 6px 30px;
}
.email-subscribe .fm-layout .fm-submit {
	position:absolute;
	top:0;
	right:15px;
	margin:0 auto;
}
.email-subscribe .fm-layout .fm-submit .btn,
.email-subscribe .fm-layout .fm-submit .btn:hover  {
	background-position: 0 -59px;
	width:122px;
	height:34px;
	text-indent:-999em;
	overflow:hidden;
	border-radius:0;
    box-shadow: none;
	border:0 none;
}

/*
	@name .scrollable
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.entry-scrollable {margin:0 auto; padding:0 30px; width: auto; height:122px; overflow:hidden; clear:both;}
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 852px;
    height:120px;
	float:left;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable
	items.  it's enough that you set the width and height for the root
	element and not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

.items > div {
    float:left;
    width:880px;
}

/* single scrollable item */
.scrollable img {
    float:left;
    margin:20px 5px 20px 10px;
    background-color:#fff;
    padding:2px;
    border:1px solid #ccc;
    width:100px;
    height:75px;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
    border:2px solid #000;
    position:relative;
    cursor:default;
}
a.browse {
    background: url(../images/icon-slider-controler.png) no-repeat scroll 0 bottom transparent;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1px;
    height: 80px;
    margin: 22px 10px;
    width: 24px;
}
a.right {
    background-position: right bottom;
    clear: right;
    margin-right: 0;
}
a.right:hover {
    background-position: right bottom;
}
a.right:active {
    background-position: right bottom;
}
a.left {
    margin-left: 0;
}
a.left:hover {
    background-position: 0 bottom;
}
a.left:active {
    background-position: 0 bottom;
}
a.disabled {
    visibility: hidden !important;
}
#nav li .menu-scrollable {
	width: 852px;
	height:134px;
	overflow:hidden;
	clear:both;
}
#nav li .menu-scrollable a {
	border:0 none;
	display:inline;
	padding:0;
	background-color:transparent;
}
#nav li .menu-scrollable a.left,#nav li .menu-scrollable a.right{
	display:block;
	width:14px;
	height:29px;
	margin-top:50px;
}
#nav li .menu-scrollable a.left{
	background-position:0 -245px;
	}
#nav li .menu-scrollable a.left:hover{
	background-position:-28px -245px;	
}
#nav li .menu-scrollable a.right{
	background-position:-14px -245px;	
	}	
#nav li .menu-scrollable a.right:hover{
	background-position:-42px -245px;
}	
.menu-scrollable .scrollable{
	height:130px;
}
.menu-scrollable img{
	background-color:#00d1e3;
	border:solid 1px #00d1e3;
	padding:3px;
	width:150px;
	height:110px;
	margin:8px 7px 20px 5px;
}
#search{
	position:relative;
	overflow:hidden;
	height:45px;
	margin:10px 0 5px 5px;
	}
#search label{
	position:absolute; 
	color:#fff;
	left:38px;
	top:7px;
	z-index:2;
	cursor:text;
	}
#search input{	
    width:196px;
	padding:10px 10px 10px 40px;
	border:0 none;
	color:#fff;
	left:0px;
	top:0px;
	background-color:transparent;
	text-align:left;
	background-position:0 -379px;
	position:absolute;	
	z-index:1;
	outline:none;
	}
#search button{
	margin-right:-200px;
}
#slider-2{
	text-align:left;
}
#slider-2 .slidetabs{
	width:246px;
	left:0;
    margin-left:150px;
	bottom:10px;
	height:20px;
}
#slider-2 .slidetabs a{
	color:#000;
	font-size:11px;
	text-align:center;
	float:left;
	width:10px;
	padding:0 3px;
	margin:0 2px;
	background-color:#BEBEBE;
	background-color:rgba(255,255,255,0.5);
}
#slider-2 .slidetabs a:hover,#slider-2 .slidetabs a.current{
	background-color:#fff;
	background-color:rgba(255,255,255,0.8);
	background-image:none;
	}
.game-news-graphic{
	height:auto;
	position:relative;
	text-align:left;
}
.game-news-graphic h2,.game-news-item h3{
	background:url(../images/bg_current_news.png) no-repeat;
}
.game-news-graphic h2{
	font-size:180%;
	font-weight:normal;
	color:#2e2e2e;	
	height:38px;
	line-height:38px;
	padding-left:5px;
	background-position:right 3px;
	}
.game-news-graphic a{
	font-size:14px;
	font-weight:bold;
	font-variant:small-caps;
	color:#b76300;
	position:absolute;
	right:15px;
	bottom:3px;
}
.game-news-item li{
	text-align:left;
	color:#d75b00;
	background-color:#eaeaea;
	overflow:hidden;
	position:relative;
	clear:both;
	}	
.game-news-item li.current{
	height:auto;
}
.game-news-item li h3{
	font-size:16px;
	padding-left:15px;
	line-height:33px;
	background-position:top left;
	cursor:pointer;
}
.game-news-item li.current h3{
	background-position:bottom left;
}
.game-news-item li p{
	margin-left:8px;
	line-height:1.3;	
}
.game-news-item li p a{
	font-size:12px;
	color:#4c4c4c;
}
.game-news-item li img{
	width:93px;
	height:70px;
	float:left;
	margin:10px 8px 0px;
}

/*quick-ticket*/
.ticket {
    color: #333333;
    font-size: 12px;
    height: auto;
    letter-spacing: 0;
    overflow: hidden;
    position: absolute;
    right:0;
    top: 126px;
    width: 74px;
    z-index: 101;
}

.ticket ul {
    list-style: none outside none;
    margin: 0;
    padding: 2px;
}
.ticket .icon {
    background:url(../images/icon_ticket.png) no-repeat;
    display: block;
    line-height: 84;
    overflow: hidden;
	outline-style:none;
}
.ticket .icon-ticket {
    height: 84px;
    width: 70px;
}

/*crumb*/
ul.crumb {
    font-size: 12px;
    line-height: 26px;
    margin: 19px auto 19px 5px;
    overflow: hidden;
}
ul.crumb li {
    background-color: #080809;
    color: #A8A8A8;
    float: left;
    height: 26px;
    line-height: 26px;
    padding: 0 8px 0 0;
}
ul.crumb li.first {
    background:none no-repeat scroll -180px -105px #080809;
    padding-left: 31px;
}
ul.crumb li a {
    background: url(images/nav-patch-bg.gif) no-repeat scroll 100% 50% transparent;
    color: #7AB13C;
    padding: 0 13px 0 0;
}
div.crumb {
    font-size: 12px;
    line-height: 26px;
    margin: 19px auto 19px 5px;
    overflow: hidden;
}
div.crumb a, div.crumb a:link, div.crumb a:visited, div.crumb a:hover, div.crumb a:active {
    background: url(../images/nav-patch-bg.gif) no-repeat scroll 100% 50% transparent;
    color: #252525;
    float: left;
    height: 26px;
    line-height: 26px;
    padding: 0 13px 0 8px;
}
div.crumb a.first {
    padding-left: 0;
}
div.crumb a.first span {
    background: none no-repeat scroll -180px -105px #080809;
    display: block;
    padding-left: 31px;
}
div.crumb .current {
    color: #252525;
    float: left;
    font-weight: bold;
    padding: 0 8px;
}
div.crumb .current em {
    color: #01A7EE;
    font-weight: 700;
    padding: 0 8px;
}