/* Add some layout css here */

.left-col{width: 470px; _width:460px; padding: 0px; margin: 0px 10px 0px 0px; float: left;}
.right-col{width: 310px; _width:295px;padding: 0px; margin: 0px; float: right;}
.box { width: 100%; padding: 0px; margin: 0px;  }
.box > h3 { 
	padding: 3px 0px 0px 10px; 
	margin: 0px; 
	height: 23px; 
	background-color: #cddee6; 
	color: #343233 !important; 
	font-weight: bold; 
	text-decoration: none; 
	font-size: 12px !important;
	border-top: 1px solid #e6edf3;
	border-bottom: 1px solid #e6edf3;
	border-right: 1px solid #f2f7fa;
}
.box > h3 .help {float: right; position: relative; top: 3px; left: -5px;}
.box { margin: 0px 0px 20px 0px; }
.box h2 {font-size: 16pt; font-weight: normal; color: #11597f; margin: 10px 0px 10px 0px; line-height: 21pt;}
.blue-box { background-color: #dfeaee;}
.bordered-box { border: 1px solid #0B597F;}
.bordered-box > h3 { background: #0B597F; color: white !important; border: none; }

.box-internals { padding: 0px 5px; } 
.comment-form {width: 470px;}
.comment-form textarea {width: 463px; height: 40px;}

.collapsable h3 { cursor: pointer; padding-left: 17px;}
.arrow-right {
	background-image:url("/media/img/arrow-right.gif");
	background-repeat:no-repeat;  
	background-position: 5px 8px;
}
.arrow-down {
	background-image:url("/media/img/arrow-down.gif");
	background-repeat:no-repeat;  
	background-position: 4px 10px;
}
.box-lite {width: 100%; border: 1px solid #cddee6; clear: both; margin-bottom: 20px; position: relative;}
.box-lite > div { padding: 10px;}
#sidenav .active { font-weight: bold;}