.sidebar {
	position:fixed;
	left: -19em;
	width: 20em;
	height: 100%;

	background: #c7c7c7;
	
	-webkit-transition: .5s ease .1s;
	   -moz-transition: .5s ease .1s;
	   	-ms-transition: .5s ease .1s;
	     -o-transition: .5s ease .1s;
			transition: .5s ease .1s;
	
}
.sidebar div {
	height: 100%;
	margin-right: 10px;
	border-right: 8px solid #c7c7c7;
	
	background: -webkit-linear-gradient(top, #E6E6E6 0%,#E6E6E6 100%,gray 100%);
	background: -o-linear-gradient(top, #E6E6E6 0%,#E6E6E6 100%,gray 100%);
	background: -ms-linear-gradient(top, #E6E6E6 0%,#E6E6E6 100%,gray 100%);
	background: -moz-linear-gradient(top, #E6E6E6 0%,#E6E6E6 100%,gray 100%);
	
	opacity: 0.5;
	
	-webkit-transition: opacity .25s ease .1s;
	   -moz-transition: opacity .25s ease .1s;
	     -o-transition: opacity .25s ease .1s;
	    -ms-transition: opacity .25s ease .1s;
	        transition: opacity .25s ease .1s;
}
.sidebar div .notices {
	height: auto;
	min-height: 100px;
	overflow: auto;
	border-right: none;
	border-top: 3px solid #c7c7c7;
	margin: 0px;
	pading: 0px;
	
	background: gray;
}
.sidebar div .notices a {
	color: white;
	font-family: verdana;
	font-style: initial;
	text-decoration: none;
}
.sidebar div .notices li:hover {
	background: red;
}

.sidebar_out {
	position:fixed;
	left: 0em;
	width: 20em;
	height: 100%;

	background: #c7c7c7;
	
	-webkit-transition: .5s ease .1s;
	   -moz-transition: .5s ease .1s;
	   	-ms-transition: .5s ease .1s;
	     -o-transition: .5s ease .1s;
			transition: .5s ease .1s;
	
}
.sidebar_out div {
	height: 100%;
	margin-right: 10px;
	border-right: 8px solid #c7c7c7;
	
	background: -webkit-linear-gradient(top, #E6E6E6 0%,#E6E6E6 100%,gray 100%);
	background: -o-linear-gradient(top, #E6E6E6 0%,#E6E6E6 100%,gray 100%);
	background: -ms-linear-gradient(top, #E6E6E6 0%,#E6E6E6 100%,gray 100%);
	background: -moz-linear-gradient(top, #E6E6E6 0%,#E6E6E6 100%,gray 100%);
	
	opacity: 1;
	
	-webkit-transition: opacity .25s ease .1s;
	   -moz-transition: opacity .25s ease .1s;
	     -o-transition: opacity .25s ease .1s;
	    -ms-transition: opacity .25s ease .1s;
	        transition: opacity .25s ease .1s;
}
.sidebar_out div .notices {
	height: auto;
	min-height: 100px;
	overflow: auto;
	border-right: none;
	border-top: 3px solid #c7c7c7;
	margin: 0px;
	padding: 0px;
	
	background: gray;
}
.sidebar_out div .notices a {
	color: white;
	font-family: verdana;
	font-style: initial;
	text-decoration: none;
}
.sidebar_out div .notices li:hover {
	background: red;
}