@import url("menu.css");
/* TABS BEGIN */

.tabs input[type=radio] {
	display:none;
}
 
.tabs {
	float: none;
	list-style: none;
	position: relative;
	padding: 0;
	margin: 1px auto;
	height: 100%;
}
 
.tabs li{
	float: left;
	width: 100%;
}
 
.tabs label {
	/*display: block;*/
	color: #FFFFFF;
	padding: 10px 10px;
	background: #3A454B;
	cursor: pointer;
	position: relative;
}
 
.tabs label:hover {
	background: #056798;
}
 
.tab-content {
	z-index: 2;
	display: none;
	left: 0;
	width: 100%;
	line-height: 140%;
	margin-top: 7px;
	padding: 15px 0px;
	box-sizing: border-box;
	/*border:1px solid #056798;*/
	border-top: 10px solid #056798;
	background-color:#ffffff;
}

[id^=tab]:checked + label {
	background: #056798;
	color: white;
	top: 0;
}
 
[id^=tab]:checked ~ [id^=tab-content] {
	display: block;
	height: 100%;
}

/* TABS END */

/* GENERAL */
ul {
	list-style-type: none;
}
ul li {
	list-style-type: none;
}
input {
	border: 1px solid #316594;
	text-align:right;
}

input[type="number"] {
	width: 100%;
}


input[type="text"] {
	text-align: right;
	width: 100%;
}

input[name="username"] { text-align: left; width:75%; }
input[type="password"] { text-align: left; width:75%; }
input[name="fullname1"] { text-align: left; width:75%; }
input[name="fullname2"] { text-align: left; width:75%; }
input[name="fullname3"] { text-align: left; width:75%; }
input[name="fullname4"] { text-align: left; width:75%; }
input[name="fullname5"] { text-align: left; width:75%; }
input[name="fullname6"] { text-align: left; width:75%; }
input[name="fullname7"] { text-align: left; width:75%; }
input[name="fullname8"] { text-align: left; width:75%; }
input[name="fullname9"] { text-align: left; width:75%; }
input[name="fullname10"] { text-align: left; width:75%; }
input[name="fullname11"] { text-align: left; width:75%; }
input[name="fullname12"] { text-align: left; width:75%; }
input[name="fullname13"] { text-align: left; width:75%; }
input[name="fullname14"] { text-align: left; width:75%; }
input[name="fullname15"] { text-align: left; width:75%; }
input[name="fullname16"] { text-align: left; width:75%; }
input[name="fullname17"] { text-align: left; width:75%; }
input[name="fullname18"] { text-align: left; width:75%; }
input[name="fullname19"] { text-align: left; width:75%; }
input[name="fullname20"] { text-align: left; width:75%; }
input[name="req-username"] { text-align: left; width:75%; }
input[name="req-fullname"] { text-align: left; width:75%; }

input[type="file"] {
	width: 362px;
	border: 1px solid #316594;
	text-align:left;
}

input[type="submit"] {
	text-align:center;
	width: 15em;  
	height: 1.5em;
}

input[type="button"] {
	text-align:center;
	width: 15em;  
	height: 1.5em;
}

input[type="checkbox"] {
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}

.override {
	border: 1;
	background: #FFAAAA;
}

.same {
	border: 1;
	background: #CEF6CE;
}

.overridehmcval {
	background-color: transparent;
	border: 0;
}

.samehmcval {
	border: 0;
	background: #CEF6CE;
}

.leftsame {
	border: 0;
	background: #CEF6CE;
	width: 98%;
}

.leftovr {
	border: 0;
	background: #FFAAAA;
	width: 98%;
}

body {
	background: url(images/background.jpg) repeat-x; overflow: auto;
	background-size: contain;
	height: 100%;
}
.wrapper {
	width:1363px;
	margin:0 auto;
	position:relative;
	display:block;
	height: 100%;
	overflow:hidden;
}

.wrapper2 {
	width:1363px;
	margin:0 auto;
	position:relative;
	display:block;
}

a:link, a:visited {
	color:#316594;
	text-decoration:underline;
}
a:hover, a:focus {
	color:#222;
	text-decoration:underline;
}	


/* HEADER */
.header {
	background: url(images/huisman.gif) no-repeat;
	background-position: top, center; 
	height:128px;
}

/* HEADER: breadcrumbs */
header .breadcrumbs {
	width:1363px;
	margin:0 auto;
	height:25px;
	line-height:25px;
	text-shadow: 1px 1px 0px rgba(255,255,255,.5);
	border-top:#FFF 1px solid;
	border-bottom:#ccc 1px solid;
	font-size:11px;
	overflow:hidden;
	color:#666;
	text-transform:uppercase;
	background: #eee;
	background: -moz-linear-gradient(top, #EDEDED 0%, #D5D5D5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#D5D5D5));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDEDED', endColorstr='#D5D5D5',GradientType=0 ); 
}
header .breadcrumbs a:link, 
header .breadcrumbs a:visited {
	color:#666;
	text-decoration:underline;
}
header .breadcrumbs a:focus, 
header .breadcrumbs a:hover {
	color:#316594;
	text-decoration:underline;
}
#index header .breadcrumbs {
	display:none; /* no reason to have breadcrumbs on homepage */
} 

/* HEADER: logo */
header #logo {
	position:absolute;
	top:20px;
	left:0;
	font-size:35px;
	white-space:nowrap;
	color:#fff;
	font-family: "Arial", "Times New Roman"; /*websafe*/
	text-transform:uppercase;
	text-shadow: 1px 1px 0px rgba(0,0,0, .4);
}
header #logo:link, 
header #logo:visited, 
header #logo:hover, 
header #logo:focus {
	text-decoration:none;
}

/* HEADER: navigation */
header nav {
	position:absolute;
	top:30px;
	right:0;
	text-shadow: 1px 1px 0px rgba(0,0,0, .3);
}
header nav ul {
	list-style:none;	
	float:right;
}	
header nav li {
	display:block;
	float:left;
	margin:0 0 0 10px;
}
header nav li a {
	display:block;
	font-size:13px;
	padding:5px 15px;
	text-transform:uppercase;
	font-weight:bold;
}
header nav li a:link, 
header nav li a:visited {
	color:#eee;
	text-decoration:none;
}	
header nav li a:hover, 
header nav li a:focus {
	color:#FFF;
	text-decoration:none;
}
header nav li.current a {
	color:#FFF;
	background:#7096B6;
	background:rgba(255,255,255,.2);
	text-decoration:none;
	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
}


/* BODY CONTENT */
article {
	float:right;
	box-sizing: border-box;
	width:84%;
	background:#fff;
	border-left:1px solid #e4e4e4;
	border-bottom:1px solid #c8c8c8;
	border-right:1px solid #c8c8c8;
	min-height:700px;
	overflow: auto;
}
article h1 {
	font-family: "Arial", "Times New Roman"; /*websafe*/
	margin:0 0 45px 0;
	color: #275176;
	font-size:37px;
}
article h2 {
	font-family: "Arial", "Times New Roman"; /*websafe*/
}
article h3 {
	font-family: "Arial", "Times New Roman"; /*websafe*/
	margin:0 0 15px 0;
	color: #275176;
	font-size:25px;
}
article h4 {
	font-family: "Arial", "Times New Roman"; /*websafe*/
	margin:0 0 10px 0;
	color: #555;
	font-size:20px;
	font-weight:100;
}
article h5 {
	font-family: "Arial", "Times New Roman"; /*websafe*/
	margin:0 0 10px 0;
	color: #333;
	font-size:15px;
}
article h6 {
	font-family: "Arial", "Times New Roman"; /*websafe*/
	margin:0 0 10px 0;
	color: #666;
	font-size:14px;
}

article section {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	line-height:22px;
	font-size:14px;
	color:#333;	
	min-height:700px;
	height: auto;
	padding-bottom: 10px;
}

/* SIDEBAR */
aside {
	background:#fff;
	width:16%;
	float:left;
	padding-top: 50px;
	padding-bottom: 500em;
	margin-bottom: -500em;
}

.motorstate {
	background:#333;
	font-family: "Arial", "Times New Roman"; /*websafe*/
	color:#fff;
	padding:20px 0px 20px 15px;
	border-radius:0 4px 4px 0;
	-moz-border-radius:0 4px 4px 0;
	-webkit-border-radius:0 4px 4px 0;
}

aside .section {
	padding:0 0 0 0px;	
	text-align:center;
}
aside .section {
	margin:0 0 40px 0;
	line-height:16px;
	color:#555;
	text-shadow: 1px 1px 0px #fff;
}
aside .section p {
	margin:0 0 15px 0;
}
aside .section ul, 
aside .section ol {
	margin:0 0 15px 20px;
}

/* FOOTER */
footer {
	padding:20px 0;
	color:#888;
	font-size:11px;
}
footer .left {
	float:left;
	width:40%;
	text-align:left;
}
footer .right {
	float:right;
	width:60%;
	text-align:right;
}
footer a:link, footer a:visited {
	color:#888;
	text-decoration:underline;
}
footer a:hover, footer a:focus {
	color:#555;
	text-decoration:underline;
}

/* http://tablestyler.com/# */
.datagrid table { border-collapse: collapse; text-align: left; width:100%;} .datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #006699; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }.datagrid table td, .datagrid table th { padding: 3px 10px; text-align: left;}.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #0070A8; } .datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #00496B; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }.datagrid table tbody .alt td { background: #E1EEF4; color: #00496B; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }.datagrid table tfoot td div { border-top: 1px solid #006699;background: #E1EEF4;} .datagrid table tfoot td { padding: 0; font-size: 12px } .datagrid table tfoot td div{ padding: 2px; }.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }.datagrid table tfoot  li { display: inline; }.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #006699;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; }.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #006699; color: #FFFFFF; background: none; background-color:#00557F;}div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }
.datagridred table { border-collapse: collapse; text-align: left; width:100%;} .datagridred {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #991821; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }.datagridred table td, .datagridred table th { padding: 3px 10px; text-align: left;}.datagridred table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #991821), color-stop(1, #80141C) );background:-moz-linear-gradient( center top, #991821 5%, #80141C 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#991821', endColorstr='#80141C');background-color:#991821; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #B01C26; } .datagridred table thead th:first-child { border: none; }.datagridred table tbody td { color: #80141C; border-left: 1px solid #F7CDCD;font-size: 12px;font-weight: normal; }.datagridred table tbody .alt td { background: #F7CDCD; color: #80141C; }.datagridred table tbody td:first-child { border-left: none; }.datagridred table tbody tr:last-child td { border-bottom: none; }.datagridred table tfoot td div { border-top: 1px solid #991821;background: #F7CDCD;} .datagridred table tfoot td { padding: 0; font-size: 12px } .datagridred table tfoot td div{ padding: 2px; }.datagridred table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }.datagridred table tfoot  li { display: inline; }.datagridred table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #991821;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #991821), color-stop(1, #80141C) );background:-moz-linear-gradient( center top, #991821 5%, #80141C 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#991821', endColorstr='#80141C');background-color:#991821; }.datagridred table tfoot ul.active, .datagridred table tfoot ul a:hover { text-decoration: none;border-color: #80141C; color: #FFFFFF; background: none; background-color:#991821;}div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }
.datagrid table td.formula {text-align: right;}
.datagrid table td.ovr {text-align: center;}
.datagrid table td.value {text-align: right;}
.datagrid table td.default {text-align: right;}
.datagrid table td.hmcval {text-align: right;}
.datagrid table td.range {text-align: center;}


input[type=range][orient=vertical]
{
    writing-mode: bt-lr; /* IE */
    -webkit-appearance: slider-vertical; /* WebKit */
    border: 0;
    padding: 0;
    width: 40px;
    height: 175px;
    /*
    padding: 0 15px;
    */
}

span {
	/*
	*/
	display: table-cell;
	vertical-align: middle;
}

div.sliders {
    /*
    margin:20px;
    background-color:black;
    color:white;
    */
 	position: absolute;
    top: 175px;
    left: 260px;
    height: 200px;
 	width: 450px;
    padding:10px;
	display: table;
	text-align: center;
	border: 1px solid #123456;
}

div.enableCT {
    /*
    margin:20px;
    background-color:black;
    color:white;
	border: 1px solid #123456;
    */
 	position: absolute;
    top: 400px;
    left: 260px;
    height: 20px;
 	width: 250px;
    padding:10px;
	text-align: left;
}

div.ButtonAccept {
    /*
    margin:20px;
    background-color:black;
    color:white;
	border: 1px solid #123456;
    */
 	position: absolute;
    top: 175px;
    left: 745px;
    height: 200px;
 	width: 75px;
    padding:10px;
	display: table;
	text-align: center;
} 

div.VariableCTTable {
    /*
    margin:20px;
    background-color:black;
    color:white;
	border: 1px solid #123456;
    */
 	position: absolute;
    top: 50px;
    left: 855px;
    height: 300px;
 	width: 450px; /*was 325*/
    padding:10px;
	display: table;
	text-align: left;
} 

.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-s6z2{text-align:center}