body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	background: #428eab url(../img/bg.gif) repeat-y top center;
	/*background: #044f7e;*/
	font-size: 11px;
	padding: 0;
	margin: 0;
	color: #333;
}


h1,h2,h3,h4 {
	color: #003251;
}

h1 {
	font-size: 160%;
        border-bottom: 1px solid #eee;
        margin-bottom:20px;
}

h4 {
	font-size: 110%;
}

h3 {
	font-size: 120%;
}

h3.gamelisttitle {
	margin:0;
	padding:0;
	margin-top: 20px;
	margin-bottom: 10px;
}



input[type="text"], input[type="password"], textarea {
    background: #fff;
    border: 1px solid #92b0c8;
    font-family: Verdana;
    font-size:11px;
    padding:3px;
}


input[type="text"]:hover, input[type="password"]:hover, input[type="text"]:focus, input[type="password"]:focus, textarea:hover, textarea:focus {
    background: #fff;
    border: 1px solid #ffa93a;
}


input[type="submit"] {
    padding: 3px 10px;
    background: #34729b;
    color: #fff;
    border: 1px solid #64a0c7;
    border-bottom: 1px solid #1f597f;
    border-right: 1px solid #1f597f;
    margin-bottom: 0;
    font-family: Verdana;
    font-size:11px;
}

input[type="submit"]:hover {
    background: #61a0c9;
}

div {
	margin:0;
	padding:0;
}

p { margin-top: 7px; margin-bottom: 7px;}

#adhead {
	width: 880px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: #fff;
	/*border: 1px solid #999;*/
}

#wrap {
	width: 896px;
	margin: 0 auto 0 auto;
	padding:0;
	background: #fff;
    margin-top:8px;
    margin-bottom:8px;
}

#wrap2 {
	width: 880px;
	margin: 0;
	padding: 0;
	background: #fff;
	border: 8px solid #badbe7;

}

#header {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width: 880px;
	height: 115px;
	background: #296aa0  url('../img/headback.jpg') no-repeat top left;
        border-bottom: 1px solid #999;
}



#horizontalbanner {
	margin:0 auto 0 auto;
	padding: 0;
	width:728px;
}


#content {
	position:relative;
	float:left; 
	background: #fff;
	margin:0;
	padding: 20px 20px 10px 20px;
	width:840px;

}

#footer {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width: 880px;
	color: #76888e;
    border-top: 1px solid #d7e0ea;
	background: #e9eef3; /*  url(../img/headerback.gif) no-repeat top left; */
}


#footer a{
	color: #76888e;
}

#logo {
	position:absolute;
	bottom:40px;
	left:0px;
	margin:0;
	padding:0;
}


.box {
	position:relative; 
	float:left;
	margin:0; 
	padding:0;
	margin-bottom: 10px;
}

.box  div.boxcont {
	position: relative;
	float:left;
	background:#eceff5;
	margin:0;
	padding:10px;
	overflow:hidden;
	border-bottom: 1px solid #ccc;
}

.box  h3.boxtitle {
    position: relative; 
	margin:0; 
	/*border: 1px solid #89aecd;*/
	border-top: 1px solid #1f597f;
	padding:5px 10px;
	color: #fff;
	font-size: 130%;
        background: #6597c0;
}

.box  h3.boxtitle a {	
	color: #fff;
}
	
img#new {
	float: right;
	margin-left: 10px;
}

#moregames {
	margin-bottom:0;
}

#game {
	position:relative;
	margin-top: 10px;
	border: 1px solid #333;
	background: #ccc;
	margin-left:auto;
	margin-right:auto;
}


.box_title {
	margin-top: 0;	
	font-size: 120%;
	font-weight: bold;
	color: #003251;
	margin-bottom: 6px;
}

img {
	border: 0;
}


img.icon {
	float: left;
	margin-right: 10px;
        padding: 1px;
        background: #fff;
	border: 1px solid #000;
	width: 46px;
	height: 46px;
}

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

a:hover {
	text-decoration: underline;

}

#navibar {

}

.gamebox_title {
	border-bottom:1px solid #9AC0D0; 
	margin:0;
}


.comments_title {
	border-bottom: 1px solid #b3d4aa;
	margin:0;
}

.gamelist {
	float:left;
 	margin:0;
	padding:0; 
	list-style:none;
}

.gamelist li {
	margin:0;
	padding:0;
	margin-top: 10px;
	height: 46px;
	vertical-align:middle;
}

.gamelist a {
	float:left;
	padding-left: 52px;
	height: 46px;
}

#info { margin-top: 10px;  padding-top: 10px; background: #f5f5e7; text-align: left;}

#favorites form { margin:0; padding:0;}
#favorites input {margin:0; padding:0;}

#daily {float:left; position:relative; margin:0; padding: 10px; background: #f5f5e7; text-align: left; width:350px;}
#featured {float:left; position:relative; margin:0; margin-left:10px; padding: 10px; background: #f5f5e7; text-align: left; width:350px;}

.box1 {float:left; position:relative; margin-bottom: 10px;  padding: 10px;  text-align: left; background: #E6F0F4;}
.box2 {float:left; position:relative; margin-bottom: 10px;  padding: 10px;  text-align: left; background: #f5f5e7;}
.box3 {float:left; position:relative; margin-bottom: 10px;  padding: 10px;  text-align: left; background: #eaf5e7;}


.par_title {
	display: inline;
	font-weight: bold;
	margin-right: 10px;
	float:left;
	color: #666;
	margin-bottom: 5px;
}

.shares ul { position:relative; text-align:left; list-style:none; display:inline; }
.shares ul li { float:left; text-align:left; padding:0px 6px 0px 0 ; }
.shares ul li.delicious { padding:0px 2px 0px 2px; background:url("../img/delicious.gif") no-repeat 0 0; background-position: center left; }
.shares ul li.digg { padding:0px 2px 0px 2px; background:url("../img/digg.gif") no-repeat 0 0; background-position: center left}
.shares ul li.myspace { padding:0px 2px 0px 2px; background:url("../img/myspace_ico.gif") no-repeat 0 0; background-position: center left}
.shares ul li.reddit { padding:0px 2px 0px 2px; background:url("../img/reddit.gif") no-repeat 0 0; background-position: center left;}
.shares ul li.facebook { padding:0px 2px 0px 2px;background:url("../img/facebook.gif") no-repeat 0 0; background-position: center left;}
.shares ul li.stumbleupon { background:url("../img/stumbleupon.gif") no-repeat 0 0; background-position: center left; }
.shares ul li a {padding:0 0 0 20px; margin:0 8px 0 0px; }

.Online { padding:0px 6px 0px 12px; background:url("../img/online.gif") no-repeat 0 0; background-position: center left;}
.Offline { padding:0px 6px 0px 12px; background:url("../img/offline.gif") no-repeat 0 0; background-position: center left;}


#info .description {

}

.game_name {
	font-size: 200%;
	padding-left: 56px;
	min-height: 46px;
  	height:auto !important;
  	height:46px;


}

.foottext {
	padding: 10px;
	color:#637F8C;
	font-size: 80%;
	text-align:justify;
}

table.browse {
position:relative;
float:left;
border-collapse: collapse; 
width:630px; 
margin:10px 20px 10px 0;
}

table.browse caption{
padding-bottom:40px;
}

table.browse td {
	vertical-align: top;
	padding: 10px;
	border:0;
	border-bottom: 1px dotted #ccc;
}


table.browse tr {
	background: #fff;
	padding: 10px 0 10px 0;
}

table.browse th {
	background: #6597c0;
	color: #fff;
	padding: 5px;
	text-align: left;
	border:0; 
	font-size: 110%;
}

table.browse th a{
	color: #fff;
}

div#adright {
	position: relative;
	float: right;
	width: 180px;
	height:600px;
}

th#added {
	width:100px;
}

#path{
	padding: 10px 0 10px 0;
}

ul#browsetabs {list-style-type:none; margin:0; padding:0; margin-bottom: 10px;}
ul#browsetabs li{ float:left; margin:0; padding:0; text-align: center; margin-right:2px;}
ul#browsetabs a{ float:left; margin: 0; padding: 5px; background: #95b9d6;text-decoration:none;color: #fff; font-size: 100%; border-top: 1px solid #6597c0;border-bottom: 1px solid #6597c0;}
ul#browsetabs a:hover{ background: #b8d3ea;}
ul#browsetabs li.activelink a,ul#nav li.activelink a:hover{background: #6597c0; color: #fff}


ul.tabs { position:absolute; bottom:0px; right:5px; list-style-type:none; margin:0; padding:0; font-size: 10px; }
ul.tabs li{ float:left; margin:0; padding:0; text-align: center; margin-right: 3px; }
ul.tabs a{ float:left; margin: 0; padding: 3px 6px; background: #93b9d8;  text-decoration:none; color: #fff; height: 14px; }
ul.tabs a:hover{ background: #e9eef3; color: #666;}
/*ul.tabs li.activelink a, ul#nav li.activelink a:hover{background: #e9eef3; color: #666 !important;}*/






#botnav {
	position:relative;
	float:left;
	margin:0;
	padding:10px;
	width:860px;
    height: 89px;
    background: #c8d1da url(../img/background_botnav.jpg) repeat-x top left;
	color: #999;
	text-align: left;
	font-weight: bold;
	z-index: 30;
	border-bottom: 1px solid #a9b6c5;
	font-size: 100%;
}
#botnav a {
	color: #666;
}#navi {
	position:absolute;
        top: -32px;
        left: 5px;
	margin:0;
	padding:0 0;
	width:750px;
        height:35px;
	/*background: #3bb424;*/
	margin-bottom: 0;
	font-weight: bold;
	/*border-top: 1px solid #5ec949;
	border-bottom: 1px solid #2a9116;*/
	font-size: 13px;
}

ul#nav { float:left; padding:0; margin:0; z-index: 3000; height: 30px; width: 750px;}
ul#nav li{ float:left; list-style-type:none; margin:0; padding:0;  margin-right: 3px;}
ul#nav li a{ float:left; padding: 6px 13px; margin:0; background: #56b744; text-decoration:none; color: #fff; font-size: 110%; text-align: center; border: 1px solid #23950d;border-bottom:0;}
ul#nav li a:hover{ background: #e9b620;}
ul#nav a.activelink,ul#nav a.activelink:hover{background: #fff; color: #666; border: 1px solid #999; border-bottom:1px solid white; }


/* IE6 hacks */
ul#nav li[class="navtabs"] a { background: #56b744 url('../img/reflect_big.png') repeat-x top left; }
ul#nav li[class="navtabs"] a:hover { background: #e9b620 url('../img/reflect_big.png') repeat-x top left; }
ul#nav li[class="navtabs"] a.activelink {background: #fff; color: #666; border: 1px solid #999; border-bottom:1px solid white; }


div#menu{position: absolute; top:10px; right:280px; width: 320px; height: 33px; font-size: 12px; padding:0; margin:0;}
ul#nav2,ul#nav2 li{list-style-type:none;margin:0; padding:0}
ul#nav2{width:320px}
ul#nav2 li{float:left; margin-right: 4px;text-align: center}
ul#nav2 a{float:left; width: 90px; padding: 3px 2px; background: #488ab5; margin:0; text-decoration:none;color: #fff}
ul#nav2 a:hover{ background: #7caed8; color: #FFF}

ul#nav2 li[class="topnav"] a { background: #488ab5 url('../img/reflect_big.png') repeat-x 0 -4px; }
ul#nav2 li[class="topnav"] a:hover { background: #7caed8 url('../img/reflect_big.png') repeat-x 0 -4px; }



input, textarea {
    border:1px solid #aaa;
    color: #4f4f4f;
    font-size: 12px;
    font-family: Arial;
    padding:1px;
}


#vaakabanneri {
    float: left;
    margin:0;
    padding:0;
    width: 728px;
    height: 90px;
    border: 1px solid #a9b6c5;
    background-color: #fff;
}

/*
ul#nav { padding:0; margin:0; z-index: 30;}
ul#nav li{ float:left; list-style-type:none; margin:0; padding:0; width:108px; border-right: 2px solid #74c964;}
ul#nav li a{ display: block; width:98px; padding: 8px 5px; background: #29b20f url(../img/gradient.png) repeat-x top left; text-decoration:none; color: #fff; font-size: 110%; text-align: center; }
ul#nav li a:hover{ background: #8dda7f url(../img/gradient.png) repeat-x top left;}
ul#nav a.activelink,ul#nav a.activelink:hover{background: #6bc55a;color: #fff}
*/
/*
ul#nav2 { margin:0; padding:0; z-index: 30;}
ul#nav2 li{ float:left; list-style-type:none; margin:0; padding:0; width:91px; border-right: 2px solid #74c964;}
ul#nav2 li a{ display: block; width:75px; margin: 0 5px; padding: 3px; background: #eee; text-decoration:none;color: #fff; font-size: 100%; text-align: center; }
ul#nav2 li a:hover{ background: #8dda7f;}
ul#nav2 a.activelink,ul#nav a.activelink:hover{background: #6bc55a;color: #fff}
*/

ul#nav div
{	position: absolute;
	visibility: hidden;
	margin: 5px;
	margin-top: 0px;
	padding: 5px;
	background: #3bb424;
	font-size: 90%;
}

ul#nav div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 0 10px;
	width: 120px;
	white-space: nowrap;
	text-align: left;
	color: #fff;
}

ul#nav div a:hover
{	background: #8dda7f;
	color: #FFF}
	

	


/* ----- tool tip specific styles ----- */
#theToolTip{
position: absolute;
left: -300px;
width: 200px;
border: 1px solid #C0C09F;
padding: 6px 0px 0px 10px;
background-color: #ffe;
visibility: hidden;
z-index: 100;
}

#ToolTipPointer{
position:absolute;
left: -300px; 
z-index: 101;
visibility: hidden;
}

#theToolTip p{
color: #333333;
margin-right:10px;
margin-top:0;
}

#ToolTipTextWrap {
font-weight:bold;
font-size: 110%;
color: #004069;
margin-right:10px;
}

a.sortable {
	padding-right: 13px;
	background: url(../img/downarrow.gif) no-repeat center right;
}

div#bookmarkthis {
	position:absolute;
	bottom:10px;
	right:10px;
	width:200px;
	text-align:right;
}

div#languageoptions {
	position:absolute;
	color: #fff;
	bottom:10px;
	right:10px;
	width:200px;
	text-align:right;
}



div#bookmarkthis a{
	color:#fff;
    font-size: 130%;
	padding-right: 25px;
	background: url(../img/bookmark.gif) no-repeat center right;
}

div#languageoptions a{
	color:#fff;
}

div.comment {
    position: relative;
    float:left;
    border-top: 1px solid #ccc;
}

div.comment img.usericon {
    position: relative;
    float: left;
    border: 1px solid #ccc;
    padding: 1px;
    background: #fff;
    margin: 8px;
    margin-left:0px;
}

div.comment div.usermsg {
    position: relative;
    float: left;
    width: 410px;
    padding:8px;
    padding-left:0;
}

.button_delete {
    margin:0;
    padding:2px;
    font-size: 80%;
    float:right;
}

div#loginbox {
    position: absolute;
    top:10px;
    right:10px;
    width: 250px;
    height: 58px;
    background-color: #488ab5;
    color: #fff;
    padding:7px;
    padding-bottom:0;
    margin:0;
    border: 1px solid #5898c1;

}

div#loginbox img {
    float:left;
    border:1px solid #155680;
    padding:1px;
    background: #fff;

}

div#loginbox #welcomedetails {
    position: relative;
    padding:0;
    margin:0;
    margin-left: 56px;
    width: 170px;
}

div#loginbox #welcomedetails p {
    padding:0;
    margin:0;
    margin-bottom: 4px;
}

div#loginbox #logoutform {position: absolute; margin:0;padding:0; top:7px;right:8px;}

div#logincontainer {

}

div#loginbox a {
    color: #fff;
}



div#loginbox input.textinput, div#loginbox input.textinput, div#search input.textinput  {
font-size: 11px;
font-family: Verdana;
margin:0;
margin-left:2px;
width: 80px;
height: 14px;
padding-left: 3px;
padding-top: 2px;
float:left;
}

div#search input.textinput {
    width: 140px;
    float:right;
    margin-right: 5px;
    padding:1px;
}



div#loginbox input.submitinput {
margin:0;
padding: 0px 2px;
margin-left:2px;
font-family: Verdana;
width: 55px;
font-size: 9px;
height: 21px;
float:left;
}

div#loginbox p.line, div#loginbox p.loginerror, div#loginbox p.registersuggest {
    float:left;
    margin:5px 2px;
    padding:3px;
}

div#loginbox p.loginerror, div#loginbox p.registersuggest {
    color: #fff;
    font-weight: bold;
    padding: 1px 10px;
    font-size: 10px;
}

div#loginbox p.loginerror {
    background: #b70000;
    border: 1px solid #da6e6e;
}

div#loginbox p.registersuggest {
    font-size:11px;
}




div#search {
position:absolute; bottom: 10px; right:10px; width: 180px; height: 20px; text-align:right; font-weight: bold; z-index: 100;
}

div#search input.textinput {
    height: 17px;
    width:135px;
    padding-top:2px;
}



div#profiledetails img#profileusericon {
    position: absolute;
    top:10px;
    left:10px;
    padding: 1px;
    border: 1px solid #999;
    background: #fff;
}

div#profiledetails #details {
    padding-left: 65px;
}

div#editprofile {
    display: none;
}

div#editicon {
    display: none;
    margin-top:10px;
}

div#editpassword {
    display: none;
    margin-bottom:20px;
    margin-left: 40px;
}


/* Box layouts */

.box .boxtitle { color: #fff; }


.box ol li {
    margin-left:-10px;
}

div.mid { width: 520px }
div.mid .boxtitle { width: 500px }
div.mid .boxcont { width: 500px }

div.small { width: 300px; }
div.small .boxtitle { width: 280px; background: #95b9d6; }
div.small .boxcont { width: 280px; background: #f5f7fa; }

div.half { width: 410px }
div.half .boxtitle { width: 390px; background: #95b9d6;}
div.half .boxcont { width: 390px }

div.wide { width: 645px }
div.wide .boxtitle { width: 625px }
div.wide .boxcont { width: 625px }



#iconchoose {

}

#editprofile h4, #register h4 {
    padding: 0;
    margin: 0;
    font-size:12px;
}

#editprofile input, #register input {
    margin-bottom: 10px;
}

#editprofile img {
    background: white;
    padding: 1px;
    border: 1px solid #ccc;
    margin-right: 10px;
    vertical-align:middle;
}

div.highlight {
    position: relative;
    background: #ffffcc;
    border-top: 1px solid #ffcc33;
    border-bottom: 1px solid #ffcc33;
    margin-bottom: 10px;
    padding:8px;
}

.highlight h4 {
    margin:0;
    color: #c88112;
    margin-bottom:5px;
}

.highlight ul {
    list-style-type: none;
    list-style-image: url(../img/checked_bullet.gif);
    line-height: 180%;
    list-style-position: inside;
    margin:0;
    margin-left:5px;
    padding:0;
    color:#000;
}

.highlight ul li {
    
}

.playerlevel {
    background-color:#336699; color:#fff; padding:1px 3px 1px 3px; margin:0px 3px 0px 3px; font-family: Verdana; font-weight:bold; font-size: 7px;
}