body, html { height:100%; margin:0px; }
body {
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#bbb));
	background:-moz-linear-gradient(top,  #f5f5f5,  #bbb);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f5f5f5');
	overflow:hidden;
}

.left { float:left; }
.right { float:right; }
.clear { clear:both; }

.sidebar {
	width:250px;
	margin-top:40px;
	padding:15px;
}

.content {
	background:#fff;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#fff));
	background:-moz-linear-gradient(top,  #fbfbfb,  #fff);
	border: 1px solid #CCCCCC;
	border-radius: 6px 6px 6px 6px;
	margin: 55px 15px 0px 15px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 15px;
	position: relative;
	vertical-align: top;
}

table.asciiChart {
	margin-left:50px;
}

table.asciiChart th {
	background:#525252;
	color:#fff;
	padding:4px 8px;
	white-space:nowrap;
}

ul.breadcrumb {
	background:transparent;
	border:none;
}

ul.breadcrumb li {
	font-size:11px;
}

ul.breadcrumb li a {
	color:#525252;
}

.templatesDropdown {
	height:500px;
	overflow:auto;
}

.banner125 {
	margin:5px;
	border:none;
}

@media only screen and (max-width: 1023px) {

	body {
		overflow:auto;
	}
	
	.content {
		overflow:inherit;
	}
	
	#rightSideBar {
		display:none;
	}

}

@media only screen and (max-width: 767px) {

	body {
		overflow:auto;
	}
	
	.content {
		height:auto !important;
		margin:0px;
	}
	
	#leftSideBar {
		display:none;
	}
	
	#rightSideBar {
		display:none;
	}

	.templatesDropdown {
		display:block;
	}

}