@CHARSET "UTF-8";

@font-face{
    font-family: 'DefaultFont';
    src: url('fonts/daniel.ttf');
}

@font-face{
    font-family: 'OpenSans';
    src: url('fonts/open-sans.light.ttf');
}


body{
	font-family: OpenSans, Sans-Serif;
	font-size:16px;
	color:black;
}
a{
	color:black;
}
li a{
	display:block;
}
img{
	border:none;
}
img.doku{
	border:1px solid grey;
	box-shadow:10px 20px 30px grey;
}
input, textarea, select{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border:1px inset silver;
	padding:3px;
	margin:1px;
	font-family:OpenSans, Verdana, Arial, Sans-Serif;	
	font-size:16px;
}
input{
	width:200px;
}
input:focus, textarea:focus{
	background-color:silver;
	color:white;
}
input[type=submit]{
	background-color: grey;
	width:100px;
	height:25px;
	color:white;
	border:1px outset silver;	
	font-size:16px;
}
input[type=button]{
	background-color:grey;
	width:170px;
	height:25px;
	color:white;
	border:1px outset silver;	
	font-size:16px;
}
input[type=checkbox]{
	width:20px;	
}
div#appframe{
	margin:0px auto;
}
div#headline{
	width:100%;
	height:80px;
	border-bottom:1px solid silver;
}

/* vertical menu */

div#menu{
	width:170px;
	height:100%;
	border:none;
	position:relative;
	margin-top:-14px;
	
}
ul.menu{
	margin-left:-40px;
	margin-top:0px;
	list-style-type:none;
	display:none;
}
ul#mainmenu{
	display:block;
}

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

ul.menu.level0 li{
	width:170px;
	height:30px;
	font-size:16px;
	text-align:left;
	padding-left:3px;
	background-color:white;
	cursor:pointer;
	color:black;
	float:left;
}
ul.menu.level0 li:hover{

}
ul.menu.level0 li a{
	color:black;
	text-decoration:none;
}
ul.menu.level1{
	margin-left:130px;
	margin-top: -22px;
}
ul.menu.level1 li{
	width:170px;
	height:30px;
	text-align:left;
	background-color:white;
	cursor:pointer;
	box-shadow:3px 3px 3px grey;
	position:relative;
	z-index:1000;
}
ul.menu.level1 li:hover{
}
ul.menu.level2{
	margin-left: 130px;
	margin-top: -22px;
}
ul.menu.level2 li{
	width:170px;
	height:30px;
	text-align:left;
	background-color:white;
	position:relative;
	z-index:100;
}
div#mainarea{
	margin-left:190px;
	margin-top: 20px;
	padding:5px;
	position:relative;
	z-index:	0;
}
/* end vertical menu */


div#footer{
	width:100%;
	border-top:1px solid silver;
	padding-top:10px;
}
fieldset{	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	border:1px solid silver;
	position:relative;
}
fieldset.small{
	width:400px;
	float:left;
	position:relative;
}
fieldset legend{
	color:grey;
}
label{
	width:140px;
	display:block;
	float:left;
}
.button{
	background-image:url(images/buttonbg.png);
	color:black;
	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;	
}
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:16pt;
	color:#878787;
}
h2{
	font-size:14pt;
	color:#014596;
}
table.layout{
	border:none;
}
table.layout td{
	border:none;
	font-family:DefaultFont,  Verdana,Arial,sans-serif;
    font-size: 16px;	
}
table{
	margin-left:20px;
	border-left:1px solid #878787;
}
form{
	width:98%;
	margin:auto;
}
form#currencyDetailForm label{
	width:150px;
}
form#exportTabDefForm label{
	width:200px;
}
th{
	padding:5px;
	border:1px solid #878787;
	background-color:#878787;
	color:white;
	font-size:14px;
}
th a{
	color:white;
}
th.weekend{
	background-color:#96b532;
}
th.today{
	background-color:#216de5;
}
td{
	padding:5px;
	border-right:1px solid #878787;
	border-bottom:1px solid #878787;
	font-size:16px;	
	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;
}

textarea{
	width:250px;
	height:50px;
	font-family:DefaultFont, Verdana, Sans-Serif;
	font-size:14px;
}
.filter{
	width:120px;
}
span.infoPopup{
	position:absolute;
	width:300px;
	height:300px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	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){
	
	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 */	
	
}