body{
	
	background-color:#F5F5F5;
	
}
a{
  text-decoration:none;
  cursor:pointer;
  color: #3498db;
  -webkit-appearance:none;
  -moz-appearance: none;
  -o-appearance:none;
  appearance: none;
  -webkit-outline:none;
  -moz-outline: none;
  -o-outline:none
}
a:hover{color: #2980b9;}
a:active{color: #2980b9;}
a:visited{color: #3498db;}




#menu{
	
	
	
}
#menu .menu_item{
	
	
}
#menu .menu_item div{
	
	width:100%;
	text-align: center;
	background-color: #3498db;
	padding: 20px 10px;
	box-sizing: border-box;
	color: #FFF;
	border-bottom: 1px solid #bdc3c7;
	border-right: 1px solid #bdc3c7;
	box-shadow: 0 0 2px rgba(0,0,0,0.2);

}
#menu .menu_item.active div{
	
	background-color: #2980b9;
	border-bottom: 1px solid #7f8c8d;
	border-right: 1px solid #7f8c8d;
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
	
}


.listing{
	
	width:100%;
	margin-bottom: 100px;
	
}
.listing .listing_item{
	
	width:90%;
	margin:10px auto;
	box-sizing: border-box;
	padding:10px 1px 10px 10px;
	cursor: pointer;
	background: #F9F9F9;
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
	border:3px solid #FFF;
	
}
.listing .listing_item:hover{
	
	color:#FFF;
	background: #e4e8ea;
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
	
}
.helper{
	
	background-color:#ECECEC;
	padding:3px;
	box-sizing: border-box;
	
}



.button{
	
	background-color: #3498db;
	text-align: center;
	box-sizing: border-box;
	padding:10px 5px;
	color:#FFF;
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
	
}
.error{
	
	border:1px solid red;
	
}
#login{
	
	width:50%;
	margin:20% auto;
	text-align: center;
	background-color:#F9F9F9;
	border:2px solid #FFF;
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
	
}
#login input{
	
	display:block;
	width:80%;
	margin:10px auto;
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
	border:0;
	
}

.title,#login h1,h2,h3,h4,h5,h6{
	
	text-align: center;
	color:#3498db;
	
}
#logout{
	
	width: 90%;
    text-align: right;
    margin: auto;
	
}