/******** Html Styles **********/
body { min-width: 920px; margin: 0; padding: 0; border: 0; text-align: center; font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 85%; color: #000000; background-color: #B2CFE6; }
h1,h2,h3,h5,h6 { color: #0066CB; }
h4 { text-align: center; }
h1 { font-size: 2.0em; font-weight: normal; }
tr { vertical-align: top; }
th { font-weight: normal; }
img { border-width: 0px; }
a { color: #0066CB; }
a:hover { text-decoration: none; }
ul { margin-top: 0px; }
ul li { list-style-type: circle; padding-top: 2px; margin-left: -10px; }
/******** Common **********/
.bold { font-weight: bold; }
.italics { font-style: italic; }
.underline { text-decoration: underline; }
.indent5,.Indent5 { padding-left: 5px; }
.indent15,.Indent15 { padding-left: 15px; }
.indent25,.Indent25 { padding-left: 25px; }
.Indent30 { padding-left: 30px; }
.Indent50 { padding-left: 50px; }
.BorderBottomSingle { border-bottom: solid 1px black; }
.BorderTopSingle { border-top: solid 1px black; }
.BorderBottomDouble { border-bottom: double black; }
.paragraph { padding-bottom: 7px; }
.display-block {display: block }
a.paragraph { margin-bottom: 7px; }
.floatLeft { float: left; padding-right: 25px; }
.floatLeftNoPadding { float: left; }
.floatRight { float: right; padding-left: 25px; }
.padRight25,.PadRight25 { padding-right: 25px; }
.PadRight15 { padding-right: 15px; }
.PadRight5 { padding-right: 5px; }
.PadBottom5 { padding-bottom: 5px; }
.PadTop15 { padding-top:15px; }
.MarginTop25 { margin-top:25px; }
.MarginTop15 { margin-top:15px; }
.MarginBottom15 { margin-bottom: 15px; }
.MarginTop5 { margin-top:5px; }
.MarginBottom5 { margin-bottom: 5px; }
.MarginTop0 { margin-top: 0; }
div.title,span.title,input.title,div.Title,span.Title,input.Title,div.ContentTitle { font-size: medium; font-weight: bold; color: #0066CB; }
div.verticalspace { height:1em; }
div.Bold { font-size: small; font-weight: bold; }
.Hidden { visibility: hidden; height: 1px; width: 1px; position: fixed; top: -100px; left: -100px; }
.DisplayNone { display: none; }
.FullWidth { width: 95%; }
.Width100Percent { width: 100%; }
.Width5Percent { width: 5%; }
.Width8Percent { width: 8%; }
table.TwoColumns td { width: 50%; }
div.OrderedListCtr { width: 15px; }
div.OrderedListCtrOn { width: 15px; font-weight: bold; }
.AmendmentTuition { margin-top: 15px; }
.AmendmentTuitionLabel { width: 275px; display: inline-block; }
.AmendmentTuitionAmount { width: 100px; display: inline-block; text-align: right }
.Gray { color: #555555; }
.DarkGray { color: #333333; }
.Center { text-align: center !important; }
.Middle { vertical-align: middle; }
.Right { text-align: right !important; }
.Red { color: Red; }
.Smaller { font-size: 85%; }
input.Smaller { font-size: 85%; height: 10px; }
img.IconLeft { float: left; padding: 5px 25px 0px 0px; }
hr.Half { width: 50%; text-align: left; height: 1px; background-color: #A3A3A3; }
.EmptyListText { text-align:center; font-style:italic; padding-top:25px; }
a.GrayButton { background-color: #A3A3A3; text-decoration: none; font-weight: bold; display: inline-block; padding: 3px; text-align: center; border: solid 1px #405A6D; color: #ffffff; }
a.GrayButton:hover { background-color: #cccccc; color: #405A6D; }
a.GrayButtonShort { background-color: #A3A3A3; text-decoration: none; font-weight: bold; display: inline-block; padding: 1px; text-align: center; border: solid 1px #405A6D; color: #ffffff; font-size: 85%; height: 12px; line-height: 12px; }
a.GrayButtonShort:hover { background-color: #cccccc; color: #405A6D; }
a.backLink { background-image: url('../../Images/chevrons_left.gif'); background-repeat: no-repeat; padding-left: 15px; background-position: center left; text-decoration: underline; font-size: 85%; }
a.backLink:hover { text-decoration: none; }
a.ChevronsLeft { background-image: url('../../Images/chevrons_left.gif'); background-repeat: no-repeat; padding-left: 15px; background-position: center left; text-decoration: underline; }
a.ChevronsLeft:hover { text-decoration: none; }
a.ChevronsRight { background-image: url('../../Images/chevrons_right.gif'); background-repeat: no-repeat; padding-left: 15px; background-position: center left; text-decoration: underline; }
a.ChevronsRight:hover { text-decoration: none; }
div.BulletGreen { background-image: url('../../Images/Icons/bullet_green.png'); background-repeat: no-repeat; background-position: 0px center; padding-left: 12px; }
div.BulletRed { background-image: url('../../Images/Icons/bullet_red.png'); background-repeat: no-repeat; background-position: 0px center; padding-left: 12px; }
div.BulletOrange { background-image: url('../../Images/Icons/bullet_orange.png'); background-repeat: no-repeat; background-position: 0px center; padding-left: 12px; }
span.FormatExample { padding: 0px 2px 0px 5px; color: #777777; font-size: 85%; }
.Highlight { background-color:#FFFF00}
.White { color: #FFF; }
a.White { color: #FFF; }
.Left { text-align: left; }
a.NameLink { text-decoration: none; color: #000; font-weight: bold; }
fieldset { padding: 0 10px 0 10px; }
legend { font-weight: bold; }
div.Inline { display:inline}
/******* Icon Buttons ************/
a.BoxedArrow { background-image: url('../../Images/Icons/rightarrow.png'); background-repeat: no-repeat; background-position: 5px center; text-decoration: none; display: inline-block; padding: 10px 10px 10px 35px; border: solid 1px #A7A7A7; color: #000000; width: 250px; margin-bottom: 10px; }
a.BoxedArrow:hover { background-color: #eeeeee; }
a.BoxedArrowLeft { background-image: url('../../Images/Icons/leftarrow.png'); background-repeat: no-repeat; background-position: 5px center; text-decoration: none; display: inline-block; padding: 10px 10px 10px 35px; border: solid 1px #A7A7A7; color: #000000; width: 250px; margin-bottom: 10px; }
a.BoxedArrowLeft:hover { background-color: #eeeeee; }
a.BoxedArrowLong { background-image: url('../../Images/Icons/rightarrow.png'); background-repeat: no-repeat; background-position: 5px center; text-decoration: none; display: inline-block; padding: 10px 10px 10px 35px; border: solid 1px #A7A7A7; color: #000000; width: 85%; }
a.BoxedArrowLong:hover { background-color: #eeeeee; }
a.LeftArrowBox { font-weight: bold; background-color: #eeeeee; background-image: url('../../Images/Icons/leftarrow.png'); background-repeat: no-repeat; background-position: 2px center; text-decoration: none; display: inline-block; padding: 5px 5px 5px 35px; border: solid 1px #A7A7A7; color: #444444; text-align: left; }
a.LeftArrowBox:hover { background-color: #ffffff; }
a.RightArrowBox { font-weight: bold; background-color: #eeeeee; background-image: url('../../Images/Icons/rightarrow.png'); background-repeat: no-repeat; background-position: right center; text-decoration: none; display: inline-block; padding: 5px 35px 5px 5px; border: solid 1px #A7A7A7; color: #444444; text-align: right; }
a.RightArrowBox:hover { background-color: #ffffff; }
a.UpArrowSmall { background-image: url('../../Images/Icons/upArrowSmall.png'); background-repeat: no-repeat; background-position: 5px center; text-decoration: none; display: inline-block; padding: 5px 5px 5px 5px; color: #000000; width: 10px; }
a.DownArrowSmall { background-image: url('../../Images/Icons/downArrowSmall.png'); background-repeat: no-repeat; background-position: 5px center; text-decoration: none; display: inline-block; padding: 5px 5px 5px 5px; color: #000000; width: 10px; }
a.BoxButton { font-weight: bold; background-color: #eeeeee; background-repeat: no-repeat; background-position: 5px center; text-decoration: none; display: inline-block; padding: 5px 5px 5px 35px; border: solid 1px #A7A7A7; color: #444444; text-align: right; }
a.BoxButton:hover { background-color: #ffffff; }
a.ApproveButton { background-image: url('../../Images/Buttons/add.png'); }
a.RejectButton { background-image: url('../../Images/Buttons/delete.png'); }
a.PrintButton { background-image: url('../../Images/Icons/Printer.gif'); }
a.ChartButton { background-image: url('../../Images/Icons/Chart.png'); }
a.RegisterButton { background-image: url('../../Images/Icons/Register.png'); }
a.StaffButton { background-image: url('../../Images/Icons/Staff.png'); }
a.SearchButton { background-image: url('../../Images/Icons/Search.png'); }
a.SignApplicationButton { background-image: url('../../Images/Icons/Sign.png'); }
a.CreateAuthorizationButton { background-image: url('../../Images/Icons/AuthorizePayment.png'); }
a.CancelBox { background-image: url('../../Images/Buttons/delete.png'); }
a.SaveBox { background-image: url('../../Images/Icons/Save.png'); }
a.CopyButton { background-image: url('../../Images/Icons/Copy.png'); }
a.ReimbursementButton { background-image: url('../../Images/Icons/DollarSign.png'); }
input.RoundImage { width: 16px; height: 16px; }
/******** Validators *************/
.ValidatorAsterisk { float: left; margin-left: -5px; }
.validation-error { color: Red; }
.validation-summary { color: Red; }
/******** Inputs ************/
table.Inputs { width: 96%; }
input.comboBox { position:relative; top:0px; left:0px; z-index:200; font-size: 11px; }
table.comboBox { margin: 0px; padding: 0px; display: inline; vertical-align: -4px; }
select.comboBox { position: absolute; top: 0px; left: 0px; visibility: hidden; }
div.comboBox { position: relative; }
textarea { font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 100%; }
div.ReadOnlyRichTextBox { width: 90%; padding: 5px; border: 1px solid #DDDDDD; margin-top: 3px; }
div.TextAreaCounter { color: #888888; font-size: 75%; }
input.ReadOnly { border: solid 1px #FFFFFF; }
input.DateInput { width: 75px; }
input.EmailInput { width: 250px; }
input.EmailInput_ReadOnly { border: solid 1px #FFFFFF; }
input.LicenseNumberInput { width: 100px; }
input.LicenseNumberInput_ReadOnly { border: solid 1px #FFFFFF; }
input.LongInput { width: 300px; }
input.LongInput_ReadOnly { border: solid 1px #FFFFFF; }
input.PhoneInput { width: 150px; }
input.PhoneInput_ReadOnly { border: solid 1px #FFFFFF; }
input.SocialSecurityNumberInput { width: 100px; }
input.SocialSecurityNumberInput_ReadOnly { border: solid 1px #FFFFFF; }
input.ZipInput { width: 75px; }
input.ZipInput_ReadOnly { border: solid 1px #FFFFFF; }
input.GeneralInput { width: 250px; }
input.GeneralInput_ReadOnly { border: solid 1px #FFFFFF; }
input.OneCharacterInput { width: 15px; }
input.OneCharacterInput_ReadOnly { border: solid 1px #FFFFFF; }
input.ApplicationIdInput { width: 100px; }
input.ApplicationIdInput_ReadOnly { border: solid 1px #FFFFFF; }
input.GeneralIdInput { width: 100px; }
input.GeneralIdInput_ReadOnly { border: solid 1px #FFFFFF; }
input.MediumText { width: 125px; }
input.MediumText_ReadOnly { border: solid 1px #FFFFFF; }
.disabled input,
.disabled textarea { background-color:#cccccc; }
input.ShortInput { width: 150px; }
input.ShortInput_ReadOnly { border: solid 1px #FFFFFF; }
input.MiniInput { width: 75px; }
input.MiniInput_ReadOnly { border: solid 1px #FFFFFF; }
input.MicroInput { width: 50px; }
input.MiroInput_ReadOnly { border: solid 1px #FFFFFF; }
input.MonthYearInput { width: 50px; }
input.MonthYearInput_ReadOnly { border: solid 1px #FFFFFF; }
input.Money { width: 75px; }
input.Money_ReadOnly { border: solid 1px #FFFFFF; }
input.Year { width: 50px; }
input.Year_ReadOnly { border: solid 1px #FFFFFF; }
input.SemesterHours { width: 45px; }
input.SemesterHours_ReadOnly { border: solid 1px #FFFFFF; }
input.IndianStudiesCredit { width: 15px; }
input.IndianStudiesCredit_ReadOnly { border: solid 1px #FFFFFF; }
table.FieldInputTable { width: 100%; }
table.FieldInputTable th { text-align: left; width: 30%; padding-right: 7px; }
table.FieldInputTable td { }
/******** Section specific styling className = SectionLabelKey ************/
.ApplicationSelectionSection table.FieldInputTable th { width: 400px; }
div.DivInputLabel { float: left; padding-right: 3px; }
div.DivInputLabel span { }
div.DivInputControl { margin-left: 200px; }
div.DivInputControl span { }
div.DivInputControlTiny { margin-left: 120px; }
div.DivInputControlTiny span { }
div.DivInputControlNarrow { margin-left: 150px; }
div.DivInputControlNarrow span { }
div.DivInputControlWide { margin-left: 345px; }
div.DivInputControlWide span { }
div.DivInputControlSuperWide { margin-left: 425px; }
div.DivInputControlSuperWide span { }
div.DivInputControlSuperDuperWide { margin-left: 600px; }
div.DivInputControlSuperDuperWide span { }
div.DivInputControlNormalWide { margin-left: 250px; }
div.DivInputControlNormalWide span { }
div.DivInputControlNormalNarrow { margin-left: 160px; }
div.DivInputControlNormalNarrow span { }
/******** Online Application **********/
div.ApplicationStatus { width: 200px; border: solid 1px #A7A7a7; background-color: #FAF8B3; padding: 5px; font-size: 85%; }
div.ApplicationStatus div.Title { text-align: center; padding-bottom: 3px; font-size: medium; font-weight: bold; border-bottom: dashed 1px #A7A7A7; margin-bottom: 2px; }
div.ApplicationStatus a.On { font-weight: bold; text-decoration: none; }
div.ApplicationQuickAdmin { width: 200px; border: solid 1px #3F4D2D; background-color: #A7BB8C; padding: 5px; font-size: 85%; margin-bottom: 15px; }
div.ApplicationQuickAdmin div.Title { text-align: center; padding-bottom: 3px; font-size: medium; font-weight: bold; border-bottom: dashed 1px #3F4D2D; margin-bottom: 2px; }
div.ApplicantInfoBox { padding: 0px 0px 25px 0px; width: 96%; }
div.RequiredNextAction { background-image: url('../../Images/Icons/Warning.png'); background-repeat: no-repeat; background-position: left 10px; padding: 5px 5px 15px 35px; }
div.RequiredNextAction div.Action { font-size: medium; font-weight: bold; padding-bottom: 4px; }
table.ContactEntry { margin-left: 25px; }
.CurrentDrillDownCell .footnote { display:block; margin-right:20px; font-size:7pt; text-align:right; }
.ContactEntry .subtext { font-size:8pt;}
.ContactEntry table.ContactEntry { margin-bottom: 20px;}
/******** Template **********/
#mainWrapper { margin: 0 auto; width: 95%; min-width: 780px; text-align: left; }
div.NDGov { width: 100%; background-color: #ffffff; border-left: solid 1px #405A6D; border-right: solid 1px #405A6D; }
div.NDGov img { padding-left: 7px; }
div.NDGovTourism { float: right; padding-right: 15px; }
div.divSave { float: right; padding-right: 40px; }
#header { width: 100%; color: #FFFFFF; background-color: #8CA7BB; font-weight: normal; min-height: 80px; border: solid 1px #405A6D; }
#educationBranding { padding: 10px 0px 5px 10px; font-size: 2.0em; }
.applicationName { padding: 0px 0px 5px 10px; font-size: small; font-weight: bold; font-style: italic; }
#headerRight { float: right; text-align: right; padding-right: 10px; padding-top: 2px; }
.messageCenter { margin-top: 2px; height: 50px; border: solid 1px #405A6D; background-color: #ECF0F3; }
.messageCenter div { padding-left: 3px; height: 100%; width: 300px; font-size: 85%; color: #000000; text-align: left; overflow-y: scroll; }
.messageCenterSpacer { margin-top: 2px; height: 50px; width: 300px; }
.horizontalNav { width: 100%; height: 25px; line-height: 25px; border-left: solid 1px #405A6D; border-right: solid 1px #405A6D; border-bottom: solid 1px #A7A7A7; background-color: #ECF0F3; }
.horizontalNavItems { padding-left: 15px; }
.horizontalNavItems a { border: solid 1px #A7A7A7; text-decoration: none; background-color: #ffffff; padding: 0px 5px 0px 5px; margin-right: 5px; }
.horizontalNavItems a:hover { background-color: #cccccc; }
.horizontalNavItems a.On { background-color: #cccccc; font-weight: bold; }
.searchDiv { float: right; text-align: right; padding-right: 10px; font-size: 85%; vertical-align: middle; }
.searchDiv a { text-decoration: none; }
.searchDiv a:hover { text-decoration: underline; }
.searchGo { position: relative; top: 3px; }
.quickSearchInput { font-size: 85%; height: 85%; }
.welcome { vertical-align: top; font-size: small; padding: 5px 5px 5px 5px; background-color: #ffffff; border-bottom: solid 1px #A7A7A7; }
.welcomeTitle { color: #0066cb; font-size: small; font-weight: bold; }
.signout { float: right; text-align: right; padding-right: 0px; }
.welcomeTeacher { padding-left: 8px; font-size: 85%; color: #405A6D; }
.welcomeNonLicensedEducator { padding-left: 8px; font-size: 85%; color: #405A6D; }
.small { font-size: 85%; }
.small a { text-decoration: none; }
.small a:hover { text-decoration: underline; }
a.small { font-size: 85%; text-decoration: none; }
a.small:hover { text-decoration: underline; }
a.smallu { font-size: 85%; text-decoration: underline; }
a.smallu:hover { text-decoration: none; }
.welcome a { text-decoration: underline; }
.welcome a:hover { text-decoration: none; }
#content { width: 100%; border-left: solid 1px #405A6D; border-right: solid 1px #405A6D; background-color: #ffffff; }
#contentTable { width: 100%; }
.contentTitleDisplay { padding: 5px 15px 9px 15px; color: #0066CB; font-size: large; }
#contentTitleRight { float: right; text-align: right; padding-right: 10px; }
.contentLeft { width: 22%; min-width: 150px; background-color: #ECF0F3; border-right: solid 1px #A7A7A7; }
#contentRight { padding: 5px 0px 0px 0px; }
.contentScrollerSet { border-top: dashed 1px #A7A7A7; padding: 20px 15px 25px 15px; overflow: auto; height: 425px; }
.contentScrollerFull { border-top: dashed 1px #A7A7A7; padding: 0px 15px 10px 15px; }
.contentHeader { color: #000000; font-size: small; font-weight: bold; padding-bottom: 5px; }
.contentPrint { display: none; }
.errorMessage { color: Red; background-color: #F9CBCA; padding: 0px 3px 0px 3px; }
.successMessage { color: #3F4D2D; background-color: #D8E0CC; padding: 0px 3px 0px 3px; }
.warningMessage { background-color: #f8f0a0; padding: 5px; font-weight: bold; margin-top: 5px; }
.infoMessage { background-color: #fcf8e3; padding: 5px; color: #8a6d3b; margin-top: 5px; margin-bottom: 5px; border: 2px #faebcc solid; border-radius: 4px; } /* Borrowed colors from Bootstrap :) */
.printLink { border: solid 1px #ffffff; background-image: url('../../Images/Icons/Printer.gif'); background-repeat: no-repeat; padding: 0px 2px 0px 20px; line-height: 24px; text-decoration: none; }
.printLink:hover { border: solid 1px #aaaaaa; background-color: #eeeeee; text-decoration: none; }
.helpLink { border: solid 1px #ffffff; background-image: url('../../Images/Icons/help.gif'); background-repeat: no-repeat; padding: 0px 2px 0px 20px; line-height: 24px; text-decoration: none; }
.helpLink:hover { border: solid 1px #aaaaaa; background-color: #eeeeee; text-decoration: none; }
.fillFormLink { border: solid 1px #ffffff; background-repeat: no-repeat; padding: 0px 2px 0px 2px; line-height: 24px; text-decoration: none; }
.fillFormLink:hover { border: solid 1px #aaaaaa; background-color: #eeeeee; text-decoration: none; }
.leftNav { width: 100%; font-size: small; padding-bottom: 20px; }
.leftNavHeading { padding: 4px 5px 4px 15px; color: #405A6D; font-weight: bold; border-top: dashed 1px #A7A7A7; border-bottom: dashed 1px #A7A7A7; margin-top: 15px; }
.leftNavHeading a { font-weight: normal; font-size: 85% }
.leftNavSubHeading { padding: 0px 5px 0px 22px; color: #405A6D; font-size: 85%; }
.leftNavItem { width: 100%; }
.leftNavItem a { text-decoration: none; display: block; padding: 2px 5px 2px 15px; background-image: url('../../Images/chevrons_right.gif'); background-position: left center; background-repeat: no-repeat; }
.leftNavItem a:hover { background-color: #cccccc; }
.leftNavItem a.On { background-color: #cccccc; }
.leftNavItemSub { width: 100%; }
.leftNavItemSub div { padding-left: 22px; }
.leftNavItemSub a { text-decoration: underline; font-size: 85%; }
.leftNavItemSub a:hover { text-decoration: none; }
.leftNavItemSub a.On { background-color: #cccccc; }
.leftNavButton { width: 100%; padding: 0px; }
.leftNavButton a { background-color: #A3A3A3; text-decoration: none; font-weight: bold; display: block; padding: 3px; text-align: center; border: solid 1px #405A6D; color: #ffffff; margin: 5px 15px 0px 15px; }
.leftNavButton a:hover { background-color: #cccccc; color: #405A6D; }
.leftNavInput { text-align: center; padding: 7px 0px 7px 0px; }
.leftNavInputText { width: 50%; font-size: 85%; }
.leftNavInput a { text-decoration: none; }
.breadcrumbNav { padding-left: 15px; font-size: 80%; color: #A7A7A7; }
.breadcrumbNav a { text-decoration: underline; color: #A7A7A7; }
.breadcrumbNav a:hover { text-decoration: none; }
#footer { width: 100%; font-size: 0.8em; font-style: italic; text-align: center; padding: 5px 0px 5px 0px; background-color: #8CA7BB; border: solid 1px #405A6D; margin-bottom: 0px; }
#footer a { color: #0066CB; }
div.BorderedTitle { padding: 5px; margin-top: 5px; border: solid 1px #A7A7A7; background-color: #f8f8f8; font-weight: bold; }
div.BorderedTitleCollapsed { background-color: #f0f0f0; border-bottom: solid 1px #A7A7A7; }
div.BorderedTitleContent { border: solid 1px #A7A7A7; border-top-width: 0px; border-bottom-width: 0px; padding-top:12px; padding-left: 6px; margin-bottom:12px; padding-right: 4px; padding-bottom: 12px; border-bottom-width: 1px; }
.brandingTagLine { font-size: large; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 5px 0px 5px 0px; }
.brandingSubTagline { font-size: small; font-family: "Times New Roman", Times, serif; letter-spacing: .07em; }
/******** Modal Template *************/
body.modal-popup-master { min-width: 300px ; background-color:#eee; text-align:left; }
.OuterBorder { border: solid 1px #A7A7A7; padding: 10px; }
iframe.jqm-iframe { width:100%; border:none; }
/******** Grid Views **********/
td.roundButtonCell { width: 1%; padding-right: 5px; vertical-align: middle; }
.gvWidth { width: 96%; }
.gvGreen { border: solid 1px #A7A7A7; width: 100%; padding: 2px; }
.gvGreenHeader { background-color: #A7BB8C; padding: 2px; }
.gvGreenHeader th { font-weight: bold; text-align:left;}
.gvGreenHeader th a { color: #000000; }
.gvGreenRow1 { background-color: #ffffff; }
.gvGreenRow2 { background-color: #eeeeee; }
.gvGreenFooter { background-color: #c8d8bd; padding: 2px; font-weight: bold; }
.gvGreenEmpty { }
.gvBlue { border: solid 1px #A7A7A7; width: 100%; padding: 2px; }
.gvBlueHeader { background-color: #8CA7BB; padding: 2px; }
.gvBlueHeader th { font-weight: bold; text-align:left;}
.gvBlueHeader th a { color: #000000; }
.gvBlueRow1 { background-color: #eeeeee; }
.gvBlueRow2 { background-color: #ffffff; }
.gvBlueFooter { background-color: #8CA7BB; padding: 2px; font-weight: bold; }
.gvBlueEmpty { }
.gvGray { border: solid 1px #A7A7A7; width: 100%; padding: 2px; }
.gvGrayHeader { background-color: #ccc; padding: 2px; }
.gvGrayHeader th { font-weight: bold; text-align:left; }
.gvGrayHeader th a { color: #000000; }
.gvGrayRow1 { background-color: #eeeeee; }
.gvGrayRow2 { background-color: #ffffff; }
.gvGrayFooter { background-color: #ccc; padding: 2px; }
.gvGrayEmpty { }
tr.gvLightBlueBg td,
tr.gvLightBlueBg th { background-color: #ECF0F3; }
.blueHeaderNoLeftAlign { background-color:#8CA7BB; padding: 2px; }
.blueHeaderNoLeftAlign th { font-weight: bold; }
.blueHeaderNoLeftAlign th a { color: #000000; }
.grayHeaderNoLeftAlign { background-color:#ccc; padding: 2px; }
.grayHeaderNoLeftAlign th { font-weight: bold; }
.grayHeaderNoLeftAlign th a { color: #000000; }
.twoColumn tr td { width: 50%; padding-right: 4em; }
.row-approved-met { background-color: #A5D6A7; } /* medium green */
.row-approved-notmet { background-color: #DCEDC8; } /* light green */
/**************** Breakout Box *********************/
div.breakoutBox { width: 96%; padding-bottom: 7px; }
div.breakoutBox div.rightLinks { float: right; font-size: 85%; padding-top: 2px; padding-right: 5px; }
div.breakoutBox div.rightLinks a { text-decoration: none; }
div.breakoutBox div.rightLinks a:hover { text-decoration: underline; }
div.breakoutBox div.title { font-size: medium; font-weight: bold; color: #0066CB; border-bottom: solid 1px #A7A7A7; }
div.breakoutBox div.container { border-top: solid 0px #A7A7A7; border-left: solid 1px #A7A7A7; padding: 5px; background-image: url('../../Images/breakoutbox_corner.gif'); background-position: left top; background-repeat: no-repeat; }
div.BreakoutGroupBoxTitle { float: left; background-color: #FFF; margin: -8px 0px -4px 15px; padding: 0px 10px 0px 10px; font-weight: bold; color: #666666; }
div.BreakoutGroupBox { border: solid 1px #DCDCDC; width: 90%; padding: 15px; margin-bottom: 10px; }
/**************** Calendar Check Box List *********************/
.calStyleNotVisible { visibility:hidden; }
/***************** Login Styles *******************/
.login { clear:both; margin:0px 0px 0px 0px; padding:15px 25px 15px 20px; text-align: center; }
.login { }
.login th td { background:#ffffff; }
.login p { line-height:120%; color:#000; }
.login li { line-height:120%; }
.login p.update { clear:both; margin:0px 0px 0px 5px; padding:15px 0px 0px 0px; }
.login .loginmaincontent { width:96%; border:solid 1px #aba48f; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#5a5137; background-color:#FFFFFF; text-align: left; }
.login .loginmaincontent div.ndlogin { width:100%; background-color:#e6dfcc; color:#5a5137; padding:3px 0px 3px 0px; border-bottom:1px solid #aba48f; margin:0 0 0 0; }
.login .loginmaincontent div.ndlogin img { padding-left:3px; }
.login .loginbox { color:#5a5137; float:left; background-color:#FFFFFF; border:solid 1px #CCCCCC; margin:15px 0px 10px 15px; padding:0px 3px 0px 3px; width:45%; height:200px; }
.login .loginbox h3 { color:#665733; padding:0px 0px 0px 10px; border:0px; margin:0 0 0 0; width:300px; }
.login .tableapp { margin:0px; float:left; }
.login .tableapp table { border:0px; margin-left:5px; }
.login .tableapp th { background:#fff; font-weight:normal; border:0px; text-align:right; padding:0px 1px 0px 0px; }
.login .tableapp td { border-top:1px dashed #ff0000; padding:0px 1px 0px 0px; margin:0px 1px 0px 0px; border:0px; vertical-align: bottom; }
.login .tableapp strong { vertical-align:top; padding:0 2px 0 15px; }
.login .tableapp textarea { width:520px; }
.login .tableapp input { padding-bottom:1px; }
.login .textlinks { padding:0px 0px 0px 3px; margin:0px 0px 0px 0px; }
.login td.textlinks4 { font-size:11px; padding:0px 0px 10px 3px; margin:0px 0px 0px 0px; }
.login .textlinks3 { padding:30px 0px 0px 3px; margin:0px 0px 0px 0px; }
.login .textlinks strong { padding-left:0px; margin-top:0px; }
.login .sidenoteslogin { float:right; border:solid 1px #CCCCCC; background-color:#EEEEED; margin:15px 15px 10px 0px; padding:0px 5px 0px 0px; width:45%; height:200px; }
.login .sidenoteslogin p { padding-left:5px; background-color:#EEEEED; margin-left:0px; margin-bottom:0px; padding-bottom:0px; }
.login .sidenoteslogin strong { background-color:#e6dfcc; }
.login .sidenoteslogin ul { padding:0px 0px 2px 35px; margin:2px 0px 0px 10px; }
.login .sidenoteslogin li { padding-left:0px; font-size:small; margin-left:0px; }
.login .registertitle { font-size:13px; color:#000; padding:3px 0px 0px 0px; margin:0px 0px 5px 0px; font-weight:bold; }
.login .clear { clear:both; padding-left:3px; }
.login .buttonlogin { margin:0px 0 10px 0px; padding:0px 0px 0px 0px; }
.login .buttonlogin input { background:#2e3192; border:1px solid #aba48f; font-size:small; color:#fff; font-weight:bold; margin:0px 5px 0px 0px; padding:3px 3px 3px 3px; text-decoration:none; }
.login p.buttonregister { margin:17px 0px 20px 10px; padding:0px 0px 0px 0px; }
.login .buttonregister a { background:#2e3192; border:1px solid #aba48f; font-size:small; color:#fff; font-weight:bold; margin:10px 10px 0px 10px; padding:3px 3px 3px 3px; text-decoration:none; }
.announcements { clear:both; margin:0px 0px 0px 0px; padding:15px 25px 15px 20px; text-align: center; }
.announcements { }
.announcements .announcementsmaincontent {width:96%; border:solid 1px #aba48f; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#5a5137; background-color:#FFFFFF; text-align: left;}
.announcements .announcementsmaincontent div.announcementsheading { width:100%; background-color:#8CA7BB; color: black; padding:3px 0px 3px 0px; border-bottom:1px solid #aba48f; margin:0 0 0 0; }
.announcements .announcementsmaincontent div.announcementsheading label { padding-left:3px; font-weight:bold }
.announcements .announcementsbox { background-color:#FFFFFF; margin:15px 15px 10px 15px; padding:0px 5px 0px 0px; }
.announcements .announcementsmaincontent div.announcementsbox div.announcementsection {
padding: 0px 0px 15px 0px;
}
.announcements .announcementsmaincontent div.announcementsbox div.announcementsection .announcementgroupheading {
font-weight: bold;
text-decoration: underline;
padding: 0px 0px 0px 0px;
}
.announcements .announcementsmaincontent div.announcementsbox div.announcementsection .announcementgroupcontent {
padding: 5px 0px 0px 0px;
}
.announcements .clear { clear:both; padding-left:3px; }
/***************** Tables *************************/
table.ClassDemographics td,
table.ClassDemographics th { padding: 2px 5px 2px 0px; text-align: center; }
table.ClassDemographics td.Left,
table.ClassDemographics th.Left { padding: 2px 5px 2px 0px; text-align: left; }
table.ClassDemographics th { font-weight: bold; border-bottom: solid 1px #c8d8bd; }
table.ClassDemographics tr.Totals td { font-weight: bold; border-top: solid 1px #c8d8bd; }
table.ContractTotals {
width: 95%;
}
/***************** FLAG DISPLAY *******************/
div.flagRow { background-color: #fff; padding: 5px; border-bottom: solid 1px #ccc; }
div.flagRowAlternate { background-color: #efefef; }
div.flagRowTop { border-top: solid 1px #ccc; }
/***************** PRINT STYLES *******************/
@media print {
div.NDGov { display: none; }
#header { display: none; }
.horizontalNav { display: none; }
#content { border-width: 0px; }
.contentLeft { display: none; }
#contentTitleRight { display: none; }
.breadcrumbNav { display: none; }
.contentTitleDisplay { padding-left: 0px; }
.contentScrollerSet { display: inline; }
#footer { display: none; }
}
/***************** Overlay STYLES *******************/
#overlay {
width: 100%;
min-height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
background: url('../../Images/overlay.png') repeat 0 0;
text-align: center;
}
#overlay-panel {
margin: 10% auto 0 auto;
background: #FFF;
text-align: center;
width: 200px;
padding: 75px;
}
#calc
{ height: 10px; width:300px;
}
/*************** async progress indicator styles ***************/
.updateProgress {
border-width:1px;
border-style:solid;
background-color:#CCCCCC;
position:absolute;
width:130px;
height:50px;
}
.updateProgressMessage {
margin:3px;
font-family:Trebuchet MS;
font-size:small;
vertical-align: middle;
}
.background {
background-color:gray;
filter:alpha(opacity=10);
opacity:0.1;
}
/****************** Double Column *****************/
/* Splits the content area into two equal columns */
.clearBoth
{
clear:both;
}
.doubleColumn
{
}
.doubleColumn .leftColumn
{
width:50%;
text-align:left;
float:left;
}
.doubleColumn .rightColumn
{
width:50%;
text-align:left;
float:right;
}
/****************** School Analysis *****************/
.RulesLastRun {
margin-right: 5px;
padding: 5px;
border: solid 1px #ccc;
font-size: 90%;
background-color: #efefef;
}
.RulesLastRunError {
background-color: #F9CBCA;
}
.education-improvment-report-item {
margin-bottom:1em;
}
/******************* Payment Pages *************************/
.payment-balance-display.only-display-when-negative { display:none; }
.payment-balance-display.only-display-when-negative.is-negative { display:inline; }
.payment-balance-display.is-negative { color: Red; }
.person-payment-history table.gvBlue { width:auto; border-collapse:collapse; }
.person-payment-history th { padding:.25em .5em .25em .5em; }
.person-payment-history td { padding:.125em .5em .125em .5em; }
.person-payment-history td.money { text-align:right; }
.person-payment-history table.manual-adjustment-enabled span.user-description { cursor: pointer; color: #004080; }
.person-payment-history .man-adj a { display:block; float:left; text-decoration:none; width:20px; background-position:center center; background-repeat:no-repeat; }
.person-payment-history .man-adj a:hover { background-color:#ff8; }
.person-payment-history .man-adj a.correct-transaction { background-image: url('../../Images/Icons/bandaid_plus.png'); }
.person-payment-history .man-adj a.delete-transaction { background-image: url('../../Images/Buttons/delete.png'); }
.person-payment-history textarea { width:18em; height:4em; }
.person-payment-history .buttons { width:18em; text-align:right; margin-top:.25em; }
.person-payment-history tr.detail {}
/* this button copies the style from the icon buttons */
.balance-adjustment-new-button { margin-top:1em; margin-bottom:1em; }
a.balance-adjustment-new-button {
font-weight: bold;
background-color: #eeeeee; background-image: url('../../Images/Buttons/add.png'); background-repeat: no-repeat; background-position: .5em center;
text-decoration: none; display: inline-block; padding: 5px 5px 5px 30px;
border: solid 1px #A7A7A7; color: #444444; text-align: right; }
a.balance-adjustment-new-button:hover { background-color: #ffffff; }
div.balance-adjustment { width:36em; padding:1em; margin-bottom:2em; }
.balance-adjustment p { font-weight:bold; margin-left:1em; }
.balance-adjustment-choices .CancelBox { margin:1em 1em 1em 3em; }
.balance-adjustment-choices .choice {
display:block; text-decoration:none; color:#444444; text-align:center;
margin:1em 1em 1em 3em; width:24em; padding:1em;
background-color: #eeeeee;
border:solid 2px #A7A7A7; border-radius:1em; -moz-border-radius:1em;
}
.balance-adjustment-choices .choice:hover { background-color:#fff; }
.balance-adjustment-choices .choice span { display:block }
.balance-adjustment-choices .choice span.title { text-decoration:underline; }
.balance-adjustment textarea { width:24em; height:4em; }
.balance-adjustment .confirm-text { display:block; width:23em; height:4em; margin:.5em 0 .5em 0; }
.balance-adjustment form .CancelBox,
.balance-adjustment .follow-up-prompt .CancelBox { margin-left:2em; }
.income-report-parameters { }
.income-report-additional-parameters { display:block; margin:.25em 0 .25em 0; }
.income-report-details { margin-bottom:2em; }
.payment-history-screen-chooser a { display: block; }
.report-range-buttons { margin: .5em 0 .5em 1em; }
.report-range-type { margin:.25em 0 .25em 0; }
.report-range-start-date, .report-range-end-date { margin-left:.25em; }
.report-range-type img { margin-left:1em; cursor:pointer; }
#ReportDateRangePresetMenu {
position:absolute;
border:solid 1px #A7A7A7;
background-color: #ECF0F3;
padding:1em 0 1em 0;
border-radius:1em;
-moz-border-radius:1em;
}
#ReportDateRangePresetMenu a {
display:block;
text-decoration:none;
font-size:.8em;
padding:.25em 1em .25em 1.5em;
background-image: url('../../Images/chevrons_right.gif');
background-repeat:no-repeat;
background-position: 2px .75em;
}
#ReportDateRangePresetMenu a:hover {
background-color: #ccc;
}
.payment-report-output { margin-bottom: 2em; }
.payment-report-output, .payment-report-output td, .payment-report-output td { font-family: Tahoma; font-size:10pt; }
.payment-report-title { display:block; font-size:12pt; font-weight:bold; margin: 1em 0 1em 0; }
.payment-report-output th { padding-left: .5em; padding-right: .5em; font-weight:bold; padding-bottom: .25em; }
.payment-report-output td { padding-left: .5em; padding-right: .5em; }
.payment-report-output .money { text-align:right; }
.payment-report-output .count { text-align:right; }
.payment-report-output td.count { padding-right:.75em; }
.payment-report-output th.left-most { padding-left: 3em; }
.payment-report-output .section-item .left-most { padding-left: 3em; }
.payment-report-output .section-item a { text-decoration: none; color:#004789; }
.payment-report-output .section-item a:hover { text-decoration: underline; }
.payment-report-output .section-head td { font-weight: bold; padding-top:.5em; }
.payment-report-output .subsection-head td { padding-top:.5em; padding-left:1.5em; }
.payment-report-output .section-total td { padding-top:.5em; padding-bottom:1em; }
.payment-report-output .table-total td { font-weight: bold; border-top: solid 1px black; border-bottom: double 1px black; padding-top:.25em; padding-bottom:.25em; }
.payment-report-output .after-table-total td { padding-top:1em; }
/***************************************************************
* Course Category Maintenance
**/
#course-dialog p { text-align:left; }
#course-dialog label { padding-top:2px; float:left; width:12em; }
#course-dialog input { width:4em; }
/******************* SSRS Reports *************************/
.ssrs-report { height: 100%;width: 100%; }
/******************* Personnel pages *************************/
.personnel-report-submission-status { margin: .5em; }
.personnel-report-submission-status label { font-weight: bold; }
.personnel-class-approve-header { width: 11em; }
/******************* Izenda pages *************************/
.report-content-area { height: 95%; }
/******************* School Approval *************************/
.school-highlight, tr.all-classes-approved { background-color: #7cfc00 !important;}
#school-highlight-legend
{
padding: 3px !important;
float: right;
}
#school-highlight-legend-icon
{
margin-right: 10px;
width: 25px;
background-color: #7cfc00 !important;
}
.staff-highlight-legend {
padding: 3px 3px 3px 3px;
float: right;
}
.staff-highlight-legend-icon
{
margin-right: 10px;
width: 25px;
background-color: #7cfc00;
}
/******************* Paraprofessional Public Search *************************/
.ParaSearchLabel { font-weight: bold; color: black; }
.ParaSearchHighlightParagraph {
margin-top: 1em;
margin-bottom: 1em;
}
.ParaSearchHighlightParagraph .ParaSearchLabel { color: #0066CB; }
.ParaSearchHighlightParagraph input[type=checkbox] {
transform: scale(1.5);
}
/******************** Dialog styling for Document Upload dialogs ***********************/
.dialogOverlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #666666 url(../Shared/jQuery/Themes/UiLightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
opacity: 0.5;
z-index: 2999;
}
.dialog {
position: fixed;
top: 8%;
left: 50%;
margin-left: -325px;
width: 650px;
max-height: 220px;
background-color: #EEE;
color: #000;
border: 1px solid black;
padding: 12px;
opacity: 1.0;
z-index: 3000;
overflow: auto;
}
@media screen and (min-height: 400px) {
.dialog {
max-height: 320px;
}
}
@media screen and (min-height: 600px) {
.dialog {
max-height: 520px;
}
}
@media screen and (min-height: 800px) {
.dialog {
max-height: 720px;
}
}
@media screen and (min-height: 1000px) {
.dialog {
max-height: 920px;
}
}
.redText {
color: red;
}