@charset "UTF-8";
.full {
	padding-bottom: 5px;
}
.name {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
}
.style {
	font-size: 1.2em;
}
.rugSection {
	font-style: italic;
	font-size: 1.2em;
}
.size {
	font-size: 0.9em;
}
.MasterDetail {
	width: auto;
	color: #333;
	float: left;
	height: 100%;
	background-color: #FFF;
	border-top-width: 0.1em;
	border-top-style: solid;
	border-top-color: #CCC;
}

/* 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
{
	float: left;
	overflow: hidden;
	width: 17.6%;
	padding-top: 0.5em;
	height: 100%;
	background-color: #003;
}

/* This is the selector for a Master Column element which holds the actual data for 
 * a master column.
*/
.MasterDetail .MasterColumn
{
	font-size: 0.9em;
	cursor:pointer;
	float: left;
	height: 1.3em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFF;
	width: 21em;
	padding-left: 0.7em;
	padding-top: 0.6em;
	margin-bottom: 0.2em;
	margin-right: 0.2em;
	background-image: url(../spry_site_jpgs/grads/GRAD_darkBlue_ltBlue.jpg);
	text-align: left;
	margin-left: 0.7em;
}

/* This is the selector for a highlighted Master Column element.
*/
.MasterDetail .MasterColumnHover
{
	color: #003;
	background-image: url(../spry_site_jpgs/grads/BAR_white.jpg);
	background-color: #FFF;
}

/* This is the selector for a selected Master Column element.
*/
.MasterDetail .MasterColumnSelected
{
	background-color:#FFF;
	color: #003;
	background-image: url(../spry_site_jpgs/grads/BAR_white.jpg);
}
.MasterDetail .MasterContainer .MasterColumnSelected .active {
	color: #003;
	background-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
{
	overflow: hidden;
	padding-top: 5px;
	text-align: center;
	float: right;
	width: 78%;
	height: 100%;
}

/* This is the selector for a Detail Column element which holds the actual data for 
 * a detail column.
*/
.MasterDetail .DetailColumn
{
}