@charset "utf-8";

/* ******************************************
	MODULES - HOME
****************************************** */

.modulePanel {
	float: left;
	margin: 0 0 20px;
	padding: 0;
	width: 370px;
}
.moduleBTN {
	margin:0;
}
.modulePanel ul {
	list-style: none;
}
.modulePanel li{
	float: left;
	margin: 0;
}
.modulePanel li a{
	display: block;
	height: 30px;
	margin: 5px 5px 5px 0;
	background: url(../images/elements/btn_modules.gif) no-repeat center left;
	text-decoration: none;
	text-indent: -9000px;
	width: 30px;
	}
.messageSubjectSmall {
	clear: both;
	min-height: 177px;
}
	.messageSubjectSmall .subHeading {
		clear: both;
		float: left;
		margin: 20px 0px 10px -20px;
		width: 410px;
	}
	.messageSubjectSmall .btn {
		background: url(../images/elements/btn_module_curve_small.png) no-repeat top right;
		color: #FFF;
		font-weight: bold;
		margin: 0;
		height: 20px;
		width: 120px; 
	}
	.messageSubjectSmall p.title {
		color: #c63131;
		font-style: italic;
		font-size: 100%;
	}
	.messageSubjectSmall .moduleName {
		text-align: right; 
		line-height: 1.7em; 
		margin: 0 20px 0 0;
	}
	.messageSubjectSmall .module02 { 
		float: left; 
		margin: 0 10px 0 0;
		height: 20px; 
		width: 120px;  
	}
.moduleHeader {
	float: left;
	height: 4.5em;
	width: 100%;
}
	.moduleHeader p {
		margin-top: 0;
	}

/* MODULES - ROUNDED CORNERS */
ul.messageSubject {
	background-color: #C63131;
	color: #FFF;
	font-weight: bold;
	float: left;
	height: 30px;
	list-style: none;
	margin-right: 1em;
	width: 140px;
}
ul.messageSubject li {
	display: inline-block;
	margin-bottom: 0;
	min-height: 30px;
	vertical-align: top;
	width: 80%;
}
ul.messageSubject li .moduleName {
	float: left;
	font-size: 16px;
	line-height: 2em; 
	min-height: 30px;
	text-align: right;
	vertical-align: top;
	width: 95%;
}
.moduleStatus {
	color: #C63131;
	float: left;
	font-size: 130%;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 2em;
	width: 310px;
}


/* *************************************************
	BUTTONS FOR MODULES - HOME AND TRAINING SECTION
************************************************* */


/* NORMAL STATE */

.modulePanel li.module01 a, .modulesNav li.module01 a { background-position: 0 0; }
.modulePanel li.module02 a, .modulesNav li.module02 a { background-position: -35px 0; }
.modulePanel li.module03 a, .modulesNav li.module03 a { background-position: -70px 0; }
.modulePanel li.module04 a, .modulesNav li.module04 a { background-position: -105px 0; }
.modulePanel li.module05 a, .modulesNav li.module05 a { background-position: -140px 0; }
.modulePanel li.module06 a, .modulesNav li.module06 a { background-position: -175px 0; }
.modulePanel li.module07 a, .modulesNav li.module07 a { background-position: -210px 0; }
.modulePanel li.module08 a, .modulesNav li.module08 a { background-position: -245px 0; }
.modulePanel li.module09 a, .modulesNav li.module09 a { background-position: -280px 0; }
.modulePanel li.module10 a, .modulesNav li.module10 a { background-position: -315px 0; }

.modulePanel li.module11 a, .modulesNav li.module11 a { background-position: -350px 0; }
.modulePanel li.module12 a, .modulesNav li.module12 a { background-position: -385px 0; }
.modulePanel li.module13 a, .modulesNav li.module13 a { background-position: -420px 0; }
.modulePanel li.module14 a, .modulesNav li.module14 a { background-position: -455px 0; }
.modulePanel li.module15 a, .modulesNav li.module15 a { background-position: -490px 0; }
.modulePanel li.module16 a, .modulesNav li.module16 a { background-position: -525px 0; }
.modulePanel li.module17 a, .modulesNav li.module17 a { background-position: -560px 0; }
.modulePanel li.module18 a, .modulesNav li.module18 a { background-position: -595px 0; }
.modulePanel li.module19 a, .modulesNav li.module19 a { background-position: -630px 0; }
.modulePanel li.module20 a, .modulesNav li.module20 a { background-position: -665px 0; }

.modulePanel li.module21 a, .modulesNav li.module21 a { background-position: -700px 0; }
.modulePanel li.module22 a, .modulesNav li.module22 a { background-position: -735px 0; }
.modulePanel li.module23 a, .modulesNav li.module23 a { background-position: -770px 0; }
.modulePanel li.module24 a, .modulesNav li.module24 a { background-position: -805px 0; }
.modulePanel li.module25 a, .modulesNav li.module25 a { background-position: -840px 0; }
.modulePanel li.module26 a, .modulesNav li.module26 a { background-position: -875px 0; }
.modulePanel li.module27 a, .modulesNav li.module27 a { background-position: -910px 0; }
.modulePanel li.module28 a, .modulesNav li.module28 a { background-position: -945px 0; }
.modulePanel li.module29 a, .modulesNav li.module29 a { background-position: -980px 0; }
.modulePanel li.module30 a, .modulesNav li.module30 a { background-position: -1015px 0; }

.modulePanel li.module31 a, .modulesNav li.module31 a { background-position: -1050px 0; }
.modulePanel li.module32 a, .modulesNav li.module32 a { background-position: -1085px 0; }
.modulePanel li.module33 a, .modulesNav li.module33 a { background-position: -1120px 0; }
.modulePanel li.module34 a, .modulesNav li.module34 a { background-position: -1155px 0; }
.modulePanel li.module35 a, .modulesNav li.module35 a { background-position: -1190px 0; }
.modulePanel li.module36 a, .modulesNav li.module36 a { background-position: -1225px 0; }
.modulePanel li.module37 a, .modulesNav li.module37 a { background-position: -1260px 0; }
.modulePanel li.module38 a, .modulesNav li.module38 a { background-position: -1295px 0; }
.modulePanel li.module39 a, .modulesNav li.module39 a { background-position: -1330px 0; }
.modulePanel li.module40 a, .modulesNav li.module40 a { background-position: -1365px 0; }

.modulePanel li.module41 a, .modulesNav li.module41 a { background-position: -1400px 0; }
.modulePanel li.module42 a, .modulesNav li.module42 a { background-position: -1435px 0; }

/* HOVER STATE */
.modulePanel li a:hover, .modulePanel li a:active
{
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
}
.modulePanel li a.completed:hover {
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}

/* ON STATE */
.modulePanel li.module01 a.completed, .modulesNav li.module01 a.completed { background-position: 0px -30px; }
.modulePanel li.module02 a.completed, .modulesNav li.module02 a.completed { background-position: -35px -30px; }
.modulePanel li.module03 a.completed, .modulesNav li.module03 a.completed { background-position: -70px -30px; }
.modulePanel li.module04 a.completed, .modulesNav li.module04 a.completed { background-position: -105px -30px; }
.modulePanel li.module05 a.completed, .modulesNav li.module05 a.completed { background-position: -140px -30px; }
.modulePanel li.module06 a.completed, .modulesNav li.module06 a.completed { background-position: -175px -30px; }
.modulePanel li.module07 a.completed, .modulesNav li.module07 a.completed { background-position: -210px -30px; }
.modulePanel li.module08 a.completed, .modulesNav li.module08 a.completed { background-position: -245px -30px; }
.modulePanel li.module09 a.completed, .modulesNav li.module09 a.completed { background-position: -280px -30px; }
.modulePanel li.module10 a.completed, .modulesNav li.module10 a.completed { background-position: -315px -30px; }

.modulePanel li.module11 a.completed, .modulesNav li.module11 a.completed { background-position: -350px -30px; }
.modulePanel li.module12 a.completed, .modulesNav li.module12 a.completed { background-position: -385px -30px; }
.modulePanel li.module13 a.completed, .modulesNav li.module13 a.completed { background-position: -420px -30px; }
.modulePanel li.module14 a.completed, .modulesNav li.module14 a.completed { background-position: -455px -30px; }
.modulePanel li.module15 a.completed, .modulesNav li.module15 a.completed { background-position: -490px -30px; }
.modulePanel li.module16 a.completed, .modulesNav li.module16 a.completed { background-position: -525px -30px; }
.modulePanel li.module17 a.completed, .modulesNav li.module17 a.completed { background-position: -560px -30px; }
.modulePanel li.module18 a.completed, .modulesNav li.module18 a.completed { background-position: -595px -30px; }
.modulePanel li.module19 a.completed, .modulesNav li.module19 a.completed { background-position: -630px -30px; }
.modulePanel li.module20 a.completed, .modulesNav li.module20 a.completed { background-position: -665px -30px; }

.modulePanel li.module21 a.completed, .modulesNav li.module21 a.completed { background-position: -700px -30px; }
.modulePanel li.module22 a.completed, .modulesNav li.module22 a.completed { background-position: -735px -30px; }
.modulePanel li.module23 a.completed, .modulesNav li.module23 a.completed { background-position: -770px -30px; }
.modulePanel li.module24 a.completed, .modulesNav li.module24 a.completed { background-position: -805px -30px; }
.modulePanel li.module25 a.completed, .modulesNav li.module25 a.completed { background-position: -840px -30px; }
.modulePanel li.module26 a.completed, .modulesNav li.module26 a.completed { background-position: -875px -30px; }
.modulePanel li.module27 a.completed, .modulesNav li.module27 a.completed { background-position: -910px -30px; }
.modulePanel li.module28 a.completed, .modulesNav li.module28 a.completed { background-position: -945px -30px; }
.modulePanel li.module29 a.completed, .modulesNav li.module29 a.completed { background-position: -980px -30px; }
.modulePanel li.module30 a.completed, .modulesNav li.module30 a.completed { background-position: -1015px -30px; }

.modulePanel li.module31 a.completed, .modulesNav li.module31 a.completed { background-position: -1050px -30px; }
.modulePanel li.module32 a.completed, .modulesNav li.module32 a.completed { background-position: -1085px -30px; }
.modulePanel li.module33 a.completed, .modulesNav li.module33 a.completed { background-position: -1120px -30px; }
.modulePanel li.module34 a.completed, .modulesNav li.module34 a.completed { background-position: -1155px -30px; }
.modulePanel li.module35 a.completed, .modulesNav li.module35 a.completed { background-position: -1190px -30px; }
.modulePanel li.module36 a.completed, .modulesNav li.module36 a.completed { background-position: -1225px -30px; }
.modulePanel li.module37 a.completed, .modulesNav li.module37 a.completed { background-position: -1260px -30px; }
.modulePanel li.module38 a.completed, .modulesNav li.module38 a.completed { background-position: -1295px -30px; }
.modulePanel li.module39 a.completed, .modulesNav li.module39 a.completed { background-position: -1330px -30px; }
.modulePanel li.module40 a.completed, .modulesNav li.module40 a.completed { background-position: -1365px -30px; }

.modulePanel li.module41 a.completed, .modulesNav li.module41 a.completed { background-position: -1400px -30px; }
.modulePanel li.module42 a.completed, .modulesNav li.module42 a.completed { background-position: -1435px -30px; }


/* ******************************************
	MODULES - HOME
****************************************** */

.modulesNav {
	background: url(../images/header/nav_modulesNav_bg.gif) no-repeat bottom left;
	float: left;
	margin: 0;
	padding: 0;
	height: 55px;
	width: 942px;
	background-position: 0 -20px;
}
.modulesNav ul {
	list-style: none;
	/*
	margin-left: 165px;
	margin-top: 5px;
	*/
	position: absolute;
}
.modulesNav li{
	float: left;
	margin: 0;
	height: 55px;
}
.modulesNav li a{
	display: block;
	height: 30px;
	margin: 5px 5px 5px 0;
	background: url(../images/elements/btn_modules.gif) no-repeat center left;
	text-decoration: none;
	text-indent: -9000px;
	width: 30px;
	}
/* HOVER STATE */
.modulesNav li a:hover, .modulesNav li a:active
{
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
}
.modulesNav li a.on {
	height: 54px;
	margin-top: -5px;
	z-index: 99;
}
.modulesNav li.module01 a.on { background-position: 0px -80px; }
.modulesNav li.module02 a.on { background-position: -35px -80px; }
.modulesNav li.module03 a.on { background-position: -70px -80px; }
.modulesNav li.module04 a.on { background-position: -105px -80px; }
.modulesNav li.module05 a.on { background-position: -140px -80px; }
.modulesNav li.module06 a.on { background-position: -175px -80px; }
.modulesNav li.module07 a.on { background-position: -210px -80px; }
.modulesNav li.module08 a.on { background-position: -245px -80px; }
.modulesNav li.module09 a.on { background-position: -280px -80px; }
.modulesNav li.module10 a.on { background-position: -315px -80px; }

.modulesNav li.module11 a.on { background-position: -350px -80px; }
.modulesNav li.module12 a.on { background-position: -385px -80px; }
.modulesNav li.module13 a.on { background-position: -420px -80px; }
.modulesNav li.module14 a.on { background-position: -455px -80px; }
.modulesNav li.module15 a.on { background-position: -490px -80px; }
.modulesNav li.module16 a.on { background-position: -525px -80px; }
.modulesNav li.module17 a.on { background-position: -560px -80px; }
.modulesNav li.module18 a.on { background-position: -595px -80px; }
.modulesNav li.module19 a.on { background-position: -630px -80px; }
.modulesNav li.module20 a.on { background-position: -665px -80px; }

.modulesNav li.module21 a.on { background-position: -700px -80px; }
.modulesNav li.module22 a.on { background-position: -735px -80px; }
.modulesNav li.module23 a.on { background-position: -770px -80px; }
.modulesNav li.module24 a.on { background-position: -805px -80px; }
.modulesNav li.module25 a.on { background-position: -840px -80px; }
.modulesNav li.module26 a.on { background-position: -875px -80px; }
.modulesNav li.module27 a.on { background-position: -910px -80px; }
.modulesNav li.module28 a.on { background-position: -945px -80px; }
.modulesNav li.module29 a.on { background-position: -980px -80px; }
.modulesNav li.module30 a.on { background-position: -1015px -80px; }

.modulesNav li.module31 a.on { background-position: -1050px -80px; }
.modulesNav li.module32 a.on { background-position: -1085px -80px; }
.modulesNav li.module33 a.on { background-position: -1120px -80px; }
.modulesNav li.module34 a.on { background-position: -1155px -80px; }
.modulesNav li.module35 a.on { background-position: -1190px -80px; }
.modulesNav li.module36 a.on { background-position: -1225px -80px; }
.modulesNav li.module37 a.on { background-position: -1260px -80px; }
.modulesNav li.module38 a.on { background-position: -1295px -80px; }
.modulesNav li.module39 a.on { background-position: -1330px -80px; }
.modulesNav li.module40 a.on { background-position: -1365px -80px; }

.modulesNav li.module41 a.on { background-position: -1400px -80px; }
.modulesNav li.module42 a.on { background-position: -1435px -80px; }