@CHARSET "UTF-8";
@font-face {
    font-family: 'DMSans';
    src: url('http://localhost/ewsupport/fonts/DM_Sans/DMSans-Regular.ttf') format('ttf');         
}
body{
	font-family: DMSans, Sans-Serif;
	font-size:18px;
	color:black;
	background-color:#111e36;
	margin:auto;
}
a{
	color: #1DB0FF;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
li a{
	display:block;
}
img{
	border:none;
}
img.doku{
	border:1px solid grey;
	box-shadow:10px 20px 30px grey;
}
input, textarea, select{
	border-radius: 5px;
	border:1px solid #273850;
	padding:3px;
	margin:1px;
	font-family: DMSans, Verdana, Arial, Sans-Serif;	
	font-size:18px;
	background-color:#142640;
	color:#c4c9d0;		
}
input:focus, textarea:focus, select:focus{	
}
input[type=submit]{
	background-color:#139aff;	
	padding:3px;	
	margin-top:10px;
	margin-bottom:10px;
	color:white;
	border:1px outset #139aff;	
}
input[type=checkbox]{
	width:20px;	
}
select{
	font-size:18px;
}
div#appframe{
	margin:0px auto;
}
div#headline{
	width:100%;
	height:96px;
	background-color:white;
	
}
div#content{
	min-height:250px;
	background-color: #071020;
	color:white;	
	border:1px solid #071020;
}

/* vertical menu */
div#menu{
	width:190px;
	height:100%;
	border:none;
	position:relative;
	margin-top:0px;
	background-color: #071020;
	color:white;	
	min-height:200px;
	
}
ul.menu{
	margin-left:-40px;
	margin-top:0px;
	list-style-type:none;
	display:none;
}
ul#mainmenu{
	display:block;
}
ul#mainmenu li{
	background-color:#1DB0FF;
	color:white;
	padding-top:6px;
	text-align:center;
	border-radius: 5px;
	border:1px outset #071020;
	font-weight:normal;
}
ul#mainmenu li a{
	color:white;
	text-decoration:none;
}

ul#mainmenu li a:hover{
	text-decoration:none;
}

ul#mainmenu li:hover > ul{
	display:block;
}
ul.menu li img{
	height:23px;
	margin-left:5px;
	margin-right:5px;
}

ul.menu.level0 li{
	width:180px;
	height:35px;
	font-size:18px;
	text-align:left;
	padding-left:3px;
	cursor:pointer;
	color:#1DB0FF;
	float:left;
}
ul.menu.level0 li:hover{
	text-decoration: none;
}
ul.menu.level0 li a{
	text-decoration:none;
	color:#1DB0FF;
}
ul.menu.level1{
	margin-left:139px;
	margin-top: -28px;
}
ul.menu.level1 li{
	width:170px;
	height:35px;
	text-align:left;
	background-color:#12274d;
	cursor:pointer;	
	position:relative;
	z-index:1000;
}
ul.menu.level1 li:hover{
	text-decoration:none;
}
ul.menu.level2{
	margin-left: 130px;
	margin-top: -28px;
}
ul.menu.level2 li{
	width:170px;
	padding-top:2px;
	height:35px;
	text-align:left;
	background-color:#26457d;
	position:relative;
	z-index:100;
}
div#mainarea{
	margin-left:190px;
	margin-top:-200px;
	padding:5px;
	position:relative;
	z-index:	0;
}
/* end vertical menu */


div#footer{
	width:100%;	
	background-color:#111e36;
	color:white;
	font-size:12px;
	padding:5px;
}
fieldset{	
	border-radius: 5px;	
	border:1px solid #273850;
	position:relative;
	color:#c4c9d0;
}
fieldset legend{
	color:grey;
}
label{
	width:160px;
	display:block;
	float:left;
}
.button{		
	font-weight:bold;
}
div.message{
	position:absolute;
	z-index:9999;
	width:300px;
	height:200px;
	left:30%;
	top:100px;
	padding:5px;
	background-color:white;
	color:grey;
	font-size:11pt;
	box-shadow:3px 3px 3px grey;	
	font-size:18px;	
	border-radius: 5px;
}
div.message.error{
	border:1px solid red;
}
div.message.info{
	border:1px solid silver;
}
div.messageHeader{
	border:1px solid #878787;
	padding:2px;
	cursor:pointer;
	background-color:#878787;
	text-align:right;
	color:white;
}

h1{
	font-size:22px;
	color:white;
}
h2{
	font-size:20px;
	color: white;
}
table.layout{
	border:none;
}
table.layout td{
	border:none;
	font-family: Verdana,Arial,sans-serif;
    font-size: 18px;	
}
table{
	margin-left:20px;	
}
form{
	width:98%;
	margin:auto;
}
form#currencyDetailForm label{
	width:150px;
}
form#exportTabDefForm label{
	width:200px;
}
th{
	padding:5px;
	border:1px solid #26457d;
	background-color:#26457d;
	color:white;
	font-size:18px;
}
th a{
	color:white;
}
th.weekend{
	background-color:#96b532;
}
th.today{
	background-color:#216de5;
}
td{
	padding:5px;
	border-left:1px solid #273850;
	border-right:1px solid #273850;
	border-bottom:1px solid #273850;
	font-size:18px;	
	vertical-align:top;
}
td.subth{
	background-color:#878787;
	
}
td.weekend{
	background-color:silver;
}
table.layout tr td{
	border:none;
}
table#treeview tr td{
	border:none;
}
.popup_calendar{
	position:absolute;
	font-size:10px;
	background-color:white;	
}
.popup_calendar a{
	text-decoration:none;
}
table.cpBorder td{
	padding:0px;
	background-color;white;
}
.cpMonthNavigation{
	background-color:grey;
	color:white;
}
.cpCurrentDate{
	background-color:grey;
	color:white;
}
.filter{
	width:120px;
}
span.infoPopup{
	position:absolute;
	width:300px;
	height:300px;
	border-radius: 3px;	
	border:2px solid #a2c825;
	background-color:white;
	color:black;
	padding:2px;
	margin-top:20px;
	overflow:auto;
}

span.infoPopup div.headline{
	color:#a2c825;;
}
.checkbox{
	font-weight:bold;
}
.guiTableFilterField{
	width:100px;
}

tr.newEntry{

}

div#hmenu{
	display:none;
}

div.formtabtrigger{
	float:left;
	padding:5px;
	background-color:white;
	color:black;
	cursor:pointer; 
}
div.formtabtrigger.active{
	float:left;
	padding:5px;
	background-color:silver;
	color:white;
}
div.formtab{
	border-top:3px solid red;
	border:1px solid silver;
}


@media only screen 
	and (max-width: 1024px)	
	and (orientation: portrait){
	
	div#mainarea img{
		width:100%;
	}
	
	form{
		width:98%;
	}	
	
	div#hmenu{
		display:block;
	}
	
	div#menu{
		display:none;
		position:absolute;
		margin-top:0px;
		z-index: 1;
	}	
	
	div#mainarea{
		margin-left:0px;
		margin-top: 0px;
		padding:5px;
		position:relative;
		z-index: 0;
	}
	
	/* vertical menu */
	div#menu{
		width:94%;
	}
	
	ul.menu.level0 li{
		width:100%;
		height:100%;
		font-size:20px;
		padding:10px;
	}
	ul.menu.level1{
		margin-left:-51px;		
		margin-top: 0px;
	}
	ul.menu.level1 li{
		width:97%;
		height:100%;
	}
	ul.menu.level2{
		margin-left:-51px;	
		margin-top: 0px;
	}
	ul.menu.level2 li{
		width:98%;
		height:100%;
	}
	/* end vertical menu */	
	
}