@font-face {font-family: HelveticaNeue;src: url(../font/helveticaneue-webfont.ttf);}
@font-face {font-family: HelveticaNeueUltra;src: url(../font/Helvetica_Neue_Ultralight.ttf);}

html {
	background: url("../../images/template/bg.png") left top rgb(255, 255, 255); margin: 0px auto; padding: 0px; color: rgb(51, 51, 51); font-family: Arial; font-size: 13px;
}

body {
	background: url("../../images/template/bg.png") left top rgb(255, 255, 255); margin: 0px auto; padding: 0px; color: rgb(51, 51, 51); font-family: Arial; font-size: 13px;
}
table tr {}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
hr {
	border: 0px currentColor; height: 1px; background-color: rgb(204, 204, 204);
}

/* ancol core color #4b7897 RGB(75,120,151) */
/*ttn background-image: linear-gradient(rgb(82, 82, 102), rgb(10, 10, 13), rgb(51, 51, 64)); */
/*ttn background-color: rgb(0, 0, 0);*/
div.topbar {
	width: 100%; color: rgb(255, 255, 255); font-size: 8.9pt; position: relative; z-index: 50; min-height: 34px; min-width: 1000px; 
	box-shadow: 0px 1px 2px rgba(0,0,0,0.5); 
	background-image: linear-gradient(rgb(84,135,169), rgb(75,120,151), rgb(55,88,111)); 
	background-color: rgb(75, 120, 151);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
div.topbar .content {
	margin: 0px auto; padding: 0px; width: 95%; text-align: left; position: relative; min-width: 980px;
}

ul.topMenu {
	margin: 0px; padding: 0px; top: 0px; right: 0px; list-style-type: none; position: absolute;
}
ul.topMenu li {
	margin: 0px; padding: 10px 6px; border-left-color: rgb(84,135,169); border-left-width: 1px; border-left-style: solid; float: left; display: inline-block; cursor: pointer;
}
ul.topMenu li.last {
	padding-right: 6px; border-right-color: rgb(84,135,169); border-right-width: 1px; border-right-style: solid;
}
ul.topMenu li a {
	color: rgb(255, 255, 255);
}
ul.topMenu li a:hover {
	text-decoration: none;
}
ul.topMenu li:hover {
	background: linear-gradient(rgb(92, 92, 115), rgb(31, 31, 38), rgb(51, 51, 64)) rgb(0, 0, 0);
}
/*
.serverTime {
	background: linear-gradient(rgb(92, 92, 115), rgb(31, 31, 38), rgb(51, 51, 64)) rgb(0, 0, 0);
}
.serverTime {
	padding: 10px 15px; text-align: left; border-right-color: rgb(41, 41, 51); border-left-color: rgb(41, 41, 51); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; float: left;
}
*/
.serverTime {
	padding: 10px 15px; text-align: left; border-right-color: rgb(84,135,169); border-left-color: rgb(84,135,169); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; float: left;
}
div.topMenuDrop {
	padding: 5px 10px;
}
div.topMenuDrop:hover {
	background: rgb(230, 235, 240); cursor: pointer;
}
.loginBoxToggle {
	background: url("../../images/eproc/up.png") no-repeat; width: 13px; height: 13px;
}
.activeLoginBoxToggle {
	background: url("../../images/eproc/down.png") no-repeat; width: 13px; height: 13px;
}
#loginBoxContent {
	background: rgb(255, 255, 255); padding: 10px 20px; top: 33px; right: 0px; color: green; display: none; position: absolute; z-index: 5; min-height: 50px; min-width: 120px; box-shadow: 0px 1px 6px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.activeLoginBox {
	background: linear-gradient(rgb(92, 92, 115), rgb(31, 31, 38), rgb(51, 51, 64)) rgb(0, 0, 0);
}
.header {
	background: url("../../images/eproc/header.png") repeat-x center white; top: -1px; width: 100%; height: 90px; position: relative; z-index: 2; min-width: 1000px;
}
.headerLogo {
	margin: auto; width: 95%; color: white; padding-bottom: 5px; font-size: 24px; min-width: 980px;
}
.headerLogo img {
	background: rgba(255, 255, 255, 0.6); padding: 9px; height: 73px; box-shadow: 0px 0px 3px rgba(84,135,169,0.4); -webkit-box-shadow: 0px 0px 3px rgba(84,135,169, 0.4); -moz-box-shadow: 0px 1px 3px rgba(84,135,169, 0.4);
}
.headerTitle {
	padding: 7px; border-radius: 8px 0px 0px 8px; border: 2px solid black; text-align: right; color: rgb(0, 0, 0); margin-top: 14px; float: right; min-width: 100px; background-color: rgb(255, 255, 207); -moz-border-radius: 8px 0px 0px 8px; -webkit-border-radius: 8px 0px 0px 8px;
}
.fixedNavigation {
	top: 0px; position: fixed;
}
/*
nav {
	//background: -ms-linear-gradient(rgb(252, 252, 252), rgb(224, 241, 253));
	background-image: linear-gradient(rgb(252, 252, 252), rgb(224, 241, 253)); 
	font: bold 12px/normal Calibri, Arial, Sans-Serif; width: 100%; z-index: 4; min-width: 1000px; 
	font-size-adjust: none; font-stretch: normal; box-shadow: 0px 1px 3px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}

nav * {list-style: none; margin: 0px; padding: 0px;}
*/
nav{
	font:bold 12px Calibri,Arial,Sans-Serif;
	background:#fff;
	/* background:-webkit-linear-gradient(top, #fff, #ddd);
	background:-moz-linear-gradient(top, #fff, #ddd);
	background:-ms-linear-gradient(top, #fff, #ddd);
	background:-o-linear-gradient(top, #fff, #ddd);
	background:linear-gradient(top, #fff, #ddd); */
	
	background:-webkit-linear-gradient(top, #FCFCFC, #e0f1fd);
	background:-moz-linear-gradient(top, #FCFCFC, #e0f1fd);
	background:-ms-linear-gradient(top, #FCFCFC, #e0f1fd);
	background:-o-linear-gradient(top, #FCFCFC, #e0f1fd);
	background:linear-gradient(top, #FCFCFC, #e0f1fd);
	
	-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
	-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
	box-shadow:0px 1px 3px rgba(0,0,0,0.4);
	width: 100%;
	top: -1;
	min-width: 1000px; 
	
	z-index: 4;
}

nav *{margin:0 0 0 0;padding:0 0 0 0;list-style:none;}

nav ul{
	background:#fff;
	/* background:-webkit-linear-gradient(top, #fff, #ddd);
	background:-moz-linear-gradient(top, #fff, #ddd);
	background:-ms-linear-gradient(top, #fff, #ddd);
	background:-o-linear-gradient(top, #fff, #ddd);
	background:linear-gradient(top, #fff, #ddd); */
	
	background:-webkit-linear-gradient(top, #FCFCFC, #e0f1fd);
	background:-moz-linear-gradient(top, #FCFCFC, #e0f1fd);
	background:-ms-linear-gradient(top, #FCFCFC, #e0f1fd);
	background:-o-linear-gradient(top, #FCFCFC, #e0f1fd);
	background:linear-gradient(top, #FCFCFC, #e0f1fd);
	/* #dce6ed */
	
	-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
	-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
	box-shadow:0px 1px 3px rgba(0,0,0,0.4);
	height:35px;
	
	position: relative;
	z-index: 4;
	width: 99%;
	margin: 0 auto;
	
}

nav li{float:left;display:inline;}

nav li a{
	padding:0px 15px;
	line-height:35px;
	color:#000175;
	text-shadow:0px 1px 0px rgba(255,255,255,0.3);
	display:block;
	text-decoration:none;
	-webkit-box-shadow:inset 1px 0px 0px rgba(255,255,255,0.1), inset -1px 0px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:inset 1px 0px 0px rgba(255,255,255,0.1), inset -1px 0px 0px rgba(0,0,0,0.1);
	box-shadow:inset 1px 0px 0px rgba(255,255,255,0.1), inset -1px 0px 0px rgba(0,0,0,0.1);
}

nav li a:hover{
	text-decoration: none;
	-webkit-box-shadow:inset 0px 0px 30px rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0px 0px 30px rgba(0,0,0,0.2);
	box-shadow:inset 0px 0px 30px rgba(0,0,0,0.2);
}
nav li a:active{
	background:#fff;
	background:-webkit-linear-gradient(bottom, #fff, #ddd);
	background:-moz-linear-gradient(bottom, #fff, #ddd);
	background:-ms-linear-gradient(bottom, #fff, #ddd);
	background:-o-linear-gradient(bottom, #fff, #ddd);
	background:linear-gradient(bottom, #fff, #ddd);
}

nav li ul{
	display:block;
	width:170px;
	position:absolute;
	left:auto;
	z-index:3;
	visibility:hidden;
	opacity:0;
	height:auto;
	/* -webkit-transition:all 0.26s ease-out 0.2s;
	-moz-transition:all 0.26s ease-out 0.2s;
	-ms-transition:all 0.26s ease-out 0.2s;
	-o-transition:all 0.26s ease-out 0.2s;
	transition:all 0.26s ease-out 0.2s; */
}

nav li li{
	display:block;
	float:none;
	width:100%;
}

nav li:hover > ul, nav li:FOCUS > ul{
	visibility:visible;
	width:200px;
	opacity:1;
}

nav li li ul{
	left:200px;
	margin-top:-35px;
}

nav li.sub > a{
	position:relative;
	padding-right:30px;
}

nav li.sub > a:after{
	content:"";
	width:0px;
	height:0px;
	border-width:4px;
	border-style:solid;
	border-color:#0266C8 transparent transparent transparent;
	position:absolute;
	top:20px;
	right:10px;
}
nav li.sub li.sub > a:after{
	content:"";
	width:0px;
	height:0px;
	border-width:4px;
	border-style:solid;
	border-color:transparent transparent transparent #0266C8;
	position:absolute;
	top:16px;
	right:10px;
}

#wrapper {
	margin: 0px auto; padding: 0px 10px; top: 1px; width: 95%; position: relative; min-width: 980px;
/*margin: 0px auto; padding: 0px 10px; top: 1px; width: 95%; position: relative; z-index: 1; min-width: 980px;*/
}

#wrapper #container {
	background: rgba(255, 255, 255, 0.9); border-radius: 0px 0px 8px 8px; width: 100%; height: auto !important; 
	/*border-right-color: rgb(223, 223, 223); border-left-color: rgb(223, 223, 223); */
	border-right-color: rgb(84,135,169); border-left-color: rgb(84,135,169);  border-bottom-color:red;
	border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; z-index: -2; min-height: 100%; box-shadow: 0px 1px 3px rgba(0,0,0,0.35); -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.35) 0 1px 3px; -moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px;
}
#wrapper #container #left {
	width: 230px; overflow: hidden; float: left; position: relative;
}
#wrapper #container #left .box 
{
	background: rgb(255, 255, 255); margin: 0px 20px 20px; border: 1px solid rgb(230, 230, 230); display: block; -ms-zoom: 1; box-shadow: 1px 1px 0px #e6e6e6; -webkit-box-shadow: 1px 1px 0 #e6e6e6; -moz-box-shadow: 1px 1px 0 #e6e6e6;
}

#wrapper #container #left :first-child.box {
	margin: 20px; display: block;
}
#wrapper #container #left .box .content {
	width: 188px; display: inline-block; position: relative;
}
#wrapper #container #right .section {
	width: 100%; float: left;
}
#wrapper #container #right :first-child.section {
	padding: 22px 0px 0px;
}
#wrapper #container #right .section .box {
	background: rgb(255, 255, 255); margin: 0px 20px 20px; border: 1px solid rgb(204, 204, 204); display: block; -ms-zoom: 1; box-shadow: 1px 1px 0px #e6e6e6; -webkit-box-shadow: 1px 1px 0 #e6e6e6; -moz-box-shadow: 1px 1px 0 #e6e6e6;
}
#wrapper #container #right .section .box .title {
	background: -ms-linear-gradient(rgb(252, 252, 252), rgb(224, 224, 224)); font: bold 12px/1em "MuseoSans500", Arial; padding: 8px 10px 0px; height: 21px; color: rgb(34, 32, 88); text-transform: uppercase; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; display: block; position: relative; font-size-adjust: none; font-stretch: normal; text-shadow: 0px 1px 0px rgba(255,255,255,1);
}
#wrapper #container #right .section .box .title .hide {
	background: url("../../images/template/box-hide.png") no-repeat left top; top: 7px; width: 24px; height: 15px; right: 7px; overflow: hidden; position: absolute; cursor: pointer;
}
#wrapper #container #right .section .box .content {
	background: url("../../images/template/box-shadow.gif") repeat-x left top; padding: 20px; display: block;
}
#wrapper #container #right .section .box .contentNoPadding {
	background: url("../../images/template/box-shadow.gif") repeat-x left top; padding: 0px; display: block;
}

.clear {clear: both;}
.center {text-align: center;}
#welcome {color: rgb(34, 32, 88); font-family: HelveticaNeueUltra; font-size: 20pt;}
footer {margin:0px auto 9px auto;padding-top: 9px; text-align: center; border: 0px currentColor; font-size: 85%; vertical-align: baseline;