/* container for the matrix */
#matrixLayout {
	width: 941px;
	margin-top:10px;
	margin-bottom:10px;
}
/* columns formatting */
#matrixLayout #categories, #matrixLayout #details {
	float: left;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}
/* container for each column */
.mcontainer {
	float:left;
}
/* Column1 width */
#matrixLayout #categories {
	width: 250px;
	height: 375px;
	overflow:auto;
	border-right: 1px solid #ddd;
	border-left:1px solid #ddd;
	background-color: #f0f0f0;
}
/* Column2 width */
#matrixLayout #details {
	width:688px;
	height:375px;
	background-color:#fff;
	border-right:1px solid #ddd;
	position:relative;
}
/* column 1 and 2 links */
#categories a {
	border-bottom: 1px solid #ddd;
	padding: 10px 24px 10px 8px;
	display: block;
	float: none;
	cursor: pointer;
	text-decoration:none;
	background-color: #f0f0f0;
	color:#000;
	font-size:12px;
	line-height:12px;
}
#matrixLayout .mcontainer #categories a.selected {
	color: #FFF;
}
/* column 1 and 2 links hover state */
#categories a:hover, #categories a:focus {
	color: #07486e;
	background-color: #fff;
}
/* do not outline links when clicked */
#categories a:active, #categories a:focus {
	outline:none;
}
/* background image for links that are selected and bg color */
 #categories a.selected, #categories a.selected:hover, #categories a.selected:focus {
	background:#07486e url(/graphics/matrixarrow.gif) center right no-repeat;
	color:#fff;
	text-decoration:none;
}
/* content divs inside column 3 */
#details .m_content {
	margin: 15px;
}
#details .m_content .imgFrame {
	float:right;
	width:200px;
}
/* hide all reports defaulted */
.item {
	display:none;
	position:absolute;
	top:0;
	left:0;
	background:#fff;
	width:687px;
	height:300px;
}
.m_content_body{
	width:380px;
}
.m_content_body h2{
	margin:0;
	padding:0;
}