body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object{margin:0;padding:0;}
fieldset,img,abbr{
border:0;
margin:0;
}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none; margin:0;padding:0;}
ol { margin-left:25px}
ol li { margin-left:10px}
caption,th {text-align:left;}
div { text-align: left; vertical-align: top; }
q:before,q:after{content:'';}
a,ins{text-decoration:none;}
strong { font-weight: bold; }
cite { display: block; font-size: 0.9em; font-style: italic; text-align: right; }

/* Site
=====================================================================*/

body{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #3a3a3a;
height: 100%;
background-image: url(../images/back.gif);
background-color: #f3f3f3;
}

a{
text-decoration: none;
font-weight: bold;
color: #336699;
}

a:hover{
color: #000;
text-decoration:underline;
}

#maintitle{
	text-align:center;color:#b1b1b1;background-color:#2e2e2e;line-height:20px;height:20px;border-bottom:1px solid #616161;font-size:13px;font-weight:bold;
}

#page{
	width:970px; /*flexible width*/
	margin: auto;
	margin-top:3px;
}

#page-top{
	margin:auto;
	background-image: url(../images/page-top-center.gif);
	background-repeat: repeat-x;
	height:15px;
}

#page-top-left{
	background-image: url(../images/page-top-left.gif);
	width: 10px;
	background-repeat: no-repeat;
	height: 15px;
	display: inline;
	float: left;
}

#page-top-right{
	background-image: url(../images/page-top-right.gif);
	width: 10px;
	background-repeat: no-repeat;
	height: 15px;
	display: inline;
	float: right;
}

#page-left{
	background-image: url(../images/page-bg-left.gif);
	background-repeat: repeat-y;
}

#page-right{
	background-image: url(../images/page-bg-right.gif);
	background-repeat: repeat-y;
	background-position: 100% 0;
	background-color: #FFFFFF;
}

#page-padding{
	padding-top:3px;
	margin:0 15px 0 15px;
}

#header_ad{
height:140px;
background: url(../images/header_ad.gif) 210px 0 no-repeat;
position: relative;
}

#header_ad h1{
font-size:11px;font-weight:bold;color:#A03606;
text-align:right;
position:absolute;left:5px;bottom:3px;
}

#header_ad #topmenu{
list-style-type: none;display:block;
position:absolute; bottom:2px; right:6px;
}

#header_ad #topmenu li {display:block;float:left;}
/*main menu*/
#header_ad #topmenu li a{
height:26px; margin-top:6px; display:block;float:left; padding: 0 3px 0 3px; overflow:hidden;
background: url('../images/headermenu_b2.gif') repeat-x;
font-family:Arial;color:#A03606;font-size:12px;font-weight:bold; line-height:27px;
text-decoration:none; position:relative; text-transform:uppercase;
}

#header_ad #topmenu b {float:left;position:relative;width:6px;height:26px;margin-top:6px;}
#header_ad #topmenu li b.mcorner1{background:url('../images/headermenu_b1.gif');}
#header_ad #topmenu li b.mcorner2{background:url('../images/headermenu_b3.gif');}
#header_ad #topmenu li.active a {background:url('../images/headermenu_b2_active.gif');}
#header_ad #topmenu li.active b.mcorner1{background:url('../images/headermenu_b1_active.gif');}
#header_ad #topmenu li.active b.mcorner2{background:url('../images/headermenu_b3_active.gif');}

#header_ad .ad728x90 {position:absolute;right:3px; top:-3px;}

#member-bar{
margin: 0 10px 5px 10px;
background-image: url(../images/member_bar_tile.gif);
height: 30px;
color: #FFFFFF;
font-size: 12px;
overflow:hidden;
position:relative;
}

#member-bar a{color:#fff;}

#mbcl{
	background: url(../images/member_bar_l.gif) no-repeat;
	height: 30px;
	float: left;
	display:inline;
	width: 5px;
	position:absolute;
}
#mbcr{
	background: url(../images/member_bar_r.gif) no-repeat;
	height: 30px;
	float: right;
	display:inline;
	width: 5px;
}

#member-bar li,#member-bar li a{color:#fff;}
#member-bar ul{list-style-type:none;padding:7px;}
#member-bar li{float:left;margin-left:5px;}
#member-bar .input{background-color: #daa96f;border:solid 1px #e7bf88;color:#fff; width:100px; font-size:13px;}
#member-bar .input2{background-color: #eec445;border:solid 1px #f8dd59;color:#fff; width:100px; font-size:13px;}
#member-bar #submit_btn{border:0;}

#quicknav{
margin:0px 0px 2px 0px;
width:160px;
height:90px;
background-color:#fff;
float:left;
}

#left{
display:inline;
float:left;
width:207px;
margin-right:4px;
}

#center{
display:inline;
float:left;
width:423px;
margin-right:4px;
}

#right{
display:inline;
float:left;
width:302px;
}

.ie7fixwidth{clear:both;margin:auto;width:1px;height:1px;overflow:hidden;}

.panel{ display:inline; float:left; background-color:#cce6fc; margin-bottom: 6px; font-size:12px; width:100%;}

.panel-top{height:6px; overflow: hidden;}
.panel-top-right{ background-image: url(../images/tr.gif); float:right; height:6px; width:6px; overflow: hidden;}
.panel-top-left{ background-image: url(../images/tl.gif); float:left; height:6px; width:6px; overflow: hidden;}

.clear{clear:both; height:0px; overflow:hidden; }
.panel-content{background-color:#fff; margin: 0 6px 0 6px; padding:6px;}
.panel-cats{padding-top:10px;background:url(../images/cat_buttons.png)  -2px 2px no-repeat; text-align:center;line-height:15px;}
.panel-cats a {color:#000;text-decoration:none; display:block; margin-bottom:10px; width:200px;}
.panel-inner{}

.panel-bottom{height:6px; overflow: hidden; clear:both;}
.panel-bottom-right{ background-image: url(../images/br.gif); float:right; height:6px; width:6px; overflow: hidden;}
.panel-bottom-left{background-image: url(../images/bl.gif); float:left; height:6px; width:6px;}

.panel h1, .panel h2, .panel h3{
color:#375466;
font-size:17px;
font-weight: bold;
line-height: 30px;
height: 30px;
margin-top: -8px;
text-indent: 44px;
position:relative;
}

.panel h1 a, .panel h2 a, .panel h3 a{color:#666666;}
.panel h1 a:hover, .panel h2 a:hover, .panel h3 a:hover{color:#006699;}


.panel h1 img, .panel h2 img, .panel h3 img{
position:absolute;
z-index:2;
top:-2px;
left:6px;
float:left;
}

.bluebox11{
background-color: #F4FBFF;
display:inline;
float: left;
color: #666666;
margin-top: 6px;
overflow: hidden;
border: 1px solid #e5f0f7;
width: 181px;
}

.bluebox11 p{
color: #666666;

}
.player-name{
color: #666666;
font-weight:normal;
}

.player-name a{
color: #666666;
font-weight:normal;
}

.player-name a:hover{
color: #666;
}

.bluebox11 img{
margin:4px 3px 0px 0px;
display:inline;
float: left;
}

.bluebox11 b{
color:#336699;
float:left;
clear:both;
}

.bluebox11 .crown{
margin:0px 6px 0px 0px;
float:left;
}

.bluebox12, .smallbox{
font-size:12px;
background-color: #F4FBFF;
color: #666666;
margin-top: 6px;
overflow: hidden;
border: 1px solid #e5f0f7;
width:99.8%;
float: left;
display:inline;
}

.smallbox{
width:360px; 
height: 115px;
margin:6px 5px 0px 4px;
}


.bluebox12 *{font-size:12px;}

.bluebox12 img, .smallbox img{
margin:0px 6px 6px 0px;
float: left;
}


.bluebox12 .title{
color:#336699;
background-image: url(../images/check.gif);
background-repeat: no-repeat;
font-weight: bold;
height: 17px;
line-height: 17px;
padding-left:22px;
}

.bluebox-padder{
margin:5px;
}

.pagination{
font-size:17px;
color:#666666;
font-weight:bold;
line-height:26px;
width:320px;
margin:auto;
}

.pagination a{
color:#666;
}

.pagination a:hover, .pagination b {
color:#59bce1;
}

.simple-panel{
display:inline;
float: left;
margin: auto;
overflow: hidden;
margin-top: 6px;
}

a.thumb { display:inline; float:left; overflow: hidden; width:140px; height:105px; position:relative;}

a.thumb span {display:none;}

a.thumb:hover span{
	position:absolute; bottom:0;left:0;
	display:block;width:100%;
	border:1px solid #000;
	padding:3px 0 3px 0;
	font-size:11px; text-align:center;
	background:#2D2D2D; color:#fff;
}


.ad{
margin-left:1px;
margin-right:2px;
margin-bottom:4px;
}

.top-members{
display:inline;
float: left;
border-bottom: 1px solid #cce6fc;
width: 100%;
margin-top: 6px;
overflow: hidden;
padding-bottom: 3px;
}

.top-members img{
margin:0px 6px 0px 0px;
float: left;
}

.top-members p{
font-size: 12px;
color:#999999;
line-height:12px;
}

.top-members .blue{
color:#1c91dc;
font-weight: bold;
height: 17px;
line-height: 14px;
}

.top-members .blue a{
color:#1c91dc;
}

.top-members .blue a:hover{
color:#336699;
}

.big_input{
display:inline;
float: left;
height: 24px;
margin-right: 6px;
font-size: 17px;
font-weight: bold;
color: #666666;
line-height: 30px;
}

.search_btn{
background:transparent url('/images/b_search.gif');width:94px;height:27px;border:0px;cursor:pointer;
}

.orange{
font-size:17px;
font-weight:bold;
color:#fe7503;
line-height:28px;
text-indent:10px;
}

.p_genre{
height: 22px;
width: 411px;
margin: 0 0 4px 6px;
line-height: 22px;
color:#333333;
font-size:17px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}

.panel img.icon{
float:left;
margin:-8px 4px 0 0;
position:relative;
}

.left-banner{display:inline; float:left; margin-right:9px;}
.right-banner{display:inline; float:left; margin-left:9px;}
#main-middle{float:left; width:602px;}
#main-side{float:left; width:767px;}

.submit-game-contact {position:relative;left:10px;}

/* Register - Edit
=====================================================================*/

.regtable{
width:100%;
}

.regtable tr.markform td, .regtable tr.markform th {
	background-color:#fffccd;
	border-top:1px solid #eae840;
	border-bottom:1px solid #eae840;
}

.regtable tr th {
	text-align:right;
	padding:5px;
}

.regwarn{
	font-weight:bold;
	color:#9c7600;
}

.notice{background-color:#ffffd9; border:1px solid #fdf482; padding:5px;}
.notice li{list-style-type:circle; margin-left:20px}

#moods{margin:10px 0 10px 0;padding:0px;}

#moods li {
	display:block;
	float:left;
	width:34px;height:34px;
	margin:2px;
	list-style-type:none;
}

#moods li.selected {background: url('../images/members_moods/border.gif');}

#moods li img{ margin:2px;cursor:pointer;}


/* Profile page
=====================================================================*/

.panel-profile{
color: #666666;
font-size: 14px;
}

.panel-profile h2{
font-size:22px;
color:#1c91dc;
height: 30px;
line-height: 30px;
}

.warning{background-color:#ffe9e9; border:1px solid #ff0000; padding:5px; margin-top:5px; color:#ff0000;}

.events-bar{background-color:#ffffd9; border:1px solid #fdf482; padding:5px; margin-top:5px;cursor:pointer;}

#events{
	overflow:auto;
	height:200px;
	border:1px solid #f3f3ab;
	border-top:0;
	display:none;
	background-color:#fffff4;
}

#events div {
	border-bottom:1px solid #a9e3ff; padding:5px;
}

.progress-bar
{
width:100px;
height:5px;
border:1px solid #839619;
background:#faffa9;
overflow:hidden;
float:left;
}

.progress-full{
height:3px;
background:#67b043;
overflow:hidden;
float:left;
border-top:1px solid #73c54b;
border-right:1px solid #548f36;
border-bottom:1px solid #548f36;
}

.trophey_small{
color:#faffa9;font-size:10px;
background-color: #F4FBFF;
border: 1px solid #e5f0f7;
float: left;display:inline;
padding:4px; width:40px; height:40px; margin:3px; position:relative;
}

.trophey_small .label{
position:absolute; top:30px;left:7px;
}

.trophey_small .label_sh{
position:absolute; top:29px;left:8px; color:#000;
}

#buddyfulllist {
	list-style-type:none;
	margin:0;
	padding:0;
}

#buddyfulllist li{
	margin:10px 0 0 14px;
	float:left;
	text-align:center;
	width:80px;
	height:95px;
	border:5px solid #eee;
	background-color:#eee;
}

.comment-avatar{
float:left; height: 80px; width:80px; overflow: hidden; margin-bottom:5px;
}

.comment-caption{
background: #f3f3f3 url(../images/comment_caption.gif) no-repeat; width:490px; float:left;
}

.comment-border{
border: 1px solid #cccccc; border-left: none;margin-left:20px; padding:10px;
}

.comment-date{
float:right;font-size:11px;width:165px; color:#888;
}

.del_comment{
text-align:right; 
margin:8px 10px 0 0;
display:none;
}

/* play + intermed page
=====================================================================*/


#game-thumbs {position:absolute; left:-240px;top:30px; width:160px;height:480px; border-radius:5px; background: #fff;}
							
#game-thumbs a {margin:12px 10px 0 10px; height:105px;}
#game-thumbs a.thumb span{ display:none;}
#game-thumbs a.thumb:hover span{ display:block;}

.game_icon{
display:inline;
float:left;
margin-right: 10px;
}

#game-buttons {position:absolute; right:-30px;top:30px;width:30px;}
#game-buttons a {display:block; margin-bottom:6px;}
#game-buttons a img {border:0px;}

#preload-bar {margin: 10px auto 0px auto;border:1px solid #0f3c4e; height:10px; width:500px; position:relative;}
#preload-bar #percentage {position:absolute; left:245px;font-size:10px;line-height:10px;font-weight:bold;color:#fff;}
#preload-bar #fill {background:#299ece;height:100%;width:0px;}

#controls {
overflow:hidden;
width:600px;
margin:0;
padding:0;
list-style-type: none;
background: url( '../images/key_vdelimiter.gif' );
}

#controls li {
float:left;
padding:0 9px 0px 9px;
font-weight:bold;
line-height:40px;
_line-height:38px;
height:36px;
background: url( '../images/key_odelimiter.gif' ) no-repeat 100% 50%;
white-space: nowrap;
}

#controls img {
float:left;
margin:7px 2px 0 0;
}

#controls div {
display:block;
float:left;
width:30px;
height:26px;
margin:6px 3px 0 0;
background:url( '../images/key_blank.gif' ) no-repeat 50% 50%;
font-weight:bold;
line-height:21px;
text-align:center;
color:#013030;

}

#tags{margin:5px;}
#tags *{margin: 5px;}

#play_main {width:627px; margin-right:8px; display:inline; float:left;}

/* Highscores
=====================================================================*/

.b_highscores{
background-image: url(../images/b_highscores.gif);
height: 30px;
width: 193px;
text-align: center;
line-height: 30px;
font-size: 14px;
color: #333333;
display:inline;
float: left;
margin: 0px 3px 0px 4px;
}

.b_highscores a, .b_highscores_active a{
background-image: url(../images/b_highscores.gif);
height: 30px;
width: 193px;
text-align: center;
line-height: 30px;
font-size: 14px;
color: #333333;
display:inline;
float: left;
}


.b_highscores a:hover, .b_highscores_active a{
background-image: url(../images/b_highscores_hover.gif);
color: #333333;
}

.highscores{
background-color: #f3f9fa;
border: 2px solid #fff;
}

.ron{background-color:#e2eff1;border: 1px solid #fff;}
.roff{}
.rhighlight{background-color:#ffe0e0;border: 1px solid red;}

.highscores td{
height:22px;
border-bottom:1px solid #ffffff;
text-align:right;
padding:5px;
}

td.hsc_name{text-align:left; text-indent:15px;}


/* Multiplayer Rankings
=====================================================================*/

table.rankings{
	font-size:14px;
	width:100%;
}

.rankings td{cursor:pointer;}

.rankings td, .rankings th{
	padding:3px;
	text-align:right;
}

.rankings th{
	background-color:#3479b4;
	color:#fff;
	cursor:default;
}

 .rankings th a{
 	color:#fff;
	text-decoration:underline;
 }

.rank_in td{
	background-color:#fefdcf;
	color:#000;
}

.rankings{
	text-align:center;
}



/* Footer
========================================================*/


#footer{
	background-image: url(../images/page-footer-center.gif);
	
	height: 66px;
	text-align: center;
	line-height: 53px;
	color: #a04b06;
	font-weight: bold;
	font-size: 12px;
}

#footer-left{
	background-image: url(../images/page-footer-left.gif);
	width: 10px;
	background-repeat: no-repeat;
	height: 66px;
	display: inline;
	float: left;
}

#footer-right{
	background-image: url(../images/page-footer-right.gif);
	width: 10px;
	background-repeat: no-repeat;
	height: 66px;
	display: inline;
	float: right;
}

#footer a{
color: #a04b06;
}

#footer a:hover{
color: #333;
}

#bottom-footer{
text-align:center;
font-size:12px;
color:#fff;
line-height:30px
}

#bottom-footer a{
color: #fff;
font-weight:normal;
}

#bottom-footer a:hover{
color: #ffffcc;
}

#footer-border{
	height:3px;
	width:992px;
	margin-left:4px;
	background-color:#eaba09;
	font-size: 3px;
	line-height: 3px;
	margin-bottom: 0px;
}

.side_tower_100x100 img{
	margin:5px 0px 6px 5px;
}

.textarea p{
	margin-top:10px;
	font-size:12px;
}

/* Banner placeholders
========================================================*/

.ad300x600, .ad300x600 iframe{
width:300px;
height:600px;
float:left;
}


.ad728x90, .ad728x90 iframe{
width:728px;
height:90px;
margin: 0 auto 6px auto;
}

.ad300x250, .ad300x250 iframe{
width:300px;
height:250px;
float:left;
}

.ad160x600, .ad160x600 iframe{
width:160px;
height:600px;
float:left;
text-align:center;
margin: auto;
}

.ad160x600, .ad300x250, .ad728x90, .ad300x600 {
padding-top:13px;
background:url(../images/sponsored_links.gif) no-repeat 100% 0;
}

.ad100x100, .ad100x100 iframe{
width:100px;
height:100px;
float:left;
}
.side_ad120x240{
position:absolute;top:40px;left:-160px;width:160px;
text-align:right;
}

.side_ad160x600{
    display:inline-block; position:absolute;top:0px;width:auto;
    background-color:#fff; padding:5px; border-radius:5px; 
}