a:hover .ui-button-text {
    color: #fff;
}

.ui-button 
{
    font-size: 13px;
}

p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

header,
footer,
nav,
section,
.block {
    display: block;
}

.inline
{
    display: inline;
}

.fontSize1_2em {
    font-size: 1.2em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    max-width: 940px;
    min-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.page_staffsummary {
    max-width: 1200px;
    width: 1200px;
}
body.largeMap .page {
    max-width: 100%;
/*    margin-left: 5px;
    margin-right: 5px; */
}
body.largeMap fieldset,
body.largeMap .navbuttons
{
    margin-left: 5px;
    margin-right: 5px;
}
body.largeMap .ui-slider
{
    margin-left: 15px;
    margin-right: 15px;
}

header, #header {
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    min-width: 800px;
}

header h1, #header h1 {
    font-weight: bold;
    padding: 10px 0 0 10px;
    margin: 0;
    color: rgb(13,107,181);
    border: none;
    font-size: 4.0em !important;
    text-shadow: 1px 1px 1px #AAA;
}

#main {
    background-color: #fff;
    min-width: 740px;
}

footer, 
#footer {
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0 0 10px 0;
    font-size: .9em;
    min-width: 800px;
    
    padding-top: 10px;
    padding-bottom: 10px;
    color: White;

    border-radius: 0 0 12px 0;
    -webkit-border-radius: 0 0 12px 0;
    -moz-border-radius: 0 0 12px 0;

    background-color: rgb(13,107,181);
    background-image:         linear-gradient(bottom, rgb(27,81,143) 18%, rgb(13,107,181) 39%, rgb(15,143,208) 80%);
    background-image:      -o-linear-gradient(bottom, rgb(27,81,143) 18%, rgb(13,107,181) 39%, rgb(15,143,208) 80%);
    background-image:    -moz-linear-gradient(bottom, rgb(27,81,143) 18%, rgb(13,107,181) 39%, rgb(15,143,208) 80%);
    background-image: -webkit-linear-gradient(bottom, rgb(27,81,143) 18%, rgb(13,107,181) 39%, rgb(15,143,208) 80%);
    background-image:     -ms-linear-gradient(bottom, rgb(27,81,143) 18%, rgb(13,107,181) 39%, rgb(15,143,208) 80%);
}

#footer-logo-section {
    text-align: center;
}

ul#menu {
    position: relative;
    margin: 0;
    font-size: 1.1em;
    padding-left: 0;
    padding-right: 0;
    border-radius: 12px 0 0 0;
    -webkit-border-radius: 12px 0 0 0;
    -moz-border-radius: 12px 0 0 0;
}

ul#menu li {
    display: inline;
    list-style: none;
}

ul#menu li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
    border-radius: 12px 12px 0 0;
    -webkit-border-radius: 12px 12px 0 0;
    -moz-border-radius: 12px 12px 0 0;
}

ul#menu li a:hover {
    background-color: #fff;
    color: #002d56;
    text-decoration: none;
}

ul#menu li a:active {
    background-color: #fff;
    color: rgb(15,143,208);
    text-decoration: none;
}

ul#menu li.selected a {
    background-color: #fff;
    color: #000;
}

#sparqDataFooterLogo {
    height: 50px;
}
#sparqDataFooterLink {
    display: block;
    text-align: center;
}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: none;
    width: inherit;
    margin-bottom: 0px;
    color: #002d56;
}

textarea {
    min-height: 75px;
}


/* TABLE
----------------------------------------------------------*/

.borderCollapse
{
    border-collapse: collapse;
}

table th {padding: 5px;}
table td {
    padding: 5px;
    border-bottom: solid 1px #e8eef4;
}
table td,
.odd-row td:first-child,
.secondary-row td:first-child
{
    border-left: solid 1px #e8eef4; 
}
table td:last-child {
    border-right: solid 1px #e8eef4;
}
.righted
{
    text-align: right;
}
.lefted
,table.templateFields td
{
    text-align: left;
}
table.templateFields tr:first-child td
{
    border-top: solid 1px #e8eef4;
}
table.templateFields th
{
    border-bottom: solid 1px #e8eef4;
}
table.templateFields tr:last-child th
{
    border-bottom: none;
}
table.templateFields span.example
{
    font-weight: bold;
    color: Red;
}


.fullwidth, .fullwidth table, .navbuttons
{
    width:100%;
}

.odd-row, .odd-row td, .secondary-row, .secondary-row td
{
    background-color: #e8eef4;
    border-left: solid 1px white;
}
.secondary-row, .secondary-row td
{
    border-bottom: solid 1px white;
}

.ma-changed-row td
,.ma-changed-row td:first-child
{
    border-left: 1px solid #FFCbCb;
}
.ma-changed-row td:last-child
{
    border-right: 1px solid #FFCbCb;
}
/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

.ui-state-error
{
    margin-bottom: 1em;
}

.ui-state-error strong, 
.ui-state-error b
{
    color: #E90020;
}

.ui-state-error p
{
    margin-top: .2em;
    margin-bottom: .2em;
    padding: 0.7em;
    font-size: 1.2em;
}

.ui-state-error .ui-icon,
.ui-state-highlight .ui-icon
{
    float: left; 
    margin-right:.3em;
}

div#title {
    text-align: left;
    margin-bottom: 5px;
}
div#title .image {
    float: left;
    width: 350px;
}
div#title a {
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}

.left{text-align:left;}

.right{text-align:right;}

.center, td
{
    text-align:center;
}

.nominheight div{min-height:0px !important;}

.highlight-row
{
    font-style: italic;
}
.highlight-row, .highlight-row label, .bold, .diffpos, .diffneg
{
    font-weight: bold;
}
.excluded
{
    text-decoration: line-through;
    color: Red;
}

input[type="checkbox"] :not(#Contract.Contract) {
    margin: 0
}
label{display:inline}
input[type="checkbox"] + label {
    margin-left: 3px; 
    display: inline !important;
    padding-left: 0;
}

p.sectionLabel {
    margin-top: 20px;
    margin-bottom: 0px;
}

.limitTb{width:3.75em !important}

.ui-widget-header {
    background: #B4D6F1;
}

.margintop15{margin-top:15px;}
.margintop20{margin-top:20px;}

.marginbottom10{margin-bottom:10px;}
.marginbottom15{margin-bottom:15px;}

.reportTitle1
{
    font-size: 1.5em;
    color: #002d56;
    font-weight: bold;
}
.reportTitle2
{
    font-size: 1.25em;   
    color: #002d56;
}

table th, .header-row
{
    background-color: rgb(13,107,181) !important;
    color: #fff;
    font-size: 1.15em;
    font-weight: bold;
}
table th, .header-row, .header-row td {
    border-top: solid 1px rgb(13,107,181);
    border-bottom: solid 1px rgb(13,107,181);
    border-left: solid 1px rgb(13,107,181);
}
.header-row td:last-child {
    border-right: solid 1px rgb(13,107,181);
}

.subheader-row
{
    color: #002d56;
    font-weight: bold;
}
.subheader-row, .subheader-row td
{
    border-bottom: 2px #002d56 solid;
    border-left: none;
}

.highlight-light-row, .italic
{
    font-style: italic;
}

.top-border, .top-border td
{
    border-top: 1px #002d56 solid;
}
.bottom-border, .bottom-border td
{
    border-bottom: 1px #002d56 solid;
}
.nobottomborder, .nobottomborder td
{
    border-bottom: none;
}

.noborder, .noborder td, .noborder td:last-child, .noborder td:first-child {
    border: none;
    border-top: none !important;
}

.nobackground, .nobackground tr, .nobackground td {
    background: none !important;
    box-shadow: none !important;
}

.third-row, .third-row td
{
    border-bottom: 1px #002d56 dashed !important;
}

.navbuttons
{
    margin-top: 15px;
}
body.largeMap .navbuttons
{
    width: 99%;
}

.note 
{
    font-size: 0.85em;
    font-style: italic;
}

.smallfont
{
    font-size: 0.9em;
}

#staffSummaryTable, .centerelem, .centerelem table {
    margin-left: auto;
    margin-right: auto;
}
.centerelem
{
    max-width: 920px;
    padding: 10px;
}
.centerelem table
{
    max-width: 900px;
    padding: 0px;
}

.width500
{
    width: 500px;
}

select
{
    width: auto;
}

.decspinner, .gospinner, .posspinner, .intspinner,
.otherspinner, .edspinner
{
    width: 2.5em !important;
    margin-bottom: .2em !important;
}

#staffIndexIncreasePercentage 
{
    width: 3.5em !important;
}

.inline{display:inline;}

.empty 
{
    font-style: italic;
}
td.empty 
{
    border: none;
}
td.empty:first-child, 
tr.subheader-row td:first-child
{
    border-left: solid 1px #e8eef4; 
}

#staffListIsEmpty 
{
    padding: 1em;
    margin-top: 1em;
}

.excludedrow
{
    font-style: italic;
    font-weight: bold;
}
.outOfRangeRow
,tr.outOfRangeRow td
{
    font-weight: bold;
}

.fiscalYearComments
{
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
}
p.fiscalYearComments
{
    margin-bottom: 0px;
}

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

.outercenter
{
    text-align: center;
}

.validateTips
{
    font-size: 0.9em;
}

.selectArrySchoolsContainer
{
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
    width: 760px;
}

.floatleft
{
    float: left;
}
.floatright
{
    float: right;
}
.overflowauto
{
    overflow: auto;
}

#reportArraySchoolschoolbuttons
{
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    text-align: center;
    margin-top: 35px;
}

#reportArraySchoolschoolbuttons button, #reportArraySchoolschoolbuttons img
{
    margin-bottom: 5px;
    font-size: 0.85em;
}

#loadSection
{
    float: right;
}
#viewReportSubmit
{
    margin-left: 300px;
}
#loadSection select
{
    margin-bottom: 0px;
}

.reportArraySchools h3
{
    line-height: 1;
    margin: 0;
    color: #002d56;
    display: inline;
    vertical-align: middle;
}

.reportArraySchools select
{
    width: 300px;
    height: 296px;
    font-size: 0.88em
}

#reportErrorSection
{
    margin-left: 5px;
    margin-right: 5px;
}

.marginleft15
{
    margin-left: 15px !important;
}

form
{
    margin: 0;
}

.right-button{
    float: right;
    margin: 10px 157px 0 0;
}

#save-ArraySchools-dialog-modal, #SaveArraySchoolsLink, #DeleteArraySchoolsLink,
#positionFilterSection, #jobTitleSection, #extraDutyReportSection, #extraDutyTitleSection, #extraDutyAdvancedSection, #templatemenu, #downloadmenu, #ViewReportsPostLink, #ViewReportsIFrameLink, #ViewReportiframe,
#help-icon-dialog, #load-ArraySchools-dialog-modal, #noArraySchoolsUsedForReportSection,
#printSelectedOnLoad,
#loadAdminPositionTitlesLink, #loadJobTitlesLink, #loadExtraDutyDistrictsLink, #loadExtraDutyTitlesLink, #loadEducationalHistoryLink, #saveEducationalInfoLink, #saveExtraDutyInfoLink, #deleteEducationalInfoLink,
#delete-education-info-popup, #loadRemoveEducationalHistoryLink, #loadRemoveEducationalHistoryDropDownLink,
#loadRemoveExtraDutyLink, #loadRemoveExtraDutyDropDownLink,
#saveEducationInfoLink, #staffSearchLink, #staffSearchRedirectToEditLink,
#adjust-staff-info-popup, #adjust-staff-info-salaryschedule-popup, #adjustScheduleTable_Amount,
#makeAdjustmentLink, #recalcForAdjustmentContainer, #removeAdjustmentLink, #adjust-staff-info-ha-popup,
#removeAllAdjustmentsContainer, #removeAllAdjustmentsLink, #saveGroupLink,
#GetFilesForYear, #GetPremiumsForDeductible,
#add-education-info-popup, #excludedMessage, #ContractTemplateButtonContainer,
.displayNone, .display-none,
.field-validation-valid, .validation-summary-valid, .needToRecalcMessage {
    display: none;
}

#groupsmenu, #templatemenu, #downloadmenu
{
    position: absolute;
    min-width: 50px;
    overflow: hidden;
}

#templateSelector{
    float: right;
}

#save-ArraySchools-dialog-modal label
{
    display: block;
}
#save-ArraySchools-dialog-modal input
{
    width: 100%;
}
#selectedArraySchoolsAsTextForSave
{
    font-weight: bold;
}

#existingSelectedArraySchoolGroups
{
    width: 200px;
}

.none
{
    font-style: italic;
}

#jobTitleSection
{
    margin-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#positionFilterSection {
    margin-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#homePageErrorSection
{
    margin-bottom: 10px;
}

#footer a
{
    color: White;
}

.margintb1 
{
    margin-top: 1px;
    margin-bottom: 1px;
}

.helpicon
{
    max-width: none;
}

#noEdHistory
{
    padding: 10px;
    margin-top: 10px;
}

#edHistoryList
{
    margin-top: 10px;
    margin-bottom: 10px;
}

    #edHistoryList li
    ,#edHistoryList li a:link
    {
        font-size: 14px;
        text-decoration: none;
    }
    #edHistoryList li a:hover
    {
        text-decoration: underline;
    }
    #edHistoryList li.Bachelors
    ,#edHistoryList li.Bachelors a
    {
        color: #002d56;
    }
    #edHistoryList li.Masters
    ,#edHistoryList li.Masters a
    {
        color: #2d5600;
    }
    #edHistoryList li.Doctorates
    ,#edHistoryList li.Doctorates a
    {
        color: #4d0011;
    }

#edInfoTable td.degreeCell
{
    min-width: 110px;
}

#edInfoTable td.creditHoursCell
{
    min-width: 80px;
}

#edInfoTable select.degreeEdInfo
{
    margin-bottom: 0px;
}

#edInfoH2
{
    font-weight: 100;
    font-size: 1.65em;
    padding-bottom: 0px;
}

#arraySchoolSummaryParentContainer
{
    min-width: 920px;
}

.marginLeft15
{
    margin-left: 15px;
}

#staffSearchBox 
{
    margin-bottom: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
#staffSearchContainer
{
    display: inline;
}

tr.adjusted,
tr.adjusted td, 
tr.needToRecalcRow, 
tr.needToRecalcRow td, 
.needToRecalcMessage
{
    background-color: #FFCbCb;
    font-style: italic;
}
tr.adjusted td.adjusted
{
    font-weight: bold;
}

tr.needToRecalcRow, 
tr.needToRecalcRow td, 
.needToRecalcMessage
{
    font-size: 1.35em;
    font-weight: bold;
    border: 2px solid rgb(75, 75, 75);
}

.needToRecalcMessage
{
    max-width: 850px;
    padding: 1em;
}


.adjustHeader
{
    padding: 0;
    margin: 0;
}
.adjustLegend
{
    font-size: 1.1em;
}

.adjustScheduleTable 
{
    font-size: 0.8em
}

#adjustButtonRemoveSchedule,
#adjustButtonRemoveHA,
#adjustButtonRemoveEXP,
#adjustButtonRemove {
    margin-top: 10px;
}

.adjustmentContainer
{
    margin-left: 10px;
}

.adjustButtonContainer
{
    float: left;
    width: 45%;
}

.adjustTable
{
    margin-top: 0;
}

.map {
   position: relative;
   min-height: 400px;
   border:#002d56 2px solid;
}
body.largeMap .map {
   position: absolute;
   top: 250px;
   width: 100%;
   bottom: 0px;
   border-left: none;
   border-right: none;
   border-bottom: none;
}

/*.excludedSchoolPushpin
{
    border-top: red 2px solid !important;
    border-left: red 2px solid !important;
    border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
}
.arraySchoolPushpin
{
    border-top: green 2px solid !important;
    border-left: green 2px solid !important;
    border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
}
.subjectSchoolPushpin
{
    border-top: black 2px solid !important;
    border-left: black 2px solid !important;
    border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
}*/

table.nowraptd td, 
td.nowraptd, 
table.lastTdNowrap td:last-child 
{
    white-space: nowrap;
}

#staffListButtonContainerContainer
{
    min-height: 28px;
}

#staffListButtonContainerContainer 
{
    margin-bottom: 1em;
}

#contractTemplateButtonContainerContainer,
.removeTemplateButtonContainerContainer
{
    min-height: 28px;
}

#contractTemplateButtonContainerContainer
{
    margin-bottom: 1em;
}

#contractTemplateButtonContainer a.form-control
{

    padding-top: 4px;
    margin-top: 1px;
}

.removeTemplateButtonContainerContainer
{
    min-width: 25px;
}

#paginationRow1 div
{
    display: inline;
    margin-right: 1em;
}
#paginationRow1 div:last-child
{
    margin-right: 0;
}

#paginationRow2,
#paginationRow1, 
#paginationRow2 input,
#paginationRow1 input, 
#paginationRow2 select,
#paginationRow1 select, 
#paginationRow2 label,
#paginationRow1 label 
{
    font-size: 12px;
    font-weight: normal;
}
#paginationRowContainer input[type="submit"] 
{
    padding-top: 0;
    padding-bottom: 0;
}
#paginationRow1 select
{
    margin-bottom: 0px;
    height: auto;
}

#paginationRow2
{
    margin-top: 0.5em;
}

#paginationRow2 a,
#paginationRow2 span, 
.marginLeft1e
{
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.selectedletter
{
    border: 1px solid rgb(0, 45, 86);
}

hgroup h1,
hgroup h2,
hgroup h3,
hgroup h4,
hgroup h5,
hgroup h6
{
    display: inline;
    margin-right: 0.5em;
}

.longevity 
{
    background: #B4D6F1 !important;
    
}

.longevityExplanation .longevity 
{
    padding: 2px;
    margin: 1px;
}

.importFileContainer 
{
    margin-bottom: 1em;
    padding: .5em;
    background-color: #e8eef4;
}

.importFileSection p 
{
    width: 80%;
    margin-bottom: 0;
}

#filesForYearNote
{
    font-size: 14px;
    margin-top: 12px;
    margin-bottom: 0;
}

#filesForYear table
{
    margin-left: 12px;
    width: 100%;
}

#filesForYear table tr:first-child td
{
    border-top: solid 1px #e8eef4;
}
#filesForYear table td.no-border
{
    border-right: none;
    border-bottom: none;
}

#addChangedRow 
{
    font-style: normal;
}
    #addChangedRowSection label:not(.display-none)
    {
        display: block;
        margin-top: 1.5em;
    }
    #addChangedRowSection .keepMarginTop:not(.display-none)
    {
        display: block;
        margin-top: 1.5em!important;
    }
     #addChangedRowSection fieldset label:first-of-type
    {
        margin-top: 0;
    }
    #addChangedRowSection input 
    ,#addChangedRowSection select 
    {
        margin-bottom: 0;
    }
    
    #addChangedRowSection textarea
    {
        width: 98%;
    }

.margin-bottom-10
{
    margin-bottom: 10px !important;
}

.margin-top-10
{
    margin-top: 10px !important;
}

.range0
{
}
.range25
{
    background-color: #9F9 !important;
}
.range50
{
    background-color: #FF8 !important;
}
.range75
{
    background-color: #FB7 !important;
}
.rangeElse
{
    background-color: #F99 !important;
}

a#accountSettings
{
    font-weight: bold;
    font-size: 1.05em;
}

.processingSettings
{
    height: 25px;
    float: left;
}

.removepermission
{
    margin: 1px;
}

.emptyPermissions
{
    margin-top: 20px;
}

#adjustPercentile
{
    font-size: 12px;
    padding: 0;
    margin-bottom: 0;
    height: 26px;
}

#adjustEhaRateIncrease
,.noBottomMargin
{
    margin-bottom: 0;
}

#adjustEhaRateIncrease
{
    font-size: 14px;
    color: black;
}

#slider-range-min
{
    margin-top: 1em;
    margin-bottom: 1em;
}

 .k-chart
 {
     height: 400px;
     width: 100%;
     max-width: 900px;
     display: inline-block;
 }

 .k-chart-tooltip
 {
     color: white;
 }

#pnlFiscalYears{
    padding: 10px;
}

/*.strike-through,*/
.strike-through input,
.strike-through textarea,
.strike-through label,
.strike-through select
{
    text-decoration: line-through;
}
#ContractTemplateContentIFrame
{
    width: 100%;
    height: 100%;
    min-height: 800px;
    border-style: none;
    overflow: hidden;
}

#ContractTemplateContentIFrame
{
    min-height: 450px;
}
#buttonContainer
{
    display: inline;
}

.navbar 
{
    margin-bottom: 0px;
    border: 0;
    border-radius: 0;
}

.placement-container .changed {
    color: red;
}
    .placement-container .changed:after {
        content: "*";
    }

tr.hidden-spacer-row, tr.hidden-spacer-row td {
    visibility: hidden;
}

#ProcessingSection {
    padding: 1rem;
}

textarea.message-area {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
    height: 100px;
}