/* dropdown menu styles */
div#navigation {
	overflow:auto;
	padding: 2px;
	margin: 3px 0 1px 0;
	background-color: rgb(50,50,50);
	padding-left: 4px;
	color: rgb(255,255,255);
	text-transform: uppercase;
	padding: 2px;
	font-size: 16px;
}
#jsddm{
	margin: 0;
	padding: 0 0 0 2px;
}

	#jsddm li
	{
		float: left;
		list-style: none;
		text-transform: uppercase;
		margin-right: 20px;
	}

	#jsddm li a
	{
		display: block;
		padding: 5px 12px;
		text-decoration: none;
		border-right: 1px solid white;
		width: 70px;
		color: #fff;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #000}

		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid #64FF00;
			}

			#jsddm li ul li
			{	float: none;
				display: inline}

			#jsddm li ul li a
			{	width: auto;
				background: #000;
				color: #fff}

			#jsddm li ul li a:hover
			{	background: #990000}
/* above is the dropdown styles */

body, html{
	font-family: 'Trebuchet MS', serif;
}

h1,h2,h3,div,a,img,table,tr,td,p,ul,li{
	margin:0;
	padding:0;
}
h3 {
    font-weight: bold;
}


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;}
#login{
	margin-top: 25px;
	border: 1px solid #ccc;
	padding: 10px 50px 10px 50px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}
#login p, #login input, #login span{
	padding: 0;
	margin: 0;
}
#login a, #login a:visited{
	color: ;
	text-decoration: none;
}
#login a:hover, #login a:visited:hover{
	color: ;
	text-decoration: underline;
}

#dynamic_form label{color: red; padding-left: 10px; }
#output {
	min-height: 400px;
}
#output h3{
	margin-top: 10px;
}
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: 2px;
}
.green i{
	color: rgb(255,255,255);
}
.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;
}
#page_navigation{
	padding: 2px;
	margin: 3px 0 1px 0;
	background-color: rgb(50,50,50);
	color: rgb(125,125,125);
	text-transform: uppercase;
}
#page_navigation ul li{
	list-style: none;
}
#page_navigation ul li a, #page_navigation ul li a:visited{
	padding-right: 20px;
	margin-left: 2px;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	text-decoration: none;
}
#page_navigation ul li a:hover, #page_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);
}