@CHARSET "UTF-8";


body{
	font-family:Arial, Sans-Serif;
	font-size:13px;
	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{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border:1px inset silver;
	padding:3px;
	margin:1px;
	font-family:Arial, Sans-Serif;	
	font-size:13px;
}
input{
	width:200px;
}
input:focus, textarea:focus{
	background-color:silver;
	color:white;
}
input[type=submit]{
	/*background-image:url(images/buttonbg.png);*/
	width:100px;
	height:25px;
	color:white;
	background-color:#00418b;
	border:1px outset silver;	
}
input[type=button]{
	/*background-image:url(images/buttonbg.png);*/
	width:170px;
	height:25px;
	color:white;
	border:1px outset silver;	
	background-color:#00418b;	
}
input[type=checkbox]{
	width:20px;	
}
input.small{
	width:60px;
}
input.large{
	width:360px;
}
div#appframe{
	margin:0px auto;
}
div#headline{
	width:100%;
	height:50px;
	background-color:white;
	/*background-image:url(images/headlinebg.jpg);*/
	border-bottom:10px solid #79bd00;
}

/* horizontal menu */
div#menu{   		
	width:100%;
	height:auto;
	float:left;
	position:relative;
}
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:25px;
	font-size:14px;
	text-align:left;
	background-color:#00418b;
	border-left:1px solid #00418b;
	border-top:1px solid #00418b;
	border-right:1px solid #00418b;
	border-bottom:1px solid #00418b;
	cursor:pointer;
	color:white;
	float:left;
}
ul.menu.level0 li:hover{
	background-color:#20599a;
	border-left:1px solid #20599a;
	border-top:1px solid #20599a;
}
ul.menu.level0 li a{
	color:white;
	text-decoration:none;
}

ul.menu.level1{
	margin-left:-41px;
	margin-top:2px;	
}
ul.menu.level1 li{
	width:170px;
	height:25px;
	text-align:left;
	background-color:#20599a;
	background-image:none;
	border-top:1px solid #20599a;
	border-left:1px solid #20599a;
	border-bottom:1px solid #20599a;
	border-right:1px solid #20599a;
	cursor:pointer;
	box-shadow:3px 3px 3px grey;
	position:relative;
	z-index:1000;
}
ul.menu.level1 li:hover{
	background-color:#386fad;
	border-left:1px solid #386fad;
	border-top:1px solid #386fad;
}
ul.menu.level2{
	margin-left: 130px;
	margin-top: -22px;
}
ul.menu.level2 li{
	width:170px;
	height:25px;
	text-align:left;
	background-color:#386fad;
	background-image:none;
	border-top:1px solid #386fad;
	border-bottom:1px solid #386fad;
	border-right:1px solid #386fad;
	position:relative;
	z-index:1000;	
}
ul.menu.level2 li:hover{
	background-color:#3c8de9;
	border-left:1px solid #3c8de9;
	border-top:1px solid #3c8de9;
}
div#mainarea{
	margin-left:0px;
	margin-top:80px;
	padding:5px;
	position:relative;
	z-index:1;
}
/* end horizontal menu */

/* vertical menu */
/*
div#menu{
	width:170px;
	height:100%;
	border:none;
	position:relative;
	margin-top:-12px;
}
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:25px;
	font-size:14px;
	text-align:left;
	padding-left:3px;
	background-color:#f4f4f4;
	border-left:1px solid silver;
	border-top:1px solid #f4f4f4;
	border-right:1px solid silver;
	border-bottom:1px solid silver;
	border:none;
	cursor:pointer;
	color:black;
	float:left;
}
ul.menu.level0 li:hover{
	background-color:white;
	border-left:1px solid #e2e1e1;
	border-top:1px solid #e2e1e1;
}
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:25px;
	text-align:left;
	background-color:#f4f4f4;
	background-image:none;
	border-top:1px solid white;
	border-left:1px solid #f4f4f4;
	border-left:1px solid silver;
	border-bottom:1px solid #e2e1e1;
	border-right:1px solid #e2e1e1;
	border:none;
	cursor:pointer;
	box-shadow:3px 3px 3px grey;
	position:relative;
	z-index:1000;
}
ul.menu.level1 li:hover{
	background-color:white;
	border-left:1px solid #e2e1e1;
	border-top:1px solid #e2e1e1;
}
ul.menu.level2{
	margin-left: 130px;
	margin-top: -22px;
}
ul.menu.level2 li{
	width:170px;
	height:24px;
	text-align:left;
	background-color:#f4f4f4;
	background-image:none;
	border-top:1px solid white;
	border-bottom:1px solid #e2e1e1;
	border-right:1px solid #e2e1e1;
	position:relative;
	z-index:100;
}
div#mainarea{
	margin-left:190px;
	margin-top: 10px;
	padding:5px;
	position:relative;
	z-index:	0;
}
*/
/* end vertical menu */


div#footer{
	width:100%;
	border-top:1px solid silver;
	margin-top:50px;
}
fieldset{	
	/*
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	*/
	border:1px solid #79bd00;
	border:1px outset silver;
	border:none;
	position:relative;
	box-shadow:3px 3px 3px grey;	
	margin-top:20px;
	background-color:#f5f5f5;
	padding:10px;
}
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;
	background-color:#00418b;
}
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 #00418b;
}
div.messageHeader{
	border:1px solid #00418b;
	padding:2px;
	cursor:pointer;
	background-color:#00418b;
	text-align:right;
	color:white;
}

h1{
	font-size:14pt;
	color:#79bd00;
}
h2{
	font-size:13pt;
	color:#79bd00;
}
table.layout{
	border:none;
}
table.layout td{
	border:none;
	font-family: Arial,sans-serif;
    font-size: 12px;	
}
/*
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 #79bd00;
	background-color:#79bd00;
	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 #79bd00;
	border-bottom:1px solid #79bd00;
	border:1px solid #79bd00;
	font-size:12px;	
	vertical-align:top;
}
td.subth{
	background-color:#878787;
	
}
td.weekend{
	background-color:silver;
}
table{
	border-spacing:0;
	border-collapse:0;
}
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:Arial, Sans-Serif;
	font-size:11px;
}
.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:60px;
}

tr.newEntry{

}
div.skillGroup{
	border:1px solid silver;
	padding:5px;
}
hr.fine{
	border:0.5px dotted silver;
}
div.formTab{
	width:150px;
	height:25px;
	float:left;
}
div#appraisalFormHead{
	
}
div#appraisalFormBody{
	clear:both;
}
textarea.appraisalActemium{
	width:80%;
	height:150px;
}

div#hmenu{
	display:none;
}


.layout_2 th{
	
	font-style:italic;
	color:#000;
	text-align:left;
	font-weight:normal;
	background-color:#fff;
	border:none;
	
}

label.small{
	
	width:auto;
	padding-left:20px;
	margin-right:10px;
	margin-left:10px;
	
}
@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;
	}
	
}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}