@charset "UTF-8";


.MasterDetail
{
	font: 100% Verdana, Geneva, sans-serif;
	margin: 2px;
}

/* This is the selector for the Master Container element which houses all the MasterColumn
 * classes. By default the Master column occupy about 35% from the width of the 
 * entire structure. 
*/
.MasterDetail .MasterContainer
{
	background-color: #3C3C3C;
	border: 0px solid gray;
	width: 20%;
	float: left;
	overflow: hidden;
	margin-right:30px;
}

/* This is the selector for a Master Column element which holds the actual data for 
 * a master column.
*/
.MasterDetail .MasterColumn
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	background-color:#3C3C3C;
	color:#FFF;
	padding:4px;
	cursor:pointer;
	text-decoration:underline;
}

/* This is the selector for a highlighted Master Column element.
*/
.MasterDetail .MasterColumnHover
{
	background-color: #3C3C3C;
	color:#FFF;
	text-decoration:none;
}

/* This is the selector for a selected Master Column element.
*/
.MasterDetail .MasterColumnSelected
{
	background-color:#3C3C3C;
	color:#FFF;
}

/* This is the selector for the Detail Container element which houses all the DetailColumn
 * classes. By default the Detail column occupy about 60% from the width of the 
 * entire structure. 
*/
.MasterDetail .DetailContainer
{
	background-color:#3C3C3C;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:14px;
	text-align:justify;
	border: 0px solid gray;
	width: 70%;
	padding-left:4px;
	position:relative;
	overflow: auto;
}

/* This is the selector for a Detail Column element which holds the actual data for 
 * a detail column.
*/
.MasterDetail .DetailColumn
{
	margin-bottom: 1px;
}

a.res {
	font-weight:normal;
}
a.res {
	font-family:Arial, Helvetica, sans-serif;
}
a.res {
	color:#FFF;
}
a.res: {
text-decoration:none;
}
a.res:link {
	color: #FFF;
}
a.res:link {
	text-decoration:none;
}
a.res:visited {
	color: #FFF;
}
a.res:visited {
	text-decoration:none;
}
a.res:hover {
	text-decoration:underline;
}
a.res:active {
	color: #FFF;
}