body {
	background:url('../files/light_toast.png');
}
.sidemenu {
      float:left;
	  position: relative;
      width: 300px;
      height: 100%;
	  overflow: hidden;
	  background: #f7f7f7;
	  box-shadow: 1px 1px 1px #ddd;
    }
.sidebarmenu {
    height: 100%;
	width: 300px;
	overflow: auto;		
	background: url('../files/bg2.jpg') no-repeat;
}
.table-content{
    height:99%;
    width:100%;
	padding-left: 300px;
	margin-left: -300px;
    float:left;
}
#main-frame {
	width: 100%;
	height: 100%;
	border: 0;
}
.frame-controls {
	background: #22894B;
	padding: 5px 0;
	margin: -27px 10px 0 10px;
	border-radius: 5px;
}	
.frame-controls ul li a {
	padding: 4px 8px 2px 8px;
}
.frame-controls ul li a span {
	font-size: 16px;	
}
.toggle-button {
	position: absolute;
	left: 263px;
	top: -1px;
	z-index: 101;
	display: inline-block;
	height: 36px;
	width: 36px;
}
.toggle-button a {
	padding: 8px 11px;
	border-radius: 0;
	opacity: 0.6
}
.toggle-button a:hover, .toggle-button a:active, .toggle-button a:focus  {
	opacity: 1;
}
@media (max-width: 768px) {
	.sidemenu {
		  position: absolute;
		  width: 300px;
		  height: 100%;
		  left:0;
		  top:0;
		  box-shadow: 1px 1px 1px #ddd;	
		}
	.sidebarmenu {
		height: 100%;
		width: 300px;
		overflow: auto;			
	}
	.table-content{
		height:99%;
		width:100%;
		float:left;
		margin: 0;
		padding: 0;
	}
}