@charset "utf-8";


body{
	background-color:#06C;
	background-image:url(../img/devoops_pattern_b10.png);
}

.frame {
	margin: 0;
	padding: 0;
	overflow:auto;
	width: 18%;
	background-color: #FFFFFF;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	position: absolute;
}

.menu-slide {
	-webkit-transform: translateX(-250px);
	-ms-transform: translateX(-250px);
	-o-transform: translateX(-250px);
	transform: translateX(-250px);
	-webkit-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
	position: relative;
	margin: 0;
	padding: 0;
	width: 230px;
	height: auto;
	float: left;
	background-color: #eee;
}

.menu-slide-show {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.uploadfile{
	font-weight:bold;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#f2f2f2 url('../images/addfile.png') no-repeat 12px 9px;
	color:blue;
	border:1px solid #0000CC;
	height:30px;
	cursor: default;
	width:120px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float:right;
}

.fileup{
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);
	z-index:9999;
	width:90px;
	padding:5px;
	cursor:default;
}