html{
		font-family: 'Roboto Mono', monospace;
		width:99.9%;
		font-size: 62.5%;
		overflow-x: hidden;
	}
	body {
	  font-size: 1.6rem;
	  /*color: #93B4B8;*/
	  color: #CCC;
	  background: #191919 url("data/bg.gif") repeat;
	  overflow-y: visible;
	  /*font-family: 'Open Sans', Arial, sans-serif;*/
	  width:100%;
	  overflow-x: hidden;
	  max-width: 100%;
      margin: 0;
	}

 	html,body {  margin: 0px; padding: 0px; }
	
	.loginbox {
		width: 340px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -170px;
		margin-top: -220px;
	}
	
	a { color: #00FFFF; text-decoration:none; font-weight:bold; font-size:2.2rem;font-family: 'Roboto Mono', monospace; }
	a:hover { color:#eeeeee; text-decoration:underline }
		
	.clearfix::after {
		clear: both;
    }
	.clearfix::after, .clearfix::before {
		content: "";
		display: table; 
	}

	.top_banner {

		background-color: #363636;
		z-index: 100;
		width:100%;
		overflow: hidden;
		padding-right:0px;
		border-bottom: 1px solid #000000;
		margin:0;
		display:table;
		position:relative;
	}
	.navi_banner {

		height: auto;
		padding-top:1.5rem;
		padding-bottom:1.5rem;
		background-color: #262626;
		
		background: -webkit-gradient(linear,left top,left bottom,from(#262626),to(#111));
		background: -webkit-linear-gradient(#262626,#111);
		background: -moz-linear-gradient(top,#262626, #111);
		background: -o-linear-gradient(top,#262626,#111);
		background: -ms-linear-gradient(top,#262626,#111);
		background: linear-grdient(top,#262626,#111);
		box-shadow: 0 1px 0 0 rgba(171,171,171,.5);

		z-index: 100;
		display: inline-block;
		position: relative; float: left;
		width:100%;
		overflow: hidden;
		padding-right:0px;
		border-bottom: 1px solid #000000;
	}
	*, ::before, ::after {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		clear: both;
	}
	h1{
		font-size:1.8rem;
	}
      .header{
		font-size:2.3rem;
		font-weight:bold;}
	  .headtext{/*Sub header*/
		font-size:1.8rem;
		font-weight:bold;}
	  .norm{
		font-size:1.4rem;}
	  .normgross{
		font-size:1.6rem;}
	  .warning{color:#CC0033;}
	  tr.list:nth-child(odd)		{ background-color:#ccc; }
	  
    select {
	  font-family: 'Roboto Mono', monospace;
      font-size: 1.6rem;
	  color: #00FFFF;
      padding: 5px;
      background-color:#111111;
	  border-radius: 3px;
	  border:none;
    }
    input[type="submit"] {
		font-family: 'Roboto Mono', monospace;
		font-size:1.6rem;
		border-left: 1px solid #555;
		border-top: 1px solid #555;
		border-right: 1px solid #333;
		border-bottom: 1px solid #333;
		/*
		border-left: none;
		border-top: none;
		border-bottom: none;
		border-right: none;*/
		border-radius: 10px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 7px;
		padding-bottom: 7px;	
        background-color:#111111;
        color: #00FFFF;
		-webkit-box-shadow: 3px 0px 13px -4px rgba(0,255,255,1);
		-moz-box-shadow: 3px 0px 13px -4px rgba(0,255,255,1);
		box-shadow: 3px 0px 13px -4px rgba(0,255,255,1);
    }
    input[type="text"] {
	  font-family: 'Roboto Mono', monospace;
      font-size: 1.8rem;
      padding: 5px;
      background-color:#111111;
      color: #CCCCCC;
	  border-radius: 3px;
	  border:none;
    }
    input[type="password"] {
	  font-family: 'Roboto Mono', monospace;
      font-size: 1.8rem;
      padding: 5px;
      background-color:#111111;
      color: #CCCCCC;
	  border-radius: 3px;
	  border:none;
    }
	.tabhead {
		padding: 15px;
		background: #000;
		box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.65);
		box-sizing: border-box;
		border: 1px solid #171717;
		border-radius: 5px;
	}
	.tabcell {
		border-right: 1px solid #666666;
		padding-top:3px;
		padding-bottom:3px;
		text-align: center;
		vertical-align:middle;
		background:inherit;
		word-wrap:break-word;
	}
	.tabres {
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
		border: 1px solid #171717;
		border-radius: 5px;
	}
	.tabres:nth-child(even) {
		background: #262626;
	}

	input[type="checkbox"]:disabled {
	  background: #ccc;
	}
	.disabled_label {
	  color: #666666 !important;
	}
	i{
		/*white-space: nowrap*/
	}
	*:focus {
		outline:none;
	}
	
	.bluecol{
	 	color: #4169E1;
	}
.flex-container {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;

    }
.pseudolink{
   color: #00FFFF;
}
.pseudolink:hover{
  cursor:pointer;
}

@media all and (min-width: 1600px) {
.col-1-1 {
float: left;
width: 92%;
}
.col-1-2 {

width: 44%;
}
.col-1-2-r {
float: right;
width: 44%;
}
.col-1-3 {
width: 29%;
}
.col-2-3 {
width: 69%;
}
.col-1-4 {
float: left;
width: 23%;
}
.col-1-8 {
float: left;
width: 11.5%;
}	
.left_step{ padding-left : 2.5rem}
.right_step{ padding-left : 2.5rem}
.selectWidth{width:60%}
.info_sold {padding-left:6rem}
}
	
@media all and (min-width: 851px) and (max-width: 1600px) {
h1{
font-size:2.5rem;
}
.col-1-1 {
float: left;
width: 92%;
}
.col-1-2 {
float: left;
width: 44%;
margin-top:2%;
}
.col-1-2:nth-child(1n+1) {
clear: both;
}
.col-1-3 {
width: 99%;
float: left;
}
.col-2-3 {
width: 99%;
}
.col-1-4 {
float: left;
width: 46%;
margin-top:2%;
}
.col-1-4:nth-child(2n+1) {
clear: both;
}
.col-1-8 {
float: left;
width: 23%;
margin-top:2%;
}
.col-1-8:nth-child(4n+1) {
clear: both;
}	
.left_step{ padding-left : 0.5rem}
.right_step{ padding-left : 0.5rem}
.selectWidth{width:80%} 
.info_sold {padding-left:1.5rem}
}
	
@media all and (min-width: 781px) and (max-width: 850px) {
h1{
font-size:2.5rem;
}
.col-1-2 {
float: left;
width: 44%;
margin-top:2%;
}
.col-1-2-r {
float: right;
width: 44%;
}
.col-1-3 {
width: 94%;
float: left;
}
.col-2-3 {
width: 94%;
}
.col-1-4 {
float: left;
width: 46%;
margin-top:2%;
}
.col-1-4:nth-child(2n+1) {
clear: both;
}
.col-1-8 {
float: left;
width: 23%;
margin-top:2%;
}
.col-1-8:nth-child(4n+1) {
clear: both; 
 }
.left_step{ padding-left : 0rem}
.right_step{ padding-left : 0rem}
.selectWidth{width:80%} 
.info_sold {padding-left:0}
}