/* A Free Design by Bryant Smith (bryantsmith.com) */
body {
	margin: 0;
	padding: 0;
	text-align: left;
	font: 12px Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #061C37;
	background: #EEEFE4;
	background-image: url(slickblue/background.png);
	background-repeat: repeat-x;
}

* {
	margin: 0 auto 0 auto;
	text-align: left;
}

#container {
	display: block;
	height: auto;
	position: relative;
	/*   width: 960px; */
}

#header {
	height: 85px;
	/* width:960px;	 */
	font-size: 13px;
}

#header h1 {
	position: absolute;
	text-align: left;
	font-size: 35px;
	color: #FFF;
	left: 14px;
	top: 18px;
	width: 600px;
	font-weight: bold;
	margin: 0 auto;
}

#header h2 {
	position: absolute;
	text-align: right;
	color: #A9D1FA;
	left: 490px;
	top: 38px;
	width: 60%;
	font-weight: bold;
	font-size: 200%;
	margin: 0 auto;
}

#auth {
	position: absolute;
	text-align: right;
	color: #A9D1FA;
	float: right;
	top: 10px;
	right: 10px;
}

#auth a, #auth a:visited {
	text-decoration:underline;
	color: #89b1cA;
}

#mainpic {
	background-image: url(slickblue/main.jpg);
	background-repeat: no-repeat;
	width: 100%; /* 900px; */
	height: 50px;
}

.off {
	color: #67A0F5;
}

#menu {
	display: block;
	clear: both;
	/* width:960px; */
	height: 54px;
}

#leftmenu {
	display: block;
	margin-top: 15px;
	width: 204px;
	float: left;
	clear: both;
	font-size: 13px;
}

#leftmenu_top {
	width: 204px;
	height: 14px;
	background-image: url(slickblue/leftmenu_top.png);
}

#leftmenu_bottom {
	width: 204px;
	height: 14px;
	background-image: url(slickblue/leftmenu_bottom.png);
}

#leftmenu_main {
	width: 204px;
	height: auto;
	background-color: #1C478E;
	border: #1c478e solid;
	border-top-width: 8px;
	border-bottom-width: 8px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-radius: 15px;
}

#leftmenu_main ul {
	list-style: none;
	padding: 0px;
	width: 204px;
}

#leftmenu_main h2 {
	list-style: none;
	padding: 0px;
	width: 204px;
	color: #FFFFFF;
	padding-left: 10px;
	padding-bottom: 14px;
	font-size: 150%;
	font-weight: bold;
	margin: 0 auto;
}

#leftmenu_main h3 {
	list-style: none;
	padding: 0px;
	width: 204px;
	color: #FFFFFF;
	padding-left: 10px;
	padding-bottom: 14px;
}

#leftmenu_main ul li {
	list-style: none;
//	padding: 10px;
//	width: 204px;
	text-align: left;
}

#leftmenu_main ul li a,#leftmenu_main ul li a:visited {
	display: block;
	list-style: none;
	padding: 8px 0px 10px 12px;
//	width: 192px;
//	padding-left: 12px;
//	padding-top: 4px;
//	height: 30px;
	text-align: left;
	background-image: url(slickblue/leftmenu_link.png);
	background-repeat: repeat-x;
//	margin-top: 5px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	transition: all ease 0.2s;
}

#leftmenu_main ul li.selected a {
	color: #FFFF00;
}

#leftmenu_main ul li:hover a {
	color: #87BCF8;
	padding: 3px 0px 13px 12px;
	font-size: 20px;
	transition: all ease 0.2s;
}

#content {
	height: auto;
	padding-left: 10px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
	overflow: hidden;
	color: #C0C0E8;
}

#content a {
	color: #D0D0F0;
}

#content a:hover {
	color: #F0F088;
}

#content_top {
	background-image: url(slickblue/main_top.png);
	background-repeat: no-repeat;
	width: 689px;
	height: 25px;
}

#content_main { 
	padding: 15px;
	border: #1c478e solid 8px;
	border-radius: 15px;
	
 	background-image: url("../img/mainbackground.png");
/*  	background-repeat: no-repeat; */
 	background-position: left top;
 	background-size: 100% auto;
/*  	min-height: 400px; */
/* 	background: #00f; */
}

#content_main table {
	display: block;
	border-width: 1px;
	border-style: outset;
	border-color: gray;
}

#content_main td th {
	border-width: 1px;
	border-style: inset;
	border-color: gray;
}

#content_bottom {
	background-image: url(slickblue/main_bottom.png);
	background-repeat: no-repeat;
	width: 689px;
	height: 25px;
}

#footer {
	width: inherit;
	height: auto;
}

#footer h3,#footer h3 a,#footer h3 a:visited {
	display: inline;
	text-align: center;
	font-size: 12px;
	text-decoration: none;
	color: #7198E1;
}

#menu ul {
	list-style: none;
	padding: 0px;
	margin-left: auto;
	/*	width:960px;*/
}

#menu li {
	list-style: none;
	padding: 0px;
	display: inline;
}

#menu a {
	float: left;
//	height: 36px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	padding-top: 18px;
	font-size: 15px;
	padding-left: 13px;
	padding-right: 13px;
	transition: all linear 0.1s;
}

#menu ul li.menuitem a {
   position:relative;
   padding: 10px 15px 10px 15px;
}

#menu ul li.menuitem a::before {
	 content: "";
    background-color: #7fd5f8;
    height: 5px;
    bottom: 0px;
    left:50%;
    right:50%;
    position:absolute;
    transition-timing-function: ease-out;
    transition-duration: 0.3s;
}

#menu ul li.menuitem a:hover:before {
    display: block;
    left:0;
    right:0;
}

#content p {
	
}

html,body {
	text-align: center;
}

p {
	text-align: left;
}

#loginDiv {
	height: 100px;
	width: 250px;
	position: absolute;
	top: 30%;
	left: 50%;
	margin-left: -150px;
	background-color: rgba(96, 96, 160, 0.3);
	border: 30px solid transparent;
	border-radius: 15px;
}

#loginDiv label {
	float: right;
	clear: both;
	color: white;
}

#loginDiv .box {
	float: right;
	clear: both;
	width: 150px;
}

#loginDiv  input {
	float: right;
	clear: both;
}

.tabLabel {
	color: grey;
}

.tabValue {
	font-weight: bold;
}

#status {
	font-size: 16px;
	text-align: left;
	margin: 5px 15px;
	padding: 5px;
	opacity: 0.7;
	height: 50px;
	right: 20px;
	width: 30%;
	position: absolute;
	color: yellow;
	overflow-y: hidden;
}

#status li {
	display: block;
	text-align: right;
}

.info {
	color: lightgreen;
	background-color: #606060;
}

.warn {
	color: yellow;
	background-color: #A06060;
}

.err {
	color: red;
	background-color: #A0B060;
}

#controls {
	padding-left: 10px;
	width: 700px;
	float: left;
}

.slider {
	margin-top: 10px;
	margin-bottom: 15px;
	float: left;
	width: 300px;
}	

.control_label {
	margin-left: 15px;
	margin-right: 20px;
	display:inline;
	float: left;
}	

.control_unit {
	display:inline;
	color: #f6931f;
	font-weight: bold;
	font-size: 15px;
}	

.control_value {
	border: 0;
	color: #f6931f;
	font-weight: bold;
	width: 80px;
	text-align: right;
}

#server_links {
	float: left;
	margin-top: 20px;
}