.BasicLabelControlLabel
{
	border: solid 1px #888888;
	width: 100px;

}

.BasicLabelControlTitle
{
	width: 100px;
	float: left;
}


.BasicTextControlText
{
	border: solid 1px #888888;
	width: 250px;
}

.BasicTextControlTitle
{
	width: 100px;
	float: left;
}


.BooleanToggleControlTitle
{
	width: 100px;
	float: left;
}



.ConfigureControl
{
	width: 900px;
	background-color: #ccddff;
	padding: 4px;
}

.ConfigureLockControlContentContainer
{
	 margin: 10px;
	 border: solid 2px black;
	 background-color: #f8ff2c;
	 color: red;
	 font-weight: bold;
	 padding: 5px;
}




.StageStrandOutcomeControlContainerControl
{
	z-index: 100;
	background-color: #ffffaa;
	padding: 4px;
	border: solid 1px #888888;
	position: absolute;
	top: 0;
	overflow:visible;
}

.StageStrandOutcomeControlListItem
{
	border-bottom: solid 1px #cccc88;
	padding: 2px;
	font-size: 8pt;
	font-weight: bold;
	width: 550px;
	cursor: pointer;
	text-decoration: underline;
	color: #003366;
}

.StageStrandOutcomeControlCloseBox
{
	float: right;
	border: solid 1px #888888;
	height: 20px;
	width: 20px;
	padding: 2px;
	cursor: pointer;
}


.DropdownMenuControlDropdownContainer
{
	background-color: #ccddff;
	width: 300px;
	height: 40px;
	text-align: center;
}






.ImportControlLoadingControl
{
	border: solid 1px #888888;
	background-color: #aaffdd;
	padding: 4px;
}

.ImportControlOptionsContainer
{
	text-align: right;
}


/* ----------------------------------------- ListControl options  */
.ListControl
{
	/*width: 500px;*/
	background-color: #dddddd;
	margin-top: 5px;
	
	border: solid 1px #888888;
	margin-bottom: 40px;
	
}

.ListControlStudents
{
	/*width: 500px;*/
	background-color: #dddddd;
	margin-top: 5px;
	
	border: solid 1px #888888;
	margin-bottom: 40px;
	
}

.ListControlReports
{
	/*width: 500px;*/
	height:400px;
	background-color: #dddddd;
	margin-top: 5px;
	
	border: solid 1px #888888;
	margin-bottom: 40px;
	
}

/* ----------------------------------------- ListControl.ListContainer options  */

.ListControl .ListContainer
{
	overflow: scroll;
	/*height: 350px;*/
}

.ListControlStudents .ListContainerStudents
{
	overflow: scroll;
	/*height: 350px;*/
}

.ListControlReports .ListContainerReports
{
	overflow: visible;
	/*overflow:visible;*/
	height:500px;
}

/* ----------------------------------------- ListControl.Row options  */

.ListControl .RowHeader TD
{
	border-bottom: dotted 2px #888888;
	/*background-color: #ccddff;*/
	background-color: #cccccc;
	font-weight: bold;
	padding: 1px;
}
.ListControlStudents .RowHeader TD
{
	border-bottom: dotted 2px #888888;
	/*background-color: #ccddff;*/
	background-color: #cccccc;
	font-weight: bold;
	padding: 1px;
}
.ListControlReports .RowHeader TD
{
	border-bottom: dotted 2px #888888;
	/*background-color: #ccddff;*/
	background-color: #cccccc;
	font-weight: bold;
	padding: 1px;
}






.ListControl .RowNormal TD
{
	border-right: solid 1px #888888;
	border-bottom: solid 1px #888888;
	background-color: #ffffff;
	padding: 2px;
	cursor: pointer;
}
.ListControlStudents .RowNormal TD
{
	border-right: solid 1px #888888;
	border-bottom: solid 1px #888888;
	background-color: #ffffff;
	padding: 2px;
	cursor: pointer;
}
.ListControlReports .RowNormal TD
{
	border-right: solid 1px #888888;
	border-bottom: solid 1px #888888;
	background-color: #ffffff;
	padding: 2px;
	cursor: pointer;
}




.ListControl .RowAlt TD
{
	border-right: solid 1px #888888;
	border-bottom: solid 1px #888888;
	background-color: #eeeeee;
	padding: 2px;
	cursor: pointer;
}
.ListControlStudents .RowAlt TD
{
	border-right: solid 1px #888888;
	border-bottom: solid 1px #888888;
	background-color: #eeeeee;
	padding: 2px;
	cursor: pointer;
}
.ListControlReports .RowAlt TD
{
	border-right: solid 1px #888888;
	border-bottom: solid 1px #888888;
	background-color: #eeeeee;
	padding: 2px;
	cursor: pointer;
}









.ListControl .RowNormalHighlight TD
{
	border-right: solid 1px #888888;
	border-bottom: solid 1px #888888;
	background-color: #aaffaa;
	padding: 2px;
	cursor: pointer;
}
.ListControlStudents .RowNormalHighlight TD
{
	border-right: solid 1px #888888;
	border-bottom: solid 1px #888888;
	background-color: #aaffaa;
	padding: 2px;
	cursor: pointer;
}
.ListControlReports .RowNormalHighlight TD
{
	border-right: solid 1px #888888;
	border-bottom: solid 1px #888888;
	background-color: #aaffaa;
	padding: 2px;
	cursor: pointer;
}








.ListControl .RowAltHighlight TD
{
	border-right: solid 1px #888888;
	border-bottom: solid 1px #888888;
	background-color: #aaffaa;
	padding: 2px;
	cursor: pointer;
}
.ListControlStudents .RowAltHighlight TD
{
	border-right: solid 1px #888888;
	border-bottom: solid 1px #888888;
	background-color: #aaffaa;
	padding: 2px;
	cursor: pointer;
}
.ListControlReports .RowAltHighlight TD
{
	border-right: solid 1px #888888;
	border-bottom: solid 1px #888888;
	background-color: #aaffaa;
	padding: 2px;
	cursor: pointer;
}






.menuitem-normal
{
	width: 100px;
	height: 35px;
	background-color: #ffdddd;
	text-align: center;
	font-weight: bold;
	font-size: 8pt;
	float: left;
	color: #888888;
	cursor: pointer;
	margin-left: 1px;
}

.menuitem-selected
{
	width: 100px;
	height: 35px;
	background-color: #ccddff;
	text-align: center;
	font-weight: bold;
	font-size: 8pt;
	float: left;
	color: #003366;
	cursor: pointer;
	margin-left: 1px;
}

.menucontent-normal
{
	display: none;
}

.menucontent-selected
{
	display: block;
}



.ObservationSurveyOuter
{
	background-color: #ccddff;
	width: 808px;
}

.ObservationSurveyInner
{
	height: 400px;
	width: 800px;
	padding: 4px;
}



.OptionDropdownControlSelectControl
{
	width: 250px;
}


.OptionDropdownControlTitle
{
	width: 100px;
	float: left;
}


.OptionGroupControlRadioButton
{
	font-size: 8pt;
	color: #666666;
	margin-right: 10px;
}


.PaneControlTitleControl
{
	font-weight: bold;
}

.PaneControlHelpTextControl
{
	color: #666666;
}


.PopupContainerControlPopupContainer
{
  z-index: 200;
  border: solid 3px #003366;
  background-color: #ffffaa;
  display: none;
  position: absolute;
  left: 150px;
  top: 100px;
}

.PopupContainerControlIFrame
{
  position:absolute;
  top:100px;
  left: 150px;
  display:none;
}

.PopupContainerControlTitleControl
{
	font-weight: bold;
	color: white;
	background-color: #003366;
	padding: 2px;
	margin-bottom: 2px;
}

.PopupContainerControlContentControl
{
	padding: 2px;
}

.PopupContainerControlButtonContainer
{
	border-top: solid 1px #003366;
	padding: 2px;
	text-align: center;
}


.PopupMessageControlMessageControl
{
  z-index: 200;
  width: 400px;
  height: 100px;
  border: solid 3px #003366;
  background-color: #ffffaa;
  padding: 4px;
  display: none;
  position: absolute;
  left: 150px;
  top: 100px;
  text-align: center;
  font-weight: bold;
  color: #003366;
}

.PopupMessageControlIFrame
{
  width:400px;
  height:100px;
  position:absolute;
  top:100px;
  left: 150px;
  display:none;
}



.ReportCommentControlCommentTextAreaControl
{
	font-family: verdana, arial;
	font-size: 10pt;
	width: 890px;
	height: 300px;
}



.ReportControlNavigatorContainerOuter
{
	width: 600px;
	background-color: #aaffaa;
}

.ReportControlNavigatorContainerInner
{
	padding: 4px;
}

.ReportControlImage
{
	cursor: pointer;
}

.ReportControlImageContainerL
{
	padding-left: 6px;
	padding-right: 6px;
	border-right: solid 1px #888888;
}

.ReportControlImageContainerR
{
	padding-left: 6px;
	padding-right: 6px;
	border-left: solid 1px #888888;
}

.ReportControlMenuContainer
{
	margin-top: 15px;
}

.ReportControlContentContainer
{
	background-color: #ccddff;
	width: 1000px;
	/*height: 380px;*/
	padding: 4px;
}

.ReportControlStageContainer
{
	text-align: right;
	margin-right: 20px;
	width: 200px;
	float: right;
	margin-top: 15px;
}

.ReportControlActionsContainerOuter
{
	width: 300px;
	background-color: #ffffaa;
}


.ReportControlActionsContainerInner
{
	/*height: 90px;*/
	padding: 4px;
}

.ReportControlActionLink
{
	display: block;
}



input.ReportingPeriodsControlTextControl
{
	width: 250px;
	border: solid 1px #888888;
}



.ReportingPeriodsAddContainer
{
	margin-top: 20px;
	width: 800px;
	height: 80px;
	background-color: #ffffaa;
	padding: 4px;
	border: solid 1px #888888;
}


.ReportingPeriodsEditContainer
{
	margin-top: 20px;
	width: 800px;
	height: 80px;
	background-color: #aaffaa;
	padding: 4px;
	border: solid 1px #888888;
}

.ReportingPeriodCancelButton
{
	border: solid 1px #888888;
	margin-left: 15px;
}







.ReportSubjectControlTable div
{
	
	font-weight: bold;
}

.ReportSubjectControlTable span
{
	font-weight: bold;
}


.ReportSubjectControlTable input
{
	margin-top: 10px;
}

.ReportSubjectControlTeacherCommentTextAreaControl
{
	font-family: verdana, arial;
	font-size: 10pt;
	width: 650px;
	height: 175px;
}

.ReportSubjectControlSameOverallAchievementStudentCountControl
{
	padding: 4px;
}




.SchoolTemplateClassControlAllContainer
{
	margin-top: 20px;
	width: 750px;
	height: 80px;
	background-color: #ffffaa;
	padding: 4px;
	border: solid 1px #888888;
}


.SchoolGradeAnalysisOuter
{
	background-color: #aaffaa;
	width: 900px;
}

.SchoolGradeAnalysisInner
{
	height: 350px;
	padding: 4px;
}


.SchoolListControlAddContainer
{
	margin-top: 20px;
	width: 742px;
	height: 80px;
	background-color: #ffffaa;
	padding: 4px;
	border: solid 1px #888888;
}

.SchoolListControlEditContainer
{
	margin-top: 20px;
	width: 750px;
	height: 80px;
	background-color: #aaffaa;
	padding: 4px;
	border: solid 1px #888888;
}

.SchoolListControlTitleControl
{
	font-weight: bold;
	margin-bottom: 10px;
}

.SchoolListControlTextControl
{
	border: solid 1px #999999;
	width: 300px;
	margin-left: 10px;
}

.SchoolListControlButton
{
	border: solid 1px #999999;
	margin-left: 10px;
}





.SchoolReportingPeriodContentContainer
{
	 margin-top: 10px;
	 border: solid 2px black;
	 background-color: #f8ff2c;

	 padding: 5px;
}




#securityMenuContent
{
	border-top: solid 10px #ccddff;
}

#SecurityGroupControl
{
	width: 800px;
	background-color: #ccddff;
}

#SecurityGroupControlInner
{
	height: 400px;
	padding: 4px;
}

#SecurityGroupControlList
{
	width: 792px;
	height: 300px;
	background-color: #eeeeee;
	overflow: auto;
	border: solid 1px #888888;
}

.SecurityGroupControlListItem
{
	border-bottom: solid 1px #aaaaaa;
	padding: 4px;
	font-weight: bold;
}

.SecurityGroupControlListItemPrivilege
{
	margin-left: 20px;
	font-weight: normal;
}







#SecurityUserControl
{
	width: 800px;
	border: solid 4px #ccddff;
	background-color: #f6f6f6;
}



#SecurityUserControlMenuContent
{
	clear: left;
}

#SecurityUserControlMenuContent_1,
#SecurityUserControlMenuContent_2,
#SecurityUserControlMenuContent_3
{
	border: solid 10px #ccddff;
	
	background-color: #ccddff;
	width: 700px;
}





#SecurityUserControlInner
{
	padding: 4px;
	
}

.SecurityUserControlLabel
{
	width: 100px;
	float: left;
	font-weight: bold;
}



#SecurityUserGroupControl
{
	width: 800px;
	background-color: #ccddff;
}

#SecurityUserGroupControlInner
{
	height: 400px;
	padding: 4px;
}

#SecurityUserGroupControlList
{
	width: 792px;
	height: 300px;
	background-color: #eeeeee;
	overflow: auto;
	border: solid 1px #888888;
}

.SecurityUserGroupControlListItem
{
	border-bottom: solid 1px #aaaaaa;
	padding: 4px;
	font-weight: bold;
}



.SortOrderControlTableControl
{
	border-top: solid 1px #666666;
	border-left: solid 1px #666666;
}

.SortOrderControlTableControl td
{
	border-bottom: solid 1px #666666;
	border-right: solid 1px #666666;
	padding: 2px;
	
}

.SortOrderControlTDMove
{
	cursor: pointer;
}

.SortOrderControlTDItem
{
	font-weight: bold;
}

.SortOrderControlTR
{
	background-color: #ffffff;
}

.SortOrderControlTRAlt
{
	background-color: #dddddd;
}

.SortOrderControlTableControlSelectedItem
{
	background-color: #003366;
	color: white;
	cursor: pointer;
}

.SortOrderControlTableControlNormalItem
{
	background-color: white;
	cursor: pointer;
}

.SortOrderControlButtonControl
{
	margin-top: 10px;
	width: 500px;
}


.SpellCheckerControlButton
{
  font-weight: normal;
  color: #336699;
  text-decoration: underline;  
  cursor: pointer;
}


.StageStrandOutcomeControlContainerControl
{
	z-index: 100;
	background-color: #ffffaa;
	padding: 4px;
	border: solid 1px #888888;
	position: absolute;
	top: 0;
	overflow:visible;
}

.StageStrandOutcomeControlListItem
{
	border-bottom: solid 1px #cccc88;
	padding: 2px;
	font-size: 8pt;
	font-weight: normal;
	width: 700px;
	cursor: pointer;
	text-decoration: underline;
	color: #002244;
}

.StageStrandOutcomeControlCloseBox
{
	float: right;
	border: solid 1px #888888;
	height: 20px;
	width: 20px;
	padding: 2px;
	cursor: pointer;
}





.StudentsControlOuter
{
	width: 1000px;
	background-color: #aaffaa;
}

.StudentsControlInner
{
	padding: 4px;
}



.StudentsControlStudentCountTextControl
{
	margin-top: 5px;
	font-weight: bold;
	text-align: right;
	margin-left: 15px;
}

.StudentsControlFlatButton
{
	border: solid 1px black;
	margin-right: 10px;
}


.StudentsControlReportingEnabledTextControl
{
	margin-top: 5px;
	font-weight: bold;
	text-align: right;
	margin-left: 5px;
}


body 
{
	margin: 0 0 0 0;
}

body, table, td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

a:link, a:visited
{
	color: #003366;
	text-decoration: none;
}

a:hover
{
	color: black;
	text-decoration: underline;
}

a:active
{
	color: red;
}

div.BusyIndicator
{
	z-index: 200;
	
	font-weight: bold;
	font-size:40px;
	color:#F00;
	/*background-color:#FFF;*/
	background-image:url(../blot.png);
	
	
	padding: 1px;
	border-top: solid 4px #000;
	border-bottom: solid 4px #000;
	border-left: solid 4px #000;
	border-right: solid 4px #000;
	position: absolute;
	/*top: 10px;*/
	/*top: 30px;
	left: 10px;*/
	top: 0px;
	left: 0px;
	/*width: 900px;*/
	/*width: 80%;*/
	width: 1000px;
	/*height: 600px;*/
	/*height: 650px;*/
	height: 700px;
	display: none;
}

/*
span.anchor
{
	cursor: pointer;
	color: black;
	text-decoration: underline;	
}
*/

.logo-background
{
	border-bottom: solid 7px #ccddff;
	padding: 5px 5px 0px 0px;
}

.page-content
{
	padding: 5px 5px 5px 5px;
}
input.TextShort, input.TextMedium, input.TextLong, input.FlatButton, input.TextTiny, input.TextShort-readonly
{
	border: solid 1px #999999;
}

input.TextTiny
{
	width: 50px;
}

input.TextShort
{
	width: 100px;
}

input.TextShort-readonly
{
	width: 100px;
	color: #777777;
}

input.TextMedium
{
	width: 200px;
}

input.TextLong
{
	width: 400px;
}

select.FixedWidth
{
	width: 205px;
}

.action-message
{
	color: red;
	font-weight: bold;
	margin: 20px 20px 2px 20px;
	border: dashed 1px red;
	padding: 5px;
	width: 400px;
}

.showhide-hidden
{
	display:none;
}

.showhide-visible
{
	display:block;
}

img.icon, input.icon
{
	margin-left: 2px;
	margin-right: 2px;
	padding-left: 2px;
	padding-right: 2px;
	border-left: solid 1px #888888;
	border-right: solid 1px #888888;
}

img.icon-alt
{
	margin-right: 2px;
	padding-right: 2px;
	border-right: solid 1px #888888;
	cursor: pointer;
}

#printContent TH
{
	font-weight: bold;
}

#printContent .Title
{
	font-weight: bold;
}


#printContent .Details
{
	font-size: 9pt;
}

#printContent LI
{
	margin-bottom: 5px;
}



.SubjectSortOrderListContainer
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.SubjectsSortControlHelpText
{
	margin: 5px;
	font-size: 8pt;
}




.TextAreaControlLabel
{
	font-weight: bold;
}

.TextAreaControlAutoSave
{
	font-weight: normal;	
}


.TextAreaControlMaxLength
{
	font-weight: normal!important;	
}

.TextAreaControlTextAreaControl
{
	font-family: arial;
}


.TextControlTextControl
{
	border: solid 1px #888888;
	width: 250px;
}

.TextControlLabel
{
	width: 100px;
	float: left;
	font-weight: bold;
}


.UploadControlFileFlat
{
	border: solid 1px #888888;
	width: 300px;
}

.UploadControlButtonFlat
{
	border: solid 1px #888888;
	margin-left: 10px;
}


.VerticalContainerControlTitle
{
	font-weight: bold;
	border: solid 1px #888888;
	padding: 4px;
}

.VerticalContainerControlPane
{
	padding: 4px;
	border-left: solid 1px #aaaaaa;
	border-right: solid 1px #888888;
	border-bottom: solid 1px #888888;
}