/* super set dimensions, the following just sets the bg color */
.sssModule .sssModuleContent {
	background: #F0F0F0;
}
.sssModuleTabs {
	float: left;
	width: 100%;
	clear: none;
	text-align: left;
}
.sssModuleTabs .sssModuleTab {
	text-align: center;
	height: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	padding-top:5px;
	font-weight:bold;
}
.sssModuleTabs .sssModuleTab.tab1On {
	background: url('../images/tabs/On.gif') no-repeat top left;
	float: left;
	width: 124px;
}
.sssModuleTabs .sssModuleTab.tab1Off {
	background: url('../images/tabs/Off.gif') no-repeat top left;
	float: left;
	width: 124px;
	cursor: pointer;
}
.sssModuleTabs .sssModuleTab.tab2On {
	background: url('../images/tabs/On.gif') no-repeat top left;
	float: left;
	width: 124px;
}
.sssModuleTabs .sssModuleTab.tab2Off {
	background: url('../images/tabs/Off.gif') no-repeat top left;
	float: left;
	width: 124px;
	cursor: pointer;
}
.sssModuleTabs .sssModuleTab.tab3On {
	background: url('../images/tabs/On.gif') no-repeat top left;
	float: left;
	width: 124px;
}
.sssModuleTabs .sssModuleTab.tab3Off {
	background: url('../images/tabs/Off.gif') no-repeat top left;
	float: left;
	width: 124px;
	cursor: pointer;
}
.sssModuleTabs .sssModuleTab.tab4On {
	background: url('../images/tabs/On.gif') no-repeat top left;
	float: left;
	width: 124px;
}
.sssModuleTabs .sssModuleTab.tab4Off {
	background: url('../images/tabs/Off.gif') no-repeat top left;
	float: left;
	width: 124px;
	cursor: pointer;
}
.borderedBox {
	background: #F0F0F0;
	/* border: 1px #999999 solid;*/
	overflow: hidden;
	clear: both;
	width:496px;
}

.coloredBox {
	background: #F0F0F0;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 1px;	
}