@font-face { font-family: HEL; src: url('./font/HelCond.woff');}
@font-face { font-family: HELBOLD; src: url('./font/HelBold.woff');}
@font-face { font-family: AKASHI; src: url('./font/Akashi.ttf');}




/* PAGE LAYOUT */
*:focus{
	outline: none;
	}
html{
	}
html, body{
	margin: 0;
	padding: 0;
	height: 100%;
	}
body{
	background-image: url('images/back.jpg');
	background-size: cover;
	font-family: HEL;
	color: #fff;
	font-size: 14px;
	width: 100%;
	overflow-x: hidden;
	}
div{
	box-sizing: border-box;
	}
/* INITIAL DECLARATIONS */
a{
	color: #b1b2b3;
	text-decoration: none;
	}
a i{
	color: #E0475C;
	}
a:hover{
	color: #ff0022;
	}
hr{
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(108, 108, 108, 0), rgba(108, 108, 108, 0.75), rgba(108, 108, 108, 0));
	}
ul{
    list-style: none;
    padding: 0 0 0 11px;
    margin: 15px 0 20px;
	}
li{
    margin: 13px 0 5px;
    padding: 0 0 0 12px;
    background: url("./images/list-style.gif") no-repeat 0 5px;
	}
h1, h2, h3, h4, h5{
	font-family: HEL;
	color: #fff;
	font-weight: normal;
	padding: 0;
}
h1{
	font-size: 32px;
	margin: 4px 0 18px;
}
h2{
	font-size: 26px;
	margin: 16px 0 14px;
}
h3{
	font-size:22px;
	margin:24px 0 15px;
}
h4{
	font-stretch:condensed;
	font-size:18px;
	margin:16px 0 8px;
	}
h5{
	font-size:16px;
	font-weight:bold;
	margin:16px 0 8px;
}
h6{
	color:#979899;
	font-size:14px;
	font-family: ROBO-C;
	font-weight:bold;
	margin:10px 0 3px 0;
	}
table:not(.noClass){
	border: 1px solid #161616;
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
	box-shadow: 0 8px 6px -6px black;
	margin-bottom: 6px;
	}
table:not(.noClass) tr th{
	background: #606060;
	border: 1px solid #161616;
	text-align: center;
	}

table:not(.noClass) tr td{
	background: #3a3a3a;
	border: 1px solid #161616;
	padding: 4px;
	}
table.zebra tr:nth-child(odd) td{
	background: #2a2a2a;
	}
input[type='text'], input[type='date'], input[type='password']{
	padding: 4px;
	margin: 4px;
	min-width: 150px;
	max-width: 180px;
	background: #000;
	color: #ccc;
	border: 1px solid #4a4a4a;
	}
select{
	padding: 4px;
	margin: 4px;
	min-width: 90px;
	max-width: 180px;
	background: #000;
	color: #ccc;
	border: 1px solid #4a4a4a;
	}
table.logTable{
	width: 80%;
	margin: 0 auto;
	border: 1px solid #161616;
	outline: 1px solid #555;
	border-spacing: 0;
	border-collapse: collapse;
	box-shadow: 0 16px 12px -12px black;
	margin-bottom: 12px;
	background: #2a2a2a;
	}
table.logTable tr th{
	text-decoration: underline;
	text-align: left;
	font-family: HEL;
	font-size: 18px;
	padding: 8px;
	background: #202020;
	border: 0;
	}

table.logTable tr td{
	border-top: 1px solid #545454;
	border-bottom: 1px solid #545454;
	padding: 4px;
	font-family: HEL;
	font-size: 14px;
	border: 0;
	}
table tr td.c, table tr th.c{
	text-align: center;
	}
	
/* PAGE FEATURES */
#navigationPane{
	width: 280px;
	height: 100vh;
	position: fixed;
	top: 0;
	left: -220px;
	background-image: url('images/sidebar-bg.jpg');
	background-repeat: no-repeat;
	background-color: #101010;
	box-shadow: 12px 0px 9px -9px black;
	font-family: HELBOLD;
	z-index: 1001;
}
#mainBodySection{
	margin-left: 72px;
	}

/* ELEMENT FORMATTING */
.h-line{
    height: 1px;
    min-height: 1px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    margin-bottom: 20px;
	clear: both;
	}
div.middleLine{
  margin: .7em auto;
  overflow: hidden;
  text-align: center;
  font-weight:bold;
  font-size: 32px;
  font-family: HELBOLD;
  color: rgba(254,205,12,1);
}
div.middleLine:before, div.middleLine:after {
  content: "";
  display: inline-block;
  width: 50%;
  margin: 10px .5em 0 -55%;
  vertical-align: middle;
  border-bottom: 1px solid #fff;
}
div.middleLine:after {
  margin: 10px -55% 0 .5em;
}
div.middleLine>span {
  display: inline-block;
  vertical-align: middle;
}
.centerBox{
	width: 400px;
	background: #2a2a2a;
	padding: 20px;
	border: 1px solid #000;
	outline: 1px solid #555;
	box-shadow: 0 16px 12px -12px black;
	margin: 30px auto;
	opacity: 0.9;
	position: relative;
	}
.cBoxInl{
	width: 250px !important;
	display: inline-block;
	min-height: 100px;
	margin: 30px 50px;
	vertical-align: top;
	}
.cBoxInner{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	}
.cBoxInnerInl{
	position: absolute;
	width: 190px;
	top: 50%;
	left: 30px;
	transform: translateY(-50%);
	}
.fileUploadButton::-webkit-file-upload-button {
  display: none;
  width: 120px;
}
.fileUploadButton::before {
  width: 120px;
  text-align: center;
  content: 'Select a File';
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
  color: #000;
  box-sizing: border-box;
  margin: 16px 0;
}
.fileUploadButton:hover::before {
  border-color: black;
}
.fileUploadButton:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.newSubmitBtn{
    height: 30px;
	padding: 0px 12px 4px;
    border-style: solid;
    border-width: 2px;
    border-radius: 4px;
    border-color: rgb(138, 19, 0);
    color: #fff;
    font-family: HELBOLD;
    font-weight: bold;
    font-size: 16px;
    text-shadow: 4px 4px 5px #222;
    text-decoration: none;
	cursor: pointer;
    background: -moz-linear-gradient(0deg, rgb(179,34,0) 0%, rgba(179,34,0,0.60) 3%, rgba(214,123,0,0) 30%, rgba(214,123,0,0) 70%,rgba(179,34,0,0.60) 97%, rgb(179,34,0) 100%), -moz-linear-gradient( 90deg, rgb(179,34,0) 0%, rgb(215,148,0) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(179,34,0) 0%, rgba(179,34,0,0.60) 3%, rgba(214,123,0,0) 30%, rgba(214,123,0,0) 70%,rgba(179,34,0,0.60) 97%, rgb(179,34,0) 100%), -webkit-linear-gradient( 90deg, rgb(179,34,0) 0%, rgb(215,148,0) 100%);
    background: -ms-linear-gradient(0deg, rgb(179,34,0) 0%, rgba(179,34,0,0.60) 3%, rgba(214,123,0,0) 30%, rgba(214,123,0,0) 70%,rgba(179,34,0,0.60) 97%, rgb(179,34,0) 100%), -ms-linear-gradient( 90deg, rgb(179,34,0) 0%, rgb(215,148,0) 100%);
	}
.newSubmitGreen{
    border-color: rgb(0, 138, 19);
	background: -moz-linear-gradient(0deg, rgb(0,179,34) 0%, rgba(0,179,34,0.60) 3%, rgba(200,214,0,0) 30%, rgba(200,214,0,0) 70%,rgba(0,179,34,0.60) 97%, rgb(0,179,34) 100%), -moz-linear-gradient( 90deg, rgb(0,179,34) 0%, rgb(175,214,0) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(0,179,34) 0%, rgba(0,179,34,0.60) 3%, rgba(200,214,0,0) 30%, rgba(200,214,0,0) 70%,rgba(0,179,34,0.60) 97%, rgb(0,179,34) 100%), -webkit-linear-gradient( 90deg, rgb(0,179,34) 0%, rgb(175,214,0) 100%);
    background: -ms-linear-gradient(0deg, rgb(0,179,34) 0%, rgba(0,179,34,0.60) 3%, rgba(200,214,0,0) 30%, rgba(200,214,0,0) 70%,rgba(0,179,34,0.60) 97%, rgb(0,179,34) 100%), -ms-linear-gradient( 90deg, rgb(0,179,34) 0%, rgb(175,214,0) 100%);
	}
.newSubmitGrey{
    border-color: rgb(52,52,52);
	background: -moz-linear-gradient(0deg, rgb(71,71,71) 0%, rgba(71,71,71,0.60) 3%, rgba(138,138,138,0) 30%, rgba(138,138,138,0) 70%,rgba(71,71,71,0.60) 97%, rgb(71,71,71) 100%), -moz-linear-gradient( 90deg, rgb(71,71,71) 0%, rgb(130,130,130) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(71,71,71) 0%, rgba(71,71,71,0.60) 3%, rgba(138,138,138,0) 30%, rgba(138,138,138,0) 70%,rgba(71,71,71,0.60) 97%, rgb(71,71,71) 100%), -webkit-linear-gradient( 90deg, rgb(71,71,71) 0%, rgb(130,130,130) 100%);
    background: -ms-linear-gradient(0deg, rgb(71,71,71) 0%, rgba(71,71,71,0.60) 3%, rgba(138,138,138,0) 30%, rgba(138,138,138,0) 70%,rgba(71,71,71,0.60) 97%, rgb(71,71,71) 100%), -ms-linear-gradient( 90deg, rgb(71,71,71) 0%, rgb(130,130,130) 100%);
	}
.greyout{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	/* filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); */
}
.fadeout{
	opacity: 0.3;
	}
.fadeoutLite{
	opacity: 0.6;
	}
	
	


.errormessage a, .successmessage a, .infomessage a, .warnmessage a{
	color: #666;
	border-bottom: 1px dashed #666;
	}
.messagePositioner{
	position: fixed;
	width: 300px;
	top: 20px;
	right: 20px;
	z-index: 10001;
	}
.successmessage{
	background: #BEFFAD;
	border: 1px solid #339933;
	padding: 12px;
	color: #333;
	font-family: HEL;
	opacity: 0.8;
	margin-top: 10px;
	font-size: 16px;
	}
.errormessage{
	background: #FFAAAA;
	border: 1px solid #993333;
	padding: 12px;
	color: #333;
	font-family: HEL;
	opacity: 0.8;
	margin-top: 10px;
	font-size: 16px;
	}
.infoSideMessage{
	background: #80D9FF;
	border: 1px solid #1ABAFF;
	padding: 12px;
	color: #333;
	font-family: HEL;
	opacity: 0.8;
	margin-top: 10px;
	font-size: 16px;
}
.successmessage:hover, .errormessage:hover, .infoSideMessage:hover{
	opacity: 1;
	}
.timeTickerG{
	position: absolute;
	width: 100%;
	height: 2px;
	margin: 0;
	border: 1px solid #339933;
	}
.timeTickerR{
	position: absolute;
	width: 100%;
	height: 2px;
	margin: 0;
	border: 1px solid #993333;
	}
.timeTickerB{
	position: absolute;
	width: 100%;
	height: 2px;
	margin: 0;
	border: 1px solid #1ABAFF;
	}
.closeMsg{
	line-height: 28px;
	float: right;
	border: none !important;
	}
.infomessage{
	clear: both;
	background: #80D9FF;
	border: 1px solid #1ABAFF;
	margin: 20px auto;
	padding: 10px;
	width: 90%;
	color: #333;
}
.warnmessage{
	clear: both;
	background: #ffcc00;
	border: 1px solid #cc6600;
	margin: 20px auto;
	padding: 10px;
	width: 90%;
	color: #333;
}
.stroketext{
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.highlightText{
	color: #CBCDCD;
	}



.radio_item{
	display: none !important;
	}
.radio_item + label>img.radioButton{
    background: url("images/radio.png") no-repeat;
    background-position: 0 0;
	width: 15px;
	height: 14px;
	margin-top: 8px;
	}
.radio_item + label{
	cursor: pointer;
	}
.radio_item + label:hover>img.radioButton{
    background-position: 0 -14px
	}
.radio_item:checked + label>img.radioButton{
    background-position: 0 -28px;
	}
.radio_item:disabled + label>img.radioButton{
    background-position: 0 -42px;
	}