@IMPORT url("2leveltab.css");

#rss{
	float: right;
	clear: left;
}

#news{
}
	
.ab_top    { background: url(images/t.png) repeat-x; }
.ab_left   { background: url(images/l.png) repeat-y; }
.ab_right  { background: url(images/r.png) repeat-y; }
.ab_bottom { background: url(images/b.png) repeat-x; }

body {
	background-image:url('background.jpg');
	background-repeat:repeat-x;
	background-color:#c7fcff;
	font-size: 11px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0px;
	margin:10px 0 0;
}

p, pre {
	padding: 3px 10px;
	margin-bottom:3px;
	margin-top:0px;
}

p.desc{
	padding:0;
}

.no_pad_top{
	padding-top:0px;
}

.no_pad_left{
	padding-left:0px;
}

.bottom_right{
	float:right;
	padding-bottom:0;
	margin-bottom:0;
}

.score, .pgLoad{
	font-size:large;
	font-weight:bold;
}

.bold{
	font-weight: bold;
}

h1 {
	font-size: 20px;
	text-transform: uppercase;
	padding: 5px 15px;
	margin: 0px
}
h2 {
background-image:url(images/h2.png);
background-repeat:repeat-x;
font-size:17px;
font-weight:normal;
margin-bottom:0;
margin-top:3px;
padding:5px 10px;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 0px 10px;
	margin: 0px;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin: 0px;
}

input  {
	font-size:11px;
}

.newsHeader{
	font-size:10px;
	padding-left:10px;
}

#beta{
	float: left; width: 220px;
}

#test{
	clear:both;
	overflow:auto;
	position:relative;
padding-bottom:2px;
}

#leftHalfCol{
	float: left;
}
#leftCol{
	float: left;
	min-height:850px;
}

.adCol{
	bottom:2px;
	position:absolute;
	right:0;
	top:0;
	width:120px;
}

.pad{
	padding: 10px;
	overflow: auto;
}

.newLine{
	clear: both;
	overflow:auto;
}

.listLine{
	clear:both;
	margin-bottom:5px;
	margin-left:10px;
	margin-top:5px;
	overflow-y:auto;	
}

.center{
	text-align: center;
}

.gameInfo{
	margin-bottom:10px;
	overflow:auto;
	padding-top:5px;
}

.code{
background-color:#DDDDDD;
border-style:solid;
font-family:monospace,courier,Monaco;
margin:10px;
padding:10px;
}
/* ----------container to center the layout-------------- */
#container {
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

#highscore
{
	width: 100%;
	border-spacing: 1px;
	padding:10px;
}
.descText {
	float:left;
	font-weight:bold;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	padding-bottom:3px;
	padding-left:10px;
	padding-top:3px;
	width:100px;
}

.value {
	margin-top:8px;
	padding:0 10px 2px 130px;
}

.valueNoBreak {
	float:left;
	margin-top:9px;
	padding-top:0px;
	width:150px;
}

.button, .activeButton
{
	margin: 2px;
	text-align: center;
	text-decoration:none;
	padding:0 4px;
}

.odd, .even, .tableHeader, td.cell
{
	padding: 5px;
	text-align: center;
}

.tableHeader
{
	font-size: 13px;
	font-weight: bolder;
}
/* Things with borders */
#banner, #body, .gameBox, .adCol, #leftCol
{
	border-width: 5px;
	border: 5px solid;
	padding: 0px;
	margin: 2px 0px;
}

#body
{
	clear:both;
	float:left;
}

/* ----------banner for logo-------------- */
#banner {
	margin-top: 0px;
	height: 111px;
	margin: 5px 0px 2px;
}

#logo
{
	float: left;
	padding: 11px;
}
#login
{
	float: right;
	padding: 0px;
	margin: 3px;
}

.left {
	float: left;
}

.gameBox {
	float: left;
}

.groupList {
	height:124px;
	padding-left:10px;
}

.moreText{
	float:right;
	font-size:13px;
	margin-top:10px;
	padding:1px 10px 3px;
}

.listImg
{
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-left: 10px;
	border: 0px;
	height: 105px;
}

img.thumb{
	border: 0px;
	max-height: 100px;
	max-width: 100px;
}

img.smallThumb{
	border: 0px;
	height: 30px;
	width: 30px;
	float: left;
	padding-right: 10px;
}

img.rss{
	border: 0px;
	height: 22px;
	width: 22px;
}

img.help{
	border: 0px;
	height: 32px;
	width: 32px;
}

.listText
{
	float: right;
	height: 71px;
}

table.feedback, table.tags {
	border-collapse: collapse;
}
table.feedback{
	margin: 20px;
}

table.feedback td {
	border: 3px solid;
	padding: 1px;
}
img.rateStar
{
	width: 20px;
	height: 20px;
	border: none;
	vertical-align:top;
}	
/* -----------footer--------------------------- */
#footer {
	border: thick solid;
	clear: both;
	font-size: 10px;
	margin-bottom:10px;
	margin-top:3px;
	padding: 10px;
	float:left;
}

/* ----------- Colors --------------------------- */
body, input{
	color: #002060;
}

a:visited, .button, .activeButton, .darker {
	color: #0080A0;
}
#error{
	color: #AA0000;
}
#footer, #banner , #body, .gameBox, .adCol, #leftCol, table.feedback td, table.tags 
{
	border-color: #5599DD;
}
h1, .odd, .descText, .descText2ndCol, .newsHeader {
	background-color: #CDEDFF;
}

select, input, textarea, .button, .activeButton, table.feedback td, table.tags{
	background-color:#F5FFFF;
	border:2px solid #5599DD;
}
table.tags td, table.tags th {
	border:1px solid #5599DD;
}
table.tags td{
	padding:2px 15px;
}

.gameInfo{
	background-color:#F5FFFF;
	border-bottom:2px solid #DDFFFF;
	border-top:2px solid #DDFFFF;
}

.activeButton{
	background: #AEE;
}

.deactivatedButton{
	background: #DDD;
	color: #9AC;
	border-color: #579;
}

a {
	color:#0080a0;
	text-decoration: none;
}
a:hover {
	color: #0091c1;
}
a:active {
	color: #005000;
}
a:visited {
	color: #0080a0;
}
hr {
	border:2px solid #E8FFFF;
}
#tableHeader,.tableHeader, #footer{
	background-color: #B0E0F0;
}
#banner , #body, .gameBox, .adCol, #leftCol {
	background-color: #ffffff;
}

/* ----------- Widths --------------------------- */

#container {
	width: 968px;
}

#test {
	width:968px;
}

#body, #banner, .box
{
	width:958px;
}

.gameBox
{
	margin-right:4px;
	padding-right:0px;
	width: 405px;
}

.listText
{
	width: 293px;
}

table.feedback {
	width: 915px;
}

#footer {
	width:938px;
}

#leftHalfCol{
	width: 419px;
}

#leftCol{
	width: 823px;
}

a.tag {
	display:inline-block;
	margin:6px 10px;
	width:120px;
	font-size:small;
}