body {
     text-align: center;
     margin: 0;
}
body, p, table, div, span, li {
     font-family: arial, helvetica, sans-serif;
     color: #666;
}
h1, h2, h3, h4, h5 {
     color: #444;
     font-family: arial, helvetica, sans-serif;
}
.fclear {
     clear: both;
     height: 0;
     line-height: 0;
     font-size: 0;
}
.fleft {
     float: left;
}
.fright {
     float: right;
}
a {
     text-decoration: none;
     color: #287CBB;
}
a:hover {
     color: #273D98;
     text-decoration: underline;
}

a.join {
     padding-left: 10px;
   /*  background: url(/res/im/ico-join.gif) no-repeat left 1px; */
}
a.login {
     padding-left: 10px;
    /* background: url(/res/im/ico-login.gif) no-repeat left 1px; */
}
a.help {
     padding-left: 20px;
     /* background: url(/res/im/ico-help.gif) no-repeat left 1px; */
}
a.addsite {
     padding-left: 20px;
	 border:0;
     /* background: url(/res/im/ico-addsite.gif) no-repeat left 1px; */
}
a.addgame {
     padding-left: 20px;
     /* background: url(/res/im/ico-addgame.gif) no-repeat left 1px; */
}
a.topsites {
     padding-left: 20px;
     background: url(/res/im/ico-topsites.gif) no-repeat left 1px;
}
a.newsites {
     padding-left: 20px;
     background: url(/res/im/ico-newsites.gif) no-repeat left 1px;
}
a.topusers {
     padding-left: 20px;
     background: url(/res/im/ico-topusers.gif) no-repeat left 1px;
}
a.user {
     padding-left: 20px;
    /* background: url(/res/im/ico-user.gif) no-repeat left 1px; */
}
a.logout {
     padding-left: 20px;
     /* background: url(/res/im/ico-logout.gif) no-repeat left 1px; */
}
a.smain {
     padding-left: 20px;
     background: url(/res/im/ico-sites.gif) no-repeat left 1px;
}

a.white {
     text-decoration: none;
     color: #fff;
}
a.white:hover {
     color: #eee;
     text-decoration: underline;
}

div.helptext {
	font-family:"Verdana";
	font-size:12px; 
	color:#000000; 
	border:solid 2px #d7e8f0; 
	background:#f5f8fa;
	margin: 10px 0px 10px 0px;
	width: 400px; 
	padding: 5px; 
	line-height:14px;
}

div.detailbox{
	font-family:"verdana"; 
	font-size:12px; 
	color:#000000; 
	border:solid 2px #d7e8f0; 
	background:#f5f8fa;
	margin: 0px 0px 0px 0px;
	width: 325px;
	padding:2px;
	line-height:14px;
	float: right;   

}



/* Container ===================================================== */

#container {
     margin: 5px auto;
     padding: 0 10px 10px 10px;
     background: #fff;
     width:861px;
}

/* 861px wide 2 column content wrapper =========================== */

.content {
     text-align: left;
     margin: 20px 0 15px 0;
     margin-bottom: 15px;
     padding: 0;
     width: 861px;
     background: url(/res/im/bg-main-content.jpg) no-repeat bottom;
}

/* Skinny Column ================================================= */

.leftNav {
     /* width: 215px; */
     width: 190px;
	 margin:0;
     padding: 0;
     float: left;
}
.Section {
     margin: 0 15px 15px 35px;
     padding: 0;
}
.SectionDivider {
     max-height: 1px;
     margin: 15px 0 15px 0;
     background: #e3e3e3;
     line-height: 1px;
}
.vertnav {
     padding:5px 0 0 0;
     margin: 0;
}
.vertnav, .vertnav ul {
     list-style: none
}
.vertnav li {
     font-size: 12pt;
     padding: 10px 0 0 0;
     margin: 0;
     color: #666;
}
.vertnav a {
     padding-right: 10px;
     text-decoration: none;
     color: #287CBB;
}
.vertnav a:hover {
     padding-right: 10px;
     text-decoration: underline;
     color: #273D98;
}
.vertnav a.current {
     background: url(/res/im/arrow-oj.gif) no-repeat right;
     text-decoration: none;
     color: #444;
}
.vertnav a.current:hover {
     text-decoration: underline;
     color: #273D98;
}

.topNav {
	 position:absolute;
	 left:560px; 
	 top:75px;
     margin:0;
     padding: 0;
	 width:278px;
	 text-align:right;
	 font-weight:bold;
	 color:#FFFFFF;
}

.topNav a {
   
     text-decoration: none;
     color: #FFFFFF;
}
.topNav a:hover {
 
     color: #FFAC5B;
}
.topNav a.current {
     text-decoration: none;
     color: #FFFFFF;
}
.topNav a.current:hover {
     color: #FFAC5B;
}

/* Content Column ================================================= */

.contentColumn {
     width: 620px;
     text-align: left;
     padding: 0;
     margin: 0;
     float: left;
}
.contentSection {
     padding: 10px 0px 20px 30px;
}
.contentSection h1, .contentSection h2, .contentSection h3 {
     margin: 0;
     padding: 0;
     font-size: 18pt;
     color: #287CBB;
}
.contentSection h2 {
   font-size:18pt;
   }
.contentSection h3 {
   font-size:14pt;
   }
.contentSection p {
     margin: 0;
     padding: 15px 0 0 0;
     line-height: 18pt;
}
.contentSectionDivider {
     max-height: 1px;
     margin: 15px 0 15px 0;
     background: url(/res/im/gray-dot-divider.gif) repeat-x #e3e3e3;
     line-height: 1px;
}
.contentSectionOjDivider {
     max-height: 1px;
     margin: 15px 0 15px 0;
     background: url(/res/im/oj-dot-divider.gif) repeat-x #ff7300;
     line-height: 1px;
}


/* Form ========================================================== */

form {
     margin: 0px;
}

#search_box {
width: 400px;
height: 31px;
background: url(/res/im/search_box_bg.gif);
}
#search_box #kw {
float: left;
padding: 0;
margin: 6px 0 0 6px;
border: 0;
width: 360px;
background: none;
}
#search_box #go {
    float: right;
    margin: 3px 4px 0 0;
}


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

#footer1 {
     margin: 0;
     padding:0;
     width: 861px;
     height: 82px;
     text-align: left;
     overflow: hidden;
     background: url(/res/im/bg-footer.gif) no-repeat bottom;
}
#footer1 p {
     padding: 20px 35px 12px 35px;
     margin: 0;
     font-size: 12px;
}

.label, .label div {color:#ff0000;}

.error, .error div {
border: 1px solid;
width: 300px;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
color: #D8000C;
background-color: #FFBABA;
background-image: url('/res/im/error.png');
}

.message {
border: 1px solid;
width: 300px;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('/res/im/success.png');
}

/* Collapsing div ================================================ */



.mainIcon {
    padding: 10px;
    text-align: center;
}

.mainIcon a img {
    border: 0;
    margin: 10px;
}

.mainContent {
    text-align: center;
    border: 1px solid #4B81B8;
    margin: 0 50px 10px 50px;
    padding: 10px;
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.gfna {width:100%;}
.gfna span {color:#287CBB;}
.fna a {margin-left:50px;}
 b.gatev {color:#287CBB;}