BODY { background: #025; margin: 0; font-family: Arial, sans-serif, Courier; padding: 0 0 0 5px;text-align: center;}
#wrap { width: 954px; margin: 5px auto 0 auto;text-align:left;}
#body { width: 770px; background: #00346e;text-align: left;float:left;}
FORM { margin: 0;}
TABLE { border-collapse: collapse;}
TD { vertical-align: top; }
A { text-decoration:none;}
A:hover { text-decoration:underline;}
H1 { margin: 10px 0;}
P { margin-top: 0;}

#skyscraper {
	float: right;
	width: 180px;
}

.infoMsg { margin: 1em 1em 0 0; width: 528px; padding: 0.25em;border: 1px solid #ccc; display: block;}
.infoOk { border: 1px solid green; padding: 4px;}
.infoError { border: 1px solid red; padding: 4px;color: black;margin: 0 10px 1em 0;}
.infoError a { color: #f33;font-weight: bold;}

#header { 
	height: 110px;
	background: url(/style/default/gfx/header3.jpg) 0 5px repeat-x #025;
	padding-top: 5px;
}
#header .logo { float: left; padding-left: 12px; text-transform:uppercase;width:314px;color: #70ADCF;}
#header IMG { border: 0; margin: 10px 0 0 25px; vertical-align:middle; }

#header #sites { margin: 21px 0 0 0; float: right; font-size: 1.5em;line-height: 1.1em;}
#header #sites a { text-decoration: none; margin:0;padding: 0; }
#header #sites a:hover { text-decoration: underline; }
/*#header #search { float: right; margin: 0 2px 0 0; width: 180px; }*/

#search { margin: 0 10px 0 1px; width: 137px; background: none;}
#search h3 { margin: 0; background: url(/style/default/gfx/icon_search_header.gif) 0 2px no-repeat; margin-bottom:5px;padding-left: 20px;}
#search FORM { margin-top: 0;}
#search FORM div { margin-left: 20px; }
#search input.button, .links input.button { background: #00346e; color: white; border: 1px solid #00346e; border-top: 1px solid #59f; border-left: 1px solid #59f;width: 3.5em;}
#search input { margin-bottom: 0.1em; border: 1px solid #59f; border-bottom: 1px solid #00346e; border-right: 1px solid #00346e; width: 80px;}

#header .numGames { font-size: 0.7em; margin-bottom: 4px; }
#main .numGames {float:left;}

/* Submit game style */
#sidebar .submit_game form input { margin-bottom: 10px;width:120px;}
#sidebar .submit_game input.button { margin-bottom: 0;background: #00346e; color: white; border: 1px solid #00346e; border-top: 1px solid #59f; border-left: 1px solid #59f;width: 4em;}
#sidebar a.button { background: #00346e; padding: 5px; text-decoration: none; }
#sidebar a.button:hover { text-decoration: underline;}

#main .submit_game form input { margin-bottom: 10px;width:400px;}
#main .submit_game form input.button { margin-bottom: 10px;width:4em;}

#content { margin-left: 10px; }

#header UL.menu { float: left; background: url(/gfx/menu_header.gif) top right no-repeat; margin: 17px 0 0 10px; padding: 0 10px 0 0; line-height: 1.5em;}
#header UL.first { margin-left: 30px;}
#header .menu LI A { background: none;}
#header .menu LI.more {text-align: right;}
#header .menu A { text-decoration: none; color: white; font-weight: bold; padding: 3px; text-transform: uppercase; }

#header .menu LI { color: #70adcf; padding: 0; }
#header .menu LI.active a { background-color: #26c;}
#header .menu LI a:hover { border-right: 0; border-left: 0; text-decoration: underline;} 

.navigator { float: right; width: 350px;margin: 0; font-weight: bold; text-align: right; clear: both; }

.col1, .col2, .col3 { width: 190px;}

.col1 { float: left;margin-right: 10px;}
.col2 { margin-right: 10px;}
.col3 { float: right;}

#footer { width:770px; background: url(/style/default/gfx/box.gif) #19244E repeat-x;  height: 50px; clear: both; padding: 20px 0 12px 0; text-align: center;}
#footer A { margin-right: 1em;text-decoration: underline;}
#footer img { border: 0;display: inline;border:0;margin-left:1em;}
#footer P { margin: 0 0 0.5em 0;}

pre { white-space: normal; overflow: hidden;}

#comments {margin: 0 10px 0 0;padding:0;clear: left;overflow: hidden;}
#comments a { color: white; }
#comments a:hover{ text-decoration:underline;}
#comments h2 { background: url(/style/default/gfx/icon_user_comment.gif) no-repeat; margin: 0; padding: 0 0 0 20px; color: white; font-size: 1em;text-transform:none;font-weight:normal;}
#comments h4 { margin:0; padding: 0;}
#comments dl { margin:0 0 0 0; padding: 1em 0 0 0;}
#comments dt div { display: inline; margin-right: 1em; }
#comments dt a { font-weight: bold;}
#comments dt { height: 18px; background: url(/style/default/gfx/comment.gif) 20px 0 no-repeat; padding: 2px 0 0 50px; font-weight: bold; margin:0;line-height:1em;}
#comments dd { background: #09143E; margin: 0 0 10px 0;}
#comments .comment { padding: 20px;  font-size:0.8em;}
#comments p { margin:0 0 0.25em 0;}
#comments .user { font-weight: bold; }
#comments .date { font-weight: normal; float: left;}
#comments .links {background: url(/style/default/gfx/box.gif) bottom repeat-x; border-bottom: 0;  text-align: right; padding: 0 10px 20px 0;}
#comments .write { text-decoration: none; background: url(/style/default/gfx/icon_write.gif) no-repeat; padding-left: 18px;margin-left: 10px;}
#comments .report { text-decoration: none; background: url(/style/default/gfx/icon_report.gif) no-repeat; padding-left: 18px;margin-left: 10px; }
#comments blockquote { margin: 0 0 0.5em 0.5em; border-left: 1px solid #ddd; padding: 0 0 0 0.5em;}
#comments dd a { text-decoration: underline;}

#comments .moderator { float: right; width:10em;margin-top: 1em;}
#comments .moderator label { width: 10em;} 

legend { border: 1px solid #ccc; padding: 0.25em;font-weight: bold;}
fieldset { margin: 0; border: 1px solid #ccc; padding: 1em;}
fieldset div { margin-top:1em;}
label { width:8em; display: block;}
label.radio { float: none; display:inline; }

#navblock .compo div { margin: 0; padding: 0; } 
#navblock .compo { border: 2px solid #ddd; }
#navblock .compo P { margin: 0 0 0.5em 0; }
#navblock IMG {float: right; }

#mobile TD { text-align: center; border-right: 1px solid #ddd; padding: 1em 1em;}
#mobile TD H2 { margin-bottom: 0.2em;}

#toplist { width: 570px; }
#toplist td { padding: 4px 4px 4px 10px; vertical-align: middle;}
#toplist td.nr { font-weight: bold; margin-left: 0;width: 2em;}
#toplist td.info { width: 2em;}
#toplist td.trend { text-align: center;padding:6px; width: 3em;}
#toplist td.numFavourites { width: 180px;}
#toplist ul {line-height: 2em;}
#toplist .favourite {font-size: 0.75em;}
#toplist .img img { margin: 3px 100px 5px 0;border:0;}

#toplistMenu li { display: inline; padding: 0 10px; font-size: 130%;color: white;}
#toplistMenu li { font-weight: bold;}
#toplistMenu li a { font-weight: normal; background: none; margin:0;padding:0;font-size: 80%; color: #979;}

table.priceinfo th { padding: 4px; }
table.priceinfo td { border: 1px solid white; white-space: nowrap;padding: 4px;}

#tags li { display: inline; margin-right: 1em;}


/* New styles */
.box { line-height: 1.25em; background: #19244E url(/style/default/gfx/box.gif) repeat-x; padding: 20px 0 10px 10px;  margin-bottom: 10px; margin-right: 10px; }
.box h1, .box h2 { margin: 5px 0 0 0; }
.box h3, .box h4 { margin:0;}
.box p a { text-decoration: underline; }

.strongBox { background: url(/style/default/gfx/box_red.gif) #4D0808 repeat-x; padding: 12px 0 10px 10px;  margin-bottom: 10px; margin-right: 10px; }

#main { float: left; width: 600px;}
#main .advert {  background: #00346e;padding-left: 55px;}

.two_columns { width: 395px; float:left; }

.items .item, .items td {padding: 7px 5px 10px 10px;}
.items .main { margin-right: 10px; background: white;line-height:1em;}
.items .main .item { padding-bottom: 0;}
.items .main img { margin-bottom: 10px;}
.items .main h1 {margin: 0;line-height:1.1em;}
.items td.main { width:100%;}
.items .links {background: #19244E url(/style/default/gfx/col_footer.gif) 0 bottom repeat-x;font-size:0.7em;}
.items .links input { width:12em;height:22px;margin-right: 10px;}
.items .links form {}
.items .links img {vertical-align:top;}

.items td { width: 176px;}
.items .links { padding: 5px 10px 10px 10px;vertical-align: middle;}
.items .empty { background: #00346e;font-size: 1px;height:1px;}
.items .links .comment { padding: 2px 0 0 19px; background: url(/style/default/gfx/icon_user_comment.gif) no-repeat;}
.items .links .category { float: right; white-space: nowrap;margin-right: 0;}
.items p { margin: 0; padding:0;}
.items H3 { margin:0 0 0 0; }
.items .category { font-weight: normal;clear:both;}
.items IMG { float:left; margin: 3px 5px 5px 0; border: 1px solid black;}
.items .links IMG { float: none; margin:0; padding:0;border:0;}

.selected { background: black;}

UL { list-style: none outside; margin:0 0 1em 0; padding:0;}
#sidebar LI A {  padding-left: 8px; background: url(/style/default/gfx/list.gif) 0 6px no-repeat;}
#sidebar LI span A {  padding-left: 0; background: none;}
.box ol li a { background: none;padding:0;}

.navigator {clear: both;padding-right: 10px; margin-bottom: 10px; }
.navigator .pages { text-align: right; }


.items .col-1 { float: left; width: 85px; }
.items .col-2 { float: right; width: 85px; }

/* Used on technology pages */
ul#requirements {float:right;width:120px;text-align:right;padding-right: 10px;}
ul#requirements li {display:inline;background: none;}
ul#requirements li a {background: none; padding:0;}
ul#requirements li a img {border: 1px solid #19244E;vertical-align: top; }
ul#requirements li a img:hover {border: 1px solid #4d648e; }

/* Used on game pages */
.requirement img  {
	border:0; float:right; margin: 0;
}


img.language {
	border:0; float:right;
	margin: 2px 0 0 4px;
}

#sidebar { float: right; width: 147px;padding-right: 10px;overflow: hidden; margin: 20px 0 0 0;display: inline; }

#sidebar H3 {  margin: 0 0 0.4em 0; padding: 0; }
#sidebar H3 A { background: none;}

#main .list { font-size: 0.8em;}
#main .list li a { background: none;padding-left:0;}

#sidebar .box { padding-left: 10px;margin-right:0;}
#sidebar .box li { padding-left: 2px;}
#sidebar .list li { padding-left: 10px;}
#sidebar .list {background: url(/style/default/gfx/box.gif) #19244E repeat-x;margin-bottom: 10px;}
#sidebar .list H3 {background: url(/style/default/gfx/icon_star.gif) 5px 6px no-repeat; padding: 8px 0 5px 25px;}
#sidebar .comments H3 { background: url(/style/default/gfx/icon_user_comment.gif) 6px 7px no-repeat; padding-left: 25px;padding-bottom: 5px;}
#sidebar .search H3 { background: url(/style/default/gfx/icon_search.gif) 8px 8px no-repeat; padding-left: 25px;padding-bottom: 5px;}
#sidebar ul, #sidebar ol { margin:0; padding:0; line-height: 1.5em;}
#sidebar ul { list-style-position: outside;}
#sidebar ol { list-style-position: inside;}
#sidebar ol li A, #sidebar .search A { background: none;padding:0;}
#sidebar ol li{ margin:0;padding:0 0 0 10px;}
#sidebar ul li{ margin:0;padding:0 0 0 1em;}
#sidebar li.r1 { background: #09143e;}
#sidebar .more { padding:0 10px 0 10px;list-style-type: none;text-align: right;}

/* Font-sizes */
#header { font-size: 11px; } /* Must be fixed */

.item, .items td, #sidebar { font-size: 0.8em;} /* 12px */
#sidebar .box p { font-size: 100%; } /* 12px */
.links { font-size: 0.7em;}	/* 11px */
h1 { font-size: 160%;margin-left: 10px;}
.main h2 { font-size: 160%; margin:4px 0 4px 0; }
h2, h3, h4 { font-size: 100%;margin-left: 10px;}
#header .menu { font-size: 1em; }
#footer {  font-size:0.7em; }
#comments dt { font-size:0.8em;}
#comments .links { font-size:0.8em;}

.box td p { font-size: 1em;}
.items .main p { font-size: 1em;}

/* Colors */
BODY { color: white; }
A { color: white; }
.box A:visited, #sidebar a:visited { color: #979;}

.items .highlight { background-color: #e5e584; }
.categories .highlight, .box li .highlight  { background-color: black;}

.infoMsg {  background-color: #eee;}
.new { color: red; font-weight: bold;}
.items .new { float: right;}
.info { color: #666; }
.infoOk { background: #dfd;}
.infoError { background: yellow; }
#header #sites a { color: white; }
#header #search FORM div {color:white; color: #37d;}
#header input.button { background: #37d; color: white;}
#header input { background: white; }
#footer { background: url(/style/default/gfx/box.gif) #19244E repeat-x; color: #a0a0b0;}
#comments .date { font-weight: normal; color: #666;float: left;}
#navblock .desc {color: #999;  }
#toplist td.trend { text-align: center;padding:6px; color: #666;vertical-align: middle;}
table.priceinfo th { background: #999; color: white;}
table.priceinfo td { background: #ddd; color: black;}
#toplist tr.row2 { background: #09143E; }
#toplist tr.row1 { background: #19244E; }
.items .item, .items td {background: white;color:black;}

.items td { border-right: 10px solid #00346e;}
.items .links {border-bottom: 10px solid #00346e;}

.box .items td { border-right: 10px solid #19244E;}
.box .items .links {border-bottom: 10px solid #19244E;line-height: 2em;background: url(/style/default/gfx/box.gif) bottom repeat-x;}

.items a { color: #19244E; }
.items .links a { color: white;}
.navigator a:visited { color: white;}
.items .categories { border-bottom: 13px solid #00346e;line-height: 1.25em;}

#sidebar { color: white; }
.newslink {text-align:right;padding-right: 1em; }

/* Frontpage */
.items .events {background: white; margin: 0 5px 0 0; padding-bottom: 1px;}
.items .events a, .items .events a:visited { font-weight: bold; text-decoration: none; color: #19244e;}
.items .events a:hover { text-decoration: underline; }
.items .events h2 { background: #19244E; color: white; font-size: 0.7em;margin:0 0 5px 0; padding: 5px 5px 5px 10px;}
.items .events li {color: #3f3f3f; margin-bottom: 5px;}

/* Toplist and frontpage */
.events ul {font-size: 0.7em; margin: 0 0 0 10px; }
.events a { font-weight: normal;  background: none; padding:0;text-decoration:underline;}
.events li { margin:0 0 10px 0;}


/* NEW: 20. aug 2009 */
.box h1, .box h2 {font-size: 120%;padding: 5px 10px 5px 10px;margin-bottom:5px;text-transform: uppercase;}
.box h1, .box h1 a, .box h1 a:visited { color: #19244e;}

.box h2, .box h2 a, .box h2 a:visited { background: #003674; color: white;}

.categories p {font-size: 0.75em; margin: 0 0 0 10px;}

.box h1 { background: #fca702;}
.product h1 { background: #89d745; }

#main .search {padding-top: 18px;}
.search h1 { padding:0;margin:0;color:white; background:none;text-transform: none; }

.search LI A {  padding-left: 8px; background: url(/style/default/gfx/list.gif) 0 6px no-repeat;}
.search LI LI {  margin-left: 1em;}


.box h3 a:visited { color: #19244E;}
table#toplist h3 a { color: white;}
.categories td { padding: 0 1px 0 0;}
.categories h3 { margin-left:10px;font-size: 0.8em;}
.categories li {font-size: 0.75em;margin-left: 10px; }
.categories li li {font-size: 100%;margin-left: 10px; }
.categories table.items {width: 100%;}

#filters { padding: 0;margin: 0 5px 10px 10px; font-size: 0.7em; line-height: 1em; color: white;}
#filters img {vertical-align:middle;margin: 0 2px;}

.sort_by { font-size: 0.7em;float:right; margin: 0 10px 10px 0; padding-left: 8px; background: url(/style/default/gfx/list.gif) 0 6px no-repeat;}

.categories { line-height: 1.25em; padding:10px 0 1px 0;}
.categories UL { list-style: none outside; margin:0 0 10px 0; padding:0;}
.categories UL LI UL { margin: 0 0 0 10px;}

#tabs {  font-size: 0.7em;width: 590px; }
#tabs ul {margin:0;}
#tabs ul li { float:left; display:inline; margin-right: 10px; width: 100px;text-align: center; height: 18px;padding-top:3px;}
#tabs, #tabs a { color: #2a2a2a; }
#tabs li { background: url(/gfx/tab.png) no-repeat;}
#tabs li.selected { background: url(/gfx/tab_selected.gif) no-repeat;}

.tags { float:right;} 
.tag { margin-right: 5px;}
.item .category { color: #cc7700;}
.item .product { color: #59a715;}
.box em a {color: white;}