﻿/* Page Styles - Move */
.helpIcon 
{
	margin-left: 4px;
	line-height: 35px;
	vertical-align: middle;
}
div.content {
    padding-bottom: 10px;
}

    div.content_header {
        background: url('images/header_page_0.gif') repeat-x scroll top left; 
        height: 35px;
        line-height: 35px;
        padding: 0 10px;
    }
        /* Corresponds to 11 in RT Text Style */
        .header_title {
                font-family:Trebuchet MS, Myriad, Arial;
                font-size:14pt;
                color:#38497B;
                font-weight: bold;
                text-transform: uppercase; 
                display: inline;
        }
            
        div.header_text {
            float: right;
            font-size:10pt;
            height: 35px;
        }
   
            /* RT Text: 12 */
            .header_text a:hover, .header_text a:visited, .header_text a:link, .header_text a:active {
                color:#38497B;
                text-transform: uppercase;
                font-family: Trebuchet MS,Myriad,Arial;
				font-weight: bold;
				text-decoration: none; 
            }
            
    div.header_shadow {
        background: url('images/header_page_shadow_0.gif') repeat-x scroll top left;
/*        border: 1px solid #B7BABB; */
        border-top-style: none;
        padding-top: 10px;
    }
    div.content_body_padding 
    {
		padding: 0px 4px 10px 4px;
    }
.infoText 
{
	font-size: 9pt;
	padding: 0px 0px 20px 10px;
	width: 700px; 
	margin-left: auto; 
	margin-right: auto;
}
/* Student Profile    */
#divStudentProfile 
{
	min-width: 800px;
	white-space: nowrap;
}
#divStudentProfileTxt 
{
	height: 0px;
}
#divStudentProfileSub 
{
	position: relative;
	width: 100%;
	height: 100px;
	white-space: nowrap;
}
tblStudentProfileWrapper 
{
	vertical-align: top;
}
#divStudentProfileImage 
{ 
	margin-right: 10px;	
}
.tdStudentProfile 
{
	vertical-align: top;
}
#divStudentProfileData 
{ 
	margin: 0px 10px 4px 0px;
}
#tblStudentProfile 
{
	border: solid 1px #CCCCEE;
}
#divEditProfile 
{
	display: table;
}
#divStudentProfileSearch 
{
	float: left;
	border: solid 1px #CCCCEE;
	height: 69px;
	width: 282px;
	padding: 2px 6px 0px 6px;
	background-color: #F1F4FF; 
}
#divStudentDataWrapper 
{
	display: block;
	white-space: nowrap;
	margin-top: 10px;
	min-width: 800px;
}
.divDatagridWrapper 
{
	display: block;
	position: relative;
	margin-bottom: 14px;
	width: 100%;
}
.divDatagridHeader 
{
	background-color: #F1F4FF;
/*	background-color: #F0FCFF; */
	border-top: solid 1px #87D6F8;
	border-left: solid 1px #87D6F8;
	border-right: solid 1px #87D6F8;
}
.divDatagridSubHeader 
{
	display: inline-block;
	height: 26px;
	background-color: #CCDDEE;
	width: 100%;
/*	padding-left: 8px;
	width: 99.3%; 	 FIX THIS FOR SAFARI!! -Bob
	border-bottom: solid 1px #87D6F8;
	background-color: #CCEAFF; */
}
.divDatagridHeaderData 
{
	padding: 0px;
}
.divDatagridHeaderDataPadded
{
	padding: 8px;
}
.divDatagridSubHeaderLeft 
{
	display: inline;
	width: 300px;
	margin-left: 8px;
}
.divDatagridSubHeaderRight 
{
	position: absolute;
	right: 10px;
	top: 2px;
	font-family: Arial, Helvetical, Sans-Serif;
	font-weight: bold;
	font-size: 9pt;
	color: #38497B;
	height: 24px;
}
span.SubheadRightText 
{
	vertical-align: middle;
}
span.SubheadRightCombo 
{
	vertical-align: middle;
}	
span.SubheadRightBtnAssign 
{
	vertical-align: middle;
} 
.tblFieldName 
{
	font-weight: bold;
	white-space: nowrap;
}
.tdGrid 
{
	border-bottom: solid 1px #87D6F8;
}
.txtNowrap 
{
	white-space: nowrap;
}
.vertMiddle 
{
	vertical-align: middle;
}
#alphaBar 
{
	vertical-align: bottom;
	background-image: url(images/AlphaTabs2.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
	width: 94%;
	white-space: nowrap;
}
#subAlphaBar 
{
	background-image: url(images/AlphaTabs.gif);
	width: 475px;
}
.spaceRt 
{
	margin-right: 20px;
}
.studentCount 
{
	margin-left: 10px;
}
td.fieldName 
{
	width: 70px;
	font-weight: bold;
}
td.fieldBox 
{
	width: 140px;
}
.searchBox
{
	border: solid 1px #CCCCEE;
	background-color: #E1EDFF;
	padding: 2px;
}
#searchStudents 
{
	border: solid 1px #CCCCEE;
	background-color: #E1EDFF;
}
#searchGuardians 
{
	border: solid 1px #CCCCEE;
	background-color: #E1EDFF;
}
#searchGuardiansByStudent 
{
	border: solid 1px #CCCCEE;
	background-color: #E1EDFF;
}
/* Modal Popup Stuff */
.modalBackground 
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.modalPopup 
{
	background-color: white;
	border-width: 2px;
	border-style: solid;
	border-color: #ddddee;
	padding: 3px;
}
.movableBox 
{
	width: 320px;
	background-color: #ceddee;
	border: 1px solid #ccccee;
	color: #666;
}
.movableBox520w 
{
	width: 520px;
	background-color: #ceddee;
	border: 1px solid #ccccee;
	color: #666;
}
.popupContentWrapper 
{
	background-color: white;
	height: auto;
	padding-bottom: 10px;
}
.popupPaddedContent 
{
	padding: 6px 1em 2px 1em;
	vertical-align: top;
}
.popupPaddedContent300h 
{
	padding: 6px 1em 2px 1em;
	vertical-align: top;
	height: 300px;
}
.popupTopBar {
  background-color: #ceddee;
  color: #555;
  font-weight: bold;
  padding: 1px 1px 0px 1em;
  height: 26px;
  cursor: move;
}
.popupTopBar_noMove {
  background-color: #EFCB02;
  color: #555;
  font-weight: bold;
  padding: 1px 1px 0px 1em;
  height: 26px;
}
.popupButtonsCenter 
{
	text-align: center;
	margin-top: 6px;
}
.popupButtonSpaceRight 
{
	padding-right: 8px;
}
.popupButtonSpaceLeft 
{
	padding-left: 8px;
}
.popupFieldMargin 
{
	margin-bottom: 2px;
	width: 100%;
}
hr.popupSep 
{
color: #dddddd; background-color: #dddddd; height: 1px; padding: 0px 0px 0px 0px; border: solid 1px #dddddd;
}
div.popupInfo 
{
	color: #999;
}

/* Icon Table Stuff */
form fieldset.sr{
	border-width:1px;
	border-style: solid;
	border-color: #cccccc;
	background-color: #f3f3f8;
	margin: 0px 0px 14px 0px;
	position:relative;
	display:block;
	padding: 0px 14px 14px 10px;
	
}

form fieldset.sr legend{
	font-weight:bold;		
	background-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	border-color:#888888;
	padding:2px;
	margin:0px 0px 0px 0px;
	position:relative;
	top: -10px;
	width: auto;
}
.icons
{
	font-family:Arial, Helvetica, Sans-Serif; 
	font-size:9pt; 
	color:#38497B;  
	white-space:nowrap;
}
table.icons
{
	margin: 6px 0px 6px 6px;
	border-collapse: collapse;
}
table.icons td 
{
	padding-right: 10px; 
	padding-left: 10px;
	padding-bottom: 8px; 
	vertical-align: bottom;
	text-align: center;
}
.iconHelpContainerHide 
{
	display: none; 
}
.iconHelpContainerShow 
{
	display: block;
	background-color: white; 
	padding: 4px 4px 4px 4px; 
	border: solid 1px #cccccc;
}
.iconHelpHeader 
{
	font-weight: bold;
}
/* #iconHelpContainer2 
{
	visibility: hidden; 
	background-color: white; 
	padding: 4px 4px 4px 4px; 
	border: solid 1px #cccccc;
} */
/* Step Wizard Styles */
.divBackNext 
{
	margin-top: 8px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
}
.selectBoxTitles {
	vertical-align: top; 
	width: 300px; 
	margin-top: 4px;
	margin-right: 4px;
}
/* TEST CSS Styles for Wizard Boxes */
/* Bottom Bar */
div.wizBottomBar
{
	position: absolute;
	bottom: 1px;
	height: 38px;
	width: 598px; /* Set 2 px less than wizard width */
	background-color: #f6f6f6;
	border-top: solid 1px #ddd;	
}
div.wizBottomBar_fixed
{
	bottom: 1px;
	height: 38px;
	width: 598px; /* Set 2 px less than wizard width */
	background-color: #f6f6f6;
	border-top: solid 1px #ddd;	
}
div.wizBottomBar_auto
{
	position: absolute;
	bottom: 1px;
	height: 38px;
	background-color: #f6f6f6;
	border-top: solid 1px #ddd;	
}
div.wizBottomBar_auto_w
{
	position: absolute;
	bottom: 40px;
	height: 38px;
	width: 99.7%;
	background-color: #f6f6f6;
	border-top: solid 1px #ddd;	
}
/* Step Boxes */
div.wizard_content {
    margin-bottom: 10px;
    text-align: left;
    width: 600px; /* Wizard Box Width */
/* Centers Block Level Element */
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
div.wizard_content_auto {
    margin-bottom: 60px;
    padding-bottom: 38px;
    text-align: left;
    width: 600px; /* Wizard Box Width */
    height: auto;
/* Centers Block Level Element */
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
div.wizard_content_auto_w {
    margin-bottom: 60px;
    padding-bottom: 38px;
    text-align: left;
    height: auto;
    width: 100%;
    min-width: 600px;
/* Centers Block Level Element */
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
    div.wizard_content_header {
        background: url('images/wizard_header_r.gif') repeat-x scroll top left;
        height: 23px;
        line-height: 23px;
        padding: 0 10px;
    }
        .wizard_header_title {
                font-family:Trebuchet MS, Myriad, Arial;
                font-size:11pt;
                color:#FFFFFF;
                font-weight: bold;
                text-transform: uppercase; 
                display: inline;
        }
            
        div.wizard_header_text {
            float: right;
            font-size:8pt;
        }
            .wizard_header_text a:hover, .wizard_header_text a:visited, .wizard_header_text a:link, .wizard_header_text a:active {
                color:#FFFFFF;
                text-transform: uppercase;
                font-family: Trebuchet MS,Myriad,Arial;
				font-weight: bold;
				text-decoration: none; 
            }
            
    div.wizard_content_body {
        background: #FBFBFD url('images/wizard_header_shadow.gif') repeat-x scroll top left;
        border: 1px solid #B7BABB;
        border-top-style: none;
        padding-top: 5px;
        height: 380px;
        width: inherit;
            
        /* RT Text: 14 */
        font-size:9pt;
        color:#38497B;
        font-family:Arial;
    }
        div.wizard_content_body_notify {
        background: #FBFBFD url('images/wizard_header_shadow.gif') repeat-x scroll top left;
        border: 1px solid #B7BABB;
        border-top-style: none;
        padding-top: 5px;
        height: 400px;
        width: inherit;
            
        /* RT Text: 14 */
        font-size:9pt;
        color:#38497B;
        font-family:Arial;
    }
    div.wizard_content_body_auto {
        background: #FBFBFD url('images/wizard_header_shadow.gif') repeat-x scroll top left;
        border: 1px solid #B7BABB;
        border-top-style: none;
        padding-top: 5px;
        height: auto;
        width: 598px;   
        /* RT Text: 14 */
        font-size:9pt;
        color:#38497B;
        font-family:Arial;
    }
        div.wizard_content_body_auto_w {
        background: #FBFBFD url('images/wizard_header_shadow.gif') repeat-x scroll top left;
        border: 1px solid #B7BABB;
        border-top-style: none;
        padding-top: 5px;
        height: auto;
        width: 99.7%;   
        /* RT Text: 14 */
        font-size:9pt;
        color:#38497B;
        font-family:Arial;
    }
    div.wizard_content_body_padding 
    {
		padding: 0px 10px 10px 10px;
    }
    div.wizard_content_body_padding_center 
    {
		padding: 0px 10px 10px 10px;
		margin-left: 0;
		margin-right: 0;
		text-align: center;
    }
    div.stepBar 
    {
		border-bottom: solid 1px #ccc;
		background-color: #f6f6f6;
/*		background-color: #FFEC06; Yellow */
		height: 30px;
		padding: 4px 4px 0px 4px;
		white-space: nowrap;
    }
    span.step 
    {
		margin-left: 4px;
    }
div.wizard_h2 
{
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 10px;
}
div.wizard_h3 
{
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 6px;
}
div.wizItemWrapper
{
	margin-bottom: 4px;
}
div.wizFieldTxt 
{
	float: left;
	width: 75px; 
	height: 24px; 
	line-height: 22px;
}
div.wizFieldTxt_Rt 
{
	float: left;
	width: 75px; 
	height: 24px; 
	line-height: 22px;
	text-align: right;
	margin-right: 4px;
}
div.wizFieldTxt_Rt50 
{
	float: left;
	width: 50px; 
	height: 24px; 
	line-height: 22px;
	text-align: right;
	margin-right: 4px;
}
div.Txt_Rt75 
{
	float: left;
	width: 100px; 
	text-align: right;
	margin-right: 4px;
}
div.TxtCL_Rt75 
{
	float: left;
	width: 100px; 
	text-align: right;
	margin-right: 4px;
	clear: left;
}
div.label {  }
div.wizFieldTxtCL 
{
	float: left;
	width: 75px; 
	height: 24px; 
	line-height: 22px;
	clear: left;
}
div.wizFieldTxtCL_Rt 
{
	float: left;
	width: 75px; 
	height: 24px; 
	line-height: 22px;
	clear: left;
	text-align: right;
}
div.wizFieldTxt_wide 
{
	float: left;
	width: 145px; 
}
div.wizFieldTxtCL_wide 
{
	float: left;
	width: 145px; 
	clear: left;
}
div.wizFieldTxt_wideRT
{
	float: left;
	width: 125px;
	text-align: right;
	margin-right: 4px; 
}
div.wizFieldBox 
{
}
.wizStepSep
{
	padding-left: 10px; 
	background-color: #ddd; 
	color: White; 
	font-weight: bold;
}
#wizRunWrapper
{
	background-color: White;
	border: dashed 1px #ccc;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	display: none;
}
.wizFieldSeparator
{
	padding-top: 2px;
}
.wizHR
{ 
	background-color: #dddddd; 
	height: 1px; 
	margin: 5px 0px 5px 0px;
	overflow: hidden; /* IE6 Hack */ 
}
#notify_cmbWrapper
{
	padding-left: 40px;
	margin-top: 8px;
}
#lgndUserPass 
{
	font-weight: bold;
}
#userpass 
{
	margin-bottom: 4px;
}
numResults 
{
}
#recordingBox 
{
	margin: 10px 0px 0px 10px;
	width: 600px;
	border: solid 1px #ccc;
	padding: 8px;
}
#resultTable 
{
	margin: 10px 0px 0px 10px;
	width: 540px;
	border: solid 1px #ccc;
	padding: 8px;
}
.zip_pad 
{
	padding-left: 20px;
}
/* General Styles */
.transparent 
{
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.cursor {cursor: pointer; }
.tdBgrdWhite { background-color: White; }
.nowrap { white-space: nowrap; }
.fl { float:left; }
.fr { float:right; }
.cl { clear: left; }
.cr { clear: right; }
.clear { clear:both; }
.clearfix {display:inline-block;}
.alignR { text-align: right; }
.center {margin: 0 auto; text-align: center;}
ul, ol {
    list-style-position: inside;
}
h2 {
   font-size:9pt;
   color: #285CAB;
   font-family: Trebuchet MS,Myriad,Arial;
   font-weight: bold;
   text-transform: uppercase;
}
div.genFieldTxt 
{
	font-weight: bold;
	float: left;
	width: 100px; 
	height: 24px; 
	line-height: 22px;
	text-align: right;
}
div.calloutHeading 
{
	font-weight: bold; color: red; text-align: left; margin-bottom: 4px;
}
.noDisplay 
{
	display: none;
}
.vertMiddle100px 
{
	vertical-align: middle;
	width: 100px;
}
#blah {font-weight: bold; text-transform: uppercase; text-decoration: underline; color: Red; white-space: nowrap;}
.padBottom {padding-bottom: 6px;}
.popupFieldNames {text-align:right; width: 140px;}
div.schoolSel {padding:6px 0px 8px 0px; text-align: center;}
/* Message Content TTS Box Styles */
.msgBoxWrapper 
{
    border: solid 1px #ccc; 
    margin: 4px 0px 0px 40px; 
    background-color: White;
    margin-top: 22px;
}
.msgBoxWrapper_nonVoice
{
    border: solid 1px #ccc; 
    margin: 4px 0px 0px 40px; 
    background-color: White;
    margin-top: 10px;
}
.msgBoxHeader 
{
    margin-left: 0; 
    margin-right: 0; 
    text-align: center; 
    background-color: #ccc; 
    font-weight: bold;
}
.msgBoxTable 
{
    text-align: center; 
    background-color: #ccc; 
    width:100%
}
.msgRecordingText 
{
    color: Blue;
    text-transform: uppercase;
    font-weight: bold;
    margin: 6px 0px 0px 10px;
    border: dashed 1px #CCC;
    background-color: #EDEDED;
    padding: 4px;
}
.langtabs
{
    color: #666;
    background-color: Gray;
    background-image: url(images/graygrad.gif);
    padding: 0px 2px 0px 2px;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-top: solid 1px #ccc;
    margin: 0px 1px 0px 1px;
}
.langtabsON
{
    color: #444;
    background-color: Gray;
    background-image: url(images/graygrad.gif);
    padding: 0px 2px 0px 2px;
    border-left: solid 1px #666;
    border-right: solid 1px #666;
    border-top: solid 3px Orange;
    margin: 0px 1px 0px 1px;
    text-decoration: none;
}
.langtabsOVER
{
    color: #444;
    background-color: Gray;
    background-image: url(images/graygrad.gif);
    padding: 0px 2px 0px 2px;
    border-left: solid 1px Orange;
    border-right: solid 1px Orange;
    border-top: solid 1px Orange;
    margin: 0px 1px 0px 1px;
    text-decoration: none;
}
.tabBox
{
    padding: 0px 0px 10px 10px; 
    border: solid 1px #ccc; 
    margin-left: 129px; 
    background-color: #f6f6f6;
}
.tabBoxHeader
{
    margin: 4px 0px 4px 10px;
    display: inline;
}
.translateBtn
{
    margin: 4px 0px 4px 10px;
    display: inline;
}
.translateBtn_nonvoice
{
    margin: 4px 0px 4px 10px;
}
/* PrintInstructions.aspx styles */
.printContentWrapper
{
    height: 400px;
}
.printHeader
{
    background-color: #efefef;
    border: dotted 1px #ccc;
    font-weight: bold;
    padding: 2px 4px 2px 4px;
    margin-bottom: 14px;
}
.printMasthead
{
    font-weight: bold; 
    margin-bottom: 4px;
}
.printMasthead_msgnamecode
{
    margin: 0px 0px 10px 10px;
}
.printIconPrint
{
    position: absolute; 
    top: 10px; 
    right: 20px;
}
.printWrapperCenter
{
    margin: 0 auto; 
    text-align: center;
    padding-bottom: 20px;
}
.printSubWrapperCenter
{
    margin: 0 auto; 
    text-align: center;
    padding: 20px; 
    text-align: left; 
    width: 600px;
}
.accordianHeaderSelected
{
	background-image: url(../../App_Themes/DefaultTheme/images/collapse.jpg);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	/*background-color: #47478D;*/ 
	padding: 4px 0px 0px 8px; 
	cursor: pointer;
	width: 240px;
}
.accordianHeader
{
	background-image: url(../../App_Themes/DefaultTheme/images/expand.jpg);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	/*background-color: #333366;*/ 
	padding: 4px 0px 0px 8px; 
	cursor: pointer;
	width: 240px;
}
.divLangSelect
{
    padding: 4px; margin-left: 24px;
}
