body {
font-size:13px;
font-family: arial, helvetica, sans-serif;
margin:0;
padding:0;
color:#444444;
background:url(ball_silhouette.png), #ddd url(outer_bg_pattern.png);
background-repeat: no-repeat, repeat;
background-position: 100px 100px;
overflow-y:scroll;
}

a {
text-decoration:none;
color:#35a;
}

a:hover {
text-decoration:underline;
}

h1 a {
color:inherit;
}

form {
display:inline;
}

select {
text-align:center;
}

select.optgroups_left optgroup, select.all_left option:not(:first-child), select optgroup {
text-align:left;
}

select[multiple] {
background:white; /* #93b5dd; */
border:0;
/*border-left:1px solid gray;
border-top:1px solid gray;
border-right:1px solid white;
border-bottom:1px solid white;
outline:1px solid black;*/
text-align:left;
margin-left:8px;
margin-right:8px;
width:150px;
}

td.center_nr {
text-align:center;
vertical-align:middle !important;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
font-size: 0;
height: 0;
visibility: hidden;
}

/* contents buttons */

.jump_buttons a {
color:black;
background-image: url(titles.jpg) !important;
font-weight:bold;
display:inline-block;
border-bottom:1px solid #aaa;
border-left:1px solid #d8d8d8;
border-top:1px solid #d8d8d8;
border-right:1px solid #aaa;
outline:1px solid black;
padding:4px !important;
margin:4px;
}


span.rank, span.votes, span.start {
color:#888;
}
span.rank {
font-size:180%;
font-weight:bold;
}

span.msgtag, span.addmsgtag {
font-size:90%;
border-radius:2px;
display:inline-block;
color:white;
}
span.msgtag {
background:#bbbb88;
padding:2px 2px 2px 5px;
margin-right:2px;
}
span.msgtagx {
color:#888;
}
span.msgtag:hover {
cursor:pointer;
}
span.msgtag:hover span.msgtagx {
color:white;
}
span.addmsgtag {
padding:2px 2px 2px 2px;
background:#99bb99;
}
span.addmsgtag:hover {
cursor:pointer;
background:#668866;
}

textarea {
width:800px;
}

div.table_wrap {
display:table;
width:100%;
}

table.listnavi {
margin:0;
padding:0;
border-collapse:collapse;
width:100%;
}

table.listnavi tr td:first-child {
width:100%;
}

table.listnavi tr td:last-child {
vertical-align:bottom;
}

div.list_buttons {
}

img.fsbutton {
float:right;
position:relative;
top:-1px;
right:-1px;
margin-left:8px;
margin-bottom:5px;
}

div.status {
margin-top:10px;
margin-bottom:4px;
font-size:14px;
clear:left;
}

div.az {
text-align:right;
margin-top:0px;
font-size:14px;
}

div.listfoot {
margin-top:4px;
font-size:14px;
}

div.status span.pages , div.listfoot span.pages {
float:right;
}

div.az + div.status {
margin-top:3px;
}

table.list tr:first-child {
background-image: url(titles.jpg) !important;
font-weight:bold;
outline:1px solid black;
border-top:1px solid #d8d8d8;
border-bottom:1px solid #aaa;
border-left:1px solid #d8d8d8;
border-right:1px solid #aaa;
white-space: nowrap;
font-size:13px;
}

table.list tr:nth-child(2) td {
padding-top:5px;
}


table.list tr:first-child a {
width:100%;
color:black;
display:block;
}

table.list tr:first-child a:hover {
text-decoration:none;
background:none;
color:black;
}

/*table.list tr:not(:first-child):hover {
background:#e0e0ff !important;
}*/

table.list tr:nth-child(even) {
background:#eee url(light_bg_pattern.png);
}

table.list tr:nth-child(odd) {
background:#dadada url(dark_bg_pattern.png);
}

table.list {
border-collapse:collapse;
font-size:14px;
width:100%;
}

table.list td {
padding:4px;
vertical-align:top;
}

table.list tr td {
padding-right:15px;
}

table.list tr td:last-child {
padding-right:4px;
}

table.release tr td:last-child {
width:100px;
}
td.release_title_td {
width:340px;
}

table.list span.nbsp /*, table.small_list span.nbsp*/ {
white-space:nowrap;
}

a.thumb {
position:relative;
}

a.thumb:hover img.big {
position:absolute;
display:block;
width:auto;
height:auto;
background:#eee;
left:-20px;
top:-20px;
z-index:100;
}

img.thumb {
height:auto;
width:50px;
float:left;
border-radius:3px;
}

img.thumbsize {
border-radius:3px;
}

img.mus_sym {
position:absolute;
margin:0;
padding:0;
left:-10px;
top:-4px;
z-index:12;
}

img.big {
display:none;
}

a.img:hover {
text-decoration:none;
background:none;
}

img.shot {
height:auto;
width:200px;
}

img.bigshot {
height:auto;
width:800px;
}

span.titletags {
display:block;
margin-left:55px;
}

small.subtext {
clear:left;
display:block;
position:relative;top:2px;
margin-bottom:2px;
}

input.number {
text-align:right;
}

div.top_row {
border-radius:3px;
margin:7px 0 7px 0;
}

div.top_row:last-child {
margin-bottom:0;
}

.right {
text-align:right;
}

div.area {
margin:8px;
padding:8px;
background:#eee url(light_bg_pattern.png);
border-radius:6px;
}

div.clr {
clear:left;
}

div.area p:first-child {
margin-top:0;
}

div.area ul {
list-style-image:url(/style/dot.png);
padding-left:22px;
margin-bottom:0px;
margin-top:0px;
}

table.treeview tr:not(:first-child) td {
font-size:13px !important;
padding-top:2px !important;;
padding-bottom:2px !important;;
}
table.treeview tr:nth-child(2) td:first-child {
font-weight:bold;
}
table.treeview tr td:first-child {
/*width:180px;*/
}

ul.treeview {
list-style:none !important;
padding-left:0 !important;
font-weight:bold;
}
ul.treeview span {
padding:2px;
display:block;
}
ul.treeview span.author {
width:100px;
}
ul.treeview span.type {
width:100px;
}
ul.treeview span.year {
width:100px;
}
ul.treeview > li > ul.treeview {
font-weight:normal;
padding:0 0 0 22px !important;
margin:0 !important;
list-style-image:url(treeitem.png) !important;
}
ul.treeview li {
background:none !important;
padding:0 !important;
margin:0 !important;
}
/*ul.treeview > li li {
background:url(treeitem.png) no-repeat -10px 20px transparent !important;
}*/
ul.treeview span.even {
background:#eee url(light_bg_pattern.png) !important;
}
ul.treeview span.odd {
background:#dadada url(dark_bg_pattern.png) !important;
}


div.area h2 + ul {
clear:left; /* skip space occupied by little icon */
}

img[src="style/flags/worldwide.png"] {
vertical-align:-23%;
}

img.great_symbol {
margin-left:8px;
float:left;
}

/* the following two are added to an area to make it
  leaving space for ath great symbol */

div.symbolspace > * {
margin-left:120px !important;
}

div.symbolspace {
min-height:114px;
}

ul.nodots {
/*margin-left:127px !important;*/
list-style-image:none !important;
list-style-type:none !important;
padding-left:0px !important;
}

ul.nodots li {
padding-left:5px !important;
padding-right:5px !important;
border-radius: 6px 6px 6px 6px;
}

div.area li {
padding:2px 0 2px 0;
}

div.area li:nth-child(odd) {
background:#e5e5e5 url(dark_bg_pattern.png);
}

div.slogan_wrap {
padding:5px 5px 15px 5px;
}

div.case {
white-space:pre-wrap;
padding:10px;
margin:0;
background:#e5e5e5 url(dark_bg_pattern.png);
border-radius:5px;
box-shadow:inset 1px 1px 2px 0px #777777;
}

div.case + div.case {
margin-top:8px;'
}

div.case p:last-child {
margin-bottom:0;
}

div.text_wrap {
white-space:pre-wrap;
padding:0;
margin:0;
}

ul + div.case {
margin-top:8px;
}

div.area_new, div.area_load {
border-radius:7px;
padding:7px;
display:inline-block;
}

div.area_new {
background:#dfffdf;
}

div.area_load {
background:#efefff;
}

div.screenshots {
white-space:nowrap;
overflow-x:auto;
}

div.shot {
display:inline-block;
vertical-align:top;
text-align:center;
}

span.shot_subtitle {
display:inline-block;
/*margin-bottom:0px;*/
}

div.shot img, a.thumb img.big {
margin:2px;
padding:1px;
border-bottom:1px solid #aaa;
border-left:1px solid #ffffff;
border-top:1px solid #ffffff;
border-right:1px solid #aaa;
outline:1px solid black;
}

h2 + div.group {
margin-bottom:0px;
}

div.group {
border:1px solid #c0c0c0;
border-radius:3px;
margin-top:20px;
padding:0px 6px 10px 6px !important;
position:relative;
background:inherit;
}

div.text_content {
padding-top:14px !important;
}

div.text_content > *:nth-child(2) {
margin-top:0 !important;
}

h3 {
position:absolute;
left:22px;
top:-22px;
background:#eee url(light_bg_pattern.png);
/*background:#eee url(grouptitle.png);
color:#555;
box-shadow:none;
border-radius:8px;
border-top:1px solid #f8f8f8;
border-left:1px solid #f8f8f8;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc; */
padding:0px 7px 1px 7px;
font-size:inherit;
font-size:13px;
}

div.group + * {
padding-top:0px !important;
margin-top:16px !important;
}
/*
div.group + div.group {
margin-top:16px;
}

div.group h4:nth-child(2) {
padding-top:0px !important;
margin-top:12px !important;
}

div.group table.small_list:nth-child(2) {
padding-top:0px !important;
margin-top:12px !important;
}

div.group div.tag_cloud:nth-child(2){
padding-top:0px !important;
margin-top:11px !important;
}
*/

div.group > *:nth-child(2) {
margin-top:14px;
margin-bottom:3px !important;
}

div.group ul {
margin-bottom:3px;
}

h1 {
font-weight:bold;
font-size:20px;
margin:-8px -8px 10px 0;
border-radius:0 8px 0 30px;
padding:6px 6px 6px 30px;
color:white;
background-image:url(toptitlebar.png), -moz-linear-gradient(top, #b3ccea, #6d8db1); /* Firefox #eee, #bbb #fb3, #c83 */
background-image:url(toptitlebar.png), -webkit-linear-gradient(top, #b3ccea, #6d8db1); /* Safari, Chrome */
background-image:url(toptitlebar.png), -o-linear-gradient(top, #b3ccea, #6d8db1); /* Opera */
background-image:url(toptitlebar.png), -ms-linear-gradient(top, #b3ccea, #6d8db1); /* IE */
background-image:url(toptitlebar.png), linear-gradient(top, #b3ccea, #6d8db1); /* W3C Standard */
/*background-image:linear-gradient(top, #3e85c8, #2e6293); old dark blue */
background-color:#93afcf;/*3673ad;*/
/*border-left:1px solid #bbb;
border-top:1px solid #bbb;
border-right:1px solid #999;
border-bottom:1px solid #999;*/
border-bottom:1px solid gray;
box-shadow:0px 3px 3px #aaa;
text-shadow:1px 1px 1px black;
}

h1 form, h1 > input {
margin-left:5px;
float:right;
}

span.subtitle {
font-size:13px;
}

h2 {
/*font-weight:bold;
margin:0;
font-size:15px;
padding:5px;
margin-bottom:8px;
background:url(h2bg.gif), #3673ad;
border-radius:5px;
color:white;
box-shadow:5px 5px 5px #aaa;*/
/*background:#68d;
border-bottom:3px solid #57c;
border-left:3px solid #79e;
border-top:3px solid #79e;
border-right:3px solid #57c;
background:#8af;
border-bottom:3px solid #79e;
border-left:3px solid #acf;
border-top:3px solid #acf;
border-right:3px solid #79e;*/
color:white;
box-shadow:1px 1px 2px #aaa;
text-shadow:1px 1px 1px black;
font-size:15px;
/*background:#c8c8c8;
border-bottom:3px solid #bbb;
border-left:3px solid #d8d8d8;
border-top:3px solid #d8d8d8;
border-right:3px solid #bbb;
padding:2px 5px 2px 5px;
margin-bottom:0 0 8px 0;
border-radius: 5px 5px 0 0;*/
border-radius: 6px 0 30px 0;
border-right:1px solid gray;
border-bottom:1px solid gray;
background:#aac4e5 url(sectiontitle.png);
width:400px;
margin:-8px 0 8px -8px;
padding:4px 0 4px 8px;
white-space:nowrap;
}

h2 img {
margin-right:2px;
float:left;
/*vertical-align:middle;*/
position:relative;
top:-7px;
left:-2px;
}

h4 {
/*
border-bottom:2px solid #aaa;
border-left:2px solid #d8d8d8;
border-top:2px solid #d8d8d8;
border-right:2px solid #aaa;
background:#bfbfbf;*/
border-bottom:2px solid #bbb;
border-left:2px solid #d8d8d8;
border-top:2px solid #d8d8d8;
border-right:2px solid #bbb;
background:/*url(small_list_design.png),*/#c8c8c8 url(small_list_title.png);
/*background-repeat: repeat-y, repeat-x;*/
padding:1px 4px 1px 4px;
font-size:inherit;
color:#686868; /* color:#3f3f3f; */
margin-bottom:0;
}

div.area > h4:first-child {
margin-top:0;
}

h4 + ul {
margin-top:6px !important;
margin-bottom:0px;
}

ul + h4 {
margin-top:10px;
}

ul + ul {
margin-top:8px !important;
}

ul + div.inputlist {
margin-top:4px;
}

table.small_list + div.group {
margin-top:10px;
}

table.small_list {
border-collapse:collapse;
font-size:inherit;
width:100%;
margin:14px 0 0 0;
border-spacing:0;
}

table.fixed {
table-layout:fixed;
}

table.first_wide_fixed {
table-layout:fixed;
}
table.first_wide_fixed tr:first-child td:first-child {
width:360px;
}
table.first_wide_fixed tr:first-child td:nth-child(2) {
width:180px;
}
table.onparty tr:first-child td:first-child {
width:310px;
}

table.small_list tr:first-child {
border-bottom:2px solid #bbb;
border-left:2px solid #d8d8d8;
border-top:2px solid #d8d8d8;
border-right:2px solid #bbb;
background:#c8c8c8 url(small_list_title.png);
font-size:inherit;
color:#686868;
white-space: nowrap;
}

table.small_list tr:first-child td {
font-weight:bold;
padding:1px 4px 1px 4px;
font-size:inherit;
background:#c8c8c8 url(small_list_title.png);
font-size:inherit;
color:#686868;
}

table.small_list tr:nth-child(2) td {
padding-top:5px;
}

table.small_list tr:nth-child(odd) {
background:#e5e5e5 url(dark_bg_pattern.png);
}

table.small_list td {
padding:3px 15px 3px 4px;
vertical-align:top;
font-size:14px;
}

table.small_list tr td:last-child {
padding-right:4px;
}

/* framework */

/* stretch page to window height (if it is shorter) */

body, html {
height:100% !important;
}

#container {

min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */
height:100%; /* Mindesthöhe für den IE */
/* overflow: hidden !important; FF Scroll-leiste */
overflow: visible !important;

display:block;
margin: 0 auto;
width:1070px;

background-color:white;
background-image: url(inner_bg_pattern.png);
background-position:left top;
background-repeat:repeat;
box-shadow:-5px 0px 5px #8d8d8d, 5px 0px 5px #8d8d8d;

position:relative;
}

.container_edit {
/*float:left;
width:auto !important;
margin-left:200px !important;
*/
/*margin:0 !important;
width:100% !important;*/
min-width:80% !important;
max-width:1500px;
}

.footer_edit {

}

#header, #footer {
padding:8px 18px 8px 18px;
color:white;
clear:both;
}

#footer {
background:#666 url(header_back.png);
margin-left:auto;
margin-right:auto;
margin-top:-16px;
bottom:0px;
width:auto!important;
position:relative!important;
/*width:100%;
position:absolute;*/
}

/*
#footer {
padding:0!important;
background:#666 url(header_back.png);
bottom:0!important;
left:0;
width:100%!important;
height:16px;
position:absolute!important;
}
*/

#header a {
display:block;
height:100%;
outline:0;
}

#logo {
font-family:'times new roman';
font-size:35px;
font-style:italic;
font-weight:bold;
text-transform:uppercase;
text-shadow: 1px 1px 0px #000;
}

#logo a:hover {
text-decoration:none;
}

#content, #content_edit {
margin-right:190px;
padding-bottom:16px;
}

div#content .area {
width:848px;
}

div.navbox {
width:182px;
font-size:14px;
white-space:nowrap;
padding-right:8px;
margin-top:8px;
margin-bottom:12px;
clear:both;
float:right;
}

div.navbox h2 {
/*background:url(h2bg.gif),#3673ad;*/
background:#6d8db1;
background-image:-moz-linear-gradient(top, #b3ccea, #6d8db1);
background-image:-webkit-linear-gradient(top, #b3ccea, #6d8db1); /* Safari, Chrome */
background-image:-o-linear-gradient(top, #b3ccea, #6d8db1); /* Opera */
background-image:-ms-linear-gradient(top, #b3ccea, #6d8db1); /* IE */
background-image:linear-gradient(top, #b3ccea, #6d8db1);
text-shadow:1px 1px 1px gray;
border-radius: 5px 5px 0 0;
border:none;
margin:0;
padding:3px 5px 3px 5px;
font-size:inherit;
color:white;
box-shadow:5px 5px 5px #aaa;
width:auto;
}

div.navbox > ul, div.navbox > table, div.navbox > div, div.navbox > form {
font-size:inherit;
margin:0 0 13px 0;
padding:11px;
background:white;/* url(navback.jpg);*/
border-left:1px solid #6d8db1;/*rgb(54, 98, 138);*/
border-bottom:1px solid #6d8db1;
border-right:1px solid #6d8db1;
border-radius: 0 0 5px 5px;
box-shadow:5px 5px 5px #aaa;
display:block;
}

div.navbox > ul {
list-style-type:none;
}

div.navbox ul li a {
display:block;
width:100%;
}

div.navbox ul li {
padding:5px 0 5px 0;
border-bottom:1px solid #eee;
}

div.navbox ul li:first-child {
padding-top:0;
}

div.navbox ul li:last-child {
border-bottom:none;
padding-bottom:0;
}

div.navbox input {
width:80px;
}

div.newscolumn {
width:20% !important;
float:left;
}

div.newslist {
width:20% !important;
float:left;
}

div.newslist h2 {
width:150px;
}

div.newslist, div.newslist small {
font-size:12px;
}

div.newslist ul {
list-style:none;
padding-left:0;
}

div.newslist li {
padding-left:5px;
white-space:normal;
position:relative;
}

div.newslist small {
display:block;
margin-bottom:4px;
}

div.newslist img.big {
left:-20px;
top:-150px !important;
}

span.button_new, span.button_warning, span.button_save, span.button_edit {
display:inline-block;
padding:1px;
border-radius:5px;
}
span.button_new {
background:#dfffda;
}
span.button_save {
background:#ffffd5;
}
span.button_warning {
background:#ffd6d6;
}
span.button_edit {
background:#d6d6ff;
}

div.tagger {
display:inline-block;
width:130px;
}

div.tagger:not(:last-child) {
margin-right:10px;
}

div.tagger select {
width:130px;
text-align:left;
}

div.tagger input[type=text] {
width:130px;
}

span.by {
display:none;
color:gray;
float:right;
font-size:13px;
font-weight:normal;
}

span.by a {
color:#9999ff;
}

p.contact {
text-align:right;
color:#7a7a7a;
margin:0;
}

p.contact a {
color:#46b;
}

small.tags {
display:inline-block;
margin-left:8px;
}

span.playtime {
float:right;
clear:right;
font-weight:bold;
color:#888888;
font-size:13px;
}

span.title_td_icons {
/*clear:right;*/
float:right;
}

div.tags_wrap {
margin-bottom:8px;
min-height:10px;
}

small {
font-size:11px;
}

.ghosted {
display:none !important;
}

div.area span.button_warning {
margin:4px;
}

div.input_row {
border:1px solid #ccc;
border-radius:3px;
padding:3px 4px 3px 4px;
margin:4px 0px 4px 0;
display:inline-block;
background:url(dark_bg_pattern.png);
}

div.input_row > div:not(:last-child) {
margin-bottom:3px;
}

div.input_row p {
margin-top:0px;
margin-bottom:2px;
}
div.input_row p:last-child {
margin-bottom:0;
}

.greeny {
font-weight: bold;
color:#009900;
}

.reddy {
font-weight: bold;
color:#990000;
}

.lessy {
color:#888888;
font-weight:normal;
}

em.blacky {
color:black;
font-style:normal;
}

strong.boldy {
font-weight: 600;
color:black;
}

pre {
display:inline;
white-space:pre-wrap;
}

/* select buttons in list head */

h2 table.inh2 {
border-collapse:collapse;
padding:0;
margin:0;
border-spacing:0;
width:100%;
}

h2 table.inh2 tr td:last-child {
text-align:right;
}

h2 table.inh2 tr td:last-child select {
font-size:90%;
}

/* little new = released this week /added/updated/found images */

img.recent {
margin-left:5px;
display:block;
float:right;
}

small.added {
display:block;
width:100px;
white-space:nowrap;
}

/* targets map */

table.map tr:nth-child(even) {
background:#eee;
}

table.map tr:nth-child(odd) {
background:#dadada;
}

table.map {
border-collapse:collapse;
font-size:14px;
}

table.map td {
padding:4px;
vertical-align:top;
}

table.map tr td {
padding-right:10px;
}

table.map tr td:last-child {
padding-right:4px;
}

/* tags clouds */

div.tag_cloud {
  /*  line-height: 40px; */ 
    text-align: center;  
    padding:0px;  
    margin:0px;
}  

h2 + div.tag_cloud {
	margin-top:12px;
}

div.tag_cloud a {  
    margin:2px;
    padding:2px;
	white-space: nowrap;
	display:inline-block;
    background:#e6e6e6;
    border-radius:4px;
}  
  
div.tag_cloud a:hover {  
    background:#d0d0d0;
	text-decoration:none;
}

/* lightbox */

.lightbox {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, .8);
	z-index:1000;
}

.lightbox_table {
    width:100%;
    height:100%;
}

.lightbox_table_cell {
    vertical-align:middle;
}

/* team messages tags selector */

#tags_selector_modal {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, .1);
    z-index:1000;
}

#tags_selector {
    position:fixed;
}

/* todo messages */

table.todo_message {
border-bottom:1px solid #bbb;
display:block;
margin-bottom:5px;
border-collapse:collapse;
}

table.todo_message td {
padding:0 4px 0 0;
margin:0;
}

table.todo_message tr:first-child td:nth-child(2) {
font-weight:bold;
}

a.todo_message_edit_link {
float:right;
font-weight:bold;
}

table.todo_message span.tm_cat {
font-weight:normal;
}