html {
	overflow-y: scroll;
}
body,html {
	font: 87%/130% "Myriad Web", "Lucida Grande", "Lucida Sans Unicode", "Myriad", sans-serif;
	background: #ffffff;
	color: #333;
	margin: 0%;
	padding: 0%;
}

a:link {color: #00759F; text-decoration: underline;}
a:visited {color: #00759F; text-decoration: underline;}
a:hover {color: #FFCE00;text-decoration: underline;}
a:active {color: #7FBED8;text-decoration: underline;}


h1 { font-size: 125%; color: #333333; margin: 0px; padding-top: .5em; padding-bottom: .3em;}
h2 { font-size: 115%; color: #00759F; margin: 0px; padding-top: .5em; padding-bottom: .2em;}
h3 { font-size: 110%; color: #00759F; margin: 0px; padding-top: .3em; padding-bottom: .6em;}
h4 { font-size: 105%; color: #00759F; margin: 0px; padding-top: .3em; padding-bottom: .0em;}

#header2 {
	position: relative;
	top: 20px;
	width: 1200px;
	height: 65px;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 15px;
	}

#header {
	position: relative;
	top: 20px;
	/*width: 900px;*/
	width: 60%;
	height: 80px;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 15px;
	}
	
#footer {
	position: relative;
	clear: both;
	width: 60%;
	margin: auto;
	padding-top: 5px;
	font-size: .75em;
	color: #333333;
	}
	
#main_content {
	/*width: 900px;*/
	width: 60%;
	margin: auto;
	padding: 20px 0px 20px 0px;

	}
	
#admin_header {
	position: relative;
	top: 20px;
	width: 90%;
	height: 80px;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 15px;
	}
	
#admin_main_content {
	width: 90%;
	margin: auto;
	padding: 20px 0px 20px 0px;

	}
	
#admin_footer {
	position: relative;
	clear: both;
	width: 90%;
	margin: auto;
	padding-top: 5px;
	font-size: .75em;
	color: #333333;
	}

/* navigation */

#logout {
	margin-top: 0px;
	margin-right: 2px;
	font-size: 10px;
	color: #333333;
	}


#logout a:link {color: #0087ae; text-decoration: none;}
#logout a:visited {color: #0087ae; text-decoration: none;}
#logout a:hover { color: #ffd729;text-decoration: underline;}
#logout a:active {color: #ffd729;text-decoration: underline;}



#nav_container { 
	float: right;
	margin-top: 5px;
	color: #FFE67F;
	/*width: 600px;*/
	text-align: right;
	}
	

#nav_container ul {
	display: inline;
        }

#nav_container li {
	margin:  0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	display: inline;
	background-color: #0087ae;
	background-image: url('/dataloads/images/taboff.png');
	border-top: 2px #fede50 solid;
	border-right: 1px #ffffff solid;
	color: #ffffff;
	}
	
#nav_container li.on_state {
	margin:  0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	display: inline;
	background-color: #8dc9df;
	background-image: url('/dataloads/images/tabon.png');
	border-top: 2px #fede50 solid;
	border-right: 1px #ffffff solid;
	color: #ffffff;
	}

#nav_container ul li a:link {color: #ffffff; text-decoration: none;}
#nav_container ul li a:visited {color: #ffffff; text-decoration: none;}
#nav_container ul li a:hover {color: #ffd729; text-decoration: underline;}
#nav_container ul li a:active {color: #ffd729; text-decoration: underline;}

hr {
    height: 1px;
    color: #e5e5e5;
    background-color: #e5e5e5;
    border: none;
    margin-top: 1em;
    margin-bottom: 1em;
	padding: 0;
}





img#linxlogo {float: left; 	clear: left; border: 0px;}


#framed_content {
	width: 1200px;
	margin: auto;
	padding: 20px 0px 20px 0px;
	}
	
#admin_framed_content {
	width: 90%;
	margin: auto;
	padding: 20px 0px 20px 0px;
}


#main_content table, #admin_main_content table {
	font-size: .9em;
	font-family: "Myriad Web", "Lucida Grande", "Lucida Sans Unicode", "Myriad", sans-serif;
	margin: 0px;
	padding: 0px;
	}

#main_content td, #admin_main_content td { 
	padding: 5px;
	vertical-align: top;
	margin: 0px;
	
	}

#main_content th, #admin_main_content th { 
	padding: 5px;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	background: #8DC9DF;
	background-image: url('/dataloads/images/thbg.png');
	border: 1px solid #0087AE;
	}
	
#main_content th.subheader, #admin_main_content th.subheader {
	font-size: 9px;
	font-weight: normal;
	}

#footer2 {
	position: relative;
	clear: both;
	width: 1100px;
	margin: auto;
	padding-top: 5px;
	font-size: .75em;
	color: #333333;
	}
	
#footer2 a:link {color: #00759F; text-decoration: underline;}
#footer2 a:visited {color: #666666; text-decoration: underline;}
#footer2 a:hover {color: #7FBED8;text-decoration: underline;}
#footer2 a:active {color: #FFCE00;text-decoration: underline;}


#footer a:link {color: #00759F; text-decoration: underline;}
#footer a:visited {color: #666666; text-decoration: underline;}
#footer a:hover {color: #7FBED8;text-decoration: underline;}
#footer a:active {color: #FFCE00;text-decoration: underline;}


#footer_nav ul li.foot_onstate a:link {color: #FFCE00; text-decoration: none; font-weight: bold;}
#footer_nav ul li.foot_onstate a:visited {color: #FFCE00; text-decoration: none; font-weight: bold;}
#footer_nav ul li.foot_onstate a:hover {color: #7FBED8; text-decoration: none; font-weight: bold;}
#footer_nav ul li.foot_onstate a:active {color: #FFCE00; text-decoration: none; font-weight: bold;}

#footer_nav2 ul li.foot_onstate a:link {color: #FFCE00; text-decoration: none; font-weight: bold;}
#footer_nav2 ul li.foot_onstate a:visited {color: #FFCE00; text-decoration: none; font-weight: bold;}
#footer_nav2 ul li.foot_onstate a:hover {color: #7FBED8; text-decoration: none; font-weight: bold;}
#footer_nav2 ul li.foot_onstate a:active {color: #FFCE00; text-decoration: none; font-weight: bold;}

#footer_nav2 {
	float: left;
	width: 1200px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	
	}
	
#footer_nav2 ul {
	list-style-type: none;
	padding: 0em;
	margin: 0em;
	}

#footer_nav2 ul li {
	display: inline;
	padding-left: 8px;
	margin:	0px;
	}

#footer_nav {
	float: left;
	width: 100%;
	height: 30px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	
	}
	
#footer_nav ul {
	list-style-type: none;
	padding: 0em;
	margin: 0em;
	}

#footer_nav ul li {
	display: inline;
	padding-left: 8px;
	margin:	0px;
	}
	


#login_box {
	position: relative;
	top: 10px;
	padding: 15px;
	margin: auto;
	width: 320px;
	height: auto;
	border: 0px #e5e5e5 solid;
	}

#login_label {
	position: relative;
	top: 18px;
	left: 50px;
	}

.login_field {
	position: relative;
	top: 0px;
	left: 120px;
	}
	
#login_button {
	position: relative;
	top: 15px;
	left: 150px;
	}

.required {
	background-color: #FFF2B2;
	}

.default {
	background-color: #f2fff2;	
	}

.complete {
	background-color: #A5FF7F;
}

.processing {
	background-color: #e5e5e5;
}

.progress_bar {
	border: 1px solid #e5e5e5;
	width: 100px;
	height: 15px;
	padding: 0px;
}

.progress {
	background-image: url('/dataloads/images/progress.jpg');
	top: 0px;
	left: 0px;
	height: 15px;
}

.hand {
	cursor: hand;
}

.default {
	cursor: default;	
}

.scaled {
	transform: scale(1.00);
}

.admin_mobile {
	display: inline-block;
}

@media screen and (max-width: 768px) {
  
   #header {
	position: relative;
	top: 20px;
	/*width: 900px;*/
	width: 90%;
	height: 80px;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 15px;
	}
	
	#footer {
	position: relative;
	clear: both;
	width: 90%;
	margin: auto;
	padding-top: 5px;
	font-size: .75em;
	color: #333333;
	}
	
	#main_content {
	/*width: 900px;*/
	width: 90%;
	margin: auto;
	padding: 20px 0px 20px 0px;

	}
	.admin_link {
	display: none;
	}
	
	.admin_mobile {
	display: inline-block;
	}
  
  	#nav_container ul {
  		display: none;
  	}
  	
  	.header_image {
  		width: 150px !important;
  	}
}

.downtime {
	color: #F00;
	text-align: center;
}