body 
{
	margin: 0px 0px 0px 0px;
	background-color: Black;
	font-family: Arial;
	font-size: 12px;
	text-align: left;
}
.topBanner
{
	background-image: url('Images/topBanner.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	height: 100px;
	width: 780px;
}
.linksBar
{
	height: 22px;
	background-color: #06717b;
	width: 780px;
	color: White;
	padding-top: 8px;
	font-size: 11px;
	cursor: pointer;	
}
.mainContent
{
	border-left: solid 16px #8a679d;
	border-right: solid 16px #8a679d;
	width: 748px;
}
.leftCol
{
	width: 176px;
	background-color: #bfc8d1;
}
.mainCol
{
	background-color: White;
	vertical-align: top;
	height: 470px;
}
.mainTbl
{
	width: 100%;
	
}
.welcomeTbl
{
	width: 100%;
}
.welcomeTxtTd
{
	text-align: left;
	vertical-align: top;
	padding: 0px 15px 15px 15px;
}
.welcomeTxtTd Div
{
	margin-bottom: 20px;
	margin-left: 15px;
}
.welcomeTxtHeader
{
	font-size: 17px;
	margin-top: 20px;
}
.DescriptionTxt
{
	text-align: left;
	padding: 5px 15px 15px 15px;
}
.helloUser
{
	font-size: 12px;
	font-weight: bold;
	color: #06717b;
	padding: 15px 15px 5px 15px;
	text-align: left;
}
.welcomeImgTd
{
	/*background-image: url('Images/welcomeImg.jpg');*/
	background-repeat: no-repeat;
	background-position: center 30px;
	width: 245px;
	height: 424px;
	vertical-align: top;
}
.welcomeDiv
{
	background-image: url('Images/welcome.gif');
	background-color: White;
	background-repeat: no-repeat;
	background-position: center 15px;
	width: 245px;
	height: 60px;
}
.qLogo
{
	background-image: url('Images/qLogo.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	height: 57px;
	margin: 20px 0px 50px 0px;
}
.leftCol
{
	vertical-align: top;
	
}
.enterDiv
{
	height: 200px;
	background-color: #dae4e5;
	margin-bottom: 20px;
	/*background-image: url('images/login_disabled.gif');*/
	background-repeat: no-repeat;
	background-position: center -22px;
}
.enterBtnDiv
{
	text-align: right;
}
.enterBtn, .enterBtn_over
{
	width: 67px;
	background-image: url('Images/enterbtn.gif');
	background-repeat: no-repeat;
	background-position: center center;
	height: 27px;
	cursor: pointer;
}
.enterBtn_over
{
	background-image: url('Images/enterbtn_over.gif');
}
.unitDiv, .unitDivDis, .unitDivOver
{
	width: 225px;
	height: 25px;
	border: solid 5px White;
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
	color: White;
}
.unitDivOver
{
	background-color: #ce482d;
	cursor: pointer;
}
.unitDiv
{
	cursor: pointer;
}
.unitDivDis
{
	cursor: default;
}
.unitIT
{
	background-color: #c482ae;
	border: solid 0px #c482ae;
	color: White;
}
.unitAS
{
	background-color: #06717b;
	border: solid 0px #06717b;
	color: White;
}
.unitNA
{
	background-color: #edddd9;
	border: solid 0px #edddd9;
	color: #edddd9;
}
.unitLT
{
	background-color: #d9cde0;
	border: solid 0px #d9cde0;
	color: #d9cde0;
}
.unitRB
{
	background-color: #e8eedf;
	border: solid 0px #e8eedf;
	color: #98eedf;
}
.unitBL
{
	background-color: #d8edcb;
	border: solid 0px #d8edcb;
	color: #dbedcb;
}
.unitGE
{
	background-color: #d7edef;
	border: solid 0px #d7edef;
	color: #d7edef;
}
.unitPS
{
	background-color: #dae5f3;
	border: solid 0px #dae5f3;
	color: #dae5f3;
}
.unitTL
{
	background-color: #ccd7f1;
	border: solid 0px #ccd7f1;
	color: #ccd7f1;
}
.unitEL
{
	background-color: #e9d3dd;
	border: solid 0px #e9d3dd;
	color: #e9d3d7;
}
.gapTd
{
	width: 10px;
	height: 5px;
}
.unitHeader
{
	height: 25px;
	font-size: 20px;
	font-weight: bold;
	color: White;
	padding-top: 2px;
	padding-left: 10px;
	text-align: left;
}
.unitsHeader
{
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 5px;
}
.unitDescription
{
	text-align: left;
	padding: 10px 15px 15px 15px;
}
.lessonHeaderReading, .lessonHeaderMixed, .lessonHeaderWriting
{
	font-size: 14px;
	font-weight: bold;
	color: #06717b;
	text-align: left;
	margin: 5px 15px 5px 15px;
	border-bottom: solid 1px #06717b;
	border-top: solid 1px #06717b;
	padding: 10px 5px 10px 85px;
	
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
}
.lessonHeaderReading	
{
	background-image: url('Images/iconReading.gif');
}
.lessonHeaderMixed
{
	background-image: url('Images/iconMixed.gif');
}
.lessonHeaderWriting	
{
	background-image: url('Images/iconWriting.gif');
}
.lessonOpened
{
	padding-left: 30px;
	background-image: url('Images/arrowOpened.gif');
	background-repeat: no-repeat;
	background-position: 10px center;
}
.lessonClosed
{
	padding-left: 30px;
	background-image: url('Images/arrowClosed.gif');
	background-repeat: no-repeat;
	background-position: 10px center;
}
.LessonDescriptionRead, .LessonDescriptionMixed, .LessonDescriptionWriting
{
	text-align: left;
	padding: 10px 25px 15px 110px;
	background-repeat: no-repeat;
	
	
}
.LessonDescriptionRead
{
	background-image: url('Images/textReading.gif');
	background-position: 25px top;	
}
.LessonDescriptionMixed
{	
	background-image: url('Images/textMixed.gif');
	background-position: 25px top;	
}
.LessonDescriptionWriting
{	
	background-image: url('Images/textWriting.gif');
	background-position: 25px top;	
}
.enterLessonRow
{
	text-align: right;
	padding: 0px 25px 5px 25px;
}
.enterLesson
{
	
	padding: 0px 0px 0px 0px;
	color: #06717b;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	width: 81px;
	border-bottom: solid 1px #06717b;
}
.lessonInner
{
	display: none;
}

.sideUnitsMenuTbl
{
	width: 100%;
}
.sideGapTd
{
	height: 15px;
}
.sideUnit, .sideUnit_over, .sideUnit_disabled
{
	font-weight: bold;
	text-align: left;
	padding: 6px 6px 6px 6px;
	cursor: pointer;
	color: White;
}
.sideUnit_over
{
	/*border-right: solid 8px #ce482d;*/
	background-color: #ce482d;
	
	
}
.sideUnit_disabled
{
	cursor: default;
}