body {font-family:verdana;font-size:10px;margin:0px;padding:0px;background-color:#000;overflow:hidden;clip:rect(auto, auto, auto, auto);}
A {color:white;}
A:active {color:red;}
#screen {
	border:none;
	height:100%;
	width:100%;
	overflow:hidden;
	clip:rect(auto, auto, auto, auto);
}
#screen_gfx {
	display:inline-block;
	z-index:10;
	position:absolute;
	top:0px;
	left:0px;
}
#screen_stats {
	border:none;
	width:400px;
	height:250px;
	clear: both;
}
SPAN.stats {
	font-family:Lucida Console, Monaco, monospace;
	font-size:12px;
	color:#335;
	text-shadow: 1px 1px #000;
	display:block;
}
#controls {
	background-color:#223;
	border:solid 2px white;
	height:270px;
	width:430px;
	padding:5px;
	color:#fff;
	font-size:14px;
	-webkit-transform: scale(0.8);
       	-moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
	border-radius: 5px;
	overflow-y:scroll;
	overflow-x:hidden;
	display:none;
}
#controls SPAN{
	font-weight:bold;
	color:#ddf;
}
.popup_visible #controls {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
#controls #cmdtxt {
	width:401px;
	height:200px;
	font-size:14px;
	font-family:Lucida Console, Monaco, monospace;
	border:solid 2px ccf;
	padding:3px 5px;
	margin:5px auto;
	color:black;
	background-color:#eef;
	border-radius: 5px;
}
#controls #cmdstats {
	width:auto;
	display:inline-block;
}
#controls .submit {
	height:30px;
	font-size:16px;
	font-family:Lucida Console, Monaco, monospace;
	border:solid 1px #ccf;
	padding:3px 5px;
	float:right;
	background-color:#334;
	color:#ddf;
	border-radius: 5px;
}
#err {
	background-color:#422;
	border:solid 3px #FDD;
	height:50px;
	width:300px;
	padding:10px;
	color:#FDD;
	font-size:14px;
	overflow:auto;
	-webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
	border-radius: 10px;
	margin:0 0 20px 0;
	display:none;
}
.popup_visible #err {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
#info {
	background-color:#223;
	border:solid 3px white;
	height:100px;
	width:400px;
	padding:10px;
	color:#fff;
	font-size:14px;
	overflow:auto;
	border-radius: 10px;
	display:none;
}
#info DIV#info_title, #cmdstats SPAN{
	font-weight:bold;
	color:#ddf;
}
#message {
	background-color:#223;
	border:solid 3px white;
	overflow:auto;
	height:auto;
	max-height: 500px;
	width:420px;
	padding:10px;
	color:#fff;
	font-size:14px;
	-webkit-transform: scale(0.8);
       	-moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
	border-radius: 10px;
	display:none;
}
#message A{
	color:#ddf;
}
#message SPAN{
	font-family:monospace;
	color:#ddf;
	display:block;
}
.popup_visible #message {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
#anc {position: fixed; bottom: 0; width:100%;}

#cntrl-tab {
z-index: 900; 
position: fixed;
top:-10px; right:-10px;
width:74px;
height:auto;
border-radius: 10px;
color:silver;
padding: 15px 10px 10px 10px;
border:solid 2px black;
background-color:rgba(0,0,0,0.5);
cursor:pointer;
text-align:left;
}

#cntrl {
z-index: 1000; 
position: fixed;
top:-10px; right:-10px;
width:300px;
height:auto;
border-radius: 10px;
color:white;
padding: 10px 10px 10px 20px;
border:solid silver 3px;
background-color:rgba(0,0,0,0.75);
font-size:12px;
display:none;
}
#cntrl A {color:#ddf;}
#cntrl SPAN.closex {color:white; float:right; cursor:pointer;font-weight:bold;font-size:14px;}
#cntrl H1 {margin:5px;}

#ui-tab {
z-index: 900; 
position: absolute;
top:-10px; left:-10px;
width:64px;
height:auto;
border-radius: 10px;
color:silver;
padding: 15px 10px 10px 0;
border:solid 2px black;
background-color:rgba(0,0,0,0.5);
cursor:pointer;
text-align:right;
}

#ui {
z-index: 1000; 
position: absolute;
top:-10px; left:-10px;
width:300px;
height:auto;
border-radius: 10px;
color:white;
padding: 10px 10px 10px 20px;
border:solid silver 3px;
background-color:rgba(0,0,0,0.75);
font-size:12px;
display:none;
}
#ui A {color:#ddf;}
#ui SPAN.closex {color:white; float:right; cursor:pointer;font-weight:bold;font-size:14px;}
#ui H1 {margin:5px;}
#ui-guide {
height:400px;
overflow:auto;
padding:3px;
color:silver;
border:solid 1px silver;
background-color:rgba(0,0,0,0.3);
}
#ui-guide DIV SPAN{
color:#ddf;
font-family:monospace;
font-size:14px;
}
#ui-guide DIV SPAN I{
color:#88d;
}
#ui-guide LABEL{
display:block;
border:solid 0px silver;
border-bottom-width: 1px;
margin:10px 0 5px 0;
}
#calendar {
top:0;
width:500px;
margin:10px auto;
z-index:500;
color:white;
font-size:18px;
position:fixed;
left: 50%;
margin-left: -250px;
padding:0;
text-shadow: 2px 2px #000;
}
#calendar DIV {display:inline-block;margin:0; padding:0;}
#calendar DIV#season {width:190px; text-align:right;}
#calendar DIV#spacer {width:105px;}
#calendar DIV#year {width:180px;}
#resources {
top:100%;
width:500px;
margin:10px auto;
z-index:500;
color:white;
font-size:16px;
position:fixed;
left: 0;
margin-left: 20px;
margin-top: -38px;
padding:0;
text-shadow: 2px 2px #000;
}
#merchant {
top:50%;
left:0;
position:fixed;
z-index:600;
color:white;
font-size:14px;
width:400px;
height:150px;
padding:10px 10px 10px 150px;
background: #040146 url('../merchant.png') no-repeat;
border-radius: 10px;
border:solid silver 3px;
display:none;
}
#time-controls {
top:100%;
width:200px;
margin:10px auto;
z-index:500;
color:white;
font-size:16px;
position:fixed;
right: 0;
margin-right: 20px;
margin-top: -38px;
padding:0;
text-shadow: 2px 2px #000;
text-align:right;
}
#time-controls A.current {color:#ff0;}