body, html{
	font-family: 'Trebuchet MS', serif;
}
h1,h2,h3,div,a,img,table,tr,td,p,ul,li{
	margin:0;
	padding:0;
}


table{border: 1px solid #ccc; font-family: "Arial";}
td{border: 1px solid #ccc; padding: 2px;}
th{background-color: #333; color: #fff; padding: 4px;}
td a{ color: rgb(0,80,255); text-decoration: none;}
td a:visited{ color: rgb(150,50,200); text-decoration: none;}
td a:hover{ color: rgb(255,80,0); text-decoration: underline;}
td a:hover:visited{ color: rgb(255,80,0); text-decoration: underline;}

input.error{border: 2px solid red;}
#dynamic_form label{color: red; padding-left: 10px; }
#output {
	min-height: 400px;
}
form{
	margin-top: 10px;
}
form button{color:red;}
form img{
	width: 100px;
}
form input{
	margin-bottom: 10px;
}
#output h3, #output h1, #output h2{
	font-size: 18px;
	color:rgb(0,80,255);
}

#output p{
	margin-bottom: 15px;
}
.red, .warning{
	color: red;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}
#info_bar{
	margin: 3px 0 1px 0;
	background-color: rgb(50,50,50);
	padding-left: 4px;
	color: rgb(125,125,125);
	text-transform: uppercase;
	padding-bottom: 2px;
}
.green{
	color: rgb(100,255,0);
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}
.green a, .green:visited{
	color: rgb(255,0,0);
	text-decoration: none;
}
.green a:hover, .green:hover:visited{
	color: rgb(100,255,0);
	text-decoration: none;
}
td{
	vertical-align: top;
}
#error h3{
	color: #990000;
}
#error ul li{
	color: #990000;
	font-weight: bold;
	font-size: 14px;
	list-style: none;
}
#navigation ul{
	border-top: 1px solid rgb(255,255,255);
	padding: 5px;
	margin: 0;
	background-color: #000;
}
#navigation ul li{
	display: inline;
	font-weight: bold;
	color: rgb(100,100,100);
	text-transform: uppercase;
	font-size: 16px;
}
#navigation ul li a, #navigation ul li a:visited{
	padding-right: 20px;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li a:hover:visited{
	color: #ff0000;
	padding-right: 20px;
	text-decoration: none;
}
.left{float: left;}
.right{float: right;}
.cleaner{clear:both;}
#header{
}
#header_bg{
	height: 35px;
	background-color: rgb(60,60,60);
	border-left: 10px solid rgb(0,60,205);
	overflow: hidden;
}
#header h1 i{
	font-size: 20px;
	position:relative;
	top: -2px;
	left: 20px;
	color: rgb(0,120,255);
	letter-spacing:-1px;
	font-family:"Georgia";
}
#header h1{
	font-family: "Arial Black";
	font-size: 55px;
	color: rgb(0,60,205);
	letter-spacing: -4px;
	margin: 0;
	padding: 0;
	float: right;
	position: relative;
	top: -23px;
	right: -6px;
	text-transform: uppercase;
}
#footer{
	clear: both;
	border-left: 10px solid rgb(0,60,205);
	padding: 2px 0 2px 4px;
	background-color: rgb(60,60,60);
	color: rgb(255,255,255);
	margin: 20px 0 40px 0;
	font-size: 16px;
	font-weight: bold;
}
#footer a, #footer a:hover, #footer a:visited, #footer a:hover:visited{
	color: rgb(255,255,255);
	text-decoration: none;
}
td img{
	width: 200px;
}
.over_local{
	text-align:right;
	color: green;
}
.over_remote{
	color:red;
}
.over_remote b, .over_local b{
	color: purple;
}
#debug {
	font-size: 11px;
	color: rgb(200,0,0);
}