/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
body{text-align:left;}#doc{width: 100%;min-width:740px;margin:auto;text-align:left;}#hd,#bd{margin-bottom:1em;text-align:left;}#ft{font-size:77%;font-family:verdana;clear:both;}.yui-t1 #yui-main .yui-b, .yui-t2 #yui-main .yui-b, .yui-t3 #yui-main .yui-b, .yui-t4 .yui-b, .yui-t5 .yui-b, .yui-t6 .yui-b{float:right;}.yui-t1 .yui-b, .yui-t2 .yui-b, .yui-t3 .yui-b, .yui-t4 #yui-main .yui-b, .yui-t5 #yui-main .yui-b, .yui-t6 #yui-main .yui-b{float:left;}.yui-t1 #yui-main .yui-b{width:76%;min-width:570px;}.yui-t1 .yui-b{width:21.33%;min-width:160px;}.yui-t2 #yui-main .yui-b, .yui-t4 #yui-main .yui-b{width:73.4%;min-width:550px;}.yui-t2 .yui-b, .yui-t4 .yui-b{width:24%;min-width:180px;}.yui-t3 #yui-main .yui-b, .yui-t6 #yui-main .yui-b{width:57.6%;min-width:430px;}.yui-t3 .yui-b, .yui-t6 .yui-b{width:40%;min-width:300px;}.yui-t5 #yui-main .yui-b{width:65.4%;min-width:490px;}.yui-t5 .yui-b{width:32%;min-width:240px;}.yui-g .yui-u, .yui-g .yui-g, .yui-ge .yui-u, .yui-gf .yui-u{float:right;display:inline;}.yui-g .first, .yui-gd .first, .yui-ge .first, .yui-gf .first{float:left;}.yui-g .yui-u, .yui-g .yui-g{width:49.1%;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-gb .yui-u, .yui-gc .yui-u, .yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}.yui-gb .first, .yui-gc .first, .yui-gd .first{margin-left:0;}.yui-gc .first, .yui-gd .yui-u{width:66%;}.yui-gd .first{width:32%;}.yui-ge .yui-u{width:24%;}.yui-ge .first, .yui-gf .yui-u{width:74.2%;}.yui-gf .first{width:24%;}.yui-ge .first{width:74.2%;}#bd:after, .yui-g:after, .yui-gb:after, .yui-gc:after, .yui-gd:after, .yui-ge:after, .yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd, .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf{zoom:1;}


html {
	font-size: 11px;
	background-color: #272727;
	padding-top: 10px;
}
* {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}

body {
	font-size: 1em;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
}
#uber {
	background: #272727 url('/img/heroarcade/back.gif') top center repeat-y;
	width: 800px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

strong {
	font-weight: bold;
}
h1 {
	font-size: 1.6em;
	font-weight: bold;
}
h2 {
	font-size: 1.4em;
	font-weight: bold;
}
h3 {
	font-size: 1.6em;
	font-weight: bold;
}
h4 {
	font-size: 1.2em;
	font-weight: normal;
}
h5 {
	font-size: 0.8em;
	font-weight: normal;
}
fieldset {
	padding: 0px 0px 0px 12px;
}

legend {
	padding: 0px 6px;
}



/* Links */
a, a:link, a:visited {
	color: #DF5415;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	color: #F17313;
}
.whitelinks  a, .whitelinks   a:visited, .whitelinks   a:link{
	color: #FFFFFF;
	text-decoration: none;
	border: none;
}
.whitelinks   a:hover, .whitelinks   a:focus {
	text-decoration: underline;
}


/* Special Lists */
.slist {
	list-style-position: inside;
	list-style-type: disc;
}
.slist li h4 {
	display: inline;
}
.hlist {
	white-space: nowrap;
}
.hlist li {
	display: inline;
	margin: 0 1px;
}
.hslist {
	padding-left: 12px;
	list-style-position: outside;
	list-style-type: disc;
}
.hslist li {
	margin: 0 1px 10px 1px;
}
.adlist {
	white-space: nowrap;
}
.adlist li {
	float: left;
	margin: 0 1px;
}
.flist {
	white-space: nowrap;
	margin-bottom: 5px;
}
.flist li {
	display: inline;
	margin: 0 8px;
}



/* Utility */
.sspacer {
	margin: 0.5em 0;
	overflow: hidden;
}
.spacer {
	margin: 2em 0;
	overflow: hidden;
}
.clearer {
	clear: both;
}
.centerfy {
	text-align: center;
	margin: 0 auto;
}
.indent {
	margin-left: 2em;
}
.darkgrayline {
	border-top: 12px solid #151515;
}
.smalldarkgrayline {
	border-top: 4px solid #151515;
	margin: 6px 0px;
}
.orangeline {
	border-top: 4px solid #C98F24;
}


/* Containers */
.inbox {
	padding: 4px 6px 8px 6px;
	background-color: #151515;
}
.graybox {
	background-color: #252525;
	margin: 6px;
}
.dailygamecode {
	position: relative;
	
}
.dailygamecode .box {
	padding-top: 22px;
}
.dailygamecode .inbox {
	padding-left: 176px;
}
.dailygamecode span {
	display: none;
}
.dailygamecode .codebox {
	background-color: #333333;
	border: 2px solid #38383C;
	padding: 4px 6px;
	color: #FFFFFF;
}
.dgcbadge {
	position: absolute;
	top: 0;
	left: 0;
	width: 174px;
	height: 200px;
	z-index: 3;
	background: transparent url('/img/heroarcade/dailygamecode.gif') no-repeat top left;
}
.hotw {
	position: relative;
	
}
.hotw .box {
	padding-top: 48px;
}
.hotw .inbox {
	padding-left: 175px;
}
.hotw span {
	display: none;
}
.hotwbadge {
	position: absolute;
	top: 0;
	left: 0;
	width: 169px;
	height: 279px;
	z-index: 3;
	background: transparent url('/img/heroarcade/herooftheweek.gif') no-repeat top left;
}

/* Specific Elements */
#harc {
	width: 774px;
	margin: 0 1em;
}
#header {
	margin: 0 auto;
	height: 178px;
	text-align: center;
	overflow: visible;
}
#cpmad {
	margin: 0 auto;
	text-align: center;
	padding: 1em 0;
	background-color: #272727;
	width: 800px;
}
#header h1 span {display: none;}
#sitenav {
	height: 43px;
	margin: 0 auto;
	text-align: center;
}
#bd {
	padding: 1em 1em 0 1em;
	margin: 0;
}

h2 {
	position: relative;
	background: transparent url('/img/heroarcade/lefthead.gif') no-repeat top left;
	height: 25px;
	padding: 10px 0px 0px 10px;
}
h2 span {
	background: transparent url('/img/heroarcade/mapicon.gif') no-repeat top left;
	padding-left: 30px;
	padding-top: 5px;
	color: #FFFFFF;
}
h2 .ender {
	background: transparent url('/img/heroarcade/righthead.gif') no-repeat top right;
	position: absolute;
	right: 0;
	top: 0;
	width: 53px;
	height: 35px;
}
.welcomebox h2 {
	position: relative;
	background: transparent url('/img/heroarcade/lefthead.gif') no-repeat top left;
	height: 35px;
	padding: 0px 0px 0px 20px;
}
.welcomebox h2 span {
	background: transparent;
	padding: 0;
}

/* Advertising */
.adimages {
	background-color: transparent;
}
.adimages td {
	border: none;
}
.adimages .tdimages {
	background-color: #252525;
}
.tdimages li {
	height: 65px;
	width: 66px;
	text-align: center;
	vertical-align: middle;
}
.tdads {
	padding-left: 5px;
	background-color: #252525;
}
.tdgames {
	padding-left: 5px;
	background-color: #252525;
}
.catadimage {
	float: left;
	padding: 5px;
	margin-right: 5px;
	border-right: 6px solid #151515;
	background-color: #252525;
}
.catad {
	text-align: center;
}

.playads {
	background-color: #252525;
	padding: 4px 6px;
	text-align: center;
}
.playadcategory {
	width: 99%;
	padding: 4px 6px;
	text-align: center;
}
	
.playadimages {
	width: 100%;
	white-space: nowrap;
}
.playadimages li {
	float: left;
	width: 172px;
	text-align: left;
	padding-left: 8px;
}
.playadimages img {
	border: 6px solid #000000;
}

.othergamesads {
	float: left;
	width: 420px;
	background-color: #252525;
}
.othergamesads td {
	border: none;
}
.othergamesads .tdimages {
	border-right: 6px solid #151515;
}
.othergames {
	float: left;
	width: 368px;
	background-color: #252525;
}
.othergames td {
	border: none;
	padding-top: 16px;
}
.othergames .tdimages {
	border-left: 6px solid #151515;
}
.othergames li {
	height: 66px;
	vertical-align: middle;
	overflow: hidden;
}
.othergamedesc {
	height: 28px;
	overflow: hidden;
	vertical-align: middle;
}

.othergamesafk {
	width: 530px;
	background-color: #252525;
}
.othergamesafk td {
	border: none;
	padding-top: 16px;
}
.othergamesafk .tdimages {
	border-left: 12px solid #151515;
}
.othergamesafk li {
	height: 100px;
	vertical-align: middle;
	overflow: hidden;
}
.afkmag .thumbnail {
	float: left;
}
.afkmag .content {
	padding-left: 280px;
}

/*   Arcade styles */
.playnowlink, .playnowlink:link, .playnowlink:visited {
	color: #BABAB9;
	text-decoration: none;
	font-size: 0.8em;
}
.playnowlink:hover, .playnowlink:active, .playnowlink:focus {
	color: #BABAB9;
	text-decoration: underline;
	font-size: 0.8em;
}
.gamenamelink {
	font-weight: bold;
}
.catname {
	text-transform: capitalize;
}
.catgames {
	table-layout: fixed;
	width: 100%;
}
.gamerow {
	border-bottom: 2em solid #151515;
}
.gamepic {
	width: 50px;
	height: 50px;
	background-color: #333333;
	padding: 5px;
}
.gamedesc {
	background-color: #333333;
	padding: 4px 6px;
}
.gamerowspacer {
	width: 2em;
	background-color: transparent;
}

#sitefooter  {
	width: 800px;
	height: 51px;
	font-size: 0.8em;
	padding: 1em;
	text-align: center;
	margin: 0 auto;
	position: relative;
	background: transparent url('/img/heroarcade/footer.gif') top center no-repeat;
}

/* Ranking and User Stats Table */
.tcr {
	width: 25%;
	background-color: #252525;
	border: 1px solid #151515;
	padding: 4px 6px;
}

/*             styles for the star rater                */
#rating {
	clear: both;
	display: block;
}
#ratingreset {
	display: none;
	visibility: hidden;
}
#rating span {
	float: left;
}
.star-rating-pos{
	overflow: hidden;
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 100px;
	height: 20px;
	position: relative;
	
}
.star-rating-pos li{
	padding:0px;
	margin:0px;
	float: left;
}
.star-rating-pos .blank {
	z-index: 1;
	position: absolute;
	left: 0px;
	height: 20px;
	width: 100px;
	background: transparent url('/img/rating/ratepositive.gif') top left repeat-x;
}
.star-rating-pos li a, .star-rating-pos li a:link, .star-rating-pos li a:visited{
	display:block;
	width: 20px;
	height: 20px;
	text-decoration: none;
	border: none;
	z-index: 20;
	position: absolute;
	padding: 0px;
	margin: 0px;
}
.star-rating-pos li a b {
	display: none;
}
.star-rating-pos li a:hover{
	background: url('/img/rating/ratepositive.gif') left bottom repeat-x;
	z-index: 10;
	left: 0px;
}
.star-set {
	background: url('/img/rating/ratepositive.gif') left bottom repeat-x;
	height: 20px;
}
.star-rating-pos a.one-star{
	left: 0px;
}
.star-rating-pos a.one-star:hover{
	width:20px;
}
.star-rating-pos a.two-stars{
	left:20px;
}
.star-rating-pos a.two-stars:hover{
	width: 40px;
}
.star-rating-pos a.three-stars:hover{
	width: 60px;
}
.star-rating-pos a.three-stars{
	left: 40px;
}
.star-rating-pos a.four-stars{
	left: 60px;
}	
.star-rating-pos a.four-stars:hover{
	width: 80px;
}
.star-rating-pos a.five-stars{
	left: 80px;
}
.star-rating-pos a.five-stars:hover{
	width: 100px;
}