body {
	background:#006800 url("greenfelt-tile.jpg");
	color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
}

body img {
	border:none;
}
body h1 {
	display:inline;
	position:relative;
	top: -35px;
	left: 35px;
	color: #ff8;
}

body table, body table td {
	border:none;
}


.gamelist ul {
	list-style-type: none;
	padding:0px;
	margin: 0px;
}

.gamelist li {
	display:block;
	float:left;
	clear:none;
	padding:0px 0px 0px 40px;
}

.gamesublist li {
	display:block;
	clear:both;
	padding:0px;
}

.gamelist {
        font-size:130%;
	float:left;
    padding:0px;
    width:70%;
}

#content {
    margin:8px;
}

.ancillary {
	clear:right;
	float:right;
	width:20%;
}
.ancillary, .highscore, .rss  {
	font-size:x-small;
	background:#273;
	color:#cfc;
	border:1px solid #cfc;
	padding:10px;
	margin:10px 0px 5px 0px;
}

.ancillary td, .ancillary th, .highscore td, .highscore th {
	font-size:10px; /*.885em;*//*xx-small;*/
	color:#cfc;
	vertical-align:top;
	border:none;
}

.ancillary h3, .highscore h3 {
	font-size:12px;
	margin:5px 0px 0px 0px;
}

.ancillary dt {
	float:left;
	width:45%;
	clear:both;
 	font-weight:bold;
	margin:5px 0px 5px 0px;
}
.ancillary dt:after {
	content: ":";
	display:inline;
}
.ancillary dd {
	float:left;
	width:45%;
	clear:none;
 	font-weight:bold;
	margin:5px 0px 5px 0px;
	padding:3px;
	border:1px solid #162;
}

#activate { position:relative; } /* needed for #paused to be centered correctly */

#paused {
 	font-weight:bold;
	font-size:large;
	padding:1em;
	z-index:1000;
}

A:link    { color:#ff0; }
A:visited { color:#f80; }

#debug {
	border:1px solid blue;
	background:#406dad;
	display:none;
    margin:8px;
}

#copyright {
	font-size:x-small;
	border:1px solid #cfc;
	background:#273;
	padding:10px;
	margin:8px;
}

#control_panel {
	border:1px solid #cfc;
	background:#273;
	padding:10px;
	margin:5px 0px 5px 0px;
	font-size:12px;
}

#control_panel input, #control_panel select {
	margin:3px;
	font-size:10px;
}

#instructions .license {
	padding:10px 0px 0px 0px;
	margin:0px;
	border:none;
	border-top:1px solid #cfc;
}
#instructions {
	display:none;
	font-size:small;
	border:1px solid #cfc;
	background:#273;
	padding:10px;
	margin:5px 0px 5px 0px;;
}

.titlebar, .titlebar td {
	color:#051;
}
.hiscore th {
	background:#cfc;
	color:#051;
	font-weight:bold;
}
.lastscore td {
	font-weight:bold;
	padding:5px 3px 5px 3px;
	border:1px dotted rgb(255,255,0);
}
.myscore, .myscore td, .lastscore td {
	background:rgb(20,70,31);
	color:#fff;
}
.myscore td a:link,    .lastscore td a:link    { color:rgb(255,252,133); } /* a:link    -> HSL(saturation -50%) */
.myscore td a:visited, .lastscore td a:visited { color:rgb(245,191,132); } /* a:visited -> HSL(saturation -50%) */

.scoregroup {
	width: 375px;
	float:left;
	border: 1px solid #cfc;
	background:#273;
	padding:0px 0px 5px 0px;
	margin:5px;
	font-size:small;
}
.scoregroup h1, .scoregroup h2 {
	background:#cfc;
	color:#051;
	font-weight:bold;
	display:block;
/*	position:relative;*/
/*	align:center;*/
	font-size:large;
	top: -0px;
	left: -0px;
	margin:0px;
}
.scoregroup h2 {
	background:#273;
	color:#cfc;
	display:block;
	font-size:small;
	top: 0px;
	left: 0px;
	margin:5px;
}
.scoregroup p {
	margin:0px 20px 0px 20px;
}
.scoregroup td {
	border:none;
	font-size:small;
}
.scoregroup .highscore td {
	font-size:x-small;
}
.scoregroup th {
	background:#cfc;
	color:#051;
	font-weight:bold;
}
.scoregroup .overall, .scoregroup .overall h2 {
	font-weight:bold;
	font-size:medium;
	color:#ff8;
}

.discontinuous td:first-child {
    border-top: 4px dotted #cfc;
}

hr { display:none; }

.menubar {
	font-size:x-small;
	border-bottom:2px solid #cfc;
	border-left:none;
	border-right:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	left:0px;
	width:100%;
	height:22px;
	clear:both;
	background:#051 url(menu-gradient.png) repeat-x;
}
#menu_separator {
	display: block;
	border:none;
	height:18px;
	width:100%;
	margin:0px;
	content:" ";
	background:url(menu-shadow.png) repeat-x;
}
.menubar h2 {
	font-weight:normal;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	clear:none;
	float:none;
	display:inline;
}

.menubar li {
	display:inline;
	padding:5px;
}
.menubar li, .menubar h2, .menubar a, #login input{
	font-size:10px; /*.885em;*/
}

.menubar li:hover {
	background:#cfc;
	color:#051;
}
.menubar li ul {
	display:block;
	color:#cfc;
}
.menubar ul {
	margin:0px;
	padding:5px;
}

.menubar .menubody {
	display:none;
	font-size:x-small;
	border:2px solid #cfc;
	border-top:none;
	-moz-border-radius:0px 0px 5px 5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	background:#051;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	position:absolute;
	width:auto;
	z-index:1000;
}

.menubar .menubody a {
	text-decoration:none;
	color:inherit;
}

.menubar .menubody ul {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.menubar .game_section:hover {
	background:#051;
	color:#cfc;
}

.menubar .game_section h2 {
    display:block;
    color:white;
    border-bottom:1px solid #60a268; /* rgba(192,240,192,.5) */
    font-weight:bold;
    font-size:110%;
    padding:5px;
}

.menubar .menuitems .game_section {
    display:block;
    float:left;
    clear:none;
    padding:0;
    margin:0;
}

.menubar .menuitems li, .menubar .game_section ul li {
	display:block;
	padding:5px;
	width:auto;
	float:none;
}

#login .disabled {
	color: #909090;
}
#login #new_user { margin-right: 15px }
#login     #user { margin-right: 15px }
#login #user, #login #pass, #login #fake_pass { width: 7em; height: 1.3em; } /* Text and password <input>s have different intrinsic widths and heights in IE!! */

.rss {
	position:absolute;
	top:18px;
	right:-0px;
    width:20em;
}
.rss h3 {
    margin:0px;
    padding:0px;
}
.rss ul {
	list-style-type: none;
	padding:0px;
	margin:0px;
}
.rss ul {
	padding:0px 0px 0px 10px;
}

.faq {
	color:#cfc;
}
.faq .entry {
	border:1px solid #cfc;
	padding:0px;
	margin:5px;
}
.faq .question {
	font-weight:bold;
	background:#273;
}
.faq ul li {
	display: block;
	padding:5px;
	margin:0px;
}

a.button, a.disabled-button {
	border:2px;


	margin:0 4px 0 4px;
	background-color:#273;
	border:1px solid #051;
	border-top:1px solid #eee;
	border-left:1px solid #eee;

	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#cfc;
	cursor:pointer;
	padding:2px 7px 2px 7px; /* Links */
}

a.button:hover {
	color:#ff0;
}
a.button:active {
	background-color:#cfc;
	color:#051;

	border:1px solid #eee;
	border-top:1px solid #051;
	border-left:1px solid #051;
}

a.disabled-button {
	color:#999;

	border:1px solid #051;
	border-top:1px solid #999;
	border-left:1px solid #999;
}

.alertbox .ttl { background: url(alert/top-left.png)               repeat top right; }
.alertbox .ttm { background: url(alert/top-center.png)             repeat top right; }
.alertbox .ttr { background: url(alert/top-right.png)              repeat top left; }

.alertbox .tbl { background: url(alert/middle-left-top.png)        repeat top right; }
.alertbox .tbm { background: #81D391; }
.alertbox .tbr { background: url(alert/middle-right-top.png)       repeat top left; }

.alertbox .ctl { background: url(alert/middle-left-bottom.png)     repeat top right; }
.alertbox .ctm { background: #227733; }
.alertbox .ctr { background: url(alert/middle-right-bottom.png)    repeat top left; }

.alertbox .cbl { background: url(alert/bottom-left.png)            repeat top right; }
.alertbox .cbm { background: url(alert/bottom-center.png)          repeat top right; }
.alertbox .cbr { background: url(alert/bottom-right.png)           repeat top left; }

.alertbox .tbl, .alertbox .tbm, .alertbox .tbr { }
.alertbox .ctl, .alertbox .ctm, .alertbox .ctr { }
.alertbox .cbl, .alertbox .cbm, .alertbox .cbr { }

.alertbox .ttl, .alertbox .tbl, .alertbox .ctl, .alertbox .cbl { width: 27px; }
.alertbox .ttr, .alertbox .tbr, .alertbox .ctr, .alertbox .cbr { width: 24px; }

.alertbox > table { border-spacing: 0px; /* compliant browsers */
                    border-collapse:collapse; /* IE7 */ }
.alertbox table { _border-collapse:collapse; } /* IE6 no comprendo '>' */

.titlebar table {
	color: white;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}

.highscore table {
    width: 100%;
    border-spacing: 2px;
}

.alertbox td, #menu_separator { _behavior: url("iepngfix.htc"); } /* magic transparent pngs on IE6 */