/* GLOBAL STYLE DECLARATIONS */
body {
	background-color: #E6EEF8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;	
}

table 
{
	empty-cells: show;
}

td 
{
	font-size: 12px;
	color: #000000;
}

input 
{
	font-size: 12px;
	color: #000000;
}

a {
	color: #011C2E;
}
a.subNav-off:hover, a.subnav-off:hover, a.tab-off:hover, a.button-inner:hover, a.button-link:hover  {
	color: #A21E4A;
}
font.error
{
	color:#FF0000;
}
font.completed
{
	color:#008000;
}
font.completedwitherror,p.scheduledtorun
{
	color:#FF6600;	
}
font.processingbatch
{
	color:#000099;
}
font.unexpectederror
{
	color:#000000;
}
font.scheduledtorun
{
	color:#FF6600;	
}



/* SET PAGE WIDTH, HEIGHT, PADDING, ETC */

/* the backslash hack makes MSIE 5 on mac ignore this style \*/
body { 
	text-align: center; /* this will center the page in msie 5 for windows, 
						but it makes msie 5 on mac choke when combined with
						auto margins that center the content for other browsers */
}
body {
	margin: 0px;
	padding: 2px 2px 2px 2px;
}
body.iframe {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;	
	margin: 0px;
	padding: 0px 0px 0px 0px;	
}

#masthead, #tabs, #subnav, #contentframe, #pagetitle , #enrollmentframe, #enrollmentperiodframe, #footer {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

/* MASTHEAD STYLES */
#masthead {
	margin-bottom: 5px;
}
.username {	
	font-weight: bold;
	color: #A21F4A;
	font-size: 14px;
}
.txt-help {
	font-size: 12px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 0px;
}
.txt-datagroup 
{
	font-size: 10px;
	color: #000000;
}

/* WINDOW SHADOW */
.shadow-winTop, .shadow-wintop {
	background-image: url(/images/shadow-tile-top-window.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.shadow-winRight, .shadow-winright {
	background-image: url(/images/shadow-tile-right.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.shadow-winBottom, .shadow-winbottom {
	background-image: url(/images/shadow-tile-bottom.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.shadow-winLeft, .shadow-winleft {
	background-image: url(/images/shadow-tile-left.gif);
	background-repeat: repeat-y;
	background-position: right;
}


/* GLOBAL NAV TABS */
.tab-on, .tab-off {
	font-size: 14px;
	line-height: 16px;
	text-decoration: none;
	background-image: url(/images/tab-on-tile.gif);
	display: block;
	color: #FFFFFF;
	padding-top: 9px;
	padding-bottom: 4px;
	margin: 0px;
}
.tab-off {
	background-image: url(/images/tab-off-tile.gif);
	color: #002D4C;
	
}
.tab-on-tile
{
	background-image: url(/images/tab-on-tile.gif);
}
.tab-off-tile
{
	background-image: url(/images/tab-off-tile.gif);
}


/* SUBNAV */
.subnav-inner {
	background-color: #AEC6E8;
	border-top-width: 4px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00497A;
	border-bottom-color: #00487A;
	font-size: 12px;
	padding: 1px 2px 1px 2px;
	color: #86A3C8;
}
.subNav-on, .subnav-on {
	text-decoration: none;
	color: #FFFFFF;
}
.subNav-off, .subnav-off {
	text-decoration: none;
}

/* PAGE TITLE BAR CONTENT AREA */
.pagetitlebar-content-inner {
	background-color: #FFFFFF;
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-top: 5px;
}

/* ENROLLMENT BAR CONTENT AREA */
.enrollmentbar-content-inner {
	background-color: #FFFFFF;
	padding: 0px 13px;
}

/* CONTENT AREA */
.content-inner {
	background-color: #FFFFFF;
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 11px;
	padding-top:0px;	
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #00487A;
}

/* 13498: content-inner class when in guest-mode.  No bottom border */
.content-inner-guest-mode {
	background-color: #FFFFFF;
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 11px;
	padding-top:0px;	
}

.pageID, .pageid {
	font-size: 14px;
	font-weight: bold;
	color: #A21E4A;
	margin-bottom: 5px;
}
.pageMessage, .pagemessage {
	font-size: 12px;
	font-weight: bold;
	color: #A21E4A;
	margin-bottom: 10px;
}


.standard-bar {
	display: none;
}

/* action buttons */
.button {
	margin-left: 5px;
}
.button-inner {
	font-size: 12px;
	text-transform: lowercase;
	color: #000000;
	text-decoration: none;
	background-image: url(/images/button-tile.gif);
	background-repeat: repeat;
	background-position: top;
	display: block;
	padding: 1px 2px 1px 2px;
	line-height: 14px;
	border-style: none;
	white-space: nowrap;
}

.button-inner-large {
	font-size: 14px;
	text-transform: lowercase;
	color: #000000;
	text-decoration: none;
	background-image: url(/images/button-tile-large.gif);
	background-repeat: repeat-x;
	display: block;
	line-height: 25px;
	/*	padding: 1px 2px 1px 2px;*/
}

.button-link {
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	line-height: 25px;
	/*	padding: 1px 2px 1px 2px;*/
}

#enrollment {
	margin-bottom: 5px;
}

/* these are used for 2-column content screens, like state assessment results */
.content-column-left {
	padding-right: 5px;
}
.content-column-right {
	padding-left: 5px;
}

/* text styles */
.heading {
	font-size: 14px;
	font-weight: bold;
}
.txt-normal {
	font-size: 12px;
	color: #000000;
}
.smallNote {
	font-size: 8pt;
	color: #00426f;
}

/* MINI WINDOW */
.titleBar-corners, .titleBar, .titlebar-corners, .titlebar {
	background-image: url(/images/blueWin-tile.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.titleBar, .titlebar {
	font-size: 12px;
	color: #FFFFFF;
	height: 26px;
	margin: 0px;
	padding: 0px;
}
.miniWin-innerCorners-innerColor, .miniwin-innercorners-innercolor { /* USE THIS STYLE ONLY WHEN THERE ARE BLUE COLUMN HEADS */
	background-color: #BDD1EC;
}
.miniWin-innerCorners-innerColorWhite, .miniwin-innercorners-innercolorWhite { /* USE THIS STYLE ONLY WHEN THERE ARE BLUE COLUMN HEADS */
	background-color: #FFFFFF;
}
table.miniWin-contentArea, table.miniwin-contentarea {
	border-right-width: 8px;
	border-left-width: 8px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #245995;
	border-left-color: #245995;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #245995;
}
td.miniWin-topPane, td.miniwin-toppane { /* this style is used when the miniWin has more than one content area, like in state assessment results */
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #245995;
}

/* these are for disabled mini windows */
.titleBar-disabled,.titlebar-disabled {
	background-image: url(/images/blueWin-tile-disabled.gif);
	background-repeat: repeat-x;
	background-position: bottom;	font-size: 12px;
	color: #FFFFFF;
	height: 26px;
	margin: 0px;
	padding: 0px;
}
.titleBar-corners-disabled, .titlebar-corners-disabled {
	background-image: url(/images/blueWin-tile-disabled.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.miniWin-contentArea-disabled, .miniwin-contentarea-disabled {
	border-right-width: 8px;
	border-left-width: 8px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #92ADCC;
	border-left-color: #92ADCC;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #92ADCC;
}
.column-middle-disabled {
	font-size: 12px;
	color: #999999;
	padding: 5px 0px 5px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #92ADCC;
}


/* USE THESE STYLES FOR MULTI-COLUMN WINDOWS */
.columnHead-noborder, .columnhead-noborder, .columnhead-noborder, .columnHead-noborder
{
	font-size: 12px;
	color: #000000;
	background-color: #BDD1EC;
	font-style:normal;
	font-weight:normal
}
.columnHead-left, .columnHead, .columnHead-right, .columnhead-left, .columnhead, .columnhead-right {	
	font-size: 12px;
	color: #000000;
	background-color: #BDD1EC;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #245995;
	font-style:normal;
	font-weight:normal
}
	
.column-left-noborder, .column-middle-noborder, .column-right-noborder
{	
	font-size: 12px;
	color: #000000;
	padding: 2px 0px 2px 5px;
}

.column-left, .column-middle, .column-right {
	font-size: 12px;
	color: #000000;
	padding: 2px 0px 2px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #245995;
}

/* These need to come after the three definitions above to overwrite the padding-right of 0px */
.columnHead-right, .columnhead-right, .column-right-noborder, .column-right {	
	padding-right: 5px;
}

/* USE THIS STYLE FOR SINGLE COLUMN WINDOWS */
.column-oneColumn, .column-onecolumn {
	font-size: 12px;
	color: #000000;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #245995;
}

/* pagination styles */
#pagination {
	margin-top: 5px;
}
.pagination-inactive {
	font-size: 12px;
	color: #CCCCCC;
}
.pagination-pageUpDown, .pagination-pageupdown {	
	font-size: 12px;
	color: #A21E4A;
	text-decoration: none;
}
.pagination-currentPage, .pagination-currentpage {
	font-size: 12px;
	font-weight: bold;
}
.pagination-pageNums, .pagination-pagenums {
	font-size: 12px;
	color: #000000;
}
/* for horizontal scrolling mini-windows */
.scrollWin-horiz, .scrollwin-horiz {
	overflow: auto;
	overflow-x:scroll;
	padding: 0px 0px 16px 0px;
 }
 /* for vertical scrolling mini-windows */
.scrollWin-vertical, .scrollwin-vertical {
	height:150px;
 }
 /* horrible vertical scroll issues with MSIE 5 on mac, so hide the scroll from it \*/
 .scrollWin-vertical, .scrollwin-vertical {
	overflow-y: scroll;
    voice-family: "\"}\"";
    voice-family:inherit;
    overflow-y: visible;
 }
 .scrollWin-vertical, .scrollwin-vertical {
 	overflow: auto;
}
 

/* for unique elements that appear above the mini-window, like the navigation pulldown in the State Assessment screens */
#miniWin-above, #miniwin-above { 
	height: 22px;
	margin-bottom: 10px;
}
#settings { /* for top-alignment in the state assessment screen */
	margin-top: 32px;
}

/* cancel or submit buttons at the bottom of the window */
#formButtonRow, #formbuttonrow {
	text-align: right;
	margin-top: 10px;
}
input.formButton, input.formbutton {
	font-size: 14px;
}



/* FOOTER AREA */
#footer {
	margin-top: 0px;
}
.footer {
	font-size: 11px;
	color: #00426f;
	padding: 0px 5px 0px 5px;
}

/* ONLINE TESTING */

.testborder {
	background-color: #AEC6E8;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #00497A;
	height: 0px;
	font-size: 0px;
	padding: 0px 10px 0px 10px;
	color: #86A3C8;
}

.testname{
	color: #A21F4A;
	font-size: 18px;
}

.testsummary {
	font-size: 18px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

.testbuttontext {
	font-size: 14px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

.GridPlusFooterStyle, .gridplusfooterstyle
{
  color: #003399;
  /*color: #FFE209;*/
  font-size: 10pt;
  background-color: #DAE7FA;
  text-align:center;
}

/*RAO Added Styles*/
.columnHead-Center, .columnhead-center{
	font-size: 12px;
	color: #000000;
	text-align:center;
	font-style:normal;
	font-weight:normal
}

.griditem-text-align-left
{
	font-size: 12px;
	color: #000000;
	padding: 5px 0px 5px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #245995;
	text-align:left;
}

.GridPlusFooterSummaryStyle, .gridplusfootersummarystyle
{
  color: #003399;
  /*color: #FFE209;*/
  font-size: 10pt;
  background-color: #DAE7FA;
  border-top-style:solid;
  border-top-width:2px;
  border-top-color:Black;
  text-align:center;
}

.headerbox-button-inner 
{
	font-size: 12px;
	text-transform: lowercase;
	color: #000000;
	text-decoration: none;
	background: #fff url(/images/button-tile.gif) repeat left top;
	display: block;
	padding: 1px 2px 1px 2px;
	line-height: 14px;
	border-style: none;
	white-space: nowrap;
}

.headerbox-button-inner-disable
{
	font-size: 12px;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: none;
	background: #fff url(/images/button-tile.gif) repeat left top;
	display: block;
	padding: 1px 2px 1px 2px;
	line-height: 14px;
	border-style: none;
	white-space: nowrap;
}

.headerbox-button-inner:mouseover
{
	cursor: hand;
	color: #a21e4a;
}
.headerbox-button-inner:hover
{
	color: #A21E4A;
}

/* pagination styles */
#pagination {
	margin-top: 5px;
}
.pagination-inactive {
	font-size: 12px;
	color: #CCCCCC;
}
.pagination-pageUpDown, .pagination-pageupdown {	
	font-size: 12px;
	color: #A21E4A;
	text-decoration: none;
}
/*	font-weight: bold;*/
.pagination-currentPage, .pagination-currentpage {
	font-size: 16px;
}
.pagination-pageNums, .pagination-pagenums {
	font-size: 12px;
	color: #000000;
}

.EssentialStd, .essentialstd
{
	background : #FFFFCC;
	color : #000000;
	font-size : 8pt;
	font-weight : normal;
	font-family : Arial, Tahoma;

}
.NonEssentialStd, .nonessentialstd {
	background : #ffffff;
	color : #000000;
	font-size : 8pt;
	font-weight : normal;
	font-family : Arial, Tahoma;
}
.processing
{
	font-family:Tahoma, Arial;
	font-size:11pt;
	font-style: italic;
	font-weight:bold;
	color:#245995;
}
.errorMsg
{
	font-family:Arial,Sans-Serif;
	font-size:10pt;
	color:#A21E4A;
}
.loadCurtain
{
	position: absolute;
	visibility: visible;
	display: none;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #000000;
	filter: alpha(opacity=20);
	opacity: .2;	
	z-index: 9999;
}
.loadMessage
{
	BORDER: #000000 1px solid;
	LEFT: 60px;
	visibility: visible;
	DISPLAY: none; 
	WIDTH: 300; 
	POSITION: absolute; 
	TOP: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: -75px;
	HEIGHT: 150px; 
	BACKGROUND-COLOR: #FFFFFF;	
	z-index: 10000;
}
.loadBlocker
{
	width: 100%;
	height: 100%;
	background: #000000;
	filter: alpha(opacity=20);
	opacity: .2;
}