/* could be a bit more orderly... T_T, maybe even broken up into different css files... */


body{
	margin: 0px;
	font-family: Verdana, Arial;
	font-size: 13px;
	background-color: #d7d7d7;
}

img{
	border: 0px;
}

table{
	border-collapse: collapse;
	border-spacing: 0px;
	border: none;
}

td{
	padding: 0px;
}

form{
	margin: 0px;
	padding: 0px;
}

input, select{
	font-family: Verdana, Arial;
	font-size: 16px;
}

label{
	cursor: pointer;
}

small, .small{
	font-size: 12px;
}

.ajaxSpinnerImg{
	visibility: hidden;
	vertical-align: middle;
}

.ajaxSpinner{
	visibility: hidden;
	vertical-align: middle;
}

.studentFont{
	font-size: 18px;
}

.heading{
	
}

.rowAlt{
	background-color: #cecece;
}

.studentUpperRight{
	float: right;
	padding: 20px;
	font-size: 18px;
	color: #0000ff;
}

.frontpageMainDiv{
	width: 740px;
	margin-left: auto;
	margin-right: auto;
}

.frontpageMainSubDiv{
	
}

.frontpagePaper, .frontpageClipboard{
	display: block;
	width: 370px;
	text-align: center;
	cursor: pointer;
}

.frontpageInfo{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 8px;
}

.frontpageInfoWidth{
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	padding: 8px;
}


.selectcbmTypeUsernameDiv{
	width: 420px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	font-size: 24px;
	text-align: center;
	background-color: #ebebeb;
	border: 1px solid #808080;
}


.whiteBanner{
	margin-left: -20px;
	margin-right: -20px;
	background-color: white; 
	border-top: 1px solid #808080; 
	border-bottom: 1px solid #808080;
}

.whiteBox{
	padding: 5px;
	background-color: white; 
	border: 1px solid #808080; 
}


.loginTable{
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}

.loginTableTds{
	vertical-align: top;
	padding-top: 130px;
	text-align: center;
}

.loginTd{
	width: 365px;
	height: 340px;
	padding: 20px;
	padding-top: 50px;
	padding-left: 35px;
	vertical-align: top;
	
	background: url('/images/clipboard_login.gif') top left no-repeat;
}

.loginHeading{
	font-size: 24px;
	font-weight: bold;
}

.loginInnerTable{
	margin-top: 10px;
	padding: 20px;
	width: 305px;
	height: 160px;
}

.loginInnerTableLeftTd{
	padding-right: 15px;
	text-align: right;
	font-size: 16px;
}

.loginInnerTableRightTd{
	text-align: right;
}

.loginInnerTableBottomLeftTd{
	padding-top: 15px;
	padding-left: 8px;
	vertical-align: top;
	font-size: 14px;
}

.loginInnerTableBottomRightTd{
	padding-top: 15px;
	text-align: right;
	vertical-align: top;
}

.loginInnerTableInput{
	width: 160px;
}


.emailBox{
	padding: 20px;
	background-color: #ebebeb;
	border: 1px solid #808080;
	font-size: 24px;
	font-weight: bold;
}

.emailSentNote{
	padding-left: 30px;
	font-size: 12px;
	color: #404040;
}

.registerTextInput{
	width: 280px;
	vertical-align: middle;
}

.registerDiv{
	width: 450px;
	height: 690px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	padding-top: 50px;
	padding-left: 45px;
	vertical-align: top;
	
	background: url('/images/clipboard_register.gif') top left no-repeat;
}

.registerTable{
	margin-top: 20px;
	margin-left: 5px;
	padding: 20px;
}

.registerTableLeftTd{
	padding-right: 15px;
	text-align: right;
	font-size: 18px;
	vertical-align: middle;
}

.registerTableRightTd{
	text-align: right;
	vertical-align: middle;
}

.registerInput{
	width: 240px;
	font-size: 14px;
}

.registerExtraSpace{
	padding-bottom: 20px;
}

.signupDisclaimerDiv{

}

.registerAgreement{
	padding-top: 5px;
}

.signupDisclaimerBox{
	width: 375px;
	height: 100px;
}

.passwordresetBox{
	width: 520px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	vertical-align: middle;
	background-color: #ebebeb;
	border: 1px solid #808080;
}


.uploadrosterDiv{
	width: 450px;
	margin-left: auto; 
	margin-right: auto;
}


.homeTable{
	margin-left: auto;
	margin-right: auto;
}

.homeBoxDone, .homeBoxNotDone{
	height: 145px;
	padding: 10px;
	vertical-align: top;
	background: #abd6a9 url('/images/home_green_check.gif') bottom center no-repeat; 
	border: 1px solid #197f09;
}

.homeBoxDone a{
	color: #404040;
}

.homeBoxNotDone{
	background: #ffffff url('/images/home_checkbox.gif') bottom center no-repeat; 
	border: 1px solid #0010fe;
}

.homeArrowDivider{
	width: 88px;
	background: url('/images/blue_arrow_right.gif') center right no-repeat; 
}

.homeBoxTitle{
	font-size: 18px;
	font-weight: bold;
}

.perceptionsGradeOn, .perceptionsGradeOff{
	padding: 5px;	
	padding-right: 15px;
	font-size: 14px;
}

.perceptionsGradeOn a{
	color: #0000ff;
}

.perceptionsGradeOff{
	color: #404040;
}

.perceptionsGradeOff a{
	color: #404040;
}

.perceptionsTable{
	margin-left: auto;
	margin-right: auto;
}

.perceptionsTableTopTr{

}

.perceptionsTableInterface{
	vertical-align: top;
	background-color: #ffffff;
	border-left: 1px solid #000000;
	border-bottom: 2px solid #000000;
	border-right: 1px solid #000000;
}

.perceptionsTableTopRight{
	width: 250px;
	padding-right: 4px;
	border-bottom: 2px solid #000000;
	vertical-align: top;
	font-size: 11px;
}

.perceptionsTableName{
	height: 60px;
	padding: 5px;
	font-size: 18px;
	vertical-align: middle;
	border-right: 2px solid #000000;
	border-bottom: 1px solid #000000;
}

.perceptionsTableXTr, .perceptionsTableXTrHL{

}

.perceptionsTableXTrHL{
	background-color: #ffffc0;
}

.perceptionsTableX, .perceptionsTableXOver, .perceptionsTableXOn{
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 2px solid #000000;
}

.perceptionsTableXOver{
	background: #d8e2f9 url('../images/perceptions_x_blue.gif') no-repeat center center;
	cursor: pointer;
}

.perceptionsTableXOn{
	background: url('../images/perceptions_x.gif') no-repeat center center;
}


.standardWidth{
	width: 740px;
}

.pageContainer{
	width: 740px;
	margin-left: auto;
	margin-right: auto;
}

.pageHeading{
	font-size: 24px;
	font-weight: bold;
}


.bodyFontColor{
	color: #202020;
}

.heading, .teacherHeading{	
	background-image: url('../images/heading_back_blue.jpg');
	background-repeat: repeat-x;
	
	border-bottom: 1px solid #000000;
}

.heading{
	height: 130px;
}

.teacherHeadingTop{
	height: 92px;
	
	vertical-align: top;
}

.logoDiv{
	float: left;
}

.logo{
	font: 42px Georgia, Arial;
	text-decoration: none;
	color: #000000;
	
}

.teacherTabs{
	padding-left: 30px;
	padding-right: 15px;
}

.tabTd{
	vertical-align: bottom;
}

.teacherTabLink{
	color: black;
	text-decoration: none;
}

.teacherTab, .teacherTabOver, .teacherTabSelected{
	font: 16px Arial;
	line-height: 12px;
	
	margin-left: 2px;
	padding: 6px; 
	
	color: #808080;
	background-color: white;
	border: 1px solid #c5c5c5;
	border-bottom: 1px solid white;
}

.teacherTabOver{
	color: #404040;
	border: 1px solid #404040;
	border-bottom: 1px solid white;
}

.teacherTabSelected{
	position: relative;
	top: 1px;

	font: bold 18px Arial;
	color: black;
	
	border: 1px solid black;
	border-bottom: none;
	
	padding: 9px;
	padding-top: 7px;
	
	background-color: #d7d7d7;
}

.teacherTabBuffer, .teacherTabSelectedBuffer{
	width: 15px;
}

.teacherTabSelectedBuffer{
	background: url("../images/tab_shading.gif") top left no-repeat;
}


.pageContent,.teacherPageContent{
	padding: 20px; 
}

.demoModeNotice{
	float: right;
	position: relative;
	top: -10px;
	left: 10px;
	width: 205px;
	margin-left: auto;
	padding: 5px;
	font: bold 10px Verdana;
	text-align: center;
	
	background-color: #FEFFCF;
	border: 1px solid #808080;
}

.teacherPageContent{

}

.addStudentNameBox, .addMazeNameBox, .editSectionName{
	width: 105px;
}


.inputText{
	vertical-align: middle;
}

.loginBoxInput{
	width: 150px;
}

.loginBox{
	width: 320px;
	
	margin-left: auto;
	margin-right: auto;
}

.teacherTopRight{
	float: right;
	
	font: 13px Arial;
	
	padding: 15px;
	
	text-align: right;		
}


.registrationPage{
	width: 550px; 
	
	margin-left: auto;
	margin-right: auto;
}

.registerFormTable{
	width: 100%;
	
	padding-left: 80px; 
}

.accountPage{
	padding-left: 20px;
}

.accountFormTable{
	width: 640px;
	
	margin-left: auto;
	margin-right: auto;
}

.createFormTable{
	margin-left: auto;
	margin-right: auto;
	
	padding: 20px;
}

.formLeftcol, .accountFormLeftcol{
	padding-bottom: 20px; 

	vertical-align: top;
	text-align: right;
}

.genericFormLeftCol, .genericFormRightCol{
	vertical-align: top;
	text-align: left;
}

.genericFormLeftCol{
	text-align: right;
}


.accountFormLeftcol{
	width: 180px;
	vertical-align: middle;
	font-weight: bold;
}

.registerFormLeftcol{
	width: 120px;
}

.formRightcol{
	padding-bottom: 20px; 
	padding-left: 15px; 
	
	vertical-align: top;
	text-align: left;	
}

.onlineOptionsFormTd{
	padding: 5px;
}


.passageTextarea{
	width: 500px;
	height: 200px;
}

.teacherLoginName{
	font-weight: bold;
	
	color: blue;
}

.teacherHomeAreas{
	width: 700px;
	
	margin-left: auto;
	margin-right: auto;
}

.teacherAreaBox{
	width: 320px; 
}

.homepageLinks{
	margin-left: auto;
	margin-right: auto;
	
	text-align: center;
}

.homepageLink{
	
}


.greenBox, .yellowBox, .greenBoxLeft{
	width: 258px;
	height: 96px;
	
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	
	background-repeat: no-repeat;
}

.greenBoxLeft{
	margin-left: 20px;
	margin-right: 0px;
}

.greenBoxSlim{
	width: 370px;
	height: 80px;
	
	margin-left: 0px;
	margin-right: 0px;
	padding: 15px;
	padding-top: 12px;
	padding-left: 17px;
	
	vertical-align: middle;
	
	background-repeat: no-repeat;
}

.greenBoxSlimLeftTd{
	padding-right: 20px;
}

.yellowBox{
}

.studentTypeTeachername{
	width: 142px;
}

.nextStep{
	padding: 20px;

	float: right;
}

.actionLink{
	font: bold 10px Helvetica;
}



.note{
	font: 14px Georgia, Arial;
	
	color: #404040;
}

.passageEditor{
	margin: 20px;
	margin-top: 5px; 
	
	padding: 10px;
	
	background-color: white;
	
	border: 1px solid #808080;
}

.passageWordTable, .passageWordTableHover, .passageWordTableEditing, .passageWordTablePicked{
	display: inline;
	
	padding-top: 5px;
	
	border: 1px solid white;
}

.passageWordTableHover{
	border: 1px solid green;
	
	background-color: #F2F2F2;
	
	cursor: pointer;
}

.passageWordTableEditing{
	border: 1px solid #808080;
	
	background-color: #FFFFCC;
}

.passageWordTablePicked{
	display: inline;

	border: 1px solid #808080;
	
	background-color: #C4F6BC;
}


.passageWord{
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
}

.passageControl{
	font: bold 11px Helvetica;
	
	padding: 3px;
	
	text-align: right;
}

.wordControls,.wordControlEditing{
	
}

.wordControlEditing{
	color: green;
}

.optionsDivShadowWrapper{
	position: absolute;
	top: 0px;
	left: 0px;
}

.optionsDivShadow{
	display: none;
	position: absolute;
	z-index: 1000;

	background-color: #505050;
}	

.optionsDiv{
	position: relative;
	top: -4px;
	left: -3px;
	
	border: 1px solid #808080;
	background-color: #F3F3F3;
}

.optionsTable{
	margin: 15px;
	margin-right: 25px;	
}


.blankOptionsForm{
	display: none;
}

.optHeadingLeft, .optHeadingRight{
	font: bold 12px Arial;
	
	padding-bottom: 10px; 
}
 .optHeadingRight{
 	padding-left: 15px;
 }

.leftOptCol{ 
	padding-bottom: 3px; 
	padding-left: 15px;
	
	vertical-align: middle;
	text-align: right;
}

.rightOptCol{
	padding-bottom: 3px; 
	padding-left: 15px; 
	
	vertical-align: middle;
	text-align: left;	
}


.errMsg, .successMsg, .errorMsg{
	width: 740px;
	margin-left: auto; 
	margin-right: auto;
	padding: 15px; 
	color: red;
	background-color: white;
	border: 1px solid red;
}

.successMsg{
	color: green;
	border: 1px solid green;
}




.mazeSelectCompleted, .mazeSelectEnabled, .mazeSelectDisabled{
	width: 500px;

	margin: 10px;
	padding: 15px;
	
	margin-left: auto;
	margin-right: auto;
}

.mazeSelectTeacherName{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.mazeSelectEnabled{
	border: 1px solid #496FEF;
	
	background: white;
}

.mazeSelectDisabled{
	border: 1px solid #808080;
	
	background: #E0E0E0;
}

.mazeSelectCompleted{
	border: 1px solid #808080;
	
	background: #D9FBD1;
}

.nextPrevButtons{
	padding-bottom: 15px;
}

.groupingsPageOuter{
	text-align: center;
}

.groupingsPage{
	width: 650px;
	
	margin-left: auto;
	margin-right: auto;
	
	text-align: left;
}

.groupingsSpanHeadingOuter, .groupingsDivHeading{
	padding-bottom: 8px;
	
	font: bold 20px Verdana, Arial;
}

.groupingsSpanHeading{
	display: block; 
	float: left;
		
	width: 130px;

	vertical-align: middle;
}

.groupingsUploadRosterDiv{
	float: left;
	padding-left: 40px;
	padding-top: 4px;
	font-size: 12px;
	font-weight: normal;
}

.studentsUploadRosterInstructionList{
	font-size: 12px;
	padding-left: 80px;
}

.studentsUploadRosterInstructionList li{
	padding-top: 4px;
}

.studentsUploadRosterExampleImage{
	padding-left: 200px;
}

.studentsUploadRosterTable{
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}

.studentsUploadRosterTrAlt{
	background-color: #cecece;
}

.studentsUploadRosterTrAltHL{
	background-color: #ffffc0;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
}


.studentsUploadRosterTable th{
	padding-bottom: 2px;
	padding-left: 4px;
	border-bottom: 2px solid #555555;
	text-align: left;
}

.studentsUploadRosterTable td{
	padding: 4px;
	padding-left: 8px;
	vertical-align: top;
}


.groupingsTableDiv{
	
}

.groupingsTable{
	width: 650px;

	border: 1px solid #808080;
	background-color: white;
}

.groupingsSlimTable{
	width: 200px;
	height: 500px;
	
	border: 1px solid #808080;
	background-color: white;
}

.groupingsSlimTableDiv{
	width: 200px;
}

.groupingsDataRowsDiv{
	
}

.groupingsDataRowsTd{
	height: 100%;
	vertical-align: top;
}

.groupingsDataRowsTable{
	width: 100%;
	
}

.groupingsBlankHeader{
	height: 20px; 
	width: 20px;
	
	background-color: #FBFBFB;
	border-bottom: 1px solid #808080;
	
	vertical-align: middle;
}

.groupingsNumberingCol{
	width: 40px;
	
	font-size: 12px;
	
	padding-right: 5px;
	border-right: 1px solid #B1B1B1;
	
	text-align: right;	
}

.groupingsNamesCols{
	padding-left: 10px;
}

.groupingNameAllRow{
	font: bold 14px Arial;

	padding-left: 10px;
}


.groupingsAllRow, .groupingsAllRowHover, .groupingsAllRowSelected{
	height: 18px;

	padding: 1px;
	padding-left: 10px; 
	
	font: bold 14px Arial;
	
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	
	line-height: 20px; 
	
	cursor: pointer;
}

.groupingsAllRowHover{
	background-color: #9EC3FA;
	
	border-top: 1px solid #9EC3FA;
	border-bottom: 1px solid #9EC3FA;
}

.groupingsAllRowSelected{
	color: white;
	
	border-top: 1px solid #002388;
	border-bottom: 1px solid #002388;
	background-color: #1E53CA;
}

.groupingsDataRow, .groupingsDataRowHover, .groupingsDataRowSelected{
	padding: 2px;
	
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	
	cursor: pointer;
}

.groupingsDataRowHover{
	background-color: #9EC3FA;
	
	border-top: 1px solid #9EC3FA;
	border-bottom: 1px solid #9EC3FA;
}

.groupingsDataRowSelected{
	color: white;
	
	border-top: 1px solid #002388;
	border-bottom: 1px solid #002388;
	background-color: #1E53CA;
}

.groupingName{
	width: 275px;

	padding-left: 20px;
	
	font-size: 12px;
}

.groupingButtonsTd{
	font-size: 12px;
}

.groupingButtons{
	font: bold 11px Arial;
	color: black;
	
	padding-top: 2px;
	padding-right: 20px;
	
	vertical-align: middle;
}

.groupingsAddButton{
	float: left;
	vertical-align: middle;
}

.groupsSpinner{
	height: 28px;
}


.smallFormButton{
	font: 11px Arial;
}

.editGroupRowForm, .noMarginsForm{
	margin: 0px;
	padding: 0px;
}



.filterButtons{
	display: none;	/* nixing the "show: all / only in group" feature for now cause it just adds complexity... instead of removing
					   a bunch of code, we just 'hide' it for now... */

	font-weight: bold; 
	
	padding-top: 6px;
}



.sectionTableDiv{
	width: 583px;
	margin-left: auto;
	margin-right: auto;
}

.sectionTable{
	border: 1px solid #808080;
	background-color: white;
}

.sectionDataRowsTd{
	vertical-align: top;
}

.sectionDataRowsDiv{

}

.sectionDataRowsTable{
	
}

.sectionNumberingCol{
	width: 40px;
	
	font-size: 12px;
	
	padding-right: 5px;
	border-right: 1px solid #B1B1B1;
	
	text-align: right;
}

.sectionInGroupCol{
	width: 78px;
	
	text-align: center;
	
	border-right: 1px solid #B1B1B1;
}

.sectionNameCol{
	width: 285px;
	
	font-size: 12px;
	
	padding-left: 10px;
}

.sectionButtonsCol{
	width: 240px;
	
	font-size: 12px;
	
	vertical-align: middle;
}

.sectionButtonsColDiv{
	line-height: 18px;
}

.sectionFiller{
	height: 20px;
}

.sectionHeader{
	height: 20px; 
	
	font: bold 12px Arial;
	
	background-color: #FBFBFB;
	border-bottom: 1px solid #808080;
	
	vertical-align: middle;
}

.sectionRow, .sectionRowAlt, .sectionRowHover, .sectionRowSelected{
	line-height: 20px; 
	
	cursor: pointer;
}

.sectionRow{
	background-color: white;
}

.sectionRowAlt{
	background-color: #EAECFC;
}

.sectionRowHover{
	background-color: #9EC3FA;
}

.sectionRowSelected{
	color: white;
	
	background-color: #1E53CA;
}


.sectionReportingTableDiv{

}

.reportsSubTabDivContainer{
	width: 704px;
	height: 193px;
		
	margin-left: auto;
	margin-right: auto;	
	
	text-align: center;
	
	background-repeat: no-repeat;
}

.reportsSubTabDiv{
	position: relative;
	top: -7px;
}

.reportsSubTabSpan_On, .reportsSubTabSpan_Off, .reportsSubTabSpan_Depressed{
	margin-left: 4px;
	margin-right: 4px;
	
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;

	font: bold 16px Arial;
	line-height: 32px;
	color: white;
	background-color: #1E53CA;
	
	border-top: 2px solid #000000;
	border-left: 2px solid #000000;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	
	cursor: pointer;
}
.reportsSubTabSpan_Off{
	color: black;
	background-color: #DADADA;
	
	border-top: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #505050;
	border-bottom: 2px solid #505050;
}
.reportsSubTabSpan_Depressed{
	color: black;
	background-color: #DADADA;
	
	border-top: 2px solid #505050;
	border-left: 2px solid #505050;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

.reportsPage, .accountsPage{
	position: relative;
	top: -150px;
	left: 3px;

	width: 650px;
	
	margin-left: auto;
	margin-right: auto;
	
	text-align: left;
}

.accountsPage{
	top: -135px;
}

.mazeReportingTable{	
	border: 1px solid #808080;
	background-color: white;
}

.reportingPrint{
	margin-top: -10px;
	padding-right: 25px;
}

.reportingBenchMarks{
	margin-top: -10px;
}

.reportingTable{
	border: 1px solid #808080;
	background-color: white;
}


.reportingGroupingNameCol{
	width: 245px;
	
	font-size: 12px;
	
	padding-left: 10px;
	
	border-right: 1px solid #B1B1B1;
}

.reportingGroupingStudentCountCol, .reportingGroupingStudentCountColData{
	width: 90px;
	
	font-size: 12px;
	
	padding-left: 10px;
	padding-right: 10px;
	
	border-right: 1px solid #B1B1B1;
}

.reportingGroupingActiveCBMsCol, .reportingGroupingActiveCBMsColData{
	width: 80px;
	
	font-size: 12px;
	
	padding-left: 10px;
	padding-right: 10px;
	
	border-right: 1px solid #B1B1B1;
}

.reportingGroupingDataExportCol{
	width: 120px;
	
	font-size: 12px;
	
	padding-left: 10px;
}

.reportingGroupingStudentCountColData, .reportingGroupingActiveCBMsColData{
	text-align: right;
}



.reportingStudentNumberingCol, .reportingStudentNumberingColBuffer{
	width: 40px;
	
	font-size: 12px;
	
	padding-right: 5px;
	border-right: 1px solid #B1B1B1;
	
	text-align: right;
}

.mazeNameCol, .reportingStudentNameCol, .reportingStudentNameColWithGraph{
	width: 265px;
	
	font-size: 12px;
	
	padding-left: 10px;
	
	border-right: 1px solid #B1B1B1;
}

.individualNameCol{
	width: 330px;
	
	font-size: 12px;
	
	padding-left: 10px;
}

.individualCBMStatusCols, .individualCBMStatusDataCols{
	width: 108px;
	
	font-size: 12px;
	
	padding-left: 10px;
	
	border-left: 1px solid #B1B1B1;
}
.individualCBMStatusDataCols{
	padding-right: 10px;
	text-align: right;
}


.mazeStatusCol, .reportingStudentStatusCol, .reportingStudentStatusColWithGraph{
	width: 80px;
	
	font-size: 12px;
	
	padding-left: 10px;
	
	border-right: 1px solid #B1B1B1;
}

.mazeSubmissionsCol, .reportingStudentSubmissionsCol, .reportingStudentSubmissionsColWithGraph{
	width: 100px;
	
	font-size: 12px;
	
	padding-right: 10px;
	
	border-right: 1px solid #B1B1B1;
	
	text-align: right;
}



.mazeScoresCol, .reportingStudentScoresCol{
	width: 110px;
	
	font-size: 12px;
	
	padding-right: 10px;
	
	text-align: right;
}


.mazeSubmissionHeaderCol, .mazeScoresHeaderCol{
	padding-left: 10px;
	padding-right: 0px;
	
	text-align: left;
}

.mazeScoresDataCol, .reportingStudentScoresCol{
	text-align: right;
}

.reportingStudentNumberingCol, .reportingStudentNameCol, .reportingStudentStatusCol, .reportingStudentSubmissionsCol, .reportingStudentScoresCol,
.reportingStudentNameColWithGraph, .reportingStudentStatusColWithGraph, .reportingStudentSubmissionsColWithGraph{
	border-bottom: 1px solid #B1B1B1;
}

.reportingStudentNameColWithGraph, .reportingStudentStatusColWithGraph, .reportingStudentSubmissionsColWithGraph{
	border-right: none;
}

.reportingStudentNumberingColBuffer{
	border-bottom: none;
}

.noBottomBorder{
	border-bottom: none;
}

.reportingShowAllGrahsLink{
	position: relative;
	top: 20px; 
	
	float: right;
	padding-right: 10px;
}

.reportingSortBy{
	background-color: #C6D9F3;
}

.reportingSortByArrowDiv{
	padding-top: 2px; 
	padding-right: 7px;
		
	vertical-align: middle;
}

.reportingSortByArrow{

}

.sortable{
	cursor: pointer;
}


.studentReportingTable{	
	border: 1px solid #808080;
	background-color: white;
}

.individualReportingTable{
	border: 1px solid #808080;
	background-color: white;
}

.studentReportingDataDiv{

}

.dateRangeReportingTable{
	width: 500px;
	float: left;
	margin-left: 75px;
}

.dateRangeReportingTable_Header{
	font-weight: bold;
	padding-bottom: 4px;
}

.dateRangeReportingTable_Radio{
	width: 45px;
	padding: 4px;
	vertical-align: middle;
	text-align: right;
}

.dateRangeReportingTable_Option{
	vertical-align: middle;
	text-align: left;
	padding: 4px;
	font: 12px Arial;
	
	cursor: pointer;
}

.dateRangeSpinner{

}

.reportingStudentSelect{
	width: 138px;
}



.reportingSummaryPane{
	/*	height: 45px;		*/
	width: 644px;
	
	border: 1px solid #808080;
	background-color: white;
	
	vertical-align: middle;
	text-align: center;
}

.reportSummaryTable{
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.reportingSummaryNameText{
	font: 14px Arial;
	
	padding-top: 0px;
	padding-right: 8px;
	
	text-align: right;
}

.reportingSummarySpacer{
	width: 50px;
}

.reportingSummaryStudentsText, .reportingSummaryMinScore, .reportingSummaryMaxScore, .reportingSummaryAvgScore, .reportingSummaryStdDeviation{
	font: bold 14px monospace;
	
	padding-top: 0px;
}

.reportingSummaryStudentsText{
	
}

.reportingSummaryMinScore{
	color: red;
}

.reportingSummaryMaxScore{
	color: green;
}

.reportingSummaryAvgScore{
	color: blue;
}

.reportingSummaryStdDeviation{

}

.groupGraphDiv{
	padding-top: 18px;
	padding-bottom: 5px;
}

.groupGraph{
	margin-left: auto;
	margin-right: auto;

	border: none;
}

.showGraphLink{
	padding-right: 10px;
}

.studentGraphCol{
	text-align: center;
}

.studentGraphDiv{
	padding: 15px;
}

.studentGraph{
	margin-left: auto;
	margin-right: auto;
}


.reportingAjaxNotifierDiv{
	float: right;
}	


.reportingShowEPLBox{
	width: 120px;
	
	margin-top: 17px;
	padding: 5px;
	
	border: 1px solid #A0A0A0;
	background-color: #FAFAFA;
	
	cursor: pointer;
}

.reportingShowEPLText{
	font: 16px Arial;
	
	color: #505050;
}

.reportingShowEPLImgArea{
	padding: 4px;
}

.reportingEPLBox{
	
}



.reportingEPLEntryTable{
	width: 100%;
}

.reportingEPLEntryRowHeaderGroup, .reportingEPLEntryRowHeaderProgram, .reportingEPLEntryRowHeaderDate, .reportingEPLEntryRowHeaderDescription{
	padding: 4px;
	
	font: bold 14px Arial;
	
	color: #111111;
	
	text-align: center;
	
	border-bottom: 1px solid #808080;	
}

.reportingEPLEntryRowHeaderGroup, .reportingEPLEntryRowHeaderProgram, .reportingEPLEntryRowHeaderDate{
	border-right: 1px solid #808080;
}

.reportingEPLEntryRowFooterGroup, .reportingEPLEntryRowFooterProgram, .reportingEPLEntryRowFooterDate, .reportingEPLEntryRowFooterDescription{
	border-right: 1px solid #808080;
	border-bottom: none;
	
	padding: 4px;
	padding-left: 20px;

	font: 12px Arial;
	
	color: #808080;
}

.reportingEPLEntryRowFooterDescription{
	border-right: none;
}

.reportingEPLEntryRowGroup, .reportingEPLEntryRowProgram, .reportingEPLEntryRowDate, .reportingEPLEntryRowDescription{
	padding: 8px;
	
	vertical-align: middle;
	text-align: center;
	
	border-bottom: 1px solid #808080;	
}

.reportingEPLEntryRowGroup, .reportingEPLEntryRowProgram, .reportingEPLEntryRowDate{
	border-right: 1px solid #808080;
}

.reportingEPLEntryRowSave, .reportingEPLEntryRowFooterSave{
	
}

.reportingEPLEntryRowFooterGUI{
	font: 14px Arial;
}


.reportingEPLProgramInput{
	width: 100px;
}

.reportingEPLDateInput{
	width: 70px;
}

.reportingEPLDescriptionInput{
	width: 245px;
	height: 115px;
	
	vertical-align: middle;
}

.reportingEPLDelLink{
	font: 12px Arial;
	
	vertical-align: middle;
}


.reportingItemAnalysisHeading{
	margin-left: 70px;

	font: bold 16px Arial;
	
	text-align: left;
}

.reportItemAnalysisTableStructure{
	margin-left: auto;
	margin-right: auto;
}

.reportItemAnalysisTable{
	margin: 20px;
	
	border-right: 1px solid #B1B1B1;
	border-bottom: 1px solid #B1B1B1;
}

.reportingItemAnalysisTableHeading{
	padding: 5px;

	font: bold 14px Arial;
	
	text-align: center;
	
	border: 1px solid #B1B1B1;
	border-bottom: none;
	border-right: none;
}

.reportingItemAnalysisTableHeader{
	padding: 3px;
	padding-left: 8px;
	padding-right: 8px;
	
	font: bold 12px Arial;
	
	border: 1px solid #B1B1B1;
	
	border-bottom: none;
	border-right: none;
}

.reportingItemAnalysisTableItem, .reportingItemAnalysisTableCorrectTaken, .reportingItemAnalysisTablePercentage, .reportingItemAnalysisTableQuestionType{
	padding: 3px;
	padding-right: 5px;

	font: 12px Arial;
	
	text-align: center;
	
	border: 1px solid #B1B1B1;
	border-right: none;
	border-bottom: none;
}

.reportingItemAnalysisTableCorrectTaken{
	
}

.reportingItemAnalysisTablePercentage{
	
}

.reportingItemAnalysisTableQuestionType{
	
}

.importExportAreas{
	width: 520px;
	
	margin-left: auto;
	margin-right: auto;
}

.importExportAreaBox{
	width: 240px; 
}

.importexport_exportStudentTable, .importexport_exportStudentTable{
	width: 250px;
	
	margin-left: auto;
	margin-right: auto;
}

.importexport_ImportStudentTable{
	width: 640px;
	padding: 2px;
	
	margin-left: auto;
	margin-right: auto;
}


.importexport_exportButton{
	float: right;
	margin-right: 50px;
}

.importExport_ImportHeading{
	text-align: left;
	font-weight: bold;
	padding-bottom: 5px;
}

.importExport_ImportCheckbox{

}

.importExport_ImportStudentId{
	width: 75px;
	text-align: right;
	padding-right: 40px;
}

.importExport_ImportMeasuresTaken{
	width: 115px;
	text-align: right;
	padding-right: 15px;
}

.importExport_ImportGrade{
	width: 45px;
	text-align: right;
	padding-right: 15px;
}

.importExport_ImportRowAlt{
	background-color: #e7e7e7;
}







.cbmSelectionItem, .cbmSelectionItemDifficulty, .cbmSelectionItemMeasureType, .cbmSelectionItemGroup, .cbmSelectionItemAutoAssign{
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	
	font: 16px Arial;
	
	text-align: left;
}

.cbmSelectionItemDifficulty{
	width: 100px;
}

.cbmSelectionItemMeasureType{
	width: 300px;
}

.cbmSelectionItemGroup{
	width: 300px;
}

.cbmSelectionItemAutoAssign{
	padding: 8px;
	margin-right: 10px;
	border: 1px solid #808080;
	background-color: #E0EAF9;
}

.cbmSelectionItemAutoAssignTable{
	width: 100%;
	padding-left: 40px;
}

.cbmSelectionItemAutoAssignTableLeft{
	width: 250px;
	font-size: 12px;
	text-align: right;
	vertical-align: top;
}

.cbmSelectionItemAutoAssignTableRight{
	font-size: 12px;
	padding-left: 8px;
}

.cbmSelectionCategoryProgmon, .cbmSelectionCategoryTeachermade{
	width: 300px;
}

.cbmSelectionArea{
	width: 750px;
	
	margin-left: auto;
	margin-right: auto;
}

.cbmSelectionNote{
	width: 340px; 
	
	margin-left: auto;
	margin-right: auto;
	
	font: 10px Arial;
	
	text-align: right;
}

.cbmSelectionDownloadBox{
	width: 475px;
	
	margin-left: auto;
	margin-right: auto;
	
	padding: 15px; 
}

.cbmReferenceDownloadBox{
	padding: 10px;
	
	vertical-align: top;
}

.cbmReferenceDownloadImg{
	vertical-align: top;
}

.cbmReferenceDownloadTable{
	
}

.cbmReferenceDownloadTd{
	
}

.cbmSelectionPDFTd{
	width: 50px; 
	
	vertical-align: top;
}

.cbmSelectionInfoTd, .cbmSelectionInfoTdOnline{
	padding-left: 15px;

	color: #808080;
	
	vertical-align: top;
	
	line-height: 20px;
}

.cbmSelectionInfoTdOnline{
	color: #303030;
}

.cbmSelectionPDFLink, .cbmSelectionPDFLinkGrey{
	font: 16px Arial;
	color: #0000FF;

	text-decoration: underline;
}

.cbmSelectionPDFLinkGrey{
	color: #808080;
}

.cbmSelectionFinishedButton{
	
}

.cbmSelectionFinishedForm{
	margin-bottom: 10px;
}

.cbmSelectionHRFileSeperator{
	width: 550px;
	
	margin-bottom: 20px;
}


.manageCBMsTd{
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	
	vertical-align: middle;
	
	border-bottom: 1px solid #C0C0C0;
}

.manageCBMsTrashBox{
	width: 365px;
	
	margin-left: auto;
	margin-right: auto;
	
	padding: 10px; 

	text-align: left; 
	
	font: 16px Arial;
	color: #202020;

	border: 1px solid #808080;
	background-color: #FEFFCF;	
}


.cbmIndicator, .cbmIndicatorWhite{
	font: bold 11px Verdana;
	
	color: #9EC3FA;
	
	line-height: 20px;
}

.cbmIndicatorWhite{
	color: #FFFFFF;
}

.paneSmallLink{
	font: bold 11px Arial;
	
	line-height: 18px;
}

.rightPaneSpanCol{
	width: 40px;
}

.studentName{
	float: right;
	
	font: bold 17px Arial;
	
	text-align: right;
	
	color: blue;
}

.instructionsTitle, .thankYou{
	font: 28px Verdana, Arial;
}

.instructionsText, .thankYouNote{
	margin: 20px;
}

.instructionsBox{
	width: 700px;
	
	margin-right: auto;
	margin-left: auto;
}

.studentInstructions{
	font: 16px Arial;
}



.completeStatus, .completeStatusFinished{
	float: right;
	
	margin-right: 20px;
	margin-bottom: 5px;
	padding: 7px;	
	
	font: 14px Arial;
	
	border: 1px solid #808080;
	background-color: #FEFFCF;
}

.completeStatusFinished{
	background-color: #D9FBD1;
}

.doneButton{
	float: right;
		
	padding: 20px;
	padding-top: 0px;
}

.cursorDefault{
	cursor: auto;
}


.easyClickOff{
	border: 1px solid #A0A0A0;
	
	background-color: #FAFAFA;
	
	cursor: pointer;
}

.easyClickOffNoCursor{
	border: 1px solid #A0A0A0;
	
	background-color: #FAFAFA;
}

.easyClickHover{
	border: 1px solid #505050;
	
	background-color: #FFFFC0;
		
	cursor: pointer;
}

.easyClickOn, .easyClickOnGreen, .easyClickOnYellow, .easyClickOnBlue{
	border: 1px solid #0000FF;
	
	background-color: #D8E2F9;
		
	cursor: pointer;
}

.easyClickGreen{
	border: 1px solid #008000;
	
	background-color: #D8F9E2;
}

.easyClickRed{
	border: 1px solid #800000;
	
	background-color: #F9D8E2;
}

.easyClickOffGreen{
	border: 1px solid #808080;

	background-color: #DAF5CE;
}

.easyClickOffYellow{
	border: 1px solid #808080;

	background-color: #FEFFCF;
}



.scoreDivGreen, .scoreDivRed{
	width: 150px;

	font: 14px Arial;
	
	margin-left: auto;
	margin-right: auto;
	
	padding: 7px;
	
	border: 1px solid #808080;
	background-color: #BAF5AE;
	
	text-align: center;
}

.scoreDivRed{
	background-color: #F5BAAE;
}

.answersTable{
	margin-left: auto;
	margin-right: auto;
}

.answersTableHeading{
	font: bold 24px Verdana, Arial;
	
	padding: 10px;
}

.requirementsTable{
	
}

.gradingAnswer{
	padding: 10px;
	padding-left: 40px;
	padding-right: 20px;
}

.yellowWarning{
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	font: bold 14px Arial;
	padding: 10px;
	border: 1px solid #808080;
	background-color: #FFFFCC;
}

.greyText{
	color: #808080;
}


.greenHighlight, .redHighlight, .yellowHighlight{
	font: 14px Arial;
	
	padding: 7px;
	
	border: 1px solid #808080;
}

.greenHighlight{
	background-color: #BAF5AE;
}

.redHighlight{
	background-color: #F5BAAE;
}

.yellowHighlight{
	background-color: #FEFFCF;
}

.noHighlight{
	font: 14px Arial;
	
	padding: 7px;
}

.softGreen{
	background-color: #CAF5BE;
}

.softRed{
	background-color: #F5CABE;
}

.softYellow{
	background-color: #FEFFCF;
}

.up5{
	position: relative; 
	top: -5px;
}
.up7{
	position: relative; 
	top: -7px;
}
.up10{
	position: relative; 
	top: -10px;
}


.studentRecordBox{
	top: 35%;
	left: 44%;
}

.studentRecord{
	font: bold 20px Arial;
	text-decoration: underline;
}

.studentButtons{
	padding-top: 10px;
}

.reportingIcon{
	position: relative; 
	
	top: -1px; 
	
	vertical-align: middle;
	
	border: 0px;
}



.pageblock730{
	width: 730px;
	
	margin-left: auto;
	margin-right: auto;
}

.pagebreak{
	page-break-before: always;
}


.alignleft{
	text-align: left;
}

.green{
	color: green;
}

.greyed{
	color: #555555;
}

.soft{
	color: #404040;
}

.largeFont{
	font: 32px Verdana, Arial;
}

.mediumFont, .headingFont{
	font: bold 18px "Lucida Sans Unicode", "Lucida Grande", Arial;
}

.regularFont{
	
}

.regularBoldFont{
	font: bold 16px Arial;
}

.smallFont{
	font: 11px Verdana, Arial;
}

.softFont{
	font-family: Verdana, Arial;	
	color: #555555;
}

.blackLink{
	color: black;
	
	text-decoration: none;
}

.whiteLink{
	color: white;
}

.redLink, .red{
	color: red;
}

.orangeLink{
	color: #FFA500;
}

.blueLink{
	color: blue;
}

.bufferBottom{
	padding-bottom: 30px; 
}

.indented{
	padding: 20px;
}

.indentedLeft{
	padding-left: 20px;
}

.indent10{
	padding-left: 10px;
}

.indent20{
	padding-left: 20px;
}


.middle, .vmiddle{
	vertical-align: middle;
}

.top, .vtop{
	vertical-align: top;
}

.alignRight{
	text-align: right;
	
	vertical-align: middle;
}

.fleft{
	float: left;
}

.fright{
	float: right;
}

.aleft{
	text-align: left;
}

.aright{
	text-align: right;
}

.centered{
	margin-left: auto;
	margin-right: auto;
	
	text-align: center;
}

.marginCentered{
	margin-left: auto;
	margin-right: auto;
}

.underline{
	text-decoration: underline;
}

.absolute{
	position: absolute;
}


.tooltip{
	cursor: help;
}

.centeredInstruction{
	font: 14px Georgia, Arial;	
	color: #404040;
	line-height: 30px;

	margin-left: auto;
	margin-right: auto;
	
	text-align: center;
}

.vam{
	vertical-align: middle;
}

.pageSeparator{
	width: 50%; 
	
	margin-top: 20px;
	margin-bottom: 20px;
}


.unsupportedBrowserDiv{
	width: 700px;
	margin: 10px;
	padding: 10px;
	
	margin-left: auto;
	margin-right: auto;
	
	text-align: left;
	
	border: 1px solid #808080;
	background-color: #FFFFCC;
}





.fleft{
	float: left;
}

.fright{
	float: right;
}


.softFont, .greyed{
	color: #444444;
}

.centered{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.marginCentered{
	margin-left: auto;
	margin-right: auto;
}

.indented{
	padding-left: 20px;
}

.doubleIndented{
	padding-left: 40px;
}

.vam{
	vertical-align: middle;
}

.vtop{
	vertical-align: top;
}

.aright{
	text-align: right;
}

.aleft{
	text-align: left;
}

.acenter{
	text-align: center;
}


.cpointer{
	cursor: pointer;
}

.padRight5{
	padding-right: 5px;
}

a.nounderline{
	text-decoration: none;
}

.tooltip{
	cursor: help;
}

.noPaddingMargin{
	padding: 0px;
	margin: 0px;
}

















.headerDiv{
	height: 100px;
	background: #6c6c6c url('/images/header_back.gif') repeat-x;
	border-bottom: 1px solid #000000;
}

.headingInfoDiv{
	height: 60px;
	vertical-align: top;
}

.logoDiv{

}

.logoLink{
	font: 20px "Lucida Sans Unicode", "Lucida Grande";
	float: left;
	padding-top: 10px;
	padding-left: 15px;
	color: #c8c8c8;
	text-decoration: none;
	vertical-align: middle;
}

.headingInfo{
	margin-top: 7px;
	margin-right: 5px;
	padding: 5px;
	padding-top: 1px;
	background-color: #414141;
	border: 1px solid #454545;
	border-bottom: none;
	color: #c8c8c8;
}

.headingLoginName, .headingLogoutLink, .headingHomeLink, .headingTime{
	font-weight: bold;
	font-size: 11px;
	color: #c8c8c8;
}

.headingTime{
	font-weight: normal;
}

.tabsDiv{
	vertical-align: bottom;
}

.tabsTable{
	height: 37px;
	margin-top: 3px;
}

.headingTabs{
	padding-left: 14px;
	padding-right: 4px;
	vertical-align: bottom;
}

.tabTd{
	vertical-align: bottom;
}

.headingTabLink{
	color: black;
	text-decoration: none;
	padding-top: 8px;
	cursor: pointer;
}

.headingTab, .headingTabSelected, .headingTabOver, .headingTabSelectedOver{
	font: 16px "Lucida Sans Unicode", "Lucida Grande";
	line-height: 18px;
	height: 17px;
	margin-left: 2px;
	padding: 6px; 
	padding-left: 5px;
	padding-right: 5px;
	color: #c8c8c8;
	background-color: #656565;
	border: 1px solid #454545;
	border-bottom: none;
}

.headingTabSelected, .headingTabSelectedOver{
	position: relative;
	top: 1px;
	height: 20px;
	font: bold 17px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande";
	padding: 8px;
	padding-left: 10px;
	padding-right: 10px;
	color: #000000;
	background-color: #d7d7d7;
	border: 1px solid #000000;
	border-bottom: none;
}

.headingTabBuffer, .headingTabSelectedBuffer{
	width: 8px;
}

.headingTabSelectedBuffer{
	background: url("/images/tab_shading.gif") top left no-repeat;
}

.headingTabOver{
	background: #6f6f6f;
	color: #ffffff;
	border: 1px solid #414141;
	border-bottom: none;
}

.headingTabSelectedOver{
	
}





.pageDiv{
	padding: 20px;
	font-size: 13px;
}

.pageContainer{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.pageContainer550{
	width: 550px;
	margin-left: auto;
	margin-right: auto;
}

.pageHeading{
	font-size: 24px;
	font-weight: bold;
}

.unsupportedBrowserDiv{
	width: 700px;
	margin: 10px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: 1px solid #808080;
	background-color: #FFFFCC;
}



.welcomeHeading{
	padding: 25px;
	margin-top: -10px;
	
	font: 24px Lucida Grande;
}


.userHomeAreaTable{
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	font-size: 13px;
}

.userAreaBox{
	width: 350px; 
	height: 100px;
}

.informReportTable th{
	text-align: left;
}

.informReportTable td{
	font-size: 13px;
	padding: 4px;
	vertical-align: top;
}







.dataEntryGUIArea{
	width: 740px;
	margin-left: auto;
	margin-right: auto;
}	

.dataEntryTestInfoTable{
	margin-left: auto;
	margin-right: auto;
}

.dataEntryTestInfoTable td{
	padding: 8px;
	font-weight: bold;
}

.dataEntryInfoInput{
	width: 250px;
}


.dataEntryTestHeading{
	margin-left: 40px;
	margin-right: 40px;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font: bold 20px "Lucida Sans Unicode", "Lucida Grande";
	color: #404040;
	background-color: #ffffff;
	border: 1px solid #808080;
}

.dataEntryTaskHeading{
	width: 740px;
	margin-bottom: 2px;
	padding: 4px;
	padding-left: 8px;
	color: #ffffff;
	background-color: #808080;
	border: 1px solid #000000;
}


.dataEntryStandardsTableDiv{
	width: 740px;
}

.dataEntryStandardsTable{
	
}

.dataEntryStandardsTable td{
}

.dataEntryItemNumberTd{
	width: 35px;
	height: 31px;
	padding-left: 15px;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
}

.dataEntryItemNumberDiv{
	width: 35px;
}

.dataEntryScoreBox, .dataEntryScoreBoxOver, .dataEntryScoreBoxSelected{
	display: block;
	width: 30px;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 1px;
	margin-bottom: 2px;
	margin-top: 2px;
	font-size: 14px;
	background-color: #ffffff;
	border: 1px solid #808080;
	color: #000000;
	cursor: pointer;
}

.dataEntryScoreBoxOver{
	background-color: #ffffc0;
	border: 1px solid #505050;
}

.dataEntryScoreBoxSelected{
	background-color: #d8e2f6;
	border: 1px solid #0027f0;
}

.dataEntrySaveButtonHeading{
	margin-left: 40px;
	margin-right: 40px;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	color: #404040;
	background-color: #ffffc0;
	border: 1px solid #505050;
}

.dataEntryNotice{
	margin-left: 40px;
	margin-right: 40px;
	padding: 15px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
	color: #404040;
	background-color: #ffffc0;
	border: 1px solid #505050;
}

.dataEntryAdminCodeBox{
	width: 496px;
	margin-bottom: 2px;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 11px;
	color: #404040;
	background-color: #ffffff;
	border: 1px solid #808080;
}

.dataEntryAdminCode{
	width: 100%;
}

.dataEntryAdminCodeReasonTextarea{
	width: 490px;
	height: 45px;
}


.dataEntry_keyboardSupportArea{
	width: 210px;
	float: right;
	margin-right: 40px;
	position: relative;
	top: -10px;
}

.dataEntry_keyboardSupportOnOffText{
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10px;
}

.dataEntry_keyboardSupportTaskDiv{
	float: right;
	padding-right: 164px;
}







.trainingAreaTable{
	width: 740px;
	padding-left: 30px;
	margin-left: auto;
	margin-right: auto;
}

.trainingAreaBox{
	width: 300px; 
	height: 150px;
}

.trainingSubjectLink, .trainingSubjectLinkComplete{
	font: bold 18px "Lucida Grande", Verdana, Georgia;
}

.trainingSubjectLinkComplete{
	color: #444444;
}

.trainingSubjectDescription{
	padding-top: 4px;
	padding-bottom: 4px;
	color: #444444;
}

.trainingSubjectCompleted{
	float: left;
	margin-right: 4px;
	margin-top: -1px;
	color: #444444;
}

.trainingTaskBox, .trainingTaskBoxComplete, .trainingTaskBoxOver, .trainingTaskBoxCompleteOver{
	width: 13px;
	height: 13px;
	margin-right: 2px;
	margin-bottom: 2px;
	background-color: #ffffff;
	border: 1px solid #808080;
}

.trainingTaskBoxComplete{
	background-color: #96b281;
	border: 1px solid #305817;
}

.trainingTaskBoxOver, .trainingTaskBoxCompleteOver{
	background-color: #d8e2f6;
	border: 1px solid #0027f0;
}

.trainingSubjectCheck{
	float: right;
	margin-top: -8px;
}



.trainingOverviewTableContainer{
	width: 550px;
	margin-left: auto;
	margin-right: auto;
}

.trainingOverviewTable{
	margin-left: auto;
	margin-right: auto;
}

.trainingOverviewTable th{
	text-align: left;
	font-size: 18px;
	padding-bottom: 15px;
}

.trainingOverviewTr, .trainingOverviewTrOver{
	cursor: pointer;
}

.trainingOverviewTrOver{
	background-color: #c8c8c8;
}

.trainingTaskNameTd, .trainingTrainingTd, .trainingProficiencyTd{
	padding: 2px;
}

.trainingTaskNameTd{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	
	height: 31px;
}

.trainingTrainingTd{
	width: 298px;
	padding-right: 22px;
}

.trainingTrainingTdTable{
	margin-left: auto;
	margin-right: auto;
}

.trainingTaskBlock{
	padding-right: 8px;
}

.trainingTaskNameDiv{
	padding-top: 1px;
}

.trainingTaskName, .trainingTaskNameComplete{
	font-size: 12px;
	font-weight: bold;
}

.trainingTaskNameComplete, .trainingTaskFontComplete{
	color: #808080;
}

.trainingTaskNameComplete{
	
}

.trainingTaskFont{
	color: #000000;
}

.trainingTaskAttemptsDiv{
	margin-left: 5px; 
	margin-right: 15px;
}

.trainingSectionBox, .trainingSectionBoxOver{
	margin-right: 5px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #ffffff;
	border: 1px solid #808080;
	cursor: pointer;
}

.trainingSectionBoxOver{
	background-color: #d8e2f6;
	border: 1px solid #0027f0;
}

.trainingCheckmarkTd{
	text-align: center;
}

.trainingCheckmarkDiv{
	width: 31px;
	height: 31px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 4px;
}

.trainingSectionLinksTable{
	margin-left: auto;
	margin-right: auto;
}

.trainingSectionLinksTable td{
	vertical-align: bottom;
	text-align: center;
}

.trainingArrowRight{
	vertical-align: middle;
	padding-left: 3px;
	padding-right: 7px;
	padding-bottom: 10px;
}

.trainingArrowRightLong{
	padding-left: 22px;
	padding-right: 27px;
	padding-bottom: 10px;
}

.trainingDownArrow{
	padding-right: 3px;
}

.trainingBlackBar{
	height: 2px; 
	margin-top: 2px;
	border-bottom: 2px solid #000000;
}

.trainingQuickLinks{
	padding-left: 80px;
	color: #444444;
}

.trainingContentArea{
	padding-left: 80px;
	padding-right: 80px;
}

.trainingSoundTable{
	height: 100%;
}

.trainingSoundTableLeftTd{
	padding-right: 10px;
}

.trainingSoundTableRightTd{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 5px;
	background: url("/images/shade_right_shade.gif") top left repeat-y;
	vertical-align: top;
}

.trainingSoundShadeTable{
	height: 100%;
}

.trainingSoundShadeTableTop{
	height: 27px;
	vertical-align: top;
	text-align: right;
	background: url("/images/shade_right_bar.gif") top left repeat-y;
}

.trainingSoundShadeTableMiddle{
	height: 100%;
	vertical-align: middle;
	background: url("/images/shade_right_bar.gif") top right repeat-y;
}

.trainingSoundShadeTableBottom{
	height: 27px;
	vertical-align: bottom;
	text-align: right;
	background: url("/images/shade_right_bar.gif") top left repeat-y;
}

.trainingImage{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.trainingVideo{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.trainingVideoTable{
	margin-left: auto;
	margin-right: auto;
}

.trainingPlayButton{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.trainingList{
	margin-top: 0px; 
	margin-bottom: 0px;
}

.trainingEditPDFLinks{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.trainingEditContent{
	width: 800px;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
}

.trainingCompleteArea{
	width: 194px;
	margin-bottom: 3px;
	margin-left: auto;
	margin-right: auto;
	padding: 2px;
	background-color: #ffffc0;
	border: 1px solid #505050;
}

.trainingSectionLinkMiddleTd{
	width: 100%;
}



.trainingProficiencyTableContainer{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #d7d7d7;
	background: url("/images/proficiency_fade_back.gif?3-3-2008_2") top right no-repeat;
}

.trainingProficiencyTable{
	margin-left: auto;
	margin-top: 70px;
	margin-right: 4px;
}

.trainingProficiencyTable th{
	padding-bottom: 15px;
	text-align: left;
	font-size: 14px;
}

.trainingProficiencyTr, .trainingProficiencyTrOver{

}

.trainingProficiencyTrOver{
	background-color: #c8c8c8;
}


.trainingProficiencyNameTd{
	padding-left: 15px;
	padding-right: 45px;
	padding-top: 8px;
	padding-bottom: 8px;
	
	height: 31px;
	cursor: pointer;
}

.trainingProficiencyNameTdHeading{
	padding-left: 5px;
}


.trainingProficiencyTd, .trainingProficiencyTdHeading{
	padding-left: 15px;
	padding-right: 8px;
}

.trainingProficiencyTd{
	cursor: pointer;
}

.trainingProficiencyTdHeading{
	padding-left: 17px;
}


.trainingProficiencyCheckmarkTd{
	padding-right: 20px;
	text-align: center;
	cursor: pointer;
}

.trainingProficiencyCheckmarkTdHeading{
	padding-right: 22px;
}

.trainingProficiencyTranscriptTd{
	padding-left: 20px;
	width: 200px;
}




a.trainingLinkOut{
	background: url('/images/link_out.gif') center right no-repeat;
	padding-right: 13px;
}

a.trainingLinkOut[href $='.pdf']{
	background: url('/images/link_pdf.gif') center right no-repeat;
	padding-right: 17px;
}


.trainingContentTable{
	margin-left: auto;
	margin-right: auto;
}

.trainingContentTable td{
	padding: 10px;
	vertical-align: top;
}









.pdfsArea{
	width: 740px;
	margin-left: auto;
	margin-right: auto;
}

.pdfsSubArea{
	float: left;
	width: 360px;
	padding-bottom: 20px;
}

.pdfsHeading{
	font-size: 16px;
	font-weight: bold;
}

.pdfsSubHeading{
	padding-left: 30px;
	padding-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
}

.pdfsPDFLink, .XLSLink{
	height: 23px;
	margin-left: 60px;
	
	padding-left: 35px;
	padding-top: 7px;
	background: url("/images/pdf_small.png") top left no-repeat;
}

.XLSLink{
	background: url("/images/xls_small.png") top left no-repeat;
}

#aocc{
	display: none;
}