@charset "utf-8";


* {margin: 0;padding: 0;}
h1, h2, h3, h4, h5{font-weight: bold;color: #FFF;}
.cufonText{font-weight: bold;}
body {font-family: Arial, sans-serif;background-color: #d7d2c6;letter-spacing: 0.01em;}
a {color: #000;text-decoration: none;}
a img{border: 0;}
input, select{padding: 2px;}
select option{padding-left: 2px;padding-right: 2px;}
button{border: none;}
.clear{clear:both;}
.underline{text-decoration: underline;}
.alignRight{text-align:right;}
.clearBoth{clear:both;}
.floatLeft{float: left;}
.floatRight{float: right;}
.centered{text-align: center;}
.greyBoxTitle a{color: #fff;}
a{outline: none;}
#mainContentBox{width: 614px;}
.ajaxEnabled{display: none;}
.clearFix{clear: both;}
.clearFix:after{content: "."; display: block;height: 0;clear: both;visibility: hidden;}
.noMargins{margin: 0 !important;}
.noPadding{padding: 0 !important;}
.roundBottom{-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;}
.roundTop{-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;}

.errorMsg{color: #F6F6F6;}
.error-message, .error-message-noRound{padding-bottom: 8px;padding-top: 8px;color: #F6F6F6;font-size: 12px;background-color: #8f3d15;text-align: center;}

.messageErrorMsg{width: 436px;margin-left: 0px;}

.rounded, #addStudentForm, .studentsContainer, .greyInfoBox, .greyBox, .blueBox, .lessonGameContainer, .gameViewContainer, .gameInfoContainer, .achievementInfoContainer, .lessonSeasonalContainer{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.boxShadow, .lessonGameContainer, .gameViewContainer, .gameInfoContainer, .achievementInfoContainer, .lessonSeasonalContainer{
	-moz-box-shadow: 2px 2px 8px #9B9B9B;
	-webkit-box-shadow: 2px 2px 8px #9B9B9B;
	box-shadow: 2px 2px 8px #9B9B9B;
}

.greyBox, .blueBox{margin-bottom: 20px;position: relative;height: 1%;margin-top: 10px;clear: both;}
.greyBox{background-color: #C4C4C3;}
.blueBox{background-color: #DADADA;}

.greyBox:after, .blueBox:after, .studentColumn:after, .studentsContainer:after, .greyBoxTitle:after, .blueBoxTitle:after, .errorMsgContainer:after, .successMsgContainer:after, .achievementInfoContainer:after, .mailContainer:after, .whiteBoxMiddle:after, .lessonSubcategoryContainer:after, #stickerPicker:after{
	content: '.';
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

.greyInfoBox{margin-bottom: 20px;position: relative;margin-top: 10px;clear: both;background-color: #C4C4C3;}

.roundedTitle, .greyBoxTitle, .blueBoxTitle, .lessonCommentTitle{
	 -moz-border-radius-topleft: 5px;
	 -moz-border-radius-topright: 5px;
	 -webkit-border-top-left-radius: 5px;
	 -webkit-border-top-right-radius: 5px;
	 padding: 4px 18px;
	 font-size: 20px;
	 margin-bottom: 10px;
	 height: 1%;
}

.greyInfoBoxTitle{
	-moz-border-radius-topleft: 5px;
	 -moz-border-radius-topright: 5px;
	 -webkit-border-top-left-radius: 5px;
	 -webkit-border-top-right-radius: 5px;
	 padding: 4px 18px;
	 font-size: 20px;
	 margin-bottom: 10px;
	 background-color: #414F40;
	color: #FFF;
}

.greyBoxTitleBottom{padding: 4px 8px;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;}
.greyBoxTitle, .greyBoxTitleBottom{background-color: #414F40;color: #FFF;}
.blueBoxTitle{background-color: #494535;}


/**** Buttons ****/
.button{text-decoration: none !important;padding: 2px 6px;font-size: 11px;background-color: #D8D8D8;border: none;color: #3d3c3c;-moz-border-radius: 8px;-webkit-border-radius: 8px;cursor: pointer;}
.button:hover{background-color: #3d3d3d;}

.blueBtn, .blueButton, .orangeBtn, .orangeButton, .saveButton, .createGroupButton, .greenButton, .greyButton, .testimonialLink
{
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	display: inline-block;
	font: 12px/100% Arial,Helvetica,sans-serif;
	margin: 0 2px;
	outline: medium none;
	padding: 6px 10px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	vertical-align: baseline;
}

.roundedButton{text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);border-radius: 0.5em 0.5em 0.5em 0.5em;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}

.blueBtn, .saveButton, .createGroupButton, .testimonialLink{
	background: -moz-linear-gradient(center top , #FFFFFF, #EDEDED) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EDEDED));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EDEDED');
	border: 1px solid #B7B7B7;
	color: #606060;
}

.saveButton:hover, .createGroupButton:hover, .blueBtn:hover, .testimonialLink:hover{
	 background: -moz-linear-gradient(center top , #FFFFFF, #DCDCDC) repeat scroll 0 0 transparent;
	 background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DCDCDC));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DCDCDC');
}

.orangeButton{
	background: -moz-linear-gradient(center top , #666666, #000000) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
	border: 1px solid #333333;
	color: #D7D7D7;
}

.orangeButton:hover{
	background-color: #D9A29A;
	background: -moz-linear-gradient(center top , #444444, #000000) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#000000));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}

.orangeBtn{
	background: -moz-linear-gradient(center top , #FAA51A, #F47A20) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#FAA51A), to(#F47A20));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAA51A', endColorstr='#F47A20');
	border: 1px solid #DA7C0C;
	color: #FEF4E9;
}

.orangeBtn:hover{
	background: -moz-linear-gradient(center top , #F88E11, #F06015) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#F88E11), to(#F06015));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F88E11', endColorstr='#F06015');
	border: 1px solid #DA7C0C;
	color: #FEF4E9;
}

.blueButton{
	background: -moz-linear-gradient(center top , #00ADEE, #0078A5) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#00ADEE), to(#0078A5));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ADEE', endColorstr='#0078A5');
	border: 1px solid #0076A3;
	color: #D9EEF7;
}

.blueButton:hover{
	background: -moz-linear-gradient(center top , #0095CC, #00678E) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095CC), to(#00678E));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095CC', endColorstr='#00678E');
	border: 1px solid #0076A3;
	color: #D9EEF7;
}

.greenButton {
    background: -moz-linear-gradient(center top , #7DB72F, #4E7D0E) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#7DB72F), to(#4E7D0E));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#47DB72F', endColorstr='#4E7D0E');
    border: 1px solid #538312;
    color: #E8F0DE;
}
.greenButton:hover {
    color: #E8F0DE !important;
    background: -moz-linear-gradient(center top , #6B9D28, #436B0C) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#6B9D28), to(#436B0C));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6B9D28', endColorstr='#436B0C');
}

.greyButton {
    background: -moz-linear-gradient(center top , #888888, #575757) repeat scroll 0 0 transparent;
    border: 1px solid #555555;
    color: #E9E9E9;
    background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#575757));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.greyButton:hover {
    color: #E9E9E9 !important;
    background: -moz-linear-gradient(center top , #757575, #4B4B4B) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4B4B4B));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4B4B4B');
}

.closeTestGameBtn{
	position: relative;
	left: 499px;
}

.testSettingBtn{
    outline: none;
    margin-top: 10px;
    padding-bottom: 8px;
    padding-top: 8px;
    background-color: #9a8136;
    color: #FFFFFF;
    font-size: 20px;
    display: block;
    width: 551px;
    text-align: center;
}

.testSettingBtn:hover{background-color: #897129;}

.lightBtnShadow{-moz-box-shadow: 1px 1px 5px #848483;-webkit-box-shadow: 1px 1px 5px #848483;box-shadow: 1px 1px 5px #848483;}
.mediumBtnShadow{-moz-box-shadow: 1px 1px 8px #616161;-webkit-box-shadow: 1px 1px 8px #616161;box-shadow: 1px 1px 8px #616161;}
.darkBtnShadow{-moz-box-shadow: 1px 1px 8px #3a3a3a;-webkit-box-shadow: 1px 1px 8px #3a3a3a;box-shadow: 1px 1px 8px #3a3a3a;}
.saveButton{top: 26px;right: 45px;}


#container {margin: 0 auto;width: 1152px;background: url(../img/back.jpg) repeat-y;position: relative;padding-bottom: 20px;}
#content{min-height: 1000px;width: 906px;position: relative;left: 125px;}
#leftContent{margin-top: 6px;width: 620px;float: left;min-height: 1000px;}

#masthead{background: url(../img/masthead.jpg) no-repeat;width: 1152px;height: 210px;}
.headerLink{position: absolute;left: 100px;top: 10px;}

.logContainer h2 {width: 400px;}
.contentContainer{
	z-index: 0;
	float: left;
	padding-left: 20px;
	padding-bottom: 20px;
	width: 594px;
	position: relative;
	min-height: 100px;
	padding-top: 20px;
	background-color: #B2C5C4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 1px 1px 3px #cccccc;
	-webkit-box-shadow: 1px 1px 3px #cccccc;
	box-shadow: 1px 1px 3px #cccccc;
}

.tutorialContainer{
	background-color: #6F8182;
	margin-bottom: 20px;
	padding: 20px;
	position: relative;
	top: 10px;
	width: 560px;
	position: relative;
	left: -13px;
	margin-top: 16px;
}

#sidebar{
	float: left;
	position: relative;
	z-index: 0;
}
#mainContentBox{margin-right: 17px;position: relative;}


/**** Icons ****/

.deleteIcon{background: url(../img/iconSprites.png) -89px 0px no-repeat;display: block;width: 26px;height: 25px;text-indent: -9999px;outline: none;}
.deleteIcon:hover{background: url(../img/iconSprites.png) -89px -25px no-repeat;}

.smallInfoLink{
	background: url(../img/iconSprites.png) -46px -16px no-repeat;
	display: block;
	width: 17px;
	height: 17px;
}
.infoLink, .clubInfoLink{
	background: url(../img/iconSprites.png) 0px 0px no-repeat;
	display: block;
	width: 22px;
	height: 22px;
}
.infoLink:hover, .clubInfoLink:hover{background: url(../img/iconSprites.png) 0px -22px no-repeat;z-index: 999;}
.smallInfoLink:hover{background: url(../img/iconSprites.png) -46px -34px no-repeat;}
.hoverInfoIcon{z-index: 999;}
input, h2, h3{z-index: 1;}


/**** Navigation ****/

#accountNav{position: absolute;right: 125px;top: 25px;}
#contestNav li {display: inline;text-align: center;}
#accountNav li {display: inline;text-indent: -9999px;}
#accountNav li, #accountNav a{height: 83px;width: 72px;margin-right: 8px;}
#navbar{position: absolute;left: 125px;top: 129px;height: 41px;width: 1000px;}
#navbar li, .secNavbar li, .thirdNavbar li, .sidebarBoxStyle{-moz-border-radius: 5px;-webkit-border-radius: 5px;-moz-box-shadow: 1px 1px 3px #cccccc;-webkit-box-shadow: 1px 1px 3px #cccccc;box-shadow: 1px 1px 3px #cccccc;}
.sidebarBoxStyle, .contentContainer{border: 1px solid #B7B7B7;}

.secNavbar, .thirdNavbar{height: 28px;width: 1000px;font-size: 16px;}
.secNavbar a{padding-top: 4px;color: #FFF;padding-left: 14px;padding-right: 14px;}
.secNavbar li{margin-right: 4px;}
.secNavbar{position: absolute;top: -39px;}
.thirdNavbar{margin-top: 10px;}
#nav img {border: 0;}

#navbar li, #navbar a, .secNavbar li, .secNavbar a, .thirdNavbar li, .thirdNavbar a, #accountNav li, #accountNav a, #contestNav li, #contestNav a{
	display: block;
	cursor: pointer;
	outline: none;
	float: left;
}

#navbar li, #navbar a{margin-right: 4px;color: #FFF;font-size: 18px;}
#navbar li{height: 36px;}
#navbar a{padding-top: 7px;padding-right: 14px;height: 34px;font-weight: bold;}
.secNavbar li, .secNavbar a, .thirdNavbar li, .thirdNavbar a{height: 28px;font-weight: bold;}

#homeLink a, #activeHomeLink a{padding-left: 44px;background: url(../img/icons/homeIcon.png) 0px 0px no-repeat;}
#activeHomeLink a{text-decoration:underline;}


#gameClubLink{
	background-color: #B1B171;
	background: -moz-linear-gradient(center top , #B98B0F, #8d6a0d) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#B98B0F), to(#8d6a0d));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#B98B0F', endColorstr='#8d6a0d');
}

#gameClubLink:hover, #activeGameClubLink{
	background-color: #b38814;
	background: -moz-linear-gradient(center top , #b38814, #84630d) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#b38814), to(#84630d));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b38814', endColorstr='#84630d');
}
#gameClubLink a, #activeGameClubLink a{padding-left: 47px;background: url(../img/icons/trialIcon.png) 0px 0px no-repeat;}
#activeGameClubLink a{text-decoration:underline;}


#tutorialLink{
	background-color: #88a38c;
	background: -moz-linear-gradient(center top , #88a38c, #5a755e) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#88a38c), to(#5a755e));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#88a38c', endColorstr='#5a755e');
}

#tutorialLink:hover, #activeTutorialLink{
	background-color: #708673;
	background: -moz-linear-gradient(center top , #7e9882, #435f47) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#7e9882), to(#435f47));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e9882', endColorstr='#435f47');
}

#tutorialLink a, #activeTutorialLink a{padding-left: 47px;background: url(../img/icons/tutorialIcon.png) 0px 0px no-repeat;}
#activeTutorialLink a{text-decoration:underline;}

#studentIndexLink a, #activeStudentIndexLink a, #userAdminLink a, #activeUserAdminLink a{padding-left: 50px;background: url(../img/icons/studentIcon.png) 0px 0px no-repeat;}
#activeStudentIndexLink a{text-decoration:underline;}

#gameLink, #newsLink{
	background-color: #ad9542;
	background: -moz-linear-gradient(center top , #c49c5e, #946d22) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#c49c5e), to(#946d22));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c49c5e', endColorstr='#946d22');
}

#gameLink:hover, #activeGameLink, #newsLink:hover, #activeNewsLink{
	background-color: #9a843a;
	background: -moz-linear-gradient(center top , #bc904c, #856321) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#bc904c), to(#856321));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc904c', endColorstr='#856321');
}

#gameLink a, #activeGameLink a{padding-left: 44px;background: url(../img/icons/gameIcon.png) 0px 0px no-repeat;}
#activeGameLink a{text-decoration:underline;}


#gameDemoLink, #reportsLink{
	background-color: #7eae7f;
	background: -moz-linear-gradient(center top , #7eae7f, #5a815a) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#7eae7f), to(#5a815a));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7eae7f', endColorstr='#5a815a');
}

#gameDemoLink:hover, #activeGameDemoLink, #reportsLink:hover, #activeReportsLink{
	background-color: #577e58;
	background: -moz-linear-gradient(center top , #72a073, #476a48) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#72a073), to(#476a48));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#72a073', endColorstr='#476a48');
}

#gameDemoLink a, #activeGameDemoLink a{padding-left: 44px;background: url(../img/icons/gameDemoIcon.png) 0px 0px no-repeat;}
#activeGameDemoLink a{text-decoration:underline;}


#lessonLink, #upgradeLink{
	background-color: #99aeab;
	background: -moz-linear-gradient(center top , #99aeab, #6e827f) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#99aeab), to(#6e827f));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99aeab', endColorstr='#6e827f');
}

#lessonLink:hover, #activeLessonLink, #upgradeLink:hover, #activeUpgradeLink{
	background-color: #687c76;
	background: -moz-linear-gradient(center top , #89a29e, #56716d) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#89a29e), to(#56716d));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#89a29e', endColorstr='#56716d');
}

#lessonLink a, #activeLessonLink a{padding-left: 44px;background: url(../img/icons/lessonIcon.png) 0px 0px no-repeat;}
#activeLessonLink a{text-decoration:underline;}

#messageLink a, #activeMessageLink a{padding-left: 44px;background: url(../img/icons/messageIcon.png) 0px 0px no-repeat;}
#activeMessageLink a{text-decoration:underline;}


#reportCardsLink{
	background-color: #87a88c;
	background: -moz-linear-gradient(center top , #87a88c, #638068) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#87a88c), to(#638068));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#87a88c', endColorstr='#638068');
}

#reportCardsLink:hover, #activeReportCardsLink{
	background-color: #5f8064;
	background: -moz-linear-gradient(center top , #7b9c80, #4f6e53) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#7b9c80), to(#4f6e53));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b9c80', endColorstr='#4f6e53');
}

#reportCardsLink a, #activeReportCardsLink a{padding-left: 44px;background: url(../img/icons/reportCardIcon.png) 0px 0px no-repeat;}
#activeReportCardsLink a{text-decoration:underline;}

#upgradeLink a, #activeUpgradeLink a{padding-left: 44px;background: url(../img/icons/upgradeIcon.png) 0px 0px no-repeat;}
#activeUpgradeLink a{text-decoration:underline;}


#faqLink, #faqsLink{
	background-color: #95b1bc;
	background: -moz-linear-gradient(center top , #95b1bc, #6a848e) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#95b1bc), to(#6a848e));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#95b1bc', endColorstr='#6a848e');
}

#faqLink:hover, #activeFaqLink, #faqsLink:hover, #activeFaqsLink{
	background-color: #516b76;
	background: -moz-linear-gradient(center top , #8ca6b0, #4a636d) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#8ca6b0), to(#4a636d));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ca6b0', endColorstr='#4a636d');
}

#faqLink a, #activeFaqLink a, #faqsLink a, #activeFaqsLink a{padding-left: 44px;background: url(../img/icons/faqIcon.png) 0px 0px no-repeat;}
#activeFaqLink a{text-decoration:underline;}


#awardsLink, #achievementsLink{
	background-color: #e4da60;
	background: -moz-linear-gradient(center top , #e4da60, #aea53e) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#e4da60), to(#aea53e));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4da60', endColorstr='#aea53e');
}

#awardsLink:hover, #activeAwardsLink, #achievementsLink:hover, #activeAchievementsLink{
	background-color: #aea53e;
	background: -moz-linear-gradient(center top , #dbd158, #9b9015) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#dbd158), to(#9b9015));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbd158', endColorstr='#9b9015');
}

#awardsLink a, #activeAwardsLink a{padding-left: 44px;background: url(../img/icons/awardIcon.png) 0px 0px no-repeat;}
#activeAwardsLink a{text-decoration:underline;}

#studentContestsLink{
	background-color: #c7b91d;
	background: -moz-linear-gradient(center top , #c7b91d, #968c18) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#c7b91d), to(#968c18));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7b91d', endColorstr='#968c18');
}

#studentContestsLink:hover, #activeStudentContestsLink{
	background-color: #b1b171;
	background: -moz-linear-gradient(center top , #baad1a, #7e7614) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#baad1a), to(#7e7614));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#baad1a', endColorstr='#7e7614');
}

#studentContestsLink a, #activeStudentContestsLink a{padding-left: 42px;background: url(../img/icons/contestIcon.png) 0px 0px no-repeat;}
#activeStudentContestsLink a{text-decoration:underline;}


#studentGoalsLink, #stickersLink, #teacherAwardsLink{
	background-color: #c26d64;
	background: -moz-linear-gradient(center top , #c26d64, #975049) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#c26d64), to(#975049));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c26d64', endColorstr='#975049');
}

#studentGoalsLink:hover, #activeStudentGoalsLink, #stickersLink:hover, #activeStickersLink, #teacherAwardsLink:hover, #activeTeacherAwardsLink{
	background-color: #b1b171;
	background: -moz-linear-gradient(center top , #b36259, #843830) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#b36259), to(#843830));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b36259', endColorstr='#843830');
}

#studentGoalsLink a, #activeStudentGoalsLink a{padding-left: 42px;background: url(../img/icons/goalIcon.png) 0px 0px no-repeat;}
#activeStudentGoalsLink a{text-decoration:underline;}


#tutorTalkLink, .sidebarTutorTalkLink{
	background-color: #c26d64;
	background: -moz-linear-gradient(center top , #99cbd0, #4d8489) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#99cbd0), to(#4d8489));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99cbd0', endColorstr='#4d8489');
}

#tutorTalkLink:hover, #activeTutorTalkLink, .sidebarTutorTalkLink:hover{
	background-color: #b1b171;
	background: -moz-linear-gradient(center top , #8ac7cc, #34696e) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#8ac7cc), to(#34696e));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ac7cc', endColorstr='#34696e');
}

#tutorTalkLink a, #activeTutorTalkLink a{padding-left: 44px;background: url(../img/icons/tutorTalkIcon.png) 0px 0px no-repeat;}
#activeTutorTalkLink a{text-decoration:underline;}



/**** Message SecNav ****/

#messageLink, #trashMessageLink, #archivedMessageLink, #inboxMessageLink, #studentCreateMessageLink, #sentMessageLink, #teacherCreateMessageLink{
	background-color: #A0B180;
	background: -moz-linear-gradient(center top , #A0B180, #6d7c51) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#A0B180), to(#6d7c51));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#A0B180', endColorstr='#6d7c51');
}

#messageLink:hover, #activeMessageLink, #trashMessageLink:hover, #activeTrashMessageLink, #archivedMessageLink:hover, #activeArchivedMessageLink,#inboxMessageLink:hover, #activeInboxMessageLink,#studentCreateMessageLink:hover, #activeStudentCreateMessageLink, #sentMessageLink:hover, #activeSentMessageLink, #teacherCreateMessageLink:hover, #activeTeacherCreateMessageLink{
	background-color: #586A35;
	background: -moz-linear-gradient(center top , #91a172, #63704a) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#91a172), to(#63704a));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#91a172', endColorstr='#63704a');
}

#activeTrashMessageLink a, #activeInboxMessageLink a, #activeArchivedMessageLink a, #activeStudentCreateMessageLink a, #activeSentMessageLink a, #activeTeacherCreateMessageLink a{text-decoration:underline;}



/**** Statistics SecNav ****/

#activeUnfinishedLink a, #activeExportLink a, #activeSentReportsLink a, #activeReportCardLink a, #activeSendStickerLink a, #activeCurrentWeekLink a, #activeStatsHistoryLink a{
    text-decoration: underline;
}


/**** Teacher SecNav ****/

#studentOptionsLink, #unfinishedLink, #studentPagesLink, #exportLink, #userAdminLink, .adminSecNavLink, #sentReportsLink, #currentWeekLink, #statsHistoryLink, #sendStickerLink, #reportCardLink, #contestsLink, #goalsLink, #allStickersLink, #studentLogsLink, #studentIndexLink, #homeLink, #studentAddLink, #studentGroupLink{
	background-color: #B1B171;
	background: -moz-linear-gradient(center top , #B1B171, #8b8b5f) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#B1B171), to(#8b8b5f));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#B1B171', endColorstr='#8b8b5f');
}

#studentPagesLink:hover, #exportLink:hover, #activeExportLink, #userAdminLink:hover, #activeUserAdminLink, #activeUserActivityLink, #activeUserOnlineLink, #activeUserIndexLink, #activeUserLoginsLink, .adminSecNavLink:hover, #studentGroupLink:hover, #activeStudentGroupLink, #sentReportsLink:hover, #activeSentReportsLink, #reportCardLink:hover, #activeReportCardLink, #sendStickerLink:hover, #activeSendStickerLink, #currentWeekLink:hover, #activeCurrentWeekLink, #statsHistoryLink:hover, #activeStatsHistoryLink, #studentLogsLink:hover, #activeStudentLogsLink, #allStickersLink:hover, #activeAllStickersLink, #goalsLink:hover, #activeGoalsLink, #contestsLink:hover, #activeContestsLink, #studentIndexLink:hover, #activeStudentIndexLink, #homeLink:hover, #activeHomeLink, #studentAddLink:hover, #activeStudentAddLink, #contestsLink:hover, #activeContestsLink{
	background-color: #a8a83c;
	background: -moz-linear-gradient(center top , #a8a83c, #767624) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#92922d), to(#767624));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#92922d', endColorstr='#767624');
}

#studentAddLink a, #activeStudentAddLink a{padding-left: 28px;background: url(../img/icons/addStudentIcon.png) 0px 0px no-repeat;}
#activeStudentAddLink a{text-decoration:underline;}

#studentGroupLink a, #activeStudentGroupLink a{padding-left: 38px;background: url(../img/icons/studentGroupIcon.png) 0px 0px no-repeat;}
#activeStudentGroupLink a{text-decoration:underline;}

#contestsLink a, #activeContestsLink a{padding-left: 32px;background:  url(../img/icons/studentContestIcon.png) 0px 0px no-repeat;}
#activeContestsLink a{text-decoration:underline;}

#goalsLink a, #activeGoalsLink a{padding-left: 32px;background:  url(../img/icons/studentGoalIcon.png) 0px 0px no-repeat;}
#activeGoalsLink a{text-decoration:underline;}

#allStickersLink a, #activeAllStickersLink a{padding-left: 32px;background:  url(../img/icons/allStickersIcon.png) 0px 0px no-repeat;}
#activeAllStickersLink a{text-decoration:underline;}

#studentLogsLink a, #activeStudentLogsLink a{padding-left: 32px;background: url(../img/icons/studentLogsIcon.png) 0px 0px no-repeat;}
#activeStudentLogsLink a{text-decoration:underline;}

#unfinishedLink a, #activeUnfinishedLink a{padding-left: 30px;background: url(../img/icons/unfinishedIcon.png) 0px 0px no-repeat;}
#activeUnfinishedLink a{text-decoration:underline;}


/**** Student Awards SecNav ****/

#studentOptionsLink{list-style-type: none;margin-left: 3px;}
.studentOptionsLink a{background-color: #8B8B5F !important;}
#activeTeacherAwardsLink a{text-decoration:underline;}

#stickersLink a, #activeStickersLink a{padding-left: 32px;background: url(../img/icons/stickerIcon.png) 0px 0px no-repeat;}
#activeStickersLink a{text-decoration:underline;}

#achievementsLink a, #activeAchievementsLink a{padding-left: 26px;background: url(../img/icons/achievementIcon.png) 0px 0px no-repeat;}
#activeAchievementsLink a{text-decoration:underline;}


#medalsLink{
	background-color: #7fb4c3;
	background: -moz-linear-gradient(center top , #7fb4c3, #527c88) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#7fb4c3), to(#527c88));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fb4c3', endColorstr='#527c88');
}

#medalsLink:hover, #activeMedalsLink{
	background-color: #5b8a97;
	background: -moz-linear-gradient(center top , #73a7b6, #406c79) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#73a7b6), to(#406c79));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#73a7b6', endColorstr='#406c79');
}

#medalsLink a, #activeMedalsLink a{padding-left: 32px;background: url(../img/icons/medalIcon.png) 0px 0px no-repeat;}
#activeMedalsLink a{text-decoration:underline;}


/**** Account Nav ****/

#loginLink{background: url(../img/accountNavSprite.png) -243px 0px no-repeat;}
#loginLink:hover, #activeLoginLink{background: url(../img/accountNavSprite.png) -243px -88px no-repeat;}
#profileLink{background: url(../img/accountNavSprite.png) -86px 0px no-repeat;}
#profileLink:hover, #activeProfileLink{background: url(../img/accountNavSprite.png) -86px -88px no-repeat;}
#logoutLink{background: url(../img/accountNavSprite.png) -169px 0px no-repeat;}
#logoutLink:hover{background: url(../img/accountNavSprite.png) -169px -88px no-repeat;}
#settingsLink{background: url(../img/accountNavSprite.png) 0px 0px no-repeat;}
#settingsLink:hover, #activeSettingsLink{background: url(../img/accountNavSprite.png) 0px -88px no-repeat;}
#referralLink{background: url(../img/accountNavSprite.png) -394px 0px no-repeat;}
#referralLink:hover, #activeReferralLink{background: url(../img/accountNavSprite.png) -394px -88px no-repeat;}


#userLoginsLink, #userActivityLink, #userOnlineLink, #userIndexLink, #reportsLink, #studentTutorialsAdminLink, #tutorialReportsLink, #gameSeasonalLink, #gameReportsLink, #userReportsLink, #rewardReportsLink, #lessonReportsLink{
    background-color: #b1b171;
}
#userLoginsLink:hover, #activeUserLoginsLink, #userActivityLink:hover, #activeUserActivityLink, #userOnlineLink:hover, #activeUserOnlineLink, #userIndexLink:hover, #activeUserIndexLink, #reportsLink:hover, #activeReportsLink, #tutorialReportsLink:hover, #activeTutorialReportsLink, #lessonReportsLink:hover, #activeLessonReportsLink, #rewardReportsLink:hover, #activeRewardReportsLink, #userReportsLink:hover, #activeUserReportsLink, #gameReportsLink:hover, #activeGameReportsLink, #gameSeasonalLink:hover, #activeGameSeasonalLink{
    background-color: #92922d;
}

#reportsLink a, #activeReportsLink a, #newsLink a, #activeNewsLink a{padding-left: 20px;}


/**** Contest Nav ****/

#contestNav{margin-top: 10px;margin-left: 3px;}
#contestNav a, #contestNav li{font-size: 15px;height: 34px;width: 130px;}
#contestNav a{padding-top: 8px;}
#contestMainContainer{top: 34px;margin-bottom: 34px;}
#inProgressContest a{color: #747474;background: url(../img/contest_nav.png) -3px -67px no-repeat;}
#inProgressContest a:hover, #inProgressContestActive a{color: #eee612;background: url(../img/contest_nav.png) -3px -9px no-repeat;}
#pendingContest a{color: #747474;background: url(../img/contest_nav.png) -133px -67px no-repeat;}
#pendingContest a:hover, #pendingContestActive a{color: #eee612;background: url(../img/contest_nav.png) -133px -9px no-repeat;}
#finishedContest a{color: #747474;background: url(../img/contest_nav.png) -263px -67px no-repeat;}
#finishedContest a:hover, #finishedContestActive a{color: #eee612;background: url(../img/contest_nav.png) -263px -9px no-repeat;}


/**** Tutor Talk Display *****/

#tutorTalkPageContainer{width: 625px;position: relative;}
.bottomTutorTalkIndex{position: absolute !important;bottom: -30px !important;right: 8px !important;float: none !important;}
.topTutorTalkIndex{position: absolute !important;top: -42px !important;right: 8px;float:none !important;}
#tutorTalkTitle{color: #013c41;font-size: 38px;margin-bottom: 6px;}
.tutorTalkContainer{color: #013c41;float: left;padding-bottom: 20px;padding-left: 20px;padding-top: 20px;position: relative;width: 594px;background-color: #e3f0f1;min-height: 100px;margin-bottom: 8px;}
.tutorTalkContainer h3 a, .tutorTalkContainer h3{width: 554px;color: #013c41;font-size: 24px;}
.tutorTalkDate{color: #013c41;margin-top: 4px;}
.tutorTalkAuthor{color: #013c41;font-size: 14px;margin-top: 2px;}
.tutorTalkContainer .commentCount a{color: #345e62;}
.tutorTalkContainer p{font-size: 13px;margin-top: 8px;width: 575px;}
.tutorTalkContainer p a{color: #345e62;text-decoration: underline;}
.tutorTalkContainer .body{margin-bottom: 36px;}
.tutorTalkContainer .readMore{font-size: 20px;position: absolute;color: #345e62;}
.tutorTalkContainer .readMore{bottom: 10px;left: 21px;}
.tutorTalkContainer .commentCount{position: absolute;bottom: 10px;right: 14px;}


/**** Tutor Talk View ****/

.tutorTalkViewContainer{padding: 40px 40px 20px 40px;position: relative;width: 534px;}
.tutorTalkViewContainer .floatLeft{margin-bottom: 10px;margin-right: 20px;}
.tutorTalkViewContainer .floatRight{margin-bottom: 10px;margin-left: 20px;}
.tutorTalkViewContainer p{line-height: 135%;margin-top: 16px;width: 534px;}
.tutorTalkViewContainer .commentCount{position: relative;left: 2px;font-size: 18px;}
.tutorTalkViewContainer .commentLabel{margin-bottom: 6px;}
.tutorTalkViewContainer .commentInput{width: 532px;height: 80px;}
.commentFormContainer{margin-top: 12px;position: relative;padding-bottom: 30px;}
.commentFormContainer .newCommentBtn, .replyFormBtn .replyBtn{position: absolute;right: -2px;bottom: 0px;padding: 5px 10px;}
.commentBox{position: relative;margin-top: -1px;padding: 12px 20px;border: 1px solid #493601;}
.commentThreadContainer{margin-bottom: 20px;}
.commentBox p{width: inherit !important;}
.commentBox h4{color: #013c41;}
.normalCommentBox{background-color: #a6cccd;}
.userCommentBox{background-color: #edebbf;}
.adminCommentBox{background-color: #63c9cc;}
.replyFormBtn{position: absolute; right: 21px;bottom: 10px;text-decoration: underline;cursor:pointer;}
.replyForm{display: none;position: relative;}
.replyBtn{position: absolute;right: -2px;bottom: -3px}
.replyForm textarea{margin-bottom: 32px;height: 80px;margin-top: 10px;}
#commentFormError, .commentErrorMsg{position: absolute;right: 68px;bottom: 1px;color: #b61111;}
#allCommentsContainer{margin-top: 24px;}
#viewAllPosts{font-size: 20px;position: absolute;top: 12px;right: 19px;}
#viewAllPosts a{color: #345e62;}
.tutorTalkViewTitle{margin-top: 16px;}



/**** Tutor Talk Index ****/
.postPublishDate{position: absolute;left: 140px;bottom: 6px;}
.postCommentsNum{position: absolute;bottom: 6px;right: 62px;}


/**** Tutor Talk Add/Edit ****/
.newsTitleInput{width: 446px;}
.newsMsgInput{width: 454px;}


/**** Tutor Talk Sidebar ****/

.tutorTalkSideBox{position: relative;background-color: #e3f0f1;padding: 10px;margin-bottom: 12px;}
.tutorTalkSideBox h2 a, .tutorTalkSideBox h3 a, .tutorTalkSideBox h4 a{color: #013c41 !important;margin-top: 3px;}
.tutorTalkSideBox h3{margin-bottom: 8px;margin-top: 4px;}
.tutorTalkSideBox h4{font-size: 13px;}
.tutorTalkSideBox h3{width: 252px;font-size: 14px;}
.tutorTalkSideBox .comments{position: absolute;right: 10px;bottom: 10px;}
#viewAllBoxPosts{position: absolute;right: 10px;top: 10px;}
#viewAllBoxPosts a {color: #345e62;}
.tutorTalkSideBox a:hover, #viewAllPosts a:hover, .tutorTalkContainer a:hover{text-decoration: underline;}

/**** Ads ****/

#sidebarAds{margin-left: 12px;margin-bottom: 6px;}
#mainAd{float: left;}
#promoMsg{float: left;}
#bottomAd{float: left;margin-top: 6px;}
#googlePlusOneBtn{position: absolute;top: 23px;right: 200px;}
.promoInfoBox p, .promoInfoBox h2{color: #493601 !important;}
.promoInfoBox h2{font-size: 21px;}
.promoInfoBox p{margin-top: 6px;}
.promoInfoBox{height: 116px;margin-bottom: 16px;position: relative;width: 381px;background-color: #E0DB7D;padding-left: 140px;padding-right: 48px;padding-top: 20px;padding-bottom: 20px;}
.promoInfoBox a{display: block;margin-top: 6px;text-decoration: underline;color: #812114;}
.promoInfoBox a:hover{color: #5e160c;}
.promoInfoBox img{position: absolute;left: 37px;top: 19px;}
#shortPromoBox{width: 363px;height: 97px;}
#shortPromoBox h2{font-size: 20px;}
#longPromoBox{width: 426px;}
#longPromoBox h2{font-size: 23px;}


/**** Student Pages Menu ****/
#studentPagesLink, #studentOptionsLink{color: #fff !important;width: 140px;z-index: 999;display:none;margin-right: 8px;}
#studentPagesLink span, #studentOptionsLink span{padding-left: 14px;padding-top: 4px;display: block;}


/**** Contact Page ****/

.contactInfoBox{width: 500px;background-color: #f2f2f2;margin-bottom: 12px;margin-top: 8px;padding: 25px 50px;position: relative;width: 472px;}
.phoneMsg a{text-decoration: underline;}
.phoneMsg a:hover{color: #666;}
.phoneMsg{color: #00565E;font-size: 18px;margin-left: 100px;}
.phoneMsg span{font-size: 28px;}


/*** Error Page ****/

#errorCat{margin-left: 20px;margin-top: 21px;}
.errorPageMsg{color:
#000;width: 376px;margin-left: 44px;}


/*** Sidebar ****/

#sidebarMessageLink{outline: none;font-size: 18px;color: #f2f2f2;background-color: #859566;width: 272px;text-align: center;display:block;padding: 8px 0px;margin-bottom: 10px;}
#sidebarMessageLink:hover{background-color: #586a35;}
.messageBox{background-color: #f2f2f2;margin: 10px;padding: 20px;font-size: 14px;line-height: 130%;position: relative;}


/**** Login  - all checked ****/

#loginForm{padding: 25px 50px 8px 50px;}
#loginBtn{bottom: 18px;}
.recoverPasswordLink{padding-top: 20px;}
.recoverPasswordLink a{font-size: 16px;color: #b77f49;}
.recoverPasswordLink a:hover{color: #80470f;}
.loginError{font-size: 22px;color: #b61111;position: relative;left: 2px;bottom: 13px;}
#resetPasswordMsg{padding-bottom: 20px;}
#loginForm input{width: 200px;}
#loginForm .input{padding-left: 6px;}

/**** Home  ****/

.bottomRound{-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;}
.topRound{-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;}

#homeHeadline a, #homeHeadline{color: #008a96;font-size: 37px;}
#homeHeadline a:hover{color: #00565e;}
#homeHeadline{margin-bottom: 10px;}
#homeContent{margin-top: 10px;float: left;width: 600px;}
#homeSlideshowContainer{border-top: 1px solid #B7B7B7;border-left: 1px solid #B7B7B7;border-right:  1px solid #B7B7B7;width: 547px;position: relative;padding: 11px;background-color: #CDDADA;}
#homeSlideshow{z-index: 1;width: 547px;height: 318px;}
#homeSlideshowControls{z-index: 9999;height: 30px;position: absolute;top: 300px;width: 548px;}
#prevSlide{float: left;cursor: pointer;background: #52654c url(../img/left_slide_arrow.png) no-repeat;}
#nextSlide{float: right;cursor: pointer;background: #52654c url(../img/right_slide_arrow.png) no-repeat;}
#slideTitle {border-bottom: 1px solid #B7B7B7;border-left: 1px solid #B7B7B7;border-right:  1px solid #B7B7B7;background-color: #CDDADA;padding: 6px 20px;height: 50px;display: block;text-align: center;width: 529px;color: #00565E;font-size: 14px;display: block;font-weight: bold;}
.slideControl{width: 38px;height: 30px;}
#prevSlide:hover{background: #2b3c26 url(../img/left_slide_arrow.png) no-repeat;}
#nextSlide:hover{background: #2b3c26 url(../img/right_slide_arrow.png) no-repeat;}
#homeSlideshow img{border: 1px solid #B7B7B7;}

#homeSidebar{width: 286px;float: left;margin-top: 10px;}
#homeSidebar h2, #testimonialContainer h2, #gameDemoDescription h2, #gameDemoDescription h3{color: #00565e;font-size: 21px;}
#homeSidebar p, #gameDemoDescription p, #upgradeContent p{margin-top: 8px;color: #053638;font-size: 15px;line-height: 130%;}
#homeSidebar span, #upgradeContent span{font-weight: bold;color: #008a96;font-size: 16px;}

#createAccountBtn{margin-bottom: 4px;position: relative;left: -10px;margin-top: 9px;outline: none;display: block;text-indent: -9999px;width: 291px;height: 56px;background: url(../img/account_button.png) 0px 0px no-repeat;}
#createAccountBtn:hover{background: url(../img/account_button.png) 0px -58px no-repeat;}

#testimonialContainer{padding: 20px 15px;background-color: #d1d094;margin-top: 16px;width: 539px;}
#testimonialContainer h2{margin-bottom: 2px;color: #4c4c3e;padding-left: 10px;}
#testimonialContainer p{color: #4c4c3e;margin-bottom: 8px;padding-top: 10px;padding-left: 10px;padding-right: 16px;font-size: 14px;line-height: 140%;}
.testimonialName{color: #4c4c3e;margin-top: 12px;padding-left: 10px;font-size: 16px;font-weight: bold;}
#gameIconContainer{width: 280px;margin-top: 10px;}
#gameIconContainer img, #upgradeIconContainer img{margin-right: 4px;margin-bottom: 4px;}
.screenshotContainer{background-color: #CDDADA;padding-bottom: 6px;margin-bottom: 10px;}
#testimonialContainer .darker{background-color: #aabdbd;}
.screenshotContainer p{color: #00565E;width: 301px;margin-bottom: 8px;font-size: 13px;margin-left: 20px;}
.screenshotContainer p span{font-weight: bold;font-size: 14px;}
.screenshotContainer h4{background-color: #CDDADA;margin-bottom: 5px;font-size: 16px;color: #00565E;}
.gameInfoText{margin: 10px 20px;width: 300px;font-size: 12px;padding-bottom:10px;}


/**** Register Form ****/

#postRegisterLink{text-decoration: underline;}
#loginForm{margin-bottom: 16px;}
.registerFormSideTitle{margin-top: 20px;}
#registerSurveyTitle{color: #00565E;font-size: 20px;width: 566px;}
#registerFormMsg a{font-size: 20px;color: #666;}
#registerFormMsg a:hover{color: #000;}
.registerForm, .surveyForm{margin-bottom: 12px;position: relative;background-color: #d5c59b;width: 450px;padding: 25px 50px;margin-top: 8px;}
.registerForm .alignRight{padding-right: 8px;color: #493601;}
.registerForm input{width: 270px;}
.surveyForm{background-color: #CDDADA;color: #00565e;}
.surveyForm label{color: #00565e !important;font-size: 16px !important;}
.surveyForm table{margin-bottom: 20px;}
#registerSubmitBtn, #loginBtn{cursor: pointer;outline: none;display: block;text-indent: -9999px;width: 135px;height: 40px;background: url(../img/register_button.png) 0px 0px no-repeat;}
#registerSubmitBtn{position: relative;left: 430px;}
#loginBtn{position: absolute;left: 428px;top: 3px;}
#registerSubmitBtn:hover, #loginBtn:hover{background: url(../img/register_button.png) 0px -41px no-repeat;}
.registerError{color: #ab3a2e;}
.captchaTitle{font-size: 26px;}
.captchaMsg{font-size: 13px;padding-bottom: 10px;}
.capTestInput{position: relative;bottom: 4px;left: 30px;}


/**** Upgrade Page ****/
#upgradeIconContainer{width: 530px;margin-top: 10px;}
#upgradeContent{float: left; width: 600px;}
#upgradeContent h1{color: #008a96;}
#upgradeContent h2{color: #00565e;font-size: 23px;}
.upgradeContainer{background-color: #b4d2d4;padding: 20px;width: 550px;margin-bottom: 10px;}
.upgradeContainer ul{margin-top: 8px;margin-left: 8px;}

.upgradeContainer li{list-style-type: none;margin-bottom: 8px;font-size: 15px;color: #053638;}
.lightUpgrade{background-color: #cddddc;}
#upgradeStudentTitle{margin-top: 16px;}
.upgradeAccountBtn{position: relative;left: 300px;outline: none;display: block;text-indent: -9999px;width: 291px;height: 56px;background: url(../img/upgrade_button.png) 0px 0px no-repeat;}
.upgradeAccountBtnBottom{margin-top: 10px;}
.upgradeAccountBtn:hover{background: url(../img/upgrade_button.png) 0px -58px no-repeat;}


/**** Game Demo ****/
#gameDemoDescription{float: left;width: 240px;margin-left: 35px;}
#gameDemoDescription h3{margin-top: 18px;margin-bottom: 6px;}
#demoReloadMsg{padding-top: 5px;padding-bottom: 5px;width: 574px;text-align: center;position: relative; top: 10px;}
#demoReloadMsg a{color: #00565e;font-size: 30px;}
#demoReloadMsg a:hover{color: #072b45;}


/**** Messages  Create   ****/
#messageTitleInput{width: 448px;}
#messageTable{background-color: #414F40;padding: 20px 10px 20px 37px;width: 535px;}
#messageTable label{font-size: 18px;padding-bottom: 6px;color: #fff;}


/**** Messages  Display   ****/

.mailboxContainer{margin-bottom: 6px;}
.messageSelectAllBottom{position: absolute;right: 18px;bottom: 28px;}
.messageSelectAll{position: absolute;right: 18px;top: 96px;}
.messagePageTitle, #gameTitle, .contestDisplayTitle{color: #405a54;font-size: 26px;}
.blueTitle, .goalDisplayMsg{color: #405a54;}
.messageCheckbox{position: absolute;right: 9px;bottom: 6px;}
#messageOptionsInput{position: absolute;right: 93px;top: 20px;padding: 7px;}
#mailFeedback{height: 80px;width: 534px;background: #f2f2f2 url(../img/mail_feedback.gif) center center no-repeat;}
.deleteReadMsgsBtn{position: absolute;right: 20px;top: 22px;}
.adminMessageTopBox{min-height: 50px;}
.mailIndexDate{font-size: 12px;position: absolute;right: 10px;top: 30px;color: #959595;}
.adminMessageIndexBody{padding: 20px;background: #f2f2f2;}
.adminMessageIndex{cursor: pointer;}
.messageItemBox{min-height: 50px;}
.messageItemBox a{display: block;}
.viewMessageLink{height: 25px;padding-left: 16px;padding-top: 25px;}
.mailIndexUsername{position: relative;left: 10px;top: 6px;}
.mailIndexTitle{margin-left: 10px;margin-top: 7px;width: 400px;padding-bottom: 6px;}
.mailIndexTo{font-style: italic;position: absolute;right: 10px;top: 4px;}
.mailContainer{position: relative;padding: 5px 4px;margin-left: 6px;margin-right: 6px;font-size: 13px;margin-bottom: 6px;height: 1%;width: 485px;}
.mailContainer a, .mailTitle{text-decoration: underline;margin-left: 6px;}
#messageSearchInput{margin-bottom: 11px;width: 534px;}
#messageSearchInput input, #messageSearchInput button {float: right;}
#messageInstructions{text-align: center;}
#MessageSearchTerm{margin-right: 4px;padding: 4px;}

.unreadMail{background-color: #f8f8f8;}
.unreadMail:hover{background-color: #e0f2f3;}
.unreadMail a:hover{color: #666666;}
.readMail:hover{background-color: #a9a9a9;}
.readMail a:hover{color: #fff;}
.readMail{background-color: #717171;}
.readMail a, .readMail span{color: #f2f2f2;}
.readMail .activeMessageColor{background-color: #a3b3b3;}
.unreadMail .activeMessageColor{background-color: #d0eaea;}
.readMail .mailIndexTitle, .readMail .mailIndexUsername{color: #dfdfdf;}

.mailUsername{top: 6px;left: 16px;position: absolute;font-weight: bold;}
.mailFromTitle{position: absolute;left: 10px;bottom: 22px;}
.mailToTitle{position: absolute;left: 18px;bottom: 22px;}
.mailFromSort{position: absolute;left: 16px;bottom: 7px;}
.mailMessageTitle{position: absolute;left: 112px;bottom: 22px;}
.mailMessageSort{position: absolute;left: 127px;bottom: 7px;}
.mailDateTitle{position: absolute;left: 294px;bottom: 22px;}
.mailDateSort{position: absolute;left: 317px;bottom: 7px;}
.mailReadTitle{position: absolute;left: 440px;bottom: 22px;}
.mailReadSort{position: absolute;left: 474px;bottom: 7px;}

#noMessages{color: #2c2c2c;padding: 4px 10px;text-align: center;}
#noMessages span{font-size: 16px;}
.messageDeleteIcon{position: absolute;right: 5px;top: 8px;}
.mailDisplayIndexDate{color: #959595;font-size: 12px;position: absolute;right: 10px;top: 8px;}
.messageIndexBody{color: #000;padding: 20px;background-color: #f2f2f2;position: relative;padding-top: 55px;padding-bottom: 40px;}
.btnMsgBodyReply{position: absolute; top: 8px;right: 98px;}
.archiveMsgBtn{position: absolute;top: 8px;right: 32px;}
#sentArchiveBtn{right: 39px;}

/**** Messages  Send   ****/

.sendMsgInput{padding: 3px 6px;}
#sendMsgRecipientInput{left: 280px;top: 19px;}
#sendMsgTypeInput{left: 195px;top: 19px;}
.sendMessageError{width: 339px;position: relative;top: 8px;text-align: center;}
.messageReplyBtn{position: absolute;right: 0;top: -32px;width: 60px;}
#sendStudentMsgBtn{top: -38px;}


/**** News ****/

.narrativeName{display: block;position: relative;left: 8px;top: 12px;width: 430px;padding-bottom: 24px;}
.narrativeBox{color: #000;}
.newsIndexTitle{padding-bottom: 6px;}
.newsBoxContainer{background-color: #403d35;padding-bottom: 3px;position: relative;min-height: 120px;width: 273px;}
.newsContainer{clear: both;padding: 10px;margin: 0 10px 10px;background-color: #CAC395;width: 231px;}
.newsBoxContainer h2{position: relative;left: 10px;top: 10px;margin-bottom: 16px;width: 50px;}
.newsContainer h3, .newsBoxDate{color: #000;margin-bottom: 10px;s}
.newsContent{
    position: relative;
    background-color: #fff;
    padding: 10px;
    font-size: 13px;
    margin-bottom: 2px;
    
    line-height: 137%;
    -moz-box-shadow: 1px 1px 3px #999999;
    -webkit-box-shadow: 1px 1px 3px #cccccc;
    box-shadow: 1px 1px 3px #cccccc;
}
.tallNewsContainer{padding-bottom: 26px;}
.newsContent p{font-size: 13px;padding: 0px 7px;}
.newsContent a{text-decoration: underline;}
.newsBoxDate{font-size: 14px;font-weight: bold;margin-bottom: 8px;}

#prevNewsLink, #nextNewsLink{
	background-color: #a67a03;
	background: -moz-linear-gradient(center top , #cc8515, #745503) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#cc8515), to(#745503));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc8515', endColorstr='#745503');
}

#prevNewsLink:hover, #nextNewsLink:hover{
	background-color: #6a4d00;
	background: -moz-linear-gradient(center top , #c17e14, #5f3d07) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#c17e14), to(#5f3d07));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c17e14', endColorstr='#5f3d07');
}

.newsBoxLink{color: #f2f2f2;}
.newsBoxLink:hover{color: #d7d7d7;}
#newsLoader{height: 100px;}
#newsLoaderImg{position: relative;top: 9px;left: 100px;}
.readNewsLink, .lessNewsLink{position: absolute;right: 10px;bottom: 4px;color: #805700;}
.readNewsLink:hover, .lessNewsLink:hover{color: #c48600;}
.newsBtnContainer{position: absolute; top: 8px;right: 6px;}
.newsBtnContainer a{float: left;width: 46px;height: 22px;display: block;padding-top: 3px;padding-left: 15px;margin-right: 6px;margin-top: 3px;}

.newsTypeLabel{position: absolute;right: 4px;}
.newsDateLabel{margin-right: 8px;font-size: 12px;}
.newsCreatedSort{position: absolute;bottom: 7px;left: 27px;}
.newsTitleSort{position: absolute;bottom: 7px;left: 116px;}
.newsTypeSort{position: absolute;bottom: 7px;left: 447px;}
.createNewsBtn{position: absolute;right: 25px;top: 6px;}
.newsContent ol{width: 173px;margin-left: 27px;width: 173px;}



/**** News View ****/

.newsSaveBtn{position: relative;bottom: 8px;left: 477px;}
.newsSaveAndViewBtn{position: absolute;top: 13px;left: 18px;}

/**** Pagination ****/

.pagination{
	background-color: #b5c6c4;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	height: 30px;
}
.tutorTalkPagination{background-color: #a5cfd3 !important;}
.topPageIndex{margin-bottom: 18px;margin-top: 6px;}
.bottomPageIndex{margin-bottom: 14px;}
.pagination, .pagination a, .pagination .current, .pagination .disabled{font-size: 12px;float: left;position: relative;top: 6px;}
.pageIndexLink, .pagination .current, .pagination .prev, .pagination .next, .pagination .disabled{
	padding: 2px 6px;
	display: block;
	margin-left: 6px;
	margin-right: 6px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	position: relative;
	bottom: 4px;
	-moz-box-shadow: 1px 1px 3px #848483;
	-webkit-box-shadow: 1px 1px 3px #848483;
	box-shadow: 1px 1px 3px #848483;
}

.tutorTalkPagination a, .tutorTalkPagination .prev, .tutorTalkPagination .next{background: #f2f2f2 !important;color: #5a6463 !important;}
.pagination .next{padding: 2px 10px;}
.pageIndexLink, .pagination .prev, .pagination .next{background: #dce4e3;color: #5a6463;}
.pagination .current, .pagination .disabled, .pageIndexLink:hover, .pagination .prev:hover, .pagination .next:hover{background-color: #4e5657;color: #f6f6f6;}
.tutorTalkPagination a:hover, .tutorTalkPagination .prev:hover, .tutorTalkPagination .next:hover, .tutorTalkPagination .current, .tutorTalkPagination .disabled, .tutorTalkPagination .prev:hover, .tutorTalkPagination .next:hover{background-color: #174c51 !important;color: #f2f2f2 !important;}


/**** Student Index ****/

.exportInactiveStudentBtn{position: absolute;right: 18px;top: 20px;}
#studentSearchBox input{margin-right: 8px;}
#updateStatsMsg{font-size: 13px;}
.studentIndexTitles h4 a{padding-right: 12px;}
.studentIndexTitles  h4 a.asc {
	background: url(../img/sort_asc.png) no-repeat right center;
}
.studentIndexTitles h4 a.desc {
	background: url(../img/sort_desc.png) no-repeat right center;
}

.paginationSortText{top: 19px;}
.studentIndexContainer{margin-bottom: 6px;}
.studentIndexNameTitle{position: absolute;left: 32px;bottom: 22px;}
.studentIndexGroupTitle{position: absolute;left: 207px;bottom: 22px;}
.studentIndexLessonTitle{position: absolute;left: 338px;bottom: 22px;}
.studentIndexScheduleTitle{position: absolute;left: 430px;bottom: 22px;}
.studentIndexMailSort, .studentIndexMailSortasc, .studentIndexMailSortdesc{position: absolute;left: 502px;display: block;top: 9px;}
.studentIndexNameSort{position: absolute;left: 69px;}
.studentIndexGroupSort{position: absolute;left: 217px;}
.studentIndexScheduleSort{position: absolute;left: 449px;}

.studentIndexTitles, .studentIndexBottomTitles{height: 40px;position: relative;}
.studentIndexTitles h3, .studentIndexBottomTitles h3, .studentIndexTitles a, .studentIndexBottomTitles a{color: #FFF;font-size: 14px;}
.studentIndexTitles h4 a, .studentIndexBottomTitles h4 a{font-size: 12px;text-decoration: underline;}
.studentIndexTitles h4 a:hover, .studentIndexBottomTitles h4 a:hover{color: #d7d7d7;}
.studentIndexTitles h3, .studentIndexBottomTitles h3{position: absolute;bottom: 22px;}
.studentIndexTitles h4, .studentIndexBottomTitles h4{position: absolute;bottom: 7px;}
.indexStudentsTitle, .indexTeacherTitle, .indexGroupTitle{bottom: 4px !important;}

.studentIndexOptions{
	padding: 6px 10px;
	width: 498px;
	height: 38px;
	margin-left: 8px;
	margin-bottom: 12px;
	margin-top: 8px;
	background-color: #d9d9d9;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position: relative;
	-moz-box-shadow: 2px 2px 6px #999;
	-webkit-box-shadow: 2px 2px 6px #999;
	box-shadow: 2px 2px 6px #999;
	/*
	-moz-box-shadow: 2px 2px 6px #484848;
	-webkit-box-shadow: 2px 2px 6px #4848481;
	box-shadow: 2px 2px 6px #484848;*/
}

.studentIndexName{
	left: 0;
	top: 0;
	color: #000;
	font-size: 13px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	height: 12px;
	width: 140px;
	padding: 5px 0px 9px 10px;
	position: absolute;
	background-color:#EFEFEF;
}
.studentIndexName:hover{background-color: #9a9a9a;color: #f2f2f2;}
.inactiveStudentBtn{background-color: #939393; color: #F0F0F0;}
.inactiveStudentBtn:hover, .inactiveStudentBottomBtn:hover{background-color: #575656;}
.inactiveStudentBottomBtn{
	color: #F0F0F0;
	background-color: #111111;
	position: absolute;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 11px;
	padding: 5px 10px 5px 10px;
	text-align: center;
	width: 360px;
}

.studentIndexGroup, .studentIndexGroupEmpty, .studentIndexLesson, .studentIndexLessonGroup, .studentIndexLessonEmpty, .studentIndexSchedule, .studentIndexScheduleEmpty{
	top: 0;
	width: 136px;
	color: #515151;
	font-size: 11px;
	height: 13px;
	padding: 6px 0px 7px 10px;
	position: absolute;
}

.studentIndexGroup{left: 150px;}
.studentIndexGroup:hover{background-color: #444444 !important;color: #FFF !important;}
.studentIndexGroupEmpty{background-color: #dbdada;left: 150px;color: #686868;}

.studentIndexLesson{background-color: #dbd377;left: 296px;width: 106px;}
.studentIndexLessonGroup{background-color: #CA974E;left: 296px;width: 106px;}
.studentIndexLessonGroup:hover{background-color: #9c6516;color: #FFF;}
.studentIndexLesson:hover{background-color: #aea64a;color: #FFF;} 
.studentIndexLessonEmpty{background-color: #d1d1d1;left: 296px;color: #686868;width: 109px;}
.studentIndexLessonGroupEmpty{padding-left: 5px;padding-right: 5px;}
.studentIndexGroupEmpty:hover, .studentIndexLessonEmpty:hover, .studentIndexScheduleEmpty:hover{background-color: #adacac;color: #FFF;}

.addStudentLoader{position: relative;top: 2px;}
.studentIndexSchedule, .studentIndexScheduleEmpty{
	width: 96px;
	color: #383838;
	left: 412px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}
.studentIndexSchedule{background-color: #efefef;}
.studentIndexScheduleEmpty{background-color: #cacaca;color: #686868;}

.mailIcon{
	display: block;
	position: absolute;
	top: 2px;
	text-indent: -9999px;
	outline: none;
}
.studentIndexMailIcon, .studentIndexMailSort, .studentIndexMailSortasc, .studentIndexMailSortdesc{
	right: 4px;
	height: 22px;
	width: 22px;
	background: url(../img/iconSprites.png) -22px 0px no-repeat;
}
.studentIndexMailIcon:hover, .studentIndexMailSort:hover, .studentIndexMailSortasc:hover, .studentIndexMailSortdesc:hover{background: url(../img/iconSprites.png) -22px -22px no-repeat;}

.studentIndexSendMailIcon{
	right: 0px;
	height: 21px;
	width: 24px;
	background: url(../img/iconSprites.png) -65px 0px no-repeat;
}
.studentIndexSendMailIcon:hover{background: url(../img/iconSprites.png) -65px -22px no-repeat;}


.studentIndexWeeklyProgress a{
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 11px;
	color: #e7e7e7;
	background-color: #918f80;
	padding: 5px 10px;
}

.studentIndexWeeklyProgress a:hover{background-color: #67665d;color: #FFF;}

.studentIndexProgressContainer{width: 244px;height: 23px;position: absolute;bottom: 0;left: 105px;}
.progressBar{height: 13px;margin-top: 5px;}
.redProgressBar, .redProgress{background-color: #a45e53;}
.orangeProgressBar, .orangeProgress{background-color: #c59332;}
.yellowProgressBar, .yellowProgress{background-color: #c5bb32;}
.greenProgressBar, .greenProgress{background-color: #6aa771;}
.redProgressText{color: #a45e53;}
.orangeProgressText{color: #c59332;}
.yellowProgressText{color: #c5bb32;}
.greenProgressText{color: #6aa771;}

.greenIndexLessonPercent{background-color: #88c28e;}
.orangeIndexLessonPercent{background-color: #cc9560;}
.yellowIndexLessonPercent{background-color: #cbca68;}
.redIndexLessonPercent{background-color: #ac5b5b;}

.lessonPercentage{text-align: center;font-size: 14px;width: 27px;height: 19px;position: absolute;bottom: 0;left: 344px;padding-top: 5px;padding-left: 3px;padding-right: 5px;}
.lessonPercentage a{display: block;}

.studentIndexStats{
	position: absolute;
	left: 382px;
	bottom: 0px;
	padding: 5px 10px;
	height: 14px;
	color: #686868;
	background-color: #b2bf9f;
	font-size: 11px;
}
.studentOptionsMenu, .studentIndexStickers{
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	position: absolute;
	cursor: pointer;
	bottom: 0px;
	right: 0px;
	text-align: center;
	display: block;
	font-size: 11px;
	color: #f2f2f2;
	
}


.studentOptionsMenu{background-color: #8ba189;padding: 4px 2px;width: 136px;font-size: 13px;display: none;}
.studentOptionsMenu li, .menu-div li{list-style-type: none;}
.studentOptionsMenu{color: #3d3d3d !important;}
.menu-div a{cursor:pointer;background-color: #8ba189;padding: 6px 0px;text-align: center;display: block;border-top: solid 1px #375835;font-size: 13px;}
.menu-div a:hover{color: #f2f2f2;background-color: #51754e;}
.menuItemTitle{padding: 6px 0px;font-size: 13px;text-align: center;cursor: pointer;border-top: solid 1px #375835;}
.motivationHoverMenuItem{background-color: #DBD377 !important;}
.motivationHoverMenuItem:hover{background-color: #9b9019 !important;}
.statisticHoverMenuItem{background-color: #d43c3c !important;}
.statisticHoverMenuItem:hover{background-color: #a11515 !important;}
.goalHoverMenuItem{background-color: #cca01a !important;}
.goalHoverMenuItem:hover{background-color: #a87f00 !important;}
.groupHoverMenuItem{background-color: #7bc3b6 !important;}
.groupHoverMenuItem:hover{background-color: #2ac0a5 !important;}
.lessonHoverMenuItem{background-color: #45ba74 !important;}
.lessonHoverMenuItem:hover{background-color: #24a257 !important;}
.generalHoverMenuItem{background-color: #8BA189 !important;}
.generalHoverMenuItem:hover{background-color: #51754e !important;}
.optionsMenuTitle{padding: 4px 0px;font-size: 12px;text-align: center;background-color: #51754e;color: #fff !important;}

.studentIndexStickers{padding: 5px 12px;background-color: #a8865e;font-size: 11px;}

.studentIndexStats:hover{color: #f2f2f2;background-color: #788566;}
.studentIndexStickers:hover{background-color: #7a5830;}


/**** Add Student ****/

.addStudentJavascriptInfo p{font-size: 13px;color: #27231a;background-color: #f0f0f0;padding: 3px 10px;}
.addStudentJavascriptInfo a{font-size: 12px;text-decoration: underline;color: #f0f0f0;}
.addStudentJavascriptInfo a:hover{color: #a0a0a0;}

#btnAddStudent{
	position: absolute;
	top: 10px;
	left: 160px;
}

#addStudentForm, .studentsContainer, .gamesContainer{
	
	padding: 20px 20px 20px 20px;
	position: relative;
	top: 10px;
	width: 534px;
	margin-bottom: 20px;
	height: 1%;
}

#addStudentForm, .studentsContainer{background-color: #6f8182;}
.gamesContainer{background-color: #6f8182;}


label, .label{font-size: 13px;}
.infoText{font-size: 12px;color: #FFF;}

.addStudentContainer{
	margin-bottom: 20px;
}

.addStudentTitle{font-size: 16px;padding-top: 8px;padding-bottom: 8px;}
.addStudentNameInput{position:absolute;left: 149px;top: 7px;}
.addStudentOptional{font-size: 16px;margin-left: 18px;margin-bottom: 10px;}
#numStudentsInput{width: 18px;padding-left: 2px;margin-left: 6px;margin-right: 6px;}

.addStudentSwitchesContainer{
	margin-left: 20px;
	margin-bottom: 20px;
	background-color: #b0afaf;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 490px;
	padding-bottom: 23px;
	position: relative;
}
.addStudentSwitchesContainer h3{
	font-size: 15px;
	background-color: #636363;
	padding: 4px 14px;
	margin-top: 0px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	position: relative;
}
.addStudentLessonGroupInput{width: 68px !important;}
.addStudentSwitch label{margin-left: 2px;margin-right: 10px;position: relative;bottom: 1px;}
.addStudentSwitchMsg, .addStudentSwitch, .schedulePickerMsg, .registerGameClub{
	margin-left: 20px;
	width: 427px;
	padding: 12px;
	-moz-box-shadow: 2px 2px 4px #9B9B9B;
	-webkit-box-shadow: 2px 2px 4px #9B9B9B;
	box-shadow: 2px 2px 4px #9B9B9B;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
}
.addStudentSwitchMsg, .addStudentSwitch, .schedulePickerMsg{margin-top: 16px;margin-bottom: 16px;}
.saveScheduleBtn{position: relative;left: 404px;margin-bottom: 4px;}
.registerGameClub{margin-top: 8px;margin-bottom: 18px;}
.addStudentSwitch .label, .fingerNumberTable .label, .gameSettingLegendTable .label, .registerGameClub .label{
	color: #444444;
	padding-left: 10px;
	-moz-border-radius-bottomleft: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
}

.tableLeftRound{
	-moz-border-radius-bottomleft: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
}

.tableRightRound{
	-moz-border-radius-bottomright: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
}

.addStudentSwitch .group, .groupInputEnd{background-color: #9eb8c6;width: 65px;}
.noStudentGroupOptions{font-size: 11px;padding: 4px 10px;background-color: #9eb8c6;color: #444;position:relative;bottom: 2px;}
.lessonInputEnd, .registerGameClub .label{background-color: #c0aa8a;padding-left: 65px;width: 80px;}
.addStudentSwitch .lesson{background-color: #c0aa8a;width: 65px;}
.groupInputEnd, .lessonInputEnd, .addStudentCreateGroupBtn, #registerGameClubSubmit{
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	-webkit-border-bottom-right-radius: 12px;
	font-size: 11px;
	color: #FFF;
	width: 30px;
}
.groupInputEnd a{padding-left: 8px;height: 16px;}
.addStudentSwitch .time, .addStudentSwitch .day{background-color: #d6d38a;width: 40px;}
.daySelect{width: 126px;}
.addStudentSwitch table{margin-top: 10px;}
.addStudentSwitchMsg, .schedulePickerMsg{font-size: 12px;background-color: #dbdbdb;}
.addStudentSwitch, .registerGameClub{background-color: #636363;}
.addStudentSwitchLabel{
	font-size: 13px;
	color: #fff;
	position: relative;
	bottom: 12px;
	right: 12px;
	background-color: #3b3935;
	padding: 4px 12px;
	width: 412px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}
.addLessonGroupTable select{width: 179px;}
.addStudentCreateGroupBtn, #registerGameClubSubmit{
	width: 87px;
	padding: 3px 0px;
	display: block;
	color: #444;
}
.addStudentCreateGroupBtn:hover{
	background-color: #6b7e7d;
	color: #FBFBFB;
}
.groupLessonInfoLink{position: absolute;top: 5px;left: 138px;width: 18px;}
.scheduleAddInfoLink{position: absolute;top: 5px;left: 85px;width: 18px;}
.schedulePicker{width: 185px;height: 61px;}
.schedulePickerTable{bottom: 2px;}
.schedulePagePicker{padding-top: 4px;padding-bottom: 21px;}
.addStudentRadioSelect{position: absolute;top: 3px;left: 234px;}
.addStudentSwitch table{position: relative;bottom: 6px;}

.saveStudentBtn{position: relative;left: 426px;width: 107px;margin-bottom: 10px;}

.infoBoxText{
	font-size: 12px;
	width: 500px;
	float: left;
	padding: 6px;
}

.addStudentOptionBtn{position: absolute;right: 10px;top: 8px;}
.addStudentOptionsOff h3{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 0px;
}
.addStudentOptionsOff{margin-bottom: 10px;}

.infoIcon{margin-left: 4px;float: left;}
.studentInfo{width: 130px;}
#studentEmailForm{margin-top: 20px;}
#notifyInfo{margin-top: 20px;}

.studentSlotMsg{color: #fff;font-size: 18px;text-align: center;}

/**** Student Options ****/

.studentOptionInfo{margin-top: 20px;}
.studentOptionsBox{top: 10px;}
#studentOptionActivationInfo{background-color: #dfe1e1;padding: 10px;margin-top: 10px;margin-bottom: 8px;}
#studentOptionActivationInfo span{font-size: 18px;}

#studentLastLogin{color: #FFF;position: absolute;right: 9px;top: 10px;font-size: 12px;}
.studentProgressInfo{padding: 2px 6px;font-size: 16px;}
.studentProgressLabel{padding-bottom: 2px;}

.optionsTable{font-size: 13px;color: #f7f7f7;margin: 10px;margin-bottom: 20px;}
.optionsTable .tableLeftRound, .optionsTable button{padding: 2px 10px 3px 16px;}
.optionsTable a{display:block;padding: 2px 10px 3px 8px;color: #f7f7f7;cursor: pointer;}
.optionsTable button{display:block;padding: 1px 10px 2px 8px;color: #f7f7f7;cursor: pointer;}
.optionsTable a:hover, .optionsTable button:hover{background-color: #3a3a3a;color: #f7f7f7;}
.optionsColor{background-color: #8c8c8a;}
.groupOptionColor{background-color: #719290;}
.lessonOptionColor{background-color: #a39924;}
.scheduleOptionsColor, .studentNameInput{background-color: #6b6955;}
.scheduleString{padding-left: 8px;padding-right: 8px;}
.achievementOptionsColor{background-color: #bfb328;}
#resetStudentPasswordBtn{text-align: center;}
#studentGameResultBtn{display: block;}
#studentSettingsForm .label{width: 300px;}
#resetStudentPasswordBtn, #studentOptionsRenameBtn{background-color: #CDDDDC;text-decoration: underline;font-size: 14px;cursor: pointer;}


/**** Teacher Settings ****/
.teacherSettingsTable td{background-color: #6B6955;}
.settingsTable a{text-decoration: underline;}
.teacherSettingsTable select{width: 250px;}
.teacherInfoSettingsTable td{background-color: #638485;}
.infoTip{padding-left: 4px;padding-right: 6px;}





/**** Account Settings *****/

.modifySubBtn{position: absolute;left: 244px;top: 21px;}
.newPassMsg a{text-decoration: underline;}
.cancelBtn{position: relative;left: 399px;}
#subCancelInput{width: 506px;height: 80px;margin-top: 12px;margin-bottom: 3px;}
.cancelSubBtn{position: absolute;right: 18px;top: 21px;}
.accountLessonBox{height: 40px;position: relative;border-top: 1px solid #C1C1C1;}
.accountLessonInfo{display: none;font-size: 13px;position: relative;height: 111px;border-top: 1px solid #C1C1C1;}
.accountLessonBox .name, .accountLessonInfo .nameLabel{font-size: 14px;position: absolute;left: 18px;}
.accountLessonBox .name{top: 12px;}
.accountLessonInfo .nameLabel{bottom: 12px;}
.accountLessonBox .viewBtn{position: absolute;right: 10px;top: 7px;}
.accountLessonBox .editBtn{position: absolute;right: 104px;top: 7px;}
.accountLessonInfo .nameInput{width: 270px;position: absolute; bottom: 8px;padding: 2px;left: 170px;}
.accountLessonInfo .nameBtn{position: absolute;bottom: 8px;right: 6px;}
.accountLessonInfo .template{position: absolute;left: 18px;top: 30px;}
.accountLessonInfo .owner{position: absolute;left: 18px;top: 12px;}
.accountLessonInfo .nameError, .accountLessonInfo .nameSuccess{position: absolute;left: 18px;bottom: 34px;}
.accountLessonInfo .nameError{color: #b61111;}
.accountLessonInfo .nameSuccess{color: #7DB72F;}
.endListContainer{background-color: #414F40;height: 30px;}

#cancelSubBtn{position: absolute;top: 38px;right: 183px;}
#modifySubBtn{position: absolute;top: 38px;right: 20px;}
#finalCancelSubBtn input{
	padding: 2px 6px;
	font-size: 11px;
	border: none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 38px;
}
.cancelSubInfo{position: absolute;top: 38px;right: 200px;}
.newPassMsg ul{margin: 20px 10px;}
.newPassMsg li{margin-bottom: 6px;list-style-type: circle;}



/**** Student Activate ****/

#activateForm{margin-bottom: 10px;}
.activateSubmitBtn{position: absolute;right: 18px;top: 21px;}
#activateContainer{margin-bottom: 0px;}


/**** Student Lesson Home ****/

.noLessonContainer{
	padding: 30px 14px;
	font-size: 12px;
	background-color: #e8e8e8;
	margin: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.noLessonContainer a{
	color: #f4f4f4;
	font-size: 14px;
	background-color: #658d8e;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	width: 300px;
	height: 22px;
	display: block;
	text-align: center;
	font-weight: bold;
	padding: 9px 24px 3px;
	margin-left: 54px;
}

.noLessonContainer a:hover{background-color: #4a6869 !important;}






/**** Student Group Index ****/

.groupIndexTable tr{height: 40px;}
.groupIndexTable .settingsTableBottom{height: 20px !important;}
.groupIndexTable .label{width: 300px !important;}
.groupTitle{color: #FFF;position: relative;top: 6px;text-decoration: underline;}
.studentGroupOptionsRow{width: 10%;}
.studentGroups{margin-top:10px;}

.createGroupButton, .saveButton{
	position: absolute;
	clear: both;
}
.createGroupButton{top: 21px;right: 20px;}

.groupColorBox{
	width: 20px;
	height: 20px;
	position: absolute;
	left: 6px;
	top: 6px;
}
.groupColorLink{display:block;width: 20px;height: 20px;}
.groupIndexGroupName{padding-left: 31px;height: 60px;}
.groupIndexAssignBtn{position: relative;left: 104px;}






/**** Student Group Edit ****/

.groupAddBox{cursor: pointer;}
.btnContainer{
	position: absolute;
	right: 22px;
	top: 22px;
	width: 90px;
}
#editGroupName{clear: both;margin-top: 20px;}
.groupCheckboxContainer{margin-top: 20px;}
.smallLabel{color: #FFF;}
.groupCheckbox{font-size: 13px;position: relative;bottom: 1px;}
.checkboxTitle{position: relative;top: 18px;clear: both}
.groupColumn{width: 33%;}
.groupWarningMsg{font-size: 13px;padding: 12px;color: #935000;}
.titleBoxMsg{color: #FFF;font-size: 12px;position: absolute;right: 12px;top: 10px;}
.farbtastic {margin-right: 30px !important;}
.groupFormGroupLabel{text-align: center;width: 200px;color: #8D8D8D;}
.groupColourBtn{top: 55px;right: 39px;}




/**** Student Group Create ****/


.groupSaveTop{right: 20px;width: 94px;top: 19px;}
.groupSaveBottom{position: relative;left: 441px;width: 94px;}
.groupOptionsTable .tableRightRound{padding:2px 10px 3px 8px;}
#StudentGroupTemplate{width: 149px;}
#colorPickerContainer{background-color: #f2f2f2;padding-top: 10px;padding-left: 20px;position: relative;height: 254px;width: 514px;}
#groupButtonMock{
	width: 240px;
	height: 140px;
	position: absolute;
	top: 100px;
}
#colorPicker{
	position: absolute;
	right: 0;
	top: 28px;
}
.defaultGroupButtonMock{
	background-color: #94bdbb;
}

#colorPickerTextTitle, #buttonExampleTitle{margin-bottom: 3px;color: #161616;}
#buttonExampleTitle{margin-top: 8px;}
.textColorPicker{margin-right: 10px;padding: 2px 35px;cursor:pointer;}
.lightTextColor{background-color: #2e2e2e;color: #f2f2f2;}
.lightTextColor:hover{background-color: #535353;}
.darkTextColor{background-color: #f2f2f2;color: #303030;border: solid 1px #000;}
.darkTextColor:hover{background-color: #e0e0e0;}
#groupButtonMockText{font-size: 22px;text-align: center;margin-top: 54px;color: #303030;}

.studentColumn{
	float: left;
	height: 1%;
	margin-left: 14px;
	margin-bottom: 14px;
}

.studentColumn div{
	position: relative;
	color: #515151;
	background-color: #f5f5f5;
	margin-bottom: 6px;
	margin-top: 8px;
	height: 45px;
	padding: 1px 10px;
	-moz-box-shadow: 2px 2px 4px #9B9B9B;
	-webkit-box-shadow: 2px 2px 4px #9B9B9B;
	box-shadow: 2px 2px 4px #9B9B9B;
}

.groupNoSelectTitle{background-color: #e2e2e2;height: 16px;}

.studentColumn div h5{
	color: #515151;
	width: 139px;
	padding: 5px 10px;
	position: relative;
	right: 10px;
	top: 1px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.studentColumn div{width: 139px;}
.studentGroupOptions, .studentGroupNoOptions, .messageOptions{
	padding: 6px 10px;
	width: 498px;
	margin-left: 8px;
	margin-bottom: 10px;
	margin-top: 8px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	position: relative;
	-moz-box-shadow: 2px 2px 6px #999;
	-webkit-box-shadow: 2px 2px 6px #999;
	box-shadow: 2px 2px 6px #999;
}
.studentGroupOptions, .studentGroupNoOptions{background-color: #e3e3e3;}
.messageOptions{background-color: #CCB791;}
.studentGroupOptions, .messageOptions{height: 13px;}
.studentGroupNoOptions{padding: 2px 10px;font-size: 12px;}
.studentGroupOptions span{font-size: 12px;}

.groupNameBtn{
	left: 0;
	top: 0;
	color: #000;
	font-size: 13px;
	-moz-border-radius-bottomleft: 12px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	background-color: #EFEFEF;
	height: 12px;
	width: 140px;
	padding: 4px 0px 9px 10px;
	position: absolute;
	-moz-box-shadow: 2px 0px 8px #9B9B9B;
	-webkit-box-shadow: 2px 0px 8px #9B9B9B;
	box-shadow: 2px 0px 8px #9B9B9B;
}
.groupNameBtn:hover, .studentIndexSchedule:hover{background-color: #9a9a9a;color: #f2f2f2;}

.groupAssignBtn{
	padding: 2px 10px;
	color: #000;
	font-size: 11px;
	background-color: #f5f5f5;
	padding: 2px 10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	position: absolute;
	top: 4px;
	-moz-box-shadow: 2px 1px 8px #cfcfcf;
	-webkit-box-shadow: 2px 1px 8px #cfcfcf;
	box-shadow: 2px 1px 8px #cfcfcf;
}

.groupAssignBtn:hover{background-color: #a6a4a4;color: #fff;}


.groupAssignBtn{right: 4px;}
.groupRemoveBtn{right: 4px;}

.groupBtnContainer{position: absolute;left: 1px;top:34px;}
.groupBtnContainer .button{margin-left: 4px;}
.groupLessonBtn, .groupOptionBtn{float: left;}
.groupLessonBtn:hover, .groupOptionBtn:hover{color: #f2f2f2;}
.btnDeleteGroup{float: left;background-color: #9a7933;color: #e7e7e7;}
.btnDeleteGroup:hover{color: #FFF;background-color: #6e5726;}

.studentColumn div span{
	font-size: 13px;
	margin-left: 6px;
	position: relative;
	bottom: 2px;
}


/**** Group Assign *****/

.groupAssignTable .label{width: 398px !important;}
.assingGroupRemoveBtn{position: relative;left: 35px;}
.currentGroupMsg{font-size: 12px;color: #fff;margin-top: 13px;margin-bottom: 10px;}
.label a{text-decoration: underline;}





/**** Lessons Assign ****/

#presetOptionTableClosed{display:none;}
#LessonTemplate, #LessonCategoryId{min-width: 200px;}
#assignTemplateBtn{background-color: #8CBEC0;cursor: pointer;width: 100%;height: 30px;}
#assignTemplateBtn:hover{background-color: #5b8789;color: #f2f2f2;}
#infoIconExample{margin-left: 4px;margin-right: 4px;position: relative;bottom: -4px;}
.gameIconExampleMsg{padding: 0px 8px 4px 8px;background-color: #fff;font-size: 13px;margin-top: 4px;margin-bottom: 4px;}
#originalTemplateLabel, #addStudentLessonMessage{background-color:#464646;color:#EBD452;position:relative;top: 4px;font-size: 12px;padding: 2px 10px;}
#originalTemplateLabel{width: 245px;}
#addStudentLessonMessage{width: 372px;margin-bottom: 5px;padding-left: 43px;}
#addStudentLessonMessage strong{text-decoration: underline;}
.gameBoxWeeklySelect{position: absolute;font-size: 12px;right: 235px;bottom: 3px;width: 51px;padding-top: 3px;padding-bottom: 3px;}
#assignLessonContainer{padding-top: 60px;}
#setWeeklyLessonInput{position: absolute;top: -6px;right: -13px;}
#setWeeklyLessonLabel{padding-right: 4px;}
#assignLessonTable{margin-top: 10px;margin-bottom: 4px;}
#assignLessonTable td{padding-right: 6px;}
.lessonSubcategoryTitle, .gameSubcategoryTitle{
	font-size: 16px !important;
	color: #f5f5f5;
	margin: 8px 15px;
	padding: 4px 13px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-box-shadow: 1px 1px 5px #9B9B9B;
	-webkit-box-shadow: 1px 1px 5px #9B9B9B;
	box-shadow: 1px 1px 5px #9B9B9B;
}

.lessonSubcategoryTitle{background-color: #707d7d;}
.gameSubcategoryTitle{background-color: #726f65;}

.lessonCategoryContainer{
	height: 1%;
	padding-bottom: 6px;
}

.lessonSubcategoryContainer{position: relative;clear: both;margin-top: 20px;height: 1%;}
.weeklyInput{position: absolute;top: 4px;right: 32px;}
.weeklyInput span, .weeklyInput select{font-size: 12px;}
.weeklyInput span{color: #fff;}
.weeklyInput select{padding: 1px 2px;}

.btnLessonSettings{
	color: #FFF;
	cursor: pointer;
	background-color: #3D4243;
}

#saveLessonBtn{right: 20px;top: 18px;}
#saveLessonReturnBtn{right: 124px;top: 18px;}
#saveLessonBottomBtn{position:relative;top: -8px;left: 436px;}
#saveLessonBottomBtnAjax{position:relative;top: 3px;left: 384px;}
#saveLessonBottomReturnBtn{position:relative;top: -8px;left: 116px;}
#deleteLessonBtn{margin-right: 10px;}
#createLessonBtn{position: absolute; right: 0px; top: -33px;}

.lessonGameContainer{
	position: relative;
	float: left;
	width: 158px;
	height: 120px;
	margin: 4px 0px 14px 14px;
}

.gameViewContainer{
	position: relative;
	float: left;
	width: 245px;
	height: 120px;
	margin: 4px 0px 14px 14px;
	background-color: #dfdbcf;
}
.gameViewContainer h5, .lessonSeasonalContainer h5{background-color: #312602;color: #fafafa;}
.lessonSeasonalContainer{
	position: relative;
	float: left;
	width: 245px;
	height: 100px;
	margin: 4px 0px 14px 14px;
	background-color: #dfdbcf;
}
.gameBoxTabContainer{position: absolute;bottom: 3px;left: 53px;}
.gameBoxTab{float: left;}

.lessonGameIcon{position:absolute;top: 28px;left: 4px;}
.lessonItemBoxContainer{margin-bottom: 10px !important;}
.activeGameContainer{background-color: #B8A771;}
.activeGameContainer h5{background-color: #4A391D;}
.inactiveGameContainer{background-color: #DBDBDB;}
.inactiveGameContainer h5{background-color: #555454;}
.gameIconRow{position: absolute;top: 4px;right: 33px;}
.gameIconRow img{float: right;margin-left: 2px;}

.btnRestoreLessonSwitch{position: absolute;right: 17px;top: 23px;}

#freeplayGameContainer .achievementGameTitle{font-size: 15px !important;}
.btnGameSwitch{outline: none;bottom: 5px;right: 4px;font-size: 16px;}
.btnGameSettings{outline: none;bottom: 5px;right: 119px;font-size: 16px;}
.btnAdminGameSettings{bottom: 5px;right: 4px;font-size: 16px;width: 213px !important;}
.btnGamePlay{outline: none;width: 78px;height: 23px;position: absolute;top: 12px;right: 10px;text-align: center;padding-top: 3px;color: #f2f2f2;}
.settingBtn{width: 100px;height: 20px;position: absolute;text-align: center;color: #f2f2f2;font-weight: bold;}


.gameSwitchOn, .inactiveGameItemBox .btnGameSettings{
	background-color: #626262;
	background: -moz-linear-gradient(center top , #626262, #454545) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#626262), to(#454545));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#626262', endColorstr='#454545');
}

.gameSwitchOn:hover, .inactiveGameItemBox .btnGameSettings:hover{
	background-color: #2f4140;
	background: -moz-linear-gradient(center top , #4e716f, #2f4140) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e716f), to(#2f4140));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e716f', endColorstr='#2f4140');
}

.gameSwitchOff{
	background-color: #a67c09;
	background: -moz-linear-gradient(center top , #b98514, #755601) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#b98514), to(#755601));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b98514', endColorstr='#755601');
}

.gameSwitchOff:hover{
	background-color: #2f4140;
	background: -moz-linear-gradient(center top , #ac7b10, #6c4801) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#ac7b10), to(#6c4801));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ac7b10', endColorstr='#6c4801');
}

.btnGameSettings, .btnAdminGameSettings{
	background-color: #205e5c;
	background: -moz-linear-gradient(center top , #368f8c, #205e5c) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#368f8c), to(#205e5c));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#368f8c', endColorstr='#205e5c');
}

.btnGameSettings:hover, .btnAdminGameSettings:hover{
	background-color: #064240;
	background: -moz-linear-gradient(center top , #2d827f, #154442) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#2d827f), to(#154442));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d827f', endColorstr='#154442');
}

.whiteItemBox .btnGamePlay, .blueItemBox .btnGamePlay{
	background-color: #7daf9a;
	background: -moz-linear-gradient(center top , #7daf9a, #5d8b78) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#7daf9a), to(#5d8b78));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7daf9a', endColorstr='#5d8b78');
}

.whiteItemBox .btnGamePlay:hover, .blueItemBox .btnGamePlay:hover{
	background-color: #9a843a;
	background: -moz-linear-gradient(center top , #77a793, #457360) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#77a793), to(#457360));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a793', endColorstr='#457360');
}

.contestLightItemBox .btnGamePlay, .contestDarkItemBox .btnGamePlay{
	background-color: #afac80;
	background: -moz-linear-gradient(center top , #afac80, #898657) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#afac80), to(#898657));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#afac80', endColorstr='#898657');
}

.contestLightItemBox:hover .btnGamePlay, .contestDarkItemBox:hover .btnGamePlay{
	background-color: #898657;
	background: -moz-linear-gradient(center top , #a3a073, #898657) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#a3a073), to(#898657));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3a073', endColorstr='#898657');
}

.lessonTimeText{outline: none;position: absolute;top: 6px;left: 364px;font-size: 20px;}
.btnLessonNum{width: 44px;height: 41px;text-align:center;position:absolute;top: 3px;right: 175px;font-size: 28px;padding-top: 6px;}
.whiteItemBox .btnLessonNum{background: url(../img/lesson_display_buttons.gif) -79px 0px no-repeat;}
.whiteItemBox .btnLessonNum:hover{background: url(../img/lesson_display_buttons.gif) -123px -0px no-repeat;}
.blueItemBox .btnLessonNum{background: url(../img/lesson_display_buttons.gif) -246px 0px no-repeat;}
.blueItemBox .btnLessonNum:hover{background: url(../img/lesson_display_buttons.gif) -290px -0px no-repeat;}
.contestLightItemBox .btnLessonNum{background: url(../img/lesson_display_buttons.gif) -413px 0px no-repeat;}
.contestLightItemBox .btnLessonNum:hover{background: url(../img/lesson_display_buttons.gif) -457px -0px no-repeat;}
.contestDarkItemBox .btnLessonNum{background: url(../img/lesson_display_buttons.gif) -580px 0px no-repeat;}
.contestDarkItemBox .btnLessonNum:hover{background: url(../img/lesson_display_buttons.gif) -624px -0px no-repeat;}

.lessonInterfaceSwitch, .presetInterfaceSwitch{position: absolute;top: 0px;right: 2px;text-indent: -9999px;width: 30px;height: 30px;display: block;cursor: pointer;}
.closeLessonBoxSwitch{background: url(../img/lesson_interface_arrows.png) -30px 0px no-repeat;}
.closeLessonBoxSwitch:hover{background: url(../img/lesson_interface_arrows.png) -30px -30px no-repeat;}
.openLessonBoxSwitch{background: url(../img/lesson_interface_arrows.png) 0px 0px no-repeat;}
.openLessonBoxSwitch:hover{background: url(../img/lesson_interface_arrows.png) 0px -30px no-repeat;}

.btnGameLessonNumber{
	font-size: 26px;
	background-color: #f5f5f5;
	width: 35px; 
	height: 35px;
	text-align: center;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	
}
.btnGameLessonNumber {position: absolute;bottom: 6px;right: 6px;}

.btnLessonSettings span{text-decoration: underline;font-size: 11px}
.categoryLessons{margin: 8px 20px;}
.btnSaveLesson{margin-top: 30px;}
.categoryInput{margin: 8px 4px;}
.settingsInput{width: 250px;}


/**** Game Settings ****/

.dropInfo2Switch{color: #F7F7F7 !important;cursor: pointer;padding-top: 4px;padding-bottom: 4px;}
.dropInfo2Input{display: none;}
.gameSettingsContainer, .settingsContainer{margin-top: 4px;}
.noLessonSettingsContainer{margin-top: 32px;}
.gameSettingsBoxTop{height: 70px;}
.gameStageBox{margin-top: 20px;padding-bottom: 16px;}
.settingsTableBottom td{border-bottom: none !important;background-color: #414F40;height: 22px;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;}
.requiredGameSettingMsg{background-color: #e3ddae;font-size: 13px;padding: 12px 12px;width: 120px;height: 36px;}
.requiredGameSettingMsg a{color: #845518;text-decoration:underline;}
.requiredGameSettingMsg a:hover{color: #5a3607;}
.gameSettingsLoader{display:none;position:relative;top: 2px;}
.gameSettingsTitle{float: left;font-size: 24px;margin-bottom: 6px;margin-top: 6px;}
#gameInfoLink{margin-right: 10px;float: left;margin-top: 10px;}
.recommendedLevelBoxTitle{font-size: 16px;clear: both;font-weight: bold;}
.settingGameIcon{position: absolute;right: 6px;top: 6px;}
.gameSettingTable, .settingsTable{width: 534px;}
.gameSettingTable td, .settingsTable td{font-size: 13px;padding-top: 6px;padding-bottom: 6px;border-bottom: 1px solid #fff;}
.gameSettingTable .label, .settingsTable .label{width: 140px;padding-left: 16px;}
.gameSettingTable select{min-width: 110px;}
.gameSettingTable .label,  .gameSettingTable .tip, .settingsTable .label, .settingsTable .tip{color: #000;padding-right: 10px;font-weight: bold;}
.gameSettingTable .tip, .settingsTable .tip{padding-left: 6px;width: 17px;}

/*check these selectors*/
#gameTitle{position:relative;left: -7px;}
#testGameInfo{text-align:center;width: 573px;position: relative;font-size: 20px;color: #ebd452;background-color: #464646;padding: 6px 0px 6px 0px;margin-top: 10px;}
.presetName{margin-bottom: 8px;}
.gameSwitchesTable{margin: -18px 14px 16px 14px;}
.gameInfo{width: 400px;height: auto;padding: 40px;}
.settingInputInfo{width: 16px;height: 16px;position: relative;top: 3px;left: 2px;}
.testSettingInfo{position: absolute;top: 18px;right: 239px;width: 18px;}
.testSettingAjaxInfo{position: absolute;top: 18px;right: 116px;width: 18px;}

#game{outline: 0;position: relative;right: 13px; top: 12px;background-color: #B2C5C4;width: 600px;height: 440px;display: block;}
#tutorial{position: relative;right: 13px; top: 12px;outline:0;width: 600px;height: 400px;display: block;margin-bottom: 20px;}

.intervalSettingOff, .intervalSettingOn{
	padding: 3px 6px;
	margin-left: 2px;
	font-size: 12px;
}
.intervalSettingOff input, .intervalSettingOn input{
	position: relative;
	top: 2px;
}
.checkAllBox, .uncheckAllBox, .checkAllIntervalBox, .uncheckAllIntervalBox{float: left;width: 46%;padding: 7px 8px;cursor: pointer;text-align: center;color: #f7f7f7;}
.checkAllBox, .checkAllIntervalBox, .dropInfo2Switch{background-color: #104345;}
.uncheckAllBox, .uncheckAllIntervalBox{background-color: #266769;}
.checkAllBox:hover, .uncheckAllBox:hover, .checkAllIntervalBox:hover, .uncheckAllIntervalBox:hover, .dropInfo2Switch:hover{background-color: #003335;}
.checkAllFeedback{background-color: #266769;}

.settingSwitchLabel{padding-top: 6px !important;padding-bottom: 6px !important;}
.intervalSettingOn:hover, .settingSwitchOn:hover{background-color: #5b8789;}
.intervalSettingOff:hover, .settingSwitchOff:hover{background-color: #bcbcbc;}
.intervalSettingOff label, .settingSwitchOff label{color: #8d8d8d;padding-left: 4px;cursor: pointer;} 
.intervalSettingOn label, .settingSwitchOn label, .settingSwitchLabel{color: #313131;padding-left: 4px;cursor: pointer;}
.settingSwitchOn input, .settingSwitchOff input{cursor: pointer;position: relative;top: 1px;}
.intervalSettingOff, .settingSwitchOff, .reportSwitchOff{background-color: #d3d2d2;cursor: pointer;}
.intervalSettingOn, .settingSwitchOn, .reportSwitchOn{background-color: #8cbec0;cursor: pointer;}
.settingSwitchOn, .settingSwitchOff, .settingSwitchLabel, .reportSwitchOn, .reportSwitchOff{padding-right: 10px;padding-left: 10px;color: #313221;font-weight: bold;}
.settingSwitchBox{width: 20px;}
.lastIntervalInput, .settingSwitchBox, .checkAllBox, .uncheckAllBox, .checkAllIntervalBox, .uncheckAllIntervalBox{
	padding-right: 12px;
}
.settingSwitchLabel, .checkAllBox, .uncheckAllBox, .checkAllIntervalBox, .uncheckAllIntervalBox{
	font-size: 14px;
}
.intervalSettingLabel{font-size: 13px;padding-top: 6px !important;padding-bottom: 6px !important;}
.intervalSettingTable{background-color: #8CBEC0;}
.intervalSettingTable td{border-bottom: 1px solid #fff;}

.errorMsgContainer, .successMsgContainer{
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
	height: 1%;
	margin-bottom: 8px;
	margin-top: 40px;
	width: 564px;
	color: #f2f2f2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}
.errorMsgContainer p, .successMsgContainer p{
	padding: 10px 20px;
}
.errorMsgContainer{
	background-color: #c43c35;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #c43c35 #c43c35 #882a25;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.successMsgContainer{
	background-color: #57a957;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
	background-image: -moz-linear-gradient(top, #62c462, #57a957);
	background-image: -ms-linear-gradient(top, #62c462, #57a957);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
	background-image: -webkit-linear-gradient(top, #62c462, #57a957);
	background-image: -o-linear-gradient(top, #62c462, #57a957);
	background-image: linear-gradient(top, #62c462, #57a957);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #57a957 #57a957 #3d773d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.errorMsgContainer span, .sucessMsgContainer span{width: 333px;margin-left: 8px;margin-top: 3px;}
.sucessMsgContainer span{margin-bottom: 5px;}
.errorMsgContainer span, .correctMsgContainer span, .errorIcon{float: left;}





/**** Statistics View ****/

#chart_myLineChart_div{width: 535px;height: 400px;background-color: #FFF;}
.viewStatisticsInput{margin-bottom: 14px;padding: 2px 6px;margin-right: 8px;}



/**** Statistics Current ****/

.redStatColour, .alert_low_score, .alert_lesson_unfinished, .alert_unfinished_games, .alert_lesson_low_score{background-color: #ab5555;}
.greenStatColour, .alert_high_score, .alert_lesson_high_score{background-color: #b8dab9;}
#currentStatsMsg{color: #f2f2f2;font-size: 13px;}
#showAllResultsBtn{cursor: pointer;color: #f2f2f2;position: absolute; right: 23px;top: 24px;font-size: 13px;text-decoration: underline;}
#currentStatsOverallPercent{font-size: 20px;height: 28px;padding-top: 8px;}
#currentStatsProgressLabel{position: absolute;top: 14px;right: 144px;color: #f2f2f2;font-size: 14px;}
#currentStatsScoreLabel{position: absolute;top: 14px;right: 19px;color: #f2f2f2;font-size: 14px;}
.currentStatsItemBox{height: 50px;}
.currentStatsItemBox .categoryTitle{color: #000;font-size: 20px;position: absolute;left: 18px;top: 13px;}
.currentStatsItemBox .percentage{font-size: 26px;font-weight: bold;}
.currentStatsItemBox p{font-size: 12px;}
.currentStatsItemBox .completedPercentage{position: absolute;right: 138px;bottom: 9px;}
.currentStatsItemBox .scorePercentage{position: absolute;right: 23px;bottom: 9px;}
.currentStatsItemBox .subcategoryTitle{color: #000;font-size: 17px;position: absolute;left: 54px;top: 18px;}
.currentStatsItemBox .achievementGameTitle{font-size: 14px;left: 100px;top: 19px;}
.currentStatsItemBox .achievementGameIcon{margin-top: 2px;margin-left: 47px;}
.currentStatsSubcategoryContainer .currentStatsItemBox .achievementGameTitle{left: 140px;}
.currentStatsSubcategoryContainer .currentStatsItemBox .achievementGameIcon{margin-left: 87px;}
#currentStatsBottom{height: 20px;}
.currentStatsCategoryBox, .currentStatsSubcategoryBox{cursor:pointer;}
.currentStatsCategoryBoxteacherContainerColor:hover, .currentStatsSubcategoryBoxteacherContainerColor:hover{background-color: #bea065;}
.currentStatsCategoryBoxstudentColor:hover, .currentStatsSubcategoryBoxstudentColor:hover{background-color: #ccc9a6;}
.currentStatsCategoryBoxclubTeacherBoxColor:hover, .currentStatsSubcategoryBoxclubTeacherBoxColor:hover{background-color: #cfefee;}
.currentStatsCategoryBoxwhiteItemBox:hover, .currentStatsSubcategoryBoxwhiteItemBox:hover{background-color: #fff;}


/**** Achievements ****/

.awardCountNum{font-size: 28px;position: absolute;right: 448px;top: 8px;text-align: right;}
.awardCountMsg{margin-left: 92px !important;}
.achievementPageContainer{padding-top: 25px;}
.achievementViewTitleMargin{margin-left: 12px;}
.achievementGameIcon{margin-left: 6px;margin-top: 3px;}
.achievementGameTitle{position: absolute;left: 60px;top: 17px;color: #000;font-size: 14px;font-weight: bold;}
.gameSettingGameTitle{left: 79px !important;}
.achievementMsg{font-size: 13px;color: #FFF;position: absolute;top: 8px;right: 16px;}
.gameInfoLink{position: absolute;left: 58px;top: 17px;z-index: 999;}
.achievementReturnBtn{position: absolute;top: 14px;right: 24px;}
.achievementBox{width: 245px;}
.achievementIndexLink{
	display: block;
	width: 75px;
	height: 31px !important;
	position: absolute;
	text-align: center;
	color: #f7f7f7;
	font-size: 24px;
	top: 7px;
	padding-top: 4px;
}

.beginnerAchievementLink{right: 245px;background: url(../img/achievement_squares.gif) 0px 0px no-repeat;}
.beginnerAchievementLink:hover{background: url(../img/achievement_squares.gif) 0px -35px no-repeat;}
.elementaryAchievementLink{right: 166px;background: url(../img/achievement_squares.gif) -75px 0px no-repeat;}
.elementaryAchievementLink:hover{background: url(../img/achievement_squares.gif) -75px -35px no-repeat;}
.intermediateAchievementLink{right: 87px;background: url(../img/achievement_squares.gif) -151px 0px no-repeat;}
.intermediateAchievementLink:hover{background: url(../img/achievement_squares.gif) -151px -35px no-repeat;}
.advancedAchievementLink{right: 8px;background: url(../img/achievement_squares.gif) -227px 0px no-repeat;}
.advancedAchievementLink:hover{background: url(../img/achievement_squares.gif) -227px -35px no-repeat;}

.awardBox{
	position: relative;
	background-color: #f6f6f6;
	width: 230px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
}
.noAwardText{color: #c0c0c0 !important;}
.awardBox p{
	color: #222222;
	text-align: center;
	padding-top: 6px;
	font-size: 52px;
	height: 67px;
	background-color: #e1e1e1;
	width: 151px;
	-moz-border-radius-topleft: 12px;
	 -moz-border-radius-bottomleft: 12px;
	 -webkit-border-top-left-radius: 12px;
	 -webkit-border-bottom-left-radius: 12px;
}
.awardBox img{position: absolute;right: 12px;top: 9px;}
.singleAwardBox, .multipleAwardBox{
	float: left;
	margin-bottom: 0px;
	margin-left: 11px;
	clear: none;
}
.singleAwardBox{width: 250px;}
.multipleAwardBox{width: 511px;}
.multipleAwardBox .awardBox{margin-right: 11px;margin-left: 13px;}

/****   Tutorials Display  ****/

.tutorialListLink{position: relative;}
.tutorialListLink, .tutorialListLink a{
	background-color: #f0f0f0;
	margin-top: 6px;
	display: block;
}
.tutorialListLink a{padding: 4px 10px;font-size: 13px;}

.tutorialListLink a:hover{
	
}
.tutorialListLink a:hover{
	background-color: #c3cfd2;
}
#tutorialErrorMsg{margin-bottom: 14px;margin-top: 14px;}
.tutorialFeedbackRadio{margin-top: 3px;margin-left: 14px;}
#tutorialFeedbackComments{margin-bottom: 10px;margin-top: 4px;}
#tutorialFeedbackCommentsTitle{margin-top: 8px;}
#submitFeedbackBtn{position: absolute;right: 19px;top: 19px;}
#tutorialReturnBtn{position:absolute;top: 22px;right: 17px;}
.teacherTutorialName{outline: none;margin-left: 10px;margin-top: 13px;font-size: 20px;}
.lightTutorialBox:hover, .darkTutorialBox:hover{background-color: #c5e7e5;}
#teacherTutorialContainer{width: 534px;height: 400px;margin-top: 10px;}
#teacherTutorialText{padding: 20px;font-size: 15px;background-color: #d6d8b7;line-height: 138%;}
#teacherTutorialText a{text-decoration: underline;font-weight: bold;color: #805606;}
#teacherTutorialText a:hover{color: #000000;}
#teacherTutorialNav{background-color: #d6d8b7;position: relative;}
#teacherTutorialNavText{height: 24px;font-size: 20px;text-align: center;background-color: #b4b871;padding-top: 10px;padding-bottom: 10px;}
#nextTutorialSlide, #prevTutorialSlide{cursor: pointer;height: 44px;width: 136px;position: absolute;top: 0;}
#nextTutorialSlide{right: 0;background: url(../img/teacher_tutorial_slide_nav.gif) -136px 0px no-repeat;}
#nextTutorialSlide:hover{background: url(../img/teacher_tutorial_slide_nav.gif) -136px -44px no-repeat;}
#prevTutorialSlide{left: 0;background: url(../img/teacher_tutorial_slide_nav.gif) 0px 0px no-repeat;}
#prevTutorialSlide:hover{background: url(../img/teacher_tutorial_slide_nav.gif) 0px -44px no-repeat;}

/****   Admin  ****/
.adminTable td{padding: 2px 8px;}
.adminMenu a{color: #FFF;font-size: 14px}
.adminMenu li{list-style-type:none;}
.adminActionMenu{margin-left: 10px;text-decoration: underline;color: #FFF;}
.pagNav{color:#FFF;font-size:14px;}
.adminMenuLink{color:#1D5053;font-size:14px;padding-right: 4px;text-decoration:underline;}

/****   Admin User Options  ****/

.userHistoryLink{position: absolute; left: 140px;bottom: 8px;text-decoration: underline;font-size: 13px;}
.userIndexJoinDate, .onlineLogsNarrativeName{font-size: 13px;position: absolute;bottom: -3px;left: 15px;padding: 0 !important;}
.indexUserTypeSelect{position: absolute;top: 2px;right: -240px;}
.studentGameResultBtn{position: absolute;top: 33px;right: 18px;}
#userTable, #usersIndex, #usersIndex a{color: #FFF;font-size: 14px;}
#userIDTitle{text-align: left;width: 60px;}
#usernameTitle{text-align: left;width: 120px;}
#usergroupTitle{text-align: left;width: 60px;}
#usercreatedTitle{text-align: left;width: 136px;}

.userBoxContainer{height: 100px;width: 111px;background-color: #f8f8f8;float: left;margin-left: 17px;margin-bottom: 20px;position: relative;}
.userBoxTitle{
	display: block;
	color: #f2f2f2;
	width: 111px;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}
.teacherColor{background-color: #bd740c;}
.teacherTrialColor{background-color: #ad5540;}
.clubTeacherColor{background-color: #5a7e7c;}
.studentColor{background-color: #DBD8B4;}
.clubStudentColor{background-color: #DAFBFA;}
.ultraliteBoxColor{background-color: #82c5c1;}
.otherGroupColor{background-color: #90b1a1;}
.totalReferralColor{background-color: #9e872b;}
.activeReferralColor{background-color: #aca56c;}
.inactiveReferralColor{background-color: #608a60;}
.orphanReferralColor{background-color: #a1a6a2;}
.missingKeyColor{background-color: #ffe600;}

.teacherTrialBoxColor{background-color: #cf5e43;}
.otherGroupBoxColor{background-color: #7bd3d6;}
.clubStudentBoxColor{background-color: #cee2e1;}
.clubTeacherBoxColor{background-color: #bddedd;}

.userBoxData{text-align: center;display: block;font-size: 50px;position: relative;top: 5px;}
#registrationInfoTable{font-size: 17px;}
#registrationInfoTable td{text-align: center;color: #000;}
#registrationInfoTable .column{width: 180px;padding:8px 20px;}
#registrationInfoTable .data{font-size: 30px;color: #f7f7f7;}
#registrationInfoTable a{padding:8px 17px;display: block;color: #f7f7f7;}
.tableInfo{margin: 10px 20px 20px;}
.onlineUser{background-color: #c4b75e;}
#UserGroupId{position: relative;left: 421px;}
.onlineUsernameSort{
	bottom:7px;
	left:32px;
	position:absolute;
}
.onlineLoginSort{
	bottom:7px;
	left:119px;
	position:absolute;
}
.onlineGroupSort{
	bottom:7px;
	left:452px;
	position:absolute;
}

.logActivityContainer{width: 512px;}
.logActivityContainer span{font-size: 12px;}
.logActivityContainer, .logActivityContainer a{color: #e6e6e6;}
.teacherContainerColor{background-color: #ceae70;}
.logInfoText{position: absolute;font-size: 13px;}
.logDuration{right: 6px;top: 3px;}
.loginUsername{margin-left: 20px;margin-top: 7px;font-size: 14px;font-weight: bold;}
.userLogItemBox .userLogTeacherType{font-size: 13px; color: #666;}
.loginTime{left: 120px;top: 4px;}
.logoutTime{left: 10px;bottom: 6px;}
.activityInput{margin-left: 8px;}
#adminActivityOptions{position: relative;left: -6px;width: 300px;}
#adminActivityOptions input{margin-left: 8px;}
.activitySubmitBtn{position: absolute;right: 20px;top:22px;}
.noLogsMsg{margin-top: 26px;}
.activityLoginTitle{
	bottom:22px;
	left:152px;
	position:absolute;
}
.activityLoginSort{
	bottom:7px;
	left:160px;
	position:absolute;
}
.activityLogoutTitle{
	bottom:22px;
	left:280px;
	position:absolute;
}
.activityLogoutSort{
	bottom:7px;
	left:294px;
	position:absolute;
}
.logDurationTitle{bottom: 22px;left: 465px;position: absolute;}
.activityDurationSort{
	bottom:7px;
	left:458px;
	position:absolute;
}
#studentLogReturnBtn{position: absolute;right: 19px;top: 21px;}
#studentLogGameResultBtn{position: relative;}

/****   Admin User Index  ****/
.userIndexContainer{height: 36px;}
.userIndexContainer{color: #3d3d3d;}
.indexUsername{position: absolute;left: 23px;top: 4px;color: #f2f2f2;}
.indexReferralUsername{position: absolute;left: 6px;top: 4px;color: #f2f2f2;}
.indexTeacherName, .indexNumStudents{position: absolute;right: 37px;top: 4px;color: #3d3d3d;}
.indexTeacherType{position: absolute;right: 37px;bottom: 4px;}
.indexCompleted{position: absolute;left: 120px;bottom: 4px;}

.userIndexTitle{position: absolute;}
.indexIdTitle{bottom:26px;left:10px;}
.indexUsernameTitle{bottom:26px;left:37px;}
.indexTypeTitle{bottom:26px;left:262px;}
.indexOnlineTitle{bottom:26px;left:198px;}
.indexSubTitle{bottom:26px;left:320px;}
.indexLastLoginTitle{bottom:26px;left:408px;}
.indexStudentsTitle{bottom:6px;left:38px;}
.indexTeacherTitle{bottom:6px;left:122px;}
.indexGroupTitle{bottom:6px;left:198px;}
.indexCreateTitle{bottom:26px;left:122px;}


/****   Admin News Options  ****/
#newsIndex, #newsIndex a{color: #FFF;font-size: 14px;}


#chatFooterLink{width: 66px;position: absolute;bottom: 90px;right: 61px;background-color: #f2f2f2;padding: 9px 43px 5px;border: 1px solid #155048;}
#googlePlusOneLink{position: absolute;bottom: 37px;right: 190px;}
#facebookIcon{position: absolute;bottom: 41px;right: 195px;}
#facebookLink{position: absolute;right: 20px;bottom: 41px;width: 172px;}
#footer{
	background: url(../img/footer.jpg) no-repeat;
	clear:both;
	height: 196px;
	width: 1015px;
	position: relative;
	left: 76px;
	margin-top: 100px;
}
#footer a{outline: none;font-weight: bold;}

#footerNav, #footerAccountNav, #footerAboutNav{
	position: absolute;
	top: 20px;
}
#footerNav a, #footerAccountNav a, #footerAboutNav a{
	height: 22px;
	display: block;
}
#footerNav{left: 10px;}
#footerAccountNav{left: 200px;}
#footerAboutNav{right: 61px;background-color: #494742;padding:10px 24px 8px 3px;border:1px solid #BEBEBE;}
#footerAboutNav a{color: #f3e114;}
#footerAccountNav a{color: #5e5e5e;}
#footerNav li, #footerAccountNav li, #footerAboutNav li{list-style-type:none;}
.footerLink{padding-left: 29px;}
.footerLink:hover{
	background: url(../img/footer_arrow_hover.png) left center no-repeat;
}
#footerLinkActive{
	background: url(../img/footer_arrow.png) left center no-repeat;
}
.footerLink{color: #313434;}
#copyright{position: absolute;bottom: -8px;left: 44px;font-size: 12px;}
#termsConditionsLink{position: absolute;bottom: -8px;right: 56px;font-size: 12px;font-weight: normal !important;}


.pageInfoText{margin: 30px;width: 420px;}
.pageInfoText p, .pageInfoText a, .pageInfoText ul{margin-bottom: 10px;font-size: 13px;}
.pageInfoText ul{list-style-type:circle;}
#infoList{margin-left: 40px;}
.infoTutorialLink{text-decoration: underline;}
.infoTutorialLink:hover{color: #636363;}
#studentIndexInfoLink{position:absolute;top: 23px;left: 186px;}
#createGroupInfoLink{position:absolute;top: 23px;left: 200px;}
#studentGroupIndexInfoLink{position:absolute;top: 23px;left: 261px;}
#editGroupTitle{margin-bottom: 12px;}
#editGroupTitle, #editGroupInfoLink{float: left;}
#editGroupInfoLink{position: relative;top: 2px;margin-left: 6px;}
.deleteStudentInfoIcon{position: absolute;width: 18px;top: 18px;right: 128px;top: 25px;}
#optionActivityLink{font-size: 12px;position: absolute;top: 10px;left: 87px;color: #fff;text-decoration: underline;}
#optionActivityLink:hover{color: #636363;}
#optionActivityLinkInfo{position: absolute;top: 9px;left: 222px;width: 18px;height: 18px;}
.smallHoverIcon{height: 18px;width: 18px;}
#lessonInfoLink{position: absolute;left: 190px;top: 23px;}
#editLessonInfoLink{position: absolute;left: 160px;top: 23px;}
.currentWeekInfoIcon{position: absolute;top: 31px;right: 44px;}
#statisticMsg{font-size: 13px;color: #fff;position:relative;bottom: 2px;}

.userLogItemBox{height: 48px;}
.accountActivityTable{background-color: #f3f3f3;color: #2d2d2d;}
#accountTableLogin, #accountTableLogout, #accountTableDuration, .accountTableUsername{font-size: 20px;padding: 2px 20px;}
#accountTableLogin{
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	width: 140px;
}
#accountTableLogout{width: 140px;}
#accountTableDuration{
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
	width: 100px;
}
.logInfoText{padding-left: 20px;padding-top: 2px;padding-bottom: 2px;}
.logInfoNum{padding-left: 4px;}
.profileReturnBtn{bottom:5px;position: relative;left: 355px;}
.studentOptionReturnBtn{position: relative;left: 409px;}
.emailNewPassBtn{position: relative;left: 345px;bottom: 12px;}
.newPassMsg{margin: 20px;padding: 14px;background-color: #F8F8F4;font-size: 13px;}



/**** Modify Subscription ****/
.subHeaders, .paypalHeader{
	background-color: #b0dedd;
	color: #2c2c2c;
	font-size:16px;
	text-align: center;
}
.subHeaders{padding:8px 20px;}
.subInfoHeader{padding:8px 7px;width: 115px !important;}
.paypalHeader{padding-top:5px;width: 125px;}
.paypalHeader a:hover{background-color: #b0dedd;}

.subscriptionTable .monthly{
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
}
.subscribeBtnContainer{width: 125px;}
.ultralitePackage, .ultraliteColor{background-color: #D3EEF4;}
.litePackage, .liteColor{background-color: #94c5d0;}
.standardPackage, .standardColor{background-color: #a1b494;}
.premiumPackage, .premiumColor{background-color: #e0d9aa;}
.plusPackage, .subscriptionTableBottom, .plusColor{background-color: #ae8e5c;}
.ultralitePackage, .litePackage, .standardPackage, .premiumPackage, .plusPackage{color: #2c2c2c;text-align: center;height: 60px;}
.packageTitle{font-size: 22px;}
.packageNumber, .packageCost{font-size: 26px;}
#bestValue{font-size: 20px;color: #F8F8F8;}
.studentLimitMsg{font-size: 13px;margin: 5px;padding: 5px;background-color: #f8f8f8;}
.modifyPlanMsg{font-size:13px;margin:6px 20px;padding:14px;color: #000000;font-weight:bold;float: left;}
.modifyPlanMsg span{float: left;margin-left: 6px;width: 419px;padding-top: 4px;}
#territorySelect{margin-left: 20px;margin-bottom: 10px;}
#territorySelect h3{color: #000;width: 160px;margin-right: 10px;}
#territorySelect select, #territorySelect input{width: 300px;padding: 1px 4px;}
#territorySelect .error-message{width: 280px;}
#taxRateMsg{
	background-color:#6E6B53;
	font-size:13px;
	margin-bottom:8px;
	margin-right: 20px;
	padding:14px;
	color: #f8f8f8;
}
#noTerritoryMsg{margin-top: 8px;margin-right: 20px;}
#allFieldsRequired{font-size: 18px;color: #AB7A1F;}
#subscribeSubmitContainer{background-color: #A3C1C1;margin: 20px;padding: 10px;font-size: 14px;}
#upgradeSubmitBtn{position: relative;left: 452px;margin-bottom: 20px;}
#territorySelect .userInfo{background-color: #A3C1C1;font-size: 14px;padding: 1px 14px;width: 288px;}
#subscribePaypalBtn{position: relative;left: 400px;margin-top: 10px;}
#paypalSubscribeLogo{position: relative;left: 475px;}

/**** Referrals Display ****/

#sendReferralBtn{position: relative;left: 471px;}
#previewReferralBtn{position: relative;left: 353px;bottom: 10px;}
#sendReferralFormBtn{position: relative;left: 482px;}
.referralInfo{padding-top:12px;padding-bottom: 12px;color: #2e2d2d;font-size: 16px;}
.referralInput{width: 327px;}
#referralTable a{padding: 0px;margin-left: 2px;}
#referralTable a{background-color: #C4C4C3;}
.referalName{padding: 7px 12px;}
.referralTableTitle{background-color: #587979;padding: 7px 12px;}
.referralNameTitle{width: 220px;}
.referralDateTitle{width: 120px;}
.referralTableRow{text-align: center;padding: 7px 12px;}
.activeReferral{background-color: #f2f2f2;color: #2e2e2e;}
.inactiveReferral{background-color: #a4a4a4;}
#referralMsg{margin-left: 20px;color: #2e2e2e;}
.signUpForm{padding-bottom: 10px;}
#ladybugBonusTitle{color: #e4d857;font-size: 18px;}
#ladybugBonus{width: 380px;background-color: #9e8654;color: #f2f2f2;}
#ladybugBonusImg{position: absolute;right: 8px;top: 54px;}
#ladybugBonusContainer{margin-bottom: 40px;}
#paypalLogo{position: absolute;top: 70px;right: 18px;}
#bestValueMsg{font-size: 20px;}

/***** Send a Sticker *****/
.stickerSendMsg{padding-left: 40px !important;}
.sendStickerBtn{position: relative;left: 479px;margin-bottom: 11px;}
#sidebarStickersLink{outline: none;font-size: 18px;color: #f2f2f2;background-color: #9d755b;width: 272px;text-align: center;display:block;padding: 8px 0px;margin-bottom: 10px;}
#sidebarStickersLink:hover{background-color: #5a2605;}
.stickerPicker{background-color: #fff;}
.stickerPickerBtn{margin-bottom: 20px;width: 70px;margin-left: 20px;}
.stickerPicker img{border: 3px solid #fff;margin-left: 2px;margin-right: 2px;}
.activeSticker{border: 3px dashed #9FD6D4 !important;}
.stickerMsg{padding-top: 16px !important;padding-bottom: 16px !important;font-size: 14px !important;font-weight: bold !important;}
.stickerInfo{margin-bottom: 16px;}
#refreshStickers{cursor: pointer;font-size: 16px;font-weight: bold;background-color: #8AC1C4;text-align: center;}
#stickersLeftInfo{padding-top: 12px !important;padding-bottom: 12px !important;background-color: #8AC1C4;padding-left: 16px;font-size: 14px;font-weight: bold;}
.stickerHistoryContainer {height:16px; width:512px;}
.stickerSendDate{top: 4px;}
.stickerItemBox{height: 30px;}

#stickerBook{width: 537px;height: 384px;background: url(../img/sticker_book.jpg) no-repeat;position: relative;clear: both;}
#stickerBookLeftBox, #stickerBookRightBox{position: absolute;top: 43px;width: 200px;height: 300px;height: 1%;}
#stickerBookLeftBox{left: 45px;}
#stickerBookRightBox{right: 50px;}
#stickerBookLeftBox:after, #stickerBookRightBox:after{
	content: '.';
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
.stickerBookImg{width: 100px;height: 100px;float: left;}
.stickerBookPagination{margin-left: 10px;}
.stickerClickMsg{margin-left: 16px;margin-bottom: 1px;}
#stickerMsg{margin: 20px;color: #2B2B2B;}
.stickerMsgContainer{position: relative;top: 6px;}
#stickerChooseInfo{margin-top: 18px;text-align:center;width: 534px;position: relative;font-size: 20px;color: #efcd0e;background-color: #464646;padding: 6px 0px 6px 0px;}
#sendStickerMsgInput{margin-left: 20px;margin-bottom: 20px;padding: 9px;}


/**** Stickers All ****/

.multipleStickerTitles{font-size: 16px;}
.multipleStickerTitles .owns{position: absolute;top: 4px;left: 150px;}
.multipleStickerTitles .send{position: absolute;top: 4px;left: 221px;}
.multipleStickerTitles .msg{position: absolute;top: 4px;left: 353px;}
.allStickerMsg{width: 225px;}
.stickerSendSelect{width: 70px;}
.stickersOwned{width: 56px;}
.sendStickerBottomBtn{position: relative;left: 479px;bottom: 6px;}


/***** User Start Page  ******/
.userStartTitle{font-weight: bold;font-size: 20px;}
#helpEmail{text-decoration: underline;}
.startPageTutorialContainer{margin-top: 0px !important;}
.startPageForm select{width: 300px;}


/***** Upgrade Info *******/
#upgradeInfoTable td{width: 180px;background-color: #92c5c4;}
#gameUpgradeColor td, #freeplayUpgradeColor td{background-color:#b38f5f;}
#messageUpgradeColor td{background-color:#9dae7e;}
#lessonUpgradeColor td{background-color:#74a29b;}
#groupUpgradeColor td{background-color:#aaaa6d;}
#stickerUpgradeColor td{background-color:#987158;}
#statisticUpgradeColor td{background-color:#A45E53;}
#achievementUpgradeColor td{background-color:#BFB328;}
.upgradeCheckmark{position: relative;left: 70px;}
.upgradeGameText{text-align: center;color: #000;font-size: 20px;}
#upgradeNumGamesText{font-size: 26px;}
#upgradeInfoBoxLink{text-decoration: underline;cursor: pointer;margin-left: 20px;font-weight: bold;margin-bottom: 10px;}



.achievementTestTable{margin-bottom: 20px;margin-top: 12px;margin-left: 40px;}
.achievementTestTable .tableTitle{background-color: #8ca4a1;padding: 4px 16px;width: 260px;}
.achievementTestTable .tableValue{padding: 4px 20px;text-align: center;width: 80px;}
.achievementTestTable .nullTotal{background-color: #948f3b;}
.achievementTestTable .validTotal{background-color: #f8f8f8;}


/**** Info Faq page  *****/
.faqAnswer ol, .faqAnswer ul{background-color: #f1f1ca;padding-left: 60px;padding-bottom: 10px;}
.faqAnswer li{margin-bottom: 4px;}
.faqAnswer a{text-decoration: underline;font-weight: bold;color: #bf8310;}
.faqAnswer a:hover{color: #805606;}
#faqEmailMsg{font-size: 13px;margin-top: 8px;}
#faqEmailMsg a{color: #f2f2f2;text-decoration: underline;}
#faqEmailMsg a:hover{color: #41595d;}
.faqBottom{
    background-color: #414F40;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    height: 8px;
}
.faqAnswer p{padding: 20px 35px;background-color: #f1f1ca;font-size: 13px;line-height: 140%;}
.faqClickMsg{position: absolute;color: #f2f2f2;right: 12px;top: 11px;font-size: 13px;}
.faqDisplayTitle{width: 440px;padding-left: 20px;padding-top: 13px;padding-bottom: 13px;font-size: 14px;font-weight: bold;cursor: pointer;}
.faqStatusMsg{position: absolute;right: 12px;top: 12px;font-weight: bold;color: #bf8310;}

/**** Faq Admin ****/

.faqBtn{margin-top: 10px;margin-bottom: 10px;}
.faqTitleLink{width: 465px;display: block;padding-left: 20px;padding-top: 13px;padding-bottom: 13px;font-size: 14px;font-weight: bold;}



/****** User Profile View ********/

#userViewHistoryLink{color: #f2f2f2;text-decoration: underline;position: absolute;top: 7px;right: 10px;font-size: 13px;}
.profileUserType{position: absolute;right: 12px;top: 4px;}
#profileOnline{color: #f4ec08;}
#profileOffline{color: #cacaca;}

#gameTotalBox{width: 155px;height: 69px;position: relative;margin-bottom: 8px;}
#recentGameBox{width: 406px;height: 70px;position: relative;margin-bottom: 8px;margin-left: 12px;}
#homeInfoNumGames{position: absolute;top: 10px;left: 16px;font-size: 40px;}
#homeInfoRecentGameTitle{width: 350px;font-size: 34px;text-align: center;position: absolute;top: 22px;}
#homeInfoRecentGameTitle a{color: #ebd452;}
#homeInfoGameIcon{position: absolute;right: 8px;top: 3px;}

.amChartTitle{font-size: 32px;margin-bottom: 10px;padding-top: 40px;}
#ReportType{position: absolute;right: 24px;}
#disabledSeasonalOptions{margin-left: 16px;font-size: 13px;}
.saveProfileOptionBtn{position:relative;left: 483px;bottom: 12px;}


/***** Report Card   *******/

#reportCardOptionsContainer{padding-top: 20px;}
.reportCardInput{width: 200px;}
#reportCardOptionsTable{margin-bottom: 10px;}
.createReportBtn{position: relative;left: 402px;top: 10px;}
#reportCardContainer{background: #FFF;padding: 20px;height: auto;position: relative;margin-top: 16px;}
.reportCardTable, .reportCardTable th, .reportCardTable td{border:solid 1px #cccccc;margin-bottom: 10px;font-family: Arial, sans-serif;}
.reportCardTable .categoryHeader{width: 170px;padding: 2px 10px;height: 6px;}
.reportCardTable .subcategoryHeader{font-size: 13px;font-style: italic;font-weight: bold;text-align: center;}
.reportCardTable .categoryPercent{font-size: 24px;padding: 2px 8px;width: 50px;}
.reportCardTable .blankReportHeader{padding: 0;background-color:#D9D9D9;height: 22px;}
.reportCardTable td{font-size: 13px;}
.reportCardTable .gamePercent{text-align: center;}
.reportBoxColumn{width: 238px;}
#reportCardContainer h2{color: #000;font-size: 20px;margin-bottom: 4px;}
#reportCardContainer h4{color: #000;font-size: 14px;margin-bottom: 16px;}
#reportCardTotal{position: absolute;right: 20px;top: 20px;}
#reportCardTotal th{width: 40px;height: 40px;}
.reportTableTitle{font-size: 13px;padding-left: 20px;}
.reportTableStat{font-size: 28px;text-align: right;padding: 4px 18px 4px 0px;}
#reportCardOptionsLink{color: #FFF;text-decoration: underline;margin-left: 16px;cursor: pointer;display:none;}
.reportCardFeedback{width: 300px;}
.reportCardSticker{width: 306px;}
.reportCardFeedbackLabel{padding-left: 10px;padding-right: 10px;}
#reportCardPDFnote{position: relative;top: 4px;}
#sendReportCardBtn{margin-right: 12px;}
.reportDeleteIcon{position: absolute;right: -30px;top: 0;}
.reportSentString{position: absolute;right: 6px;font-size: 30px;top: 6px;}
#reportFeedbackContainer{height: 60px;width: 500px;}
#reportCardFeedback{width: 385px;margin-bottom: 20px;float: left;}
#reportFeedbackContainer img{float: right;}
#sidebarReportCardLink{outline: none;font-size: 18px;color: #f2f2f2;background-color: #81a186;width: 272px;text-align: center;display:block;padding: 8px 0px;margin-bottom: 10px;}
#sidebarReportCardLink:hover{background-color: #325237;}




#paypalTrialBtn{position: relative;left: 394px;margin-top: 10px;margin-bottom: 10px;}
.territorySelectLabel{width: 190px;}


#activateFreeTrialLink{text-decoration: underline;font-size: 16px;}
#activateFreeTrialLinkBig{font-size: 27px;}


.sidebarStudentBox{width: 231px;padding: 2px 21px;position: relative;}
.sidebarStudentBox a{color: #fff;}
#rewardSidebarBox h3{margin-bottom: 8px;}
#rewardSidebarBox{padding-top: 10px;padding-bottom: 24px;background-color: #C7B91D;margin-bottom: 10px;}
.awardBoxItem{padding: 10px 0px;display: block;width: 58px;text-align: center;font-size: 18px;}
.awardBoxRow{width: 233px;}
.awardBoxRow a{float: left;}
#rewardSidebarBox p{position: absolute;font-size: 12px;color: #FFF;bottom: 5px;right: 20px;}
#achievementSidebarTotal{
    background-color: #a5bebb;width: 233px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
#beginnerAchievementSidebarTotal{
    background-color: #76b068;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
}
#elementaryAchievementSidebarTotal{background-color: #b5a813;}
#intermediateAchievementSidebarTotal{background-color: #ba8849;}
#advancedAchievementSidebarTotal{
    background-color: #a44503;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}
#achievementSidebarTotal:hover{background-color: #77908d;}
#beginnerAchievementSidebarTotal:hover{background-color: #46773a;}
#elementaryAchievementSidebarTotal:hover{background-color: #908503;}
#intermediateAchievementSidebarTotal:hover{background-color: #97682e;}
#advancedAchievementSidebarTotal:hover{background-color: #743001;}

#graphReportTitle{margin-top: 32px;}

.gameSettingsBtn{position: relative;left: 432px;}
.addStudentContestContainer{padding-bottom: 8px;}
.contestInfoContainer{color: #fff;font-size: 18px;}
.contestDisplayTitle{margin-bottom: 8px;}
.contestOptions select{width: 149px;}
.contestStudentColumn{float: left;width: 152px;margin-left: 20px;}
.createContestButton{position: absolute;right: 20px;top: 24px;}
.contestStudentBox{padding: 6px 16px;margin-bottom: 8px;font-size: 12px;cursor: pointer;color: #f2f2f2;}
.contestStudentBox span{position: relative;bottom: 1px;left: 2px;cursor: pointer;}
.contestStudentColumn .onSwitch{background-color: #c59332;}
.contestStudentColumn .offSwitch{background-color: #989898;}
#contestListType{position: absolute;right: 6px;top: 4px;}
.contestSelectOptions{display: none;font-size: 12px;margin-left: 10px;margin-bottom: 8px;}
.contestStudentSection{margin-bottom: 22px;}
.contestSelectOptions h3{font-size: 20px;margin-left: 10px;color: #000;}
.saveContestBtn{position: relative;left: 431px;margin-bottom: 8px;}
.contestDate{margin-top: 4px;margin-left: 6px;}
.finishedContest, .finishedContest a{color: #f2f2f2;}
.pendingContest{background-color: #86B974;}
.finishedContest{background-color: #2E5521;}
.activeContest{background-color: #C1C54C;}
.contestStartTitle{ bottom: 22px;left: 365px;position: absolute;}
.contestStartSort{ bottom: 7px;left: 392px;position: absolute;}
.contestEndTitle{ bottom: 22px;left: 457px;position: absolute;}
.contestEndSort{ bottom: 7px;left: 477px;position: absolute;}
.contestGameBox{background-color: #d9ca1b;margin-bottom: 28px;}
.sidebarBox{padding: 5px;width: 263px;}
.contestViewTitleInfo h2{font-size: 26px;}
.contestViewTitleInfo h3{font-size: 20px;}
.contestViewTitleInfo p{font-size: 16px;}
.contestViewTitleInfo h2, .contestViewTitleInfo h3, .contestViewTitleInfo p{padding-left:6px;}
.contestGameIconBox{width: 514px;background-color: #414F40;padding: 10px;margin-top: 8px;}
.contestGameIconBox img{float: left;margin: 4px;}
.contestEditInfo{margin-top: 6px;}

.contestUpdateMsg{color: #B5A813;}
.contestScopeMsg{color: #A5BEBB;}
.contestTypeMsg{color: #53a69c;}
.contestStatusMsg{color: #C7B91D;}
.contestTitleMsg{color: #e7d836;}
.contestViewTitleInfo p, .contestViewTitleInfo h2, .contestViewTitleInfo h3{margin-bottom: 4px;}
.contestTooltipBox{display: none;font-size: 12px;color: #000;}
.contestTooltipBox td{background-color: #E2E0BF;padding: 2px 10px;}
.contestTooltipBox .title{font-weight: bold;background-color: #312602;color: #f2f2f2;}
.contestTooltipBox .leftColumn{width: 150px;}
.starColumn{width: 170px;}
.contestTooltipBox .rightColumn{text-align: right;width: 100px;}
.contestCheckAllBtns{background-color: #266769;}
.contestCheckAllBtns:hover{background-color: #003335;}

#gameViewContestBox{width: 599px;background-color: #6d766d;margin-top: -7px;position: relative;top: 29px;left: -11px;}
.gameViewContestLink a{color: #4f2601;display: block;font-size: 18px;}
.gameViewContestLink {background-color: #f2f2f2;margin-bottom: 10px;margin-left: 10px;margin-right: 10px;padding: 6px 10px;}
.gameViewContestLink:hover{background-color: #E0E0E0;}

.contestRankTitle{position: absolute;right: 11px;top: 12px;}
.contestBoxDeleteLink{position: absolute;bottom: 4px;right: 181px;color: #a97015;font-weight: bold;font-size: 14px;}
.contestBoxDeleteLink:hover{color: #795214;}
.contestItemBox{height: 50px;}
.contestBoxTitle{color: #000;font-size: 16px;margin-left: 10px;margin-top: 5px;font-weight: bold;text-decoration: underline;}
.contestBoxStatus{position: absolute;bottom: 4px;left: 10px;font-size: 14px;}
.contestBoxDate{position: absolute;bottom: 4px;right: 10px;font-size: 14px;}
.contestBoxNumStudents{position: absolute;top: 5px;right: 10px;font-size: 18px;}
.contestBoxEditLink{text-decoration: underline;}
.contestBoxEditLink:hover, .contestBoxTitle a:hover, .contestBoxTitle:hover{color: #6F8182;}
.contestStatusNum{width: 65px;text-align: center;font-size: 30px;color: #f2f2f2;position: absolute;left: 10px;top : 4px;}
.contestStudentName{font-size: 22px;color: #f2f2f2;position: absolute;left: 96px;top : 13px;}
.contestResultNum{font-size: 30px;color: #f2f2f2;position: absolute;right: 10px;top : 4px;}
.contestParticipantContainer{width: 514px;}
.contestContainer{padding-top: 6px;}
.goldColor{background-color: #B5A642;}
.silverColor{background-color: #A8A8A8;}
.bronzeColor{background-color: #8C7853;}
#sidebarContestLink{outline: none;font-size: 18px;color: #f2f2f2;background-color: #cfc660;width: 272px;text-align: center;display:block;padding: 8px 0px;margin-bottom: 10px;}
#sidebarContestLink:hover{background-color: #9B9019;}

#sidebarMedalLink, #sidebarGoalLink, #createTestimonialLink{outline: none;font-size: 18px;color: #f2f2f2;background-color: #7FB4C3;width: 272px;text-align: center;display:block;padding: 8px 0px;margin-bottom: 10px;}
#createTestimonialLink{color: #13534f;border: 1px solid #639592;}
#createTestimonialLink:hover{color: #c1e7e5;}
#sidebarMedalLink:hover, #createTestimonialLink:hover{background-color: #5B8A97;}
#sidebarGoalLink{background-color: #bb5044;}
#sidebarGoalLink:hover{background-color: #a33e33;}


/**** Games Display/Freeplay  ****/

.freeplayLink{
        outline: none;
	display: block;
	width: 75px;
	height: 28px !important;
	position: absolute;
	text-align: center;
	color: #f7f7f7;
	font-size: 17px;
	top: 9px;
	padding-top: 5px;
}

.beginnerFreeplayLink{
	right: 245px;
	background-color: #76b068;
	background: -moz-linear-gradient(center top , #76b068, #538447) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#76b068), to(#538447));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#76b068', endColorstr='#538447');
}

.beginnerFreeplayLink:hover{
	background-color: #46773a;
	background: -moz-linear-gradient(center top , #6aa35c, #2f4140) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#6aa35c), to(#2f4140));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6aa35c', endColorstr='#2f4140');
}

.elementaryFreeplayLink{
	right: 166px;
	background-color: #e5cf53;
	background: -moz-linear-gradient(center top , #e5cf53, #af9c31) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#e5cf53), to(#af9c31));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5cf53', endColorstr='#af9c31');
}

.elementaryFreeplayLink:hover{
	background-color: #af9c31;
	background: -moz-linear-gradient(center top , #d8c248, #8a7a1f) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#d8c248), to(#8a7a1f));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8c248', endColorstr='#8a7a1f');
}

.intermediateFreeplayLink{
	right: 87px;
	background-color: #da8633;
	background: -moz-linear-gradient(center top , #da8633, #a35f1d) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#da8633), to(#a35f1d));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#da8633', endColorstr='#a35f1d');
}

.intermediateFreeplayLink:hover{
	background-color: #a35f1d;
	background: -moz-linear-gradient(center top , #d07e2e, #8d5014) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#d07e2e), to(#8d5014));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d07e2e', endColorstr='#8d5014');
}

.advancedFreeplayLink{
	right: 8px;
	background-color: #c33232;
	background: -moz-linear-gradient(center top , #c33232, #921919) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#c33232), to(#921919));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c33232', endColorstr='#921919');
}

.advancedFreeplayLink:hover{
	background-color: #921919;
	background: -moz-linear-gradient(center top , #b62a2a, #6a0e0e) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#b62a2a), to(#6a0e0e));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b62a2a', endColorstr='#6a0e0e');
}

.contestLightItemBox{background-color: #e2e0bf;}
.contestDarkItemBox, .alert_lesson_finished{background-color: #c3c19c;}
.inactiveGameItemBox{background-color: #929292 !important;}
.contestDarkItemBox .achievementGameTitle, .contestLightItemBox .achievementGameTitle{top: 4px;}
.contestBoxIcon, .goalBoxIcon{display: block;width: 23px;height: 23px;float: left;}
.contestLightItemBox .contestBoxIcon{background: url(../img/contest_goal_icons.png) 0px 0px no-repeat;}
.contestLightItemBox .contestBoxIcon:hover{background: url(../img/contest_goal_icons.png) -23px 0px no-repeat;}
.contestDarkItemBox .contestBoxIcon{background: url(../img/contest_goal_icons.png) 0px -23px no-repeat;}
.contestDarkItemBox .contestBoxIcon:hover{background: url(../img/contest_goal_icons.png) -23px -23px no-repeat;}
.contestLightItemBox .goalBoxIcon{background: url(../img/contest_goal_icons.png) -46px 0px no-repeat;}
.contestLightItemBox .goalBoxIcon:hover{background: url(../img/contest_goal_icons.png) -69px 0px no-repeat;}
.contestDarkItemBox .goalBoxIcon{background: url(../img/contest_goal_icons.png) -46px -23px no-repeat;}
.contestDarkItemBox .goalBoxIcon:hover{background: url(../img/contest_goal_icons.png) -69px -23px no-repeat;}

#LessonCommentComment{width: 533px;}
#adminLessonCommentLink{position: absolute;right: 20px;top: 24px;}
#lessonCommentLink{position: absolute;top: 17px;}
#lessonCommentForm{padding-bottom: 35px;width: 537px;margin-top: 20px;margin-bottom: 30px;position: relative;}
#lessonCommentForm h4{margin-bottom: 4px;}
#lessonCommentBtn{position: absolute;right: 0px;bottom: 0px;width: 50px;}
.lessonCommentBox{background-color: #f2f2f2;margin: 10px;width: 512px;position: relative;}
.lessonCommentBox p{padding: 14px;font-size: 13px;}
.lessonCommentTitle{background-color: #414F40;color: #FFF;}
#lessonCommentContainers{padding-top: 2px;padding-bottom: 2px;}
#lessonCommentInfo{font-size: 12px;background-color: #6F8182;color: #f2f2f2;padding: 12px;width: 550px;}
.lessonCommentEditBtn{position: absolute;right: 30px;top: 4px;}
.pencilIcon{
	background: url(../img/iconSprites.png) -116px 0px no-repeat;
	display: block;
	width: 26px;
	height: 25px;
	text-indent: -9999px;
	outline: none;
}
.pencilIcon:hover{
	background: url(../img/iconSprites.png) -116px -25px no-repeat;
}
.lessonCommentDeleteBtn{position: absolute;right: 4px;top: 4px;}
#lessonCommentFormTitle{height: 19px;}
.lessonCommentGroupTitle{font-size: 16px !important;margin-left: 6px;margin-right: 6px;padding: 4px 6px !important;background-color: #C1C54C;}

.studentTutorialSubcategoryContainer h3, .gameSettingsContainer .greyBoxTitle{margin-bottom: 0px;}
.studentTutorialLevelLink{display: block;font-size: 23px;color: #f2f2f2;}
.studentTutorialLevelLink:hover{color: #bce9ee;}
.tutorialLinkContainer{margin-bottom: 8px;}
.tutorialLinkContainer:hover{background-color: #465253;}
.tutorialGameBox{background-color: #62745e;}
.tutorialGameBox:hover{background-color: #343b33;}
.tutorialGameBox .gameIcon{position: absolute;top: 3px;left: 16px;}
.tutorialGameBox a{color: #f2f2f2;padding-left: 70px;padding-top: 15px;}
.tutorialLessonBox a, .tutorialQuizBox a{padding-left: 18px;padding-top: 15px;}
.tutorialQuizBox:hover{background-color: #b8ccb4;}
.tutorialQuizBox, .roundBottomBox{
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
.roundTopBox{
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}

.tutorialLessonBox:hover, .tutorialLessonBox a:hover{background-color: #467170;color: #f2f2f2;}
.tutorialLessonBox, .blueItemBox{background-color: #cddddc;}
.tutorialLessonBox .tutorialBadge{position: absolute;right: 11px;top: 14px;}
.tutorialQuizBox, .whiteItemBox, .alert_contest_started, .alert_contest_finished, .alert_goal_progress, .alert_goal_finished, .alert_day_awards, .alert_week_awards{background-color: #f2f2f2;}
.tutorialBox, .itemBox{position: relative;border-top: 1px solid #c1c1c1;}
.tutorialBox, .tutorialBox a{height: 50px;}
.tutorialBox a{display: block;font-weight: bold;outline: none;}

.tutorialRegisterLink{font-size: 20px;background-color: #C7B91D;text-align: center;padding: 0;width: 600px;}
.tutorialRegisterLink:hover{background-color: #9B9019;}
.tutorialRegisterLink a{display: block;color: #9f3535;padding: 20px 20px 20px 20px;}

#tutorialIndexBtn{left: 378px;position: relative;bottom: 5px;}
#tutorialViewReturnBtn{position: absolute; right: 6px;top: 12px;}
.gameBadgeContainer{position: absolute;right: 11px;top: 18px;}
.gameBadgeContainer img{float: left;margin-right: 4px;}

/**** Student Game Results ****/

.allGameResultsBtn{position: absolute;right: 17px;top: 20px;}
.gameResultStudentName{font-size: 13px;position: absolute;right: 100px;top: 19px;}
.noGameResultBox{padding-left: 16px;padding-top: 20px;padding-bottom: 20px;}
#gameResultGameInput{position: absolute;left: 61px;top: 14px;}
.gameResultStatsContainer{font-size: 13px;}
.gameResultItemBox{cursor: pointer;}
.gameResultSettingsLink{text-decoration: underline;position: absolute;left: 10px;top: 4px;}
.gameResultStatTopContainer{height: 50px;position: relative;}
.gameResultDate{position: absolute;top: 44px;left: 10px;}
.gameResultTotalTime{position: absolute;top: 25px;left: 10px;}
.gameResultCorrect{position: absolute;top: 4px;right: 10px;}
.gameResultWrong{position: absolute;top: 25px;right: 10px;}
#showAllInfoBtn{position: absolute;right: 14px;top: 14px;text-decoration: underline;font-size: 14px;cursor: pointer;}
.resultInfoTable{margin-top: 20px;margin-left: 1px;width: 533px;}
.resultInfoTable td, .resultInfoTable th{padding: 4px 0px;}
.resultInfoTable th{background-color: #1b4a42;color: #f2f2f2;}
.resultInfoTable td{background-color: #bdd0cd;padding-left: 16px;}
.resultInfoTable .centered{padding-left: 0 !important;}
.resultInfoTable .numberField{width: 30px;background-color: #4e8684;}
.resultInfoTable .thinField{width: 75px;}
.resultInfoTable .iconColumn{width: 40px;}
.iconColumnImg{position: relative;top: 2px;}
.gameResultItemBox .noGameResultsMsg{padding-top: 20px;padding-bottom: 20px;margin-left: 10px;}

/**** Medals Display ****/

.medalImage{position: absolute;left: 6px;top: 6px;}
.medalContestName{width: 400px;margin-left: 60px;margin-top: 5px;color: #000;font-size: 16px;}
.achievementAwardName{margin-top: 15px;}
.medalRank{position: absolute;top: 2px;right: 6px;color: #000;font-size: 34px;}
.noMedalsBox{height: 70px;}
.noStickersBox{height: 90px;}
.noAchievementsBox{height: 110px;}


/**** Alerts ****/
#sidebarAlertActiveLink, #sidebarAlertInactiveLink{outline: none;font-size: 18px;color: #f2f2f2;width: 272px;text-align: center;display:block;padding: 8px 0px;margin-bottom: 10px;}
#sidebarAlertActiveLink{background-color: #b73e3e}
#sidebarAlertActiveLink:hover{background-color: #932e2e;}
#sidebarAlertInactiveLink{background-color: #a8a8a8;}
#sidebarAlertInactiveLink:hover{background-color: #818180;}


#afterUpgradeInfo{font-size: 13px;}
#afterUpgradeInfo p{color: #405A54;padding-top: 10px;padding-left: 10px;padding-right: 10px;}
.currentPlanMsg{position: absolute;top: 10px;right: 14px;font-size: 14px;font-weight: bold;text-align: right;width: 300px;}
.planInfoBack{background-color: #f2f2f2;width: 534px;padding-top: 5px;padding-bottom: 19px;}
#upgradeInfoBox{margin-bottom: 12px;padding: 12px;width: 510px;color: #405A54;font-size: 13px;}
#upgradeInfoBox p{padding-right: 4px;}
#upgradeInfoBox a, #afterUpgradeInfo a{text-decoration: underline;color: #3a9986;}
#upgradeInfoBox a:hover, #afterUpgradeInfo a:hover{color: #207c6a;}
.largeStudioInfo{margin-top: 12px;}
.planInfoBox{width: 494px;height: 114px;margin-left: 19px;margin-top: 16px;position: relative;}
.planInfoBox .planTitle{margin-left: 16px;color: #000;font-size: 30px;margin-top: 10px;padding-top: 10px;}
.planInfoBox .studentNumBox{-moz-border-radius-bottomleft: 9px; -moz-border-radius-topleft: 9px; -webkit-border-bottom-left-radius: 9px;-webkit-border-top-left-radius: 9px;width: 114px;height: 50px;padding-top: 2px;font-size: 19px;text-align: center;position: absolute;top: 50px;left: 19px;}
.planInfoBox .studentNumBox .title{font-size: 22px;margin-top: 2px;}
.planInfoBox .studentNumBox .studentLabel{margin-top: -6px;}
.planInfoBox .priceText{position: absolute;right: -2px;bottom: 7px;font-size: 34px;text-align: center;width: 153px;}
.planInfoBox .priceText span{font-size: 17px;}
.planInfoBox img{position: absolute;left: 133px;bottom: 12px;}
.planInfoBox .subscribeBtn{position: absolute;right: 10px;top: 10px;}
#tutor10Box{background: #cbece8;}
#tutor10Box .studentNumBox{background: #dff9f6;}
#tutor20Box{background: #a5e7e0;}
#tutor20Box .studentNumBox{background: #dafbfa;}
#tutor30Box{background: #BED3A3;}
#tutor30Box .studentNumBox{background: #e0ead2;}
#tutor40Box{background: #d2d0b5;}
#tutor40Box .studentNumBox{background: #eeecd4;}
#tutor60Box{background: #ceae70;}
#tutor60Box .studentNumBox{background: #fde8be;}


/***** My Awards ******/
#stickerInfoBox{float: left;background-color: #8b522b;text-align: center;width: 401px;padding-top: 18px;padding-bottom: 10px;height: 88px;}
#stickerInfoBox a{color: #fff;}
#myAwardsSingleSticker{float: right;background-color: #546768;height: 115px;width: 115px;}
.myAwardsBox .greyBoxTitle {font-size: 18px;}
.myAwardsBox{position: relative;top: 16px;}
.acheivementLevelName{position: absolute;right: 14px;top: 14px;font-size: 18px;color: #000;}
.awardItemBox{height: 50px;font-weight: bold;}
.awardItemBox a{font-weight: bold;}
.itemBox a{outline: none;}


/**** User Log Records ****/
.userLogDuration{color: #3D3D3D;position: absolute;right: 10px;top: 4px;font-size: 13px;}
.userLogTeacherType{ bottom: 4px;position: absolute;right: 10px;}
.adminUserLogLink{display: block;height: 50px;padding-top: 4px;padding-left: 20px;margin: 0;}
.recentLoginsBtn{position: absolute;right: 20px;top: 23px;}


/**** Goals ****/
.goalBigStar{width: 52px;height: 50px;background: url(../img/goal_big_star.png) no-repeat;position: absolute;top: 2px;left: 4px;}
.bigStarGameIcon{position: relative;top: 15px;left: 14px;}
.studentGoalProgressMsg{position: absolute;left: 10px;bottom: 6px;font-size: 20px;}
.goalDisplayMsg{font-size: 13px;}
.goalItemBox{height: 80px;}
.goalDate{position: absolute;left: 6px;bottom: 6px;}
.goalDeleteLink{left: 175px;bottom: 7px;}
.goalCheckmark{position: absolute;top: 5px;right: 86px;}
.saveGoalBtn{position: relative;left: 446px;margin-bottom: 8px;}
.goalTarget{position: absolute;top: 6px;left: 325px;color: #000000;font-size: 30px;}
.studentGoalTarget{left: 280px;}
.goalDisplayStars{width: 170px;height: 40px;position: absolute;top: 9px;right: 9px;}
.goalDisplayStars img{float: right;}
.goalGameTitleWithStudent{top: 6px;}
.goalStudentName{top: 26px;text-decoration: underline;}
.goalIndexTeacherName{position: absolute;color: #000;font-size: 16px;bottom: 6px !important;right: 10px !important;}
.goalIndexTeacherName a{text-decoration: underline;}
.allGoalsLink{color: #fff;text-decoration: underline;position: relative;left: 383px;font-size: 13px;bottom: 6px;}
.goalStudentSort{left: 22px;}
.goalGameTitle{left: 80px;}
.goalGameSort{left: 90px;}
.goalTargetTitle{left: 329px;}
.studentGoalTargetTitle{left: 280px;}
.goalTargetSort{left: 341px;}
.studentGoalTargetSort{left: 290px;}
.goalCompletedTitle{left: 399px;}
.goalCompletedSort{left: 427px;}
.goalTimesTitle{left: 489px;}
.goalTimesSort{left: 496px;}

/**** Testimonials ****/
.testimonialLink{float: left;font-size: 19px;display: block;background-color: #C7B91D;text-align: center;color: #9f3535;width: 575px;padding: 8px 20px;margin-bottom: 7px;}
.testimonialLink:hover{background-color: #9B9019;color: #9f3535;}
#testimonialMsg{padding: 15px 20px;font-size: 14px;}
#testimonialNameMsg{color: #C7B91D;font-size: 12px;}
.testimonialSubmitBtn{margin-top: 8px;position: relative;left: 474px;}
#testimonialSubmitInfo{margin-top: 8px;color: #fff;font-size: 12px;text-align: right;width: 360px;position: relative;left: 177px;}


/**** Game Updates ****/

.gameUpdateText{width: 400px;padding: 8px 16px 16px 16px;}
.gameUpdateText h4{color: #000;margin-bottom: 6px;font-size: 18px;position: relative;right: 19px;}
.gameUpdateText ol{font-size: 13px;}
.gameUpdateText li{margin-bottom: 6px;width: 380px;}

.exportResultsTable select{padding-top: 5px;padding-bottom: 5px;}
#exportOptionsInput{margin-left: 16px;}
.gameResultType{position: absolute;right: 96px;top: 15px;}
.settingsNoLessonsMsg{padding-left: 16px;padding-top: 8px;padding-bottom: 8px;font-weight: bold;}

#timezoneInput{width: 280px;}
.studentOptionInfo select{width: 159px;}


/**** Alerts / Events ****/

.alertBox{cursor: default !important;}
.alertBox a{text-decoration: underline;font-weight: bold;font-size: 18px;}
.alertBox .alertMsg{margin-left: 60px;margin-top: 16px;position: relative;width: 430px;padding-bottom: 28px;}
.alertBox .gameIcon{position: absolute; left: 8px;top: 10px;}
.alertBox .alertIcon{position: absolute;left: 12px;top: 17px;}
.alertBox .goalProgressIcon{top: 24px !important;}
.alertBox .goalFinishedIcon{top: 16px !important;}
.alertBox .alertLessonIcon{top: 14px !important;}
.alertBox .alertContestIcon{top: 15px !important;left: 10px !important;}
.alertBox .alertAwardIcon{top: 11px !important;left: 8px !important;}
.alertBox .alertTime{font-size: 12px;position: absolute;left: 60px;bottom: 10px;}
.alertTypeInput{position: absolute;left: 180px;top: 14px;width: 160px;}
.alertStudentInput{position: absolute;left: 12px;top: 14px;width: 160px;}
.alertViewed, .alertUsername{position: absolute;font-size: 12px;}
.alertViewed{bottom: 10px;left: 160px}
.alertUsername{bottom: 10px;right: 10px}

/**** Achievement Alert Set ****/

.awardTime{font-size: 12px;position: absolute;left: 60px;bottom: 7px;}
.awardSetAwardName{margin-top: 10px;}
#awardAlertSetTitle{font-size: 16px;top: 11px;position: relative;}
#pastLessonResultTitle{font-size: 22px;}
.shortBottomTitles{height: 20px !important;}