/*
	PIDOORMAN ACP
	
	Copyright Christian Gaber 2015 
*/
* {
	margin: 0;
	padding: 0;
}
/*
@font-face {
  font-family: 'Kabel Book BT';
  font-style: normal;
  font-weight: normal;
  src: local('Kabel Book BT'), url('font/KabelBookBT_0.woff') format('woff');
}
*/
a:link {color: #4eb143;}
a:visited {color: #4eb143;}
a:active {color: #351a59;}
a:hover {color: #351a59;}

body{
	background:url("") no-repeat fixed center center ;
	background-color:#999;
  font-family: 'Kabel Book BT';
  font-weight: normal;
  color: #373737;
  font-size:1em;
}  

#wrapper{
	position:absolute;
	width:90%;
  min-width:1000px;
	left:50%;
	margin-left:-46%;
  top: 20px;
	border:2px;
	padding: 1em;
	box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.67);
	border-color:#111;
	background: none repeat scroll 0 0 rgba(220, 220, 220, 0.8);
	background: -webkit-radial-gradient(rgba(200, 200, 200, 0.8), rgba(240, 240, 240, 0.8));
	background: -o-radial-gradient(rgba(200, 200, 200, 0.8), rgba(240, 240, 240, 0.8));
	background: -moz-radial-gradient(rgba(200, 200, 200, 0.8), rgba(240, 240, 240, 0.8));
	background: radial-gradient(rgba(200, 200, 200, 0.8), rgba(240, 240, 240, 0.8));
	text-align: center;
}

#header{
	height:150px;
} 

#mode-change{
  position:absolute;
  height:15px;
  left:30px;
}

#body{
  padding-top: 20px;
  text-align: center;
}

#footer{
  position: relative;
  bottom: 0px;
  margin-bottom:-40px;
  height: 20px;
}


#login_table{
	position:relative;
	width:300px;
	left:50%;
	margin-left:-150px;
}

.error{
  color:#ff0000;
}

.notice{
  color:#ff6600;
}

.fancy {
  margin-top: 20px;
  margin-bottom: 40px;
  border-collapse: collapse;
  width: 100%;
}

.fancy,
.fancy th,
.fancy td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #373737;
}

.fancy tr:hover {
  background: rgba(78,177,67,0.5);
}

.fancy tr.red {
  background: rgba(255,0,0,0.5);
}

.fancy tr.red:hover {
  background: rgba(255,0,0,0.3);
}

.fancy tr.green {
  background: rgba(0,255,0,0.5);
}

.fancy tr.green:hover {
  background: rgba(0,255,0,0.3);
}

#search{
  position: absolute;
  top: 10px;
  right: 10px;
}
.autocomplet_input_container {
	height: 30px;
	float: left;
}
.autocomplet_input_container input {
	height: 20px;
	width: 200px;
	padding: 3px;
	border: 1px solid #cccccc;
	border-radius: 0;
}
.autocomplet_input_container ul {
	width: 206px;
	border: 1px solid #eaeaea;
	position: absolute;
	z-index: 9;
	background: #f3f3f3;
	list-style: none;
}
.autocomplet_input_container ul li {
	padding: 2px;
}
.autocomplet_input_container ul li:hover {
	background: #eaeaea;
}
#autocomplet_list {
	display: none;
}