body {
    font-family: Arial;
    margin: 0px;
    padding: 0px;
}
/*#region Nav tabs design added by Hozrot Ali on 23/10/2019 */
.nav-tabs a.active {
    color: black !important;
    background: url(../../images/selected_tab_bg.gif) repeat-x;
    background-color: white !important;
}

.nav-tabs a {
    border-left: 1px solid gray !important;
    border-top: 1px solid gray !important;
    border-right: 1px solid gray !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #E2E2E2 !important;
    color: black;
}

.bootstrap-iso .nav-tabs .nav-item {
    margin-bottom: -2px !important;
}

.font_size_select2 {
    font-size: 12px !important;
}

.ui-dialog {
    z-index: 156 !important;
}

.div_statusMessage .StatusMessageText {
    vertical-align: middle !important;
}
/*#Default Bootstrap JDT select box/checkbox alignment overrides design added by Hozrot Ali on 16/12/2020 */
#div_tblApprovedPayScales table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before {
    margin-top: 3px !important;
}

#div_tblApprovedPayScales table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after {
    margin-top: -2px !important;
}

#div_tbCostCentre table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before {
    margin-top: 2px !important;
}

#div_tbCostCentre table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after {
    margin-top: -3px !important;
}

#div_tblApprovedPayScales table.dataTable tbody tr.selected a {
    color: #007bff !important;
}

/*#endregion */

/* details-control*/
/*Added by Lavanya G D*/
.detailsClose {
    background: url('images/details_close.png') no-repeat left;
    cursor: pointer;
    background-position: left 20px center !important;
}

.detailsOpen {
    background: url('images/details_open.png') no-repeat left;
    cursor: pointer;
    background-position: left 20px center !important;
}

.detailsCloseLevel2 {
    background: url('images/details_close.png') no-repeat left;
    cursor: pointer;
    background-position: left 50px center !important;
}
.detailsCloseLevel3 {
    background: url('images/details_close.png') no-repeat left;
    cursor: pointer;
    background-position: left 50px center !important;
}
.detailsOpenLevel2 {
    background: url('images/details_open.png') no-repeat left;
    cursor: pointer;
    background-position: left 50px center !important;
}
.detailsOpenLevel3 {
    background: url('images/details_open.png') no-repeat left;
    cursor: pointer;
    background-position: left 50px center !important;
}
.datepicker-Zindex {
    z-index: 2 !important;
}

.tr_headerclr {
    background-color: LightGray !important;
}
/*End region */

/*#region Employee next previous design added by Hozrot Ali on 20/12/2019*/

.badge_Employee {
    position: absolute;
    right: -8px;
    top: -7px;
    text-align: center;
    border-radius: 30px;
    color: white;
    padding: 5px 10px;
    font-size: 20px;
}

.badge_Employee_No {
    position: absolute;
    right: -8px;
    top: -7px;
    text-align: center;
    border-radius: 30px;
    color: black;
    padding: 5px 10px;
    font-size: 20px;
    background-color: #17a2b8 !important;
}

.badge_Employee_Total {
    position: absolute;
    right: -8px;
    top: -8px;
    text-align: center;
    border-radius: 30px;
    color: white;
    padding: 5px 10px;
    font-size: 20px;
}

.badge_Employee_Color {
    color: #fff !important;
    background-color: orange !important;
    border-radius: 50% !important;
}

.hide_overFlowText {
    width: 190px;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle !important;
}

/*#endregion */

.heading {
    color: White;
    background-color: #5D7B9D;
    font-weight: lighter;
}

#masterTable {
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.masterContent {
    background-image: url(images/White_Spacer.gif);
    background-repeat: repeat-x;
    margin: 0 auto;
    vertical-align: top;
    border-right: 1px solid black;
    padding: 4px;
}

.mainFooter {
    color: White;
    font-weight: bold;
    font-size: small;
    padding-left: 5px;
    padding-right: 10px;
    position: fixed;
    bottom: 0;
    /*left: 0;
    right: 0;*/
    width: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
    z-index: 1000;
    background-image: url(images/BPSheader-repeat.gif);
}

.masterNav {
    vertical-align: top;
    width: 10%;
    border-left: 1px solid black;
    padding-bottom: 3px;
}

.masterTop {
    vertical-align: top;
    background-image: url(images/BPSheader-repeat.gif);
    background-repeat: repeat-x;
}

#divLeft {
    float: left;
}

#divRight {
    float: right;
}

.tblAlign {
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
/* close icon for input control JDT Individual coloumn search*/
.errspan {
    float: right;
    margin-right: 8px;
    margin-top: -20px;
    position: relative;
    z-index: 2;
    color: black;
}

.autoAlign {
    margin: 0 auto;
    font-size: 12px;
}

.tdLAlign {
    text-align: left;
}

.tdLAlignWidth {
    text-align: left;
    width: 170px;
}

.pnlIEB {
    margin: 0 auto;
    border: 1px solid black;
    padding-right: 10px;
    padding-left: 20px;
}

.pnlIEBResult {
    margin: 0 auto;
    padding-right: 10px;
    padding-left: 20px;
}

.tblCenter {
    text-align: center;
}

.pnlSearch {
    text-align: center;
    font-size: 12px;
    margin: 0 auto;
    padding-bottom: 5px;
}

.pnldynamicpagesize {
    text-align: center;
    font-size: 12px;
    margin: 0 auto;
}

.footer {
    /*color:#00b2d9;*/
    color: White;
    font-weight: bold;
    font-size: small;
    padding-left: 5px;
    padding-right: 10px;
    width: auto;
}

.pageTitle {
    font-weight: bold;
    font-size: 16px;
}

.pnlCenter {
    text-align: center;
    width: 100%;
}

.groupHead {
    font-weight: bold;
    font-size: 12px;
}

.item {
    color: Black;
    background-color: #CCCCCC;
    text-align: left;
}

.scSearchLeft {
    text-align: right;
    vertical-align: top;
    padding-right: 5px;
}

.paddingStyle {
    padding: 5px;
}

/*Style for academybps login heading*/
.loginHeadingPaddingStyle {
    padding-top: 10px;
    padding-bottom: 8px;
}

.scSearchRight {
    text-align: right;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
}



.spacer {
    background-image: url(images/BPSheader-repeat.gif);
    background-repeat: repeat-x;
    width: 100%;
    text-align: left;
    margin-top: 5px;
}

.logoStyle {
    border-right-color: #000000;
    border: 1px solid;
}

.quickHeadNor {
    font-size: 12px;
}

.quickHeadBold {
    font-size: 12px;
    font-weight: bold;
}

.contentTD {
    vertical-align: top;
}

#pageCaption {
    text-align: center;
    font-weight: lighter;
}

.font12 {
    font-size: 12px;
}

/*.searchTd {
    text-align: right;
   vertical-align: top;
}*/

input text {
    font-family: Arial;
    font-size: 12px;
}

textarea {
    font-family: Arial;
    font-size: 12px;
    resize: none;
}

#resultsPanel {
    text-align: center;
    margin: 20px 20px 20px 20px;
}

#content {
    text-align: left;
    vertical-align: top;
}


.ColumnHeading {
    background-color: #E2E2E2;
    color: Black;
    font-weight: bold;
}

.GridColumnHeading {
    background-color: #E2E2E2;
    color: Black;
    font-weight: bold;
    border-right: 1px solid #7C7C94;
    font-size: 14px;
}

.resGridHeading {
    background-color: #E2E2E2;
    color: Black;
    font-weight: bold;
    border-right: 1px solid #7C7C94;
    font-size: 11px;
}

.TableStyle {
    font: 11px;
    vertical-align: top;
}

.FormViewTableCell {
    background-color: white;
    font-weight: bold;
    color: #333333;
    height: 25px;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 4px;
}

.FormViewTableCellDialog {
    background-color: #cce5ff;
    font-weight: bold;
    color: #333333;
    height: 25px;
    vertical-align: top;
    padding-left: 10px;
}

.FormViewTable {
    background-color: #E9ECF1;
}

.FormViewDataCell {
    background-color: white;
}

.FormViewCommandButtons {
    background-color: #E2DED6;
    font-weight: bold;
    color: #333333;
}

.AnchorStyle {
    color: blue;
    text-decoration: underline;
}

.AnchorStyleRed {
    color: Red;
    text-decoration: underline;
}

.TagIconAnchorStyle {
    color: white;
    text-decoration: none;
}

.fieldset1 {
    border: 1px solid #999999;
    margin: 10px;
    font-size: 12px;
}

.formView {
    margin: 0 auto;
    border: 1px solid #999999;
    font-size: 12px;
    padding: 5px;
}

.welcomeHead {
    font-size: larger;
    font-weight: bold;
}

.tableBorder {
    border: 1px solid #999999;
    margin: 10px;
    font-size: small;
}

.legend1 {
    color: #FFFFFF;
    background: #009900;
    padding: 5px;
    border: 1px solid #009900;
    margin: 10px 0px 5px;
}

.pnlBorder {
    margin: 0 auto;
    border: 1px solid black;
}

.MultiPage1 {
    background-color: White;
    border: 1px solid #919B9C;
    width: 487px;
    height: 150px;
    position: relative;
    top: -3px;
    left: 1px;
    z-index: 98;
}

.MultiPage2 {
    border: 1px solid #919B9C;
    padding: 5px;
    text-align: center;
}

.ResourceColumnStyle {
    border: 1px solid black;
    text-align: center;
    font-weight: bold;
    margin-right: 2px;
}

.ResourceGroupValueStyle {
    text-align: right;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.ResourceGroupTotalsStyle {
    text-align: right;
    font-weight: bold;
}

.ResourceBoldStyle {
    font-weight: bold;
}

.ItemYellowBackground {
    background: Yellow;
    text-align: right;
}

.ItemBackground {
    background-color: white;
    text-align: right;
}

.LinksPanel {
    font-weight: lighter;
    text-align: center;
    width: 800px;
}

.ProfileHeading {
    font-weight: bold;
    text-decoration: underline;
}

.ProfileDescription {
    font-weight: bold;
}

.ProfileValue {
    font-weight: normal;
    border: 1px solid;
    width: 70px;
}

.ProfileValuetxt {
    font-weight: normal;
    font-size: 12px;
    text-align: right;
    border: 1px solid;
    width: 70px;
}

.ProfileSummaryValue {
    font-weight: normal;
    border: 1px solid;
}

.hrColor {
    color: black;
}

.fieldset2 {
    border: 1px solid #999999;
    margin: 10px;
    font-size: 12px;
}

.Honfieldset2 {
    border: 1px solid #999999;
    margin: 10px;
    font-size: 11px;
}

.pointLbl {
    padding-right: 15px;
    vertical-align: top;
    font-size: 12px;
    width: 60px;
    display: inline-flex;
}

.pointLbl1 {
    padding-right: 15px;
    vertical-align: top;
    font-size: 12px;
    width: 60px;
    display: inline-flex;
}

/* Change Password Style */
.lblField3 {
    font-size: 12px;
    padding-right: 5px;
}

.headingTD {
    font-weight: bold;
    font-size: 14px;
    color: white;
    background-color: #404040;
    height: 14px;
}

.pwdBorder {
    border: 1px solid #E6E2D8;
    font-size: 12px;
    margin: auto;
    padding: 15px 15px 15px 15px;
}

.pwdMsg {
    color: Red;
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 12px;
    text-align: center;
}
/*****************/
.tableRowRigthBorder {
    border-right: 1px solid #EAE9E1;
}

.buttonStyle {
    background-color: #FFFBFF;
    border-color: #CCCCCC;
    border-style: Solid;
    border-width: 1px;
    font-size: 12px;
    color: #284775;
}

.totalTable {
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    margin: 1px;
    font-size: 12px;
}

.IEBHeading {
    padding-bottom: 10px;
    font-weight: bold;
}

.IEBLastYearBal {
    font-weight: bold;
    padding-bottom: 10px;
}

.IEBPadding {
    padding-left: 5px;
}


/*Revenue & Capital Balances table*/
.row1allborber {
    width: 100px;
    height: 30px;
    border-color: Silver;
    border-width: 1px;
    border-style: solid;
    font-size: 11px;
    font-weight: bold;
}

.rowheaderleftright {
    width: 100px;
    height: 15px;
    border-color: Silver;
    border-width: 1px;
    border-left-style: solid;
    border-right-style: solid;
    text-align: center;
    font-size: 11px;
}

.row1topbottom {
    width: 100px;
    height: 30px;
    border-color: Silver;
    border-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    font-size: 11px;
    font-weight: bold;
}

.rowallborber {
    width: 100px;
    height: 15px;
    border-color: Silver;
    border-width: 1px;
    border-style: solid;
    text-align: right;
    font-size: 11px;
}

.row1leftrightbottom {
    width: 100px;
    height: 15px;
    border-color: Silver;
    border-width: 1px;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    text-align: right;
    font-size: 11px;
}

.rowbottomstyle {
    width: 100px;
    height: 15px;
    border-color: Silver;
    border-width: 1px;
    border-bottom-style: solid;
    text-align: right;
    font-size: 11px;
}

.row1lefttopbottom {
    width: 100px;
    height: 15px;
    border-color: Silver;
    border-width: 1px;
    border-left-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    text-align: left;
    font-weight: bold;
    font-size: 11px;
}

.rowbottomstyle {
    width: 100px;
    height: 15px;
    border-color: Silver;
    border-width: 1px;
    border-bottom-style: solid;
    font-size: 11px;
}

.row1leftright {
    width: 100px;
    height: 15px;
    border-color: Silver;
    border-width: 1px;
    border-left-style: solid;
    border-right-style: solid;
    text-align: right;
    font-size: 11px;
}

.rowtopbottom {
    width: 100px;
    height: 15px;
    border-color: Silver;
    border-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    text-align: right;
    font-size: 11px;
}

.lbltextwidth {
    width: 100px;
    text-align: right;
    font-size: 11px;
}

.lbltextdecoration {
    text-align: left;
    text-decoration: underline;
    font-weight: bold;
    font-size: 11px;
}

.lblboldleft {
    font-weight: bold;
    text-align: left;
    font-size: 11px;
}

.lblindent {
    width: 300px;
    text-align: left;
    text-indent: 40px;
    font-size: 11px;
}

.lblindent1 {
    width: 80px;
    text-align: left;
    text-indent: 20px;
    font-size: 11px;
}

.lbltextalignright {
    width: 100px;
    height: 15px;
    border-color: Silver;
    border-width: 0px;
    border-left-style: solid;
    border-right-style: solid;
    text-align: right;
    font-size: 11px;
}

.lbltextalignleft {
    text-align: left;
    font-size: 11px;
}

.lblindent2 {
    width: 320px;
    text-align: left;
    text-indent: 10px;
    font-weight: bold;
    font-size: 11px;
}

.lblfontsize {
    font-size: 11px;
    text-align: center;
}

.txtboxstyle {
    width: 100px;
    text-align: right;
    background-color: Yellow;
    font-size: 11px;
}

.txtboxstyle1 {
    width: 100px;
    text-align: right;
    background-color: white;
    font-size: 11px;
}

.txtboxstyleFA1 {
    width: 55px;
    text-align: right;
    font-size: 11px;
    border: none;
}

.txtboxstyleFA2 {
    width: 55px;
    background-color: Yellow;
    text-align: right;
    font-size: 11px;
    border: 1px solid;
}

.txtboxstyleFABorder {
    width: 95px;
    text-align: right;
    font-size: 11px;
    border: 1px Solid;
}

.btnsavestyle {
    margin-top: 5px;
}

.tdRSPadding {
    padding-left: 10px;
    text-align: left;
    font-size: 11px;
}

.lblUnderline {
    width: 320px;
    text-align: left;
    text-indent: 10px;
    font-weight: bold;
    font-size: 11px;
}

/*Revenue & Capital Summary page*/
.lbltextUnderline {
    text-align: left;
    font-weight: bold;
    font-size: 11px;
    text-decoration: underline;
    width: 70px;
}

.cellRevSum {
    width: 100px;
    font-size: 11px;
    text-align: right;
}

.lbldesc {
    text-align: left;
    font-size: 11px;
    width: 400px;
}


.lbldescP {
    text-align: left;
    font-size: 11px;
    width: 330px;
}

.lbltextUnderlineTd {
    text-align: left;
    font-weight: bold;
    font-size: 11px;
    width: 50px;
}

.descboldlblTD {
    width: 50px;
    font-weight: bold;
    font-size: 11px;
}


.lblgrptotalTd {
    text-align: left;
    font-size: 11px;
    width: 220px;
    font-weight: bold;
}

.lbldescComTd {
    text-align: left;
    font-size: 11px;
    width: 240px;
}

.lbldescComCapitalTd {
    text-align: left;
    font-size: 11px;
    width: 330px;
}

.lblgrptotalComTd {
    text-align: left;
    font-size: 11px;
    width: 240px;
    font-weight: bold;
    padding-left: 20px;
}

.cellRevSumTd {
    width: 100px;
    font-size: 11px;
    text-align: right;
}
/*Added foreignObject previous compare forecast*/
.cellRevSumTd1 {
    width: 170px;
    font-size: 11px;
    text-align: right;
}

.lblgrptotalyearTD {
    text-align: right;
    font-size: 11px;
    font-weight: bold;
    border-bottom-style: solid;
    border-top-style: solid;
    border-width: 1px;
}

.headingstylerevfinancialforecast {
    text-align: left;
    font-size: 11px;
    width: 900px;
    text-decoration: underline;
    font-weight: bold;
}

.headcapboleund {
    width: 80px;
    text-decoration: underline;
    font-weight: bold;
    text-align: center;
    font-size: 11px;
    padding-left: 20px;
}

.descboldlbl {
    width: 70px;
    font-weight: bold;
    font-size: 11px;
}

.descboldlblComTd {
    width: 50px;
    font-weight: bold;
    font-size: 12px;
}

.lblgrptotal {
    text-align: left;
    font-size: 11px;
    width: 330px;
    font-weight: bold;
}

.lblFont11 {
    font-size: 11px;
}

.lblgrptotalyear {
    text-align: right;
    font-size: 11px;
    width: 100px;
    font-weight: bold;
    border-bottom-style: solid;
    border-top-style: solid;
    border-width: 1px;
}

.Revsumheadboldund {
    width: 600px;
    text-align: left;
    padding-left: 0px;
    font-weight: bold;
    font-size: 11px;
    text-decoration: underline;
}

.mainvarhead {
    width: 100px;
    font-size: 11px;
    font-weight: bold;
    text-indent: 50px;
}

.financialyearheader {
    font-weight: bold;
    font-size: 11px;
    padding-bottom: 5px;
}


/*stylesheet for Component Calendar Control*/
.calendar_button {
    border: none;
    cursor: pointer;
    vertical-align: top;
}

.picker {
    background-color: #FFFFFF;
    border: 1px gray solid;
    font-size: 12px;
    font-weight: bold;
    padding: 2px;
    cursor: pointer;
}

.calendar td {
    font-size: 11px;
}

.title {
    font-weight: bold;
    background-color: #D7D7E5;
}

.day {
    width: 25px;
    cursor: pointer;
    text-align: center;
    border-width: 1px;
    border-color: #F6F6F6;
    border-style: solid;
}

.dayhover {
    width: 25px;
    cursor: pointer;
    text-align: center;
    text-decoration: underline;
    border-width: 1px;
    border-color: #F6F6F6;
    border-style: solid;
}

.dayheader {
    width: 25px;
    text-align: center;
    border-width: 1px;
    border-color: white;
    border-style: solid;
    font-weight: bold;
    background-color: #FFFFFF;
}

.othermonthday {
    color: #999999;
}

.outofrangeday {
    visibility: hidden;
}

.selectedday {
    width: 25px;
    background-color: #FBE694;
    color: #000000;
    border-width: 1px;
    border-color: #BB5503 !important;
    border-style: solid;
    font-weight: bold;
}

.calendar {
    border-style: solid;
    border-width: 1px;
    border-color: Black;
    border-collapse: collapse;
    background-color: #FFFFFF;
    cursor: default;
}

.month {
    background-color: #F6F6F6;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 0px;
}

.nextprev {
    cursor: pointer;
    height: 25px;
    vertical-align: middle;
    padding: 0px 5px 0px 5px;
}

.selector {
    width: 14px;
    cursor: pointer;
    text-align: left;
    vertical-align: middle;
    background-color: #FFFFFF;
}

.weekend {
    color: Red;
    cursor: default;
}

.weekendHover {
    width: 25px;
    cursor: default;
    text-align: center;
    text-decoration: none;
    display: block;
}

.weekendActive {
    display: none;
    cursor: default;
}

.TextBoxStyle {
    border: 2px Solid;
    border-color: gray;
    text-align: left;
}

.ksPadding {
    padding: 5px;
    border: 1px solid black;
}


.yrsBorderRight {
    border-right: 1px solid black;
}

.yrsBorderBottom {
    border-bottom: 1px solid black;
}

.yrsPadding {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.yrsBorderLeft {
    border-left: 1px solid black;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.yrsBorderTop {
    border-top: 1px solid black;
    border-left: 1px solid black;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.columnRightBorder {
    border-right: none;
}

.cellMargin {
    padding-top: 5px;
}

.errorDesc {
    font-size: 12px;
    color: Maroon;
}

.errorTitle {
    font-size: large;
    font-weight: bold;
    color: Maroon;
}

.hrIE {
    color: Black;
    width: 200px;
}

.lookupGroup {
    text-align: center;
}

.accHeader {
    width: 100%;
    border: 1px solid #7C7C94;
    margin: 0 auto;
}

.ChkList td {
    padding-right: 35px;
}

.IELPadding {
    padding-left: 72px;
    padding-top: 5px;
}

.hrIEPadding {
    padding-left: 70px;
    padding-top: 5px;
}

.ItemPadding {
    padding-left: 15px;
}

.resPageView {
    width: 650px;
    margin: 0 auto;
}

.ReportViewerPnl {
    height: 600px;
}

.tblError {
    border-right: blue thin groove;
    border-top: blue thin groove;
    border-left: blue thin groove;
    border-bottom: blue thin groove;
}

.benchRpt {
    padding-left: 630px;
}

.submissionLink {
    padding-left: 350px;
}

.ImgTemp {
    height: 15px;
    width: 15px;
    border: none;
}

.EmpImgTemp {
    height: 19px;
    width: 20px;
    border: none;
}

.CostCentreImgTemp {
    height: 19px;
    width: 20px;
    border: none;
    padding-left: 5px;
    padding-right: 5px;
}

.FTEImgTemp {
    height: 22px;
    width: 16px;
    border: none;
}

.CmpRptPnl {
    border: solid 1px black;
    width: 200px;
    padding-left: 25px;
}

.inputTxt {
    background-color: Yellow;
}

table.tableReplicate {
    text-align: center;
    padding: 5px;
    font-size: 12px;
}

    table.tableReplicate td.label {
        text-align: left;
        padding-right: 5px;
        width: 120px;
        padding-left: 20px;
    }

    table.tableReplicate td.value {
        text-align: left;
        padding-left: 3px;
        padding-right: 20px;
    }


/********************** System Parameters **************/
.sysParentDiv {
    width: 850px;
    height: 320px;
    border: 1px solid;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    font-size: 12px;
}

.sysLeftDiv {
    width: 600px;
    float: left;
    padding: 5px;
}

.sysLeftDiv1 {
    width: 305px;
    float: left;
}

.sysRightDiv {
    width: 300px;
    float: left;
    text-align: left;
    vertical-align: top;
}

table.tableSysParam {
    text-align: center;
    margin: 1 auto;
    width: 585px;
}

    table.tableSysParam td.label {
        text-align: left;
        padding: 3px;
        width: 380px;
    }

    table.tableSysParam td.value {
        text-align: left;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 3px;
        width: 110px;
        vertical-align: top;
    }


table.tableSysParam2 {
    text-align: center;
    margin: 1 auto;
    width: 292px;
}

    table.tableSysParam2 td.label2 {
        text-align: left;
        padding: 3px;
        width: 150px;
    }

    table.tableSysParam2 td.value2 {
        text-align: right;
        padding-left: 3px;
        padding-right: 1px;
        padding-top: 3px;
        width: 110px;
        vertical-align: top;
    }

table.tableSysParam td.label1 {
    text-align: left;
    padding-right: 5px;
    width: 300px;
}

table.tableSysParam td.value1 {
    text-align: left;
    padding-left: 3px;
    padding-right: 3px;
    width: 300px;
    vertical-align: top;
}

table.tableSysParam1 {
    text-align: center;
    width: 600px;
}

.sysChildDiv {
    border: 1px solid;
    text-align: center;
    vertical-align: middle;
    padding: 7px;
    font-size: 12px;
}

.sysChildDiv1 {
    border: 1px solid;
    text-align: center;
    vertical-align: middle;
    padding: 3px;
    font-size: 12px;
    height: 95px;
}

.sysChildDiv2 {
    border: 1px solid;
    text-align: center;
    vertical-align: middle;
    padding: 3px;
    font-size: 12px;
    height: 130px;
}

.sysLegendDiv {
    margin-left: 10px;
    text-align: left;
}

.SchSupAnnChildDiv {
    border: 1px solid;
    text-align: center;
    vertical-align: middle;
    padding: 7px;
    font-size: 12px;
    width: 500px;
}

table.tableChild {
    text-align: center;
    margin: 0 auto;
    width: 560px;
}

    table.tableChild td.label {
        text-align: left;
        width: 420px;
    }

    table.tableChild td.value {
        text-align: left;
        padding-left: 3px;
        padding-right: 3px;
        width: 110px;
        vertical-align: top;
    }
/************************************************/

.YrEndStyle {
    font-weight: bold;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
}

.LabelStyle {
    border: 1px solid;
    text-align: left;
}

table.tableYearEnd {
    text-align: center;
    font-size: 12px;
    border: solid 1px black;
    margin: 0 auto;
    width: 600px;
}

    table.tableYearEnd td.label {
        text-align: left;
        padding-right: 5px;
        width: 320px;
        padding-left: 20px;
    }

    table.tableYearEnd td.value {
        text-align: left;
        padding-left: 3px;
        padding-right: 20px;
    }

table.tableDevPlan {
    text-align: center;
    padding: 5px;
}

    table.tableDevPlan td.name {
        text-align: right;
        padding-right: 5px;
    }

    table.tableDevPlan td.value {
        text-align: left;
        padding-left: 3px;
    }

.divPager {
    font-size: 11px;
}

.formulaRpts {
    padding-left: 600px;
    font-size: 12px;
}

.RAFformulaRpts {
    padding-left: 390px;
    font-size: 12px;
}

table.tblYearEndStatus td {
    width: 250px;
}

    table.tblYearEndStatus td.label {
        text-align: right;
        padding-left: 20px;
        font-weight: bold;
    }

    table.tblYearEndStatus td.value {
        text-align: left;
        padding-right: 20px;
        width: 300px;
        padding-left: 5px;
    }

.YEPMsg {
    border: solid 1px black;
    width: 600px;
    display: none;
    text-align: left;
}

.YEPBtnsPnl {
    padding-top: 10px;
    padding-bottom: 5px;
}

.YEPDetails {
    border: 1px solid;
    width: 500px;
    padding: 5px;
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
}

/*Taken From NYCC By Manju Kumar on 25/05/2010 */

table .tblPrevForecast td.rpt {
    border-right: solid 1px black;
    border-bottom: solid 1px black;
}

table .tblPrevForecast td.type {
    border-bottom: solid 1px black;
}

table .tblPrevForecast td.yrsSelect {
    border-top: solid 1px black;
    width: 400px;
    padding: 2px;
}

.tblPrevForecastGridHeading {
    width: 100%;
    border: 1px solid #7C7C94;
}

table .tblPrevForecastGridHeading td.empResHeading {
    background-color: #E2E2E2;
    color: Black;
    font-weight: bold;
    border-right: 1px solid #7C7C94;
    font-size: 14px;
    width: 19%;
    text-align: center;
}

table .tblPrevForecastGridHeading td.otherIEHeading {
    background-color: #E2E2E2;
    color: Black;
    font-weight: bold;
    border-right: 1px solid #7C7C94;
    font-size: 14px;
    width: 40%;
    text-align: center;
}

table .tblPrevForecastGridHeading td.optionsHeading {
    background-color: #E2E2E2;
    color: Black;
    font-weight: bold;
    border-right: 1px solid #7C7C94;
    font-size: 14px;
    width: 30%;
    text-align: center;
}

.DlgHeading {
    width: 570px;
}

.DlgBtns {
    width: 490px;
    text-align: center;
}

.fieldsetCS {
    border: 1px solid #999999;
    margin: 10px;
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
}

.searchTd {
    text-align: right;
    vertical-align: middle;
    width: 85px;
}
/***************************************************/
/********** Cost center vs cost code style ***************/
/***************************************************/
.CCContentCss {
    background-color: White;
    border-left: solid 2px black;
    border-right: solid 2px black;
    border-bottom: solid 2px black;
    border-top: solid 1px black;
    font-size: 12px;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.CHeaderCss {
    height: 23px;
    text-align: left;
    background-color: #b1dce5;
    color: black;
    border-top: solid 1px black;
    border-left: solid 1px black;
    border-right: solid 1px black;
    width: 922px;
}

.CCHeadSpan {
    font-size: 12px;
    font-weight: bold;
    padding-left: 2px;
}

.CHeadingRow {
    background-color: #C9C9C9;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    padding: 2px 2px 2px 2px;
    border: 1px solid black;
}

.CHeadingRow1 {
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    margin: 0px 0px 0px 5px;
    padding: 2px 2px 2px 2px;
}

.CHeadingRowLbl {
    font-weight: bold;
    font-size: 12px;
    text-align: right;
    padding: 2px 2px 2px 2px;
    color: Green;
    border: 1px solid black;
}

.CHeadingRowLbl1 {
    font-weight: bold;
    font-size: 12px;
    text-align: right;
    margin: 0px 0px 0px 5px;
    padding: 2px 2px 2px 2px;
    color: Green;
}

.CContentCell {
    padding: 0px 0px 0px 5px;
    text-align: right;
    border-bottom: solid 1px #E2E2E2;
    border: 1px solid black;
}

.CContentCellLabel {
    padding: 0px 0px 0px 10px;
    text-align: left;
    border-bottom: solid 1px #E2E2E2;
    border: 1px solid black;
}

.CContentCellValue {
    padding: 0px 0px 0px 10px;
    text-align: right;
    border-bottom: solid 1px #E2E2E2;
    border: 1px solid black;
}

.CContentCellUnalloc {
    padding: 0px 0px 0px 10px;
    text-align: left;
    font-weight: bold;
    color: Green;
    border: 1px solid black;
}

.CostCentertxt {
    text-align: right;
}

.Unallocatedtxt {
    text-align: right;
    font-weight: bold;
    border-color: transparent;
    border-width: 0;
    border-style: none;
    color: Green;
    border-bottom: solid 1px #E2E2E2;
    border: 1px solid black;
}

.CCImgStyle {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    padding-left: 5px;
    cursor: pointer;
}

.pnlDevDate {
    font-size: 12px;
    margin: 0 auto;
    padding-bottom: 5px;
}

.WriteModeCCTxt {
    background-color: Yellow;
}

/***********Quick Calculator  **************/
.qukFrom {
    width: 102px;
    text-align: right;
    padding-right: 2px;
}

.qukTo {
    width: 220px;
    text-align: right;
    padding-right: 2px;
}
/*****************Income expense balance details  ***********/
.pnlSubmitDet {
    font-size: 12px;
    border-color: #919b9c;
    border-width: 1px;
    border-style: solid;
    height: 230px;
    text-align: center;
}

.rptLblStyle {
    border-right: solid 1px black;
    border-bottom: solid 1px black;
}

/*******************Teaching staff details*********************************/
.tsDetTd {
    text-align: left;
    vertical-align: baseline;
    padding-left: 25px;
}

.tsHonDetails {
    padding: 20px;
    border: 1px solid;
}

.pnlTL {
    padding: 10px;
    border: 1px solid black;
}

/************************************************************************/
/***************** Group Correction Matrix      *************************/
/************************************************************************/

#pnlCorrMain {
    margin: 5px Auto;
    text-align: center;
}

.paddingBtm {
    padding-bottom: 5px;
}


/***********Print all salary reports ****************************/
.rptStatusPnl {
    padding: 5px;
    margin-bottom: 5px;
    text-align: left;
    border: 1px solid black;
    font-size: 12px;
    overflow: scroll;
    width: 700px;
    height: 400px;
}

.allRptMainPnl {
    width: 730px;
    margin: 10px auto;
    text-align: center;
    border: none;
}

.groupNamestyle {
    background-color: #E2E2E2;
    color: black;
    width: 712px;
    border: 1px solid;
    font-weight: bold;
}

.AppFromDtext {
    width: 70px;
}

.tblSenPaymentGridHeading {
    width: 560px;
    border: 1px solid #7C7C94;
}

table .tblSenPaymentGridHeading td.SenPayAppliesFrom {
    background-color: #E2E2E2;
    color: Black;
    font-weight: bold;
    border-right: 1px solid #7C7C94;
    font-size: 14px;
    width: 23%;
    text-align: center;
}

table .tblSenPaymentGridHeading td.SenPayTeaching {
    background-color: #E2E2E2;
    color: Black;
    font-weight: bold;
    border-right: 1px solid #7C7C94;
    font-size: 14px;
    width: 38%;
    text-align: center;
}

table .tblSenPaymentGridHeading td.SenPayNonTeaching {
    background-color: #E2E2E2;
    color: Black;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

/*********Budget Forecast Dialog Table Added By Rekha on 29/12/2010*************/
table.tblDlgBudgetForecast {
    text-align: center;
    width: 100%;
    margin-bottom: 2px;
}

    table.tblDlgBudgetForecast td.name {
        text-align: right;
        padding-right: 3px;
        width: 10%;
        vertical-align: top;
        background-color: #e2e2e2;
    }

    table.tblDlgBudgetForecast td.value {
        text-align: left;
        width: 60%;
        padding-right: 3px;
    }

table.tblDlgBudgetForecastValue {
    text-align: center;
    width: 100%;
}

    table.tblDlgBudgetForecastValue td.name {
        text-align: center;
        border: 1px solid black;
        width: 150px;
    }

    table.tblDlgBudgetForecastValue td.value1 {
        text-align: left;
        font-weight: bold;
        border: 1px solid black;
        width: 150px;
    }

    table.tblDlgBudgetForecastValue td.value2 {
        text-align: right;
        border: 1px black solid;
        font-weight: bold;
        border: 1px solid black;
        width: 160px;
    }

    table.tblDlgBudgetForecastValue td.value3 {
        text-align: right;
        font-weight: bold;
        background-color: orange;
        color: black;
        border: 1px solid black;
        font-size: 1.3em;
    }

    table.tblDlgBudgetForecastValue td.border1 {
        border: none;
        border-left: 1px solid black;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
    }

    table.tblDlgBudgetForecastValue td.border2 {
        border: none;
        border-right: 1px solid black;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
    }

    table.tblDlgBudgetForecastValue td.heading2 {
        text-align: center;
        border: 1px solid black;
        font-weight: bold;
        background-color: #5D7B9D;
        color: white;
    }

    table.tblDlgBudgetForecastValue td.heading1 {
        text-align: right;
        border: 1px solid black;
        width: 130px;
        font-weight: bold;
        padding-right: 4px;
        height: 22px;
    }

    table.tblDlgBudgetForecastValue td.redValue {
        text-align: right;
        border: 1px black solid;
        color: red;
        padding-right: 4px;
    }

    table.tblDlgBudgetForecastValue td.greenValue {
        text-align: right;
        border: 1px black solid;
        color: green;
        padding-right: 4px;
    }

    table.tblDlgBudgetForecastValue td.boldValue {
        text-align: right;
        border: 1px solid black;
        font-weight: bold;
        padding-right: 4px;
    }

    table.tblDlgBudgetForecastValue td.simpleValue {
        text-align: right;
        border: 1px solid black;
        padding-right: 4px;
    }

    table.tblDlgBudgetForecastValue td.valueExceptRightBorder {
        border: none;
        border-left: 1px solid black;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        padding-right: 3px;
        text-align: right;
        font-weight: bold;
    }

.BalanceBFCFValue {
    font-weight: bold;
    text-align: right;
    font-size: 1.3em;
    width: 140px;
    background-color: #FFA500;
    border-left: 2px solid black;
}

.BalanceBFCFName {
    font-weight: bold;
    text-align: right;
}

.BdFrDetailsDlgHeading {
    width: 670px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
}

table.tblIncExpBal {
    width: 100%;
}

    table.tblIncExpBal td.name {
        text-align: left;
        vertical-align: top;
        padding-left: 10px;
    }

    table.tblIncExpBal td.value {
        text-align: left;
    }

    table.tblIncExpBal td.value1 {
        text-align: left;
        vertical-align: top;
    }

    table.tblIncExpBal td.value2 {
        text-align: right;
        padding-right: 10px;
    }

    table.tblIncExpBal td.total {
        text-align: right;
        font-weight: bold;
    }

.valtextbox {
    text-align: right;
    font-weight: bold;
    font-size: 12px;
}

table.tblCCAllocation {
    text-align: center;
    width: 100%;
}

    table.tblCCAllocation td.name {
        text-align: left;
        padding-left: 5px;
        padding-right: 3px;
        vertical-align: top;
        font-size: 12px;
    }

    table.tblCCAllocation td.value {
        text-align: left;
        padding-right: 3px;
    }

.divPadding {
    margin: 0 auto;
    text-align: center;
    padding: 3px;
}

.PanelCCDetails {
    margin: 0 auto;
    width: 650px;
    padding: 3px;
    border: 1px solid #e2e2e2;
}

    .PanelCCDetails legend {
        color: #00b2d9;
        font-size: 10pt;
        font-family: Arial;
    }

table.tblJobrolesdlg {
    text-align: center;
    width: 100%;
    margin-bottom: 2px;
}

    table.tblJobrolesdlg td.name {
        text-align: right;
        padding-right: 3px;
        width: 20%;
        vertical-align: top;
    }

    table.tblJobrolesdlg td.value {
        text-align: left;
        padding-right: 3px;
    }

/********************************Added By Lavanya for funding allocation itemdetailsDialog box************************/

table.tblDlgItemDetails {
    font-family: Arial;
    font-size: small;
    width: 100%;
    margin-bottom: 2px;
    vertical-align: middle;
}

    table.tblDlgItemDetails td.name {
        text-align: right;
        padding: 0px 3px 0px 0px;
        padding-right: 3px;
        vertical-align: middle;
    }

    table.tblDlgItemDetails td.value {
        text-align: left;
        vertical-align: middle;
        padding-right: 3px;
    }

    table.tblDlgItemDetails td.value1 {
        padding-left: 0px;
        margin-right: 0px;
    }

.Footer {
    font-family: Arial;
    font-size: small;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 2px;
}
/*******Find Panel***********/
.findPanel {
    font-size: 12px;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

.findPanel1 {
    padding: 2px;
    width: 175px;
    color: black;
    font-weight: bold;
    float: right;
}

.findimg {
    vertical-align: top;
    /*padding-right: 2px;*/
}

.findtextbox {
    background-color: #b1dce5;
    border: 1px solid black;
    font-weight: bold;
    font-size: 10pt;
    width: 50px;
}
/************************************/
.watermarked {
    background-color: Aqua;
    color: red;
}

/***********Profile Details****************/
table.tableprofile {
    font-size: 9pt;
    width: 850px;
    margin: 0 auto;
}

    table.tableprofile td.left {
        border-top: 1px solid #e2e2e2;
        border-left: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
    }

    table.tableprofile td.right {
        border-top: 1px solid #e2e2e2;
        border-right: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
    }

table.tableProfileDet {
    width: 320px;
    text-align: center;
    margin: 2px;
}

    table.tableProfileDet td.option {
        width: 10%;
        text-align: center;
    }

    table.tableProfileDet td.name {
        width: 90%;
        text-align: left;
    }

table.tableProfileMonths {
    width: 500px;
    float: right;
    margin: 2px;
}

    table.tableProfileMonths td.name {
        text-align: center;
        font-weight: bold;
    }

    table.tableProfileMonths td.value {
        text-align: center;
    }

.ProfileImages {
    margin: 1px;
}

.DivProfileImg {
    border: 1px solid grey;
    margin-left: 4px;
    padding: 1px;
    width: 12px;
}

.dlProfileImages {
    border: 1px solid white;
}

.DivProfileImg1 {
    border: 1px solid grey;
}

/*******************************************************************************/
/**** Other Income expenditure totals style ***************/
.HLabelCss {
    width: 408px;
    font-weight: bold;
    float: left;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 12px;
}

.TValueFirstCss {
    font-weight: bold;
    float: left;
    width: 100px;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 12px;
    text-align: right;
    padding-right: 4px;
}

.TValueMiddleCss {
    width: 104px;
    font-weight: bold;
    float: left;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 12px;
    text-align: right;
    padding-right: 4px;
}

.TValueLastCss {
    width: 100px;
    font-weight: bold;
    float: left;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 12px;
    text-align: right;
    padding-right: 4px;
}

.TValueCommentsCss {
    width: 30px;
    float: left;
    background-color: #E2E2E2;
    padding-left: 2px;
    text-align: right;
}
/*********************************************************************************/
/*********Styles for ComponentArt Snap ***********/
.Dock {
    padding: 5px;
    border: #AFAFAF 1px solid;
    background-color: #D1D1D1;
}

.SnapHeader {
    color: #ffffff;
    background-color: #666;
    background-image: url(images/BPSbutton.gif);
    border: 1px solid #333;
    font-family: Tahoma;
    font-weight: bold;
    height: 16px;
}
/************************Component Art Input Validations***************************/

.field span.lbl {
    float: left;
    width: 50px;
    height: 25px;
    line-height: 24px;
    font-size: 12px;
    padding: 0 10px 0 0;
    text-align: right;
    cursor: default;
}

.field span input {
    width: 80px;
    border: 1px solid #000;
    background: #fff;
    margin: 0;
    padding: 4px 4px 5px 4px;
    font: 12px Tahoma,Verdana,Arial,Helvetica,sans-serif;
    border: 1px solid #666;
    border-color: #666 #999 #999 #666;
    position: absolute;
    top: 0;
}

.field span.focused {
    float: left;
    width: 89px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
    position: relative;
}

    .field span.focused input {
        color: #333;
        font-style: normal;
    }

.field span.valid {
    float: left;
    width: 89px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
    position: relative;
}

    .field span.valid input {
        color: #333;
        font-style: normal;
    }

.field span.focused-valid {
    float: left;
    width: 89px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
    position: relative;
}

    .field span.focused-valid input {
        color: #0a0;
        font-style: normal;
    }

.field span.invalid {
    float: left;
    width: 89px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
    position: relative;
}

    .field span.invalid input {
        color: #d00;
        font-style: normal;
    }

.field span.disabled {
    float: left;
    width: 89px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
    position: relative;
}

    .field span.disabled input {
        background: #f3f3f3;
        color: #bbb;
        font-style: normal;
        border-color: #bbb #ddd #ddd #bbb;
    }

/*National Insurance Number Input Control CSS*/
.field1 span.lbl {
    float: left;
    width: 50px;
    height: 25px;
    line-height: 24px;
    font-size: 12px;
    padding: 0 10px 0 0;
    text-align: right;
    cursor: default;
}


.field1 span input {
    width: 71px;
    border: 1px solid #000;
    background: #fff;
    margin: 0;
    padding: 4px 4px 4px 4px;
    font: 12px Tahoma,Verdana,Arial,Helvetica,sans-serif;
    border: 1px solid #666;
    border-color: #666 #999 #999 #666;
    top: 0;
    text-align: right;
}

.field1 span.focused {
    float: left;
    width: 80px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
}

    .field1 span.focused input {
        color: #333;
        font-style: normal;
    }

.field1 span.valid {
    float: left;
    width: 80px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
}

    .field1 span.valid input {
        color: #333;
        font-style: normal;
    }

.field1 span.focused-valid {
    float: left;
    width: 80px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
}

    .field1 span.focused-valid input {
        color: #0a0;
        font-style: normal;
    }

.field1 span.invalid {
    float: left;
    width: 80px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
}

    .field1 span.invalid input {
        color: #d00;
        font-style: normal;
    }

.field1 span.disabled {
    float: left;
    width: 80px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
}

    .field1 span.disabled input {
        background: #f3f3f3;
        color: #bbb;
        font-style: normal;
        border-color: #bbb #ddd #ddd #bbb;
    }

/*Super Annuation Number Input*/

.field2 span input {
    width: 53px;
    border: 1px solid #000;
    background: #fff;
    margin: 0;
    padding: 4px 4px 4px 4px;
    font: 12px Tahoma,Verdana,Arial,Helvetica,sans-serif;
    border: 1px solid #666;
    border-color: #666 #999 #999 #666;
    top: 0;
    text-align: right;
}

.field2 span.focused {
    float: left;
    width: 62px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
}

    .field2 span.focused input {
        color: #333;
        font-style: normal;
    }

.field2 span.valid {
    float: left;
    width: 62px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
}

    .field2 span.valid input {
        color: #333;
        font-style: normal;
    }

.field2 span.focused-valid {
    float: left;
    width: 62px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
}

    .field2 span.focused-valid input {
        color: #0a0;
        font-style: normal;
    }

.field2 span.invalid {
    float: left;
    width: 62px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
}

    .field2 span.invalid input {
        color: #d00;
        font-style: normal;
    }

.field2 span.disabled {
    float: left;
    width: 62px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
}

    .field2 span.disabled input {
        background: #f3f3f3;
        color: #bbb;
        font-style: normal;
        border-color: #bbb #ddd #ddd #bbb;
    }

/*Other IE Budget Builder Number Input*/

.field3 span input {
    width: 157px;
    border: 1px solid #000;
    background: #fff;
    margin: 0;
    padding: 4px 4px 4px 4px;
    font: 12px Tahoma,Verdana,Arial,Helvetica,sans-serif;
    border: 1px solid #666;
    border-color: #666 #999 #999 #666;
    top: 0;
    text-align: right;
}

.field3 span.focused {
    float: left;
    width: 167px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
}

    .field3 span.focused input {
        color: #333;
        font-style: normal;
    }

.field3 span.valid {
    float: left;
    width: 167px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
}

    .field3 span.valid input {
        color: #333;
        font-style: normal;
    }

.field3 span.focused-valid {
    float: left;
    width: 167px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
}

    .field3 span.focused-valid input {
        color: #0a0;
        font-style: normal;
    }

.field3 span.invalid {
    float: left;
    width: 167px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
}

    .field3 span.invalid input {
        color: #d00;
        font-style: normal;
    }

.field3 span.disabled {
    float: left;
    width: 167px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
}

    .field3 span.disabled input {
        background: #f3f3f3;
        color: #bbb;
        font-style: normal;
        border-color: #bbb #ddd #ddd #bbb;
    }



.SnapHeaderCollapsed {
    color: #FFFFFF;
    background-color: #E0DFE3;
    background-image: url(images/BPSbutton-roll.gif);
    border: 1px solid #777777;
    font-family: Tahoma;
    font-weight: bold;
}

.SnapContent {
    font-family: verdana;
    font-size: 11px;
    padding: 3px;
    border: #4284b5 1px solid;
    background-color: white;
}

.NotesContent {
    font-family: verdana;
    font-size: 11px;
    padding: 3px;
    border-bottom: 1px solid #4284b5;
    border-left: 1px solid #4284b5;
    border-right: 1px solid #4284b5;
    background-color: white;
}


/************************Notifications***************************/
table.tableNotify {
    font-size: 9pt;
    width: 100%;
    margin: 0 auto;
}

    table.tableNotify td.name {
        text-align: right;
        padding-right: 3px;
        padding-left: 5px;
    }

    table.tableNotify td.value {
        text-align: left;
        padding-right: 5px;
    }


/*** Alert Dialog style sheet ***/
.alertMsg {
    width: 99%;
    height: 180px;
    background-color: #b1dce5;
    font-size: 15px;
    border: none;
}

.alertDivClass {
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    border: none;
}

.alertContentCss {
    border-top: solid 2px black;
    border-left: solid 2px black;
    border-right: solid 2px black;
    font-size: 12px;
    text-align: center;
}

.alertFooterCss {
    text-align: center;
    background-color: White;
    border: solid 2px black;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.alertHeading {
    width: 540px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}



.comboItemHover {
    background-color: #4098d0;
    font-family: Verdana;
    font-size: 12px;
    /*border: 1px solid #4098d0;*/
}

.headingRow {
    background-color: #E2E2E2;
}

.headingCell {
    background-color: #E2E2E2;
    border: 1px solid #FFFFFF;
    border-right-color: #B5B5B5;
    border-bottom-color: #B5B5B5;
    padding: 3px;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
}

.dataRow {
    background-color: #FFFFFF;
}

.dataCell {
    cursor: default;
    padding: 3px;
    border: 1px solid #ffffff;
    border-right-color: #EAE9E1;
    border-bottom-color: #EAE9E1;
    font-family: verdana;
    font-size: 10px;
}


/************************NodesVsCostCenter***************************/
.SystemNodeGridHeader {
    width: 100%;
    border: 1px solid #7C7C94;
    margin: 0 auto;
}

.NodeGridHeader {
    width: 100%;
    border: 1px solid #7C7C94;
    margin: 0 auto;
}

/* Added by geetha on 19/04/2012 */
.SignCnf {
    padding-left: 50px;
    font-weight: bold;
    color: Red;
}
/* Added by Sneha on 23/06/12 */
/* Message Styles */
.success {
    color: #27b81a;
    font-weight: bold;
    background-color: transparent;
}

.error {
    color: #9f221b;
    font-weight: bolder;
    background-color: transparent;
}
/*Note : Any changes done to the bellow message style should also change the Default skin file(color and font weight) for validation summary */
.warning {
    color: Orange;
    font-weight: bold;
    background-color: transparent;
}

/* Styles for showing hierarchial grid totals in bold */
.BoldCss {
    font-weight: bold;
}
/*---------------------------------------------------*/
/* GAG Mapping code  */

.HeadSection {
    padding-left: 2px;
    font-weight: bold;
}

.EntrySection {
    padding-left: 20px;
    font-weight: normal;
}
/*---------------------------------------------------*/
.earlyResBoldStyle {
    font-weight: bold;
    padding: 5px;
}

.earlyBorderTop {
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-weight: bold;
}

/* Added by Geetha on 03/12/2012 */
/* Resource allocation early years hours pupils info */
.resHrsPupilTotal {
    background-color: #E2E2E2;
    color: Black;
    font-weight: bold;
    border: 1px solid #7C7C94;
    font-size: 11px;
    padding-right: 4px;
    text-align: right;
}

.resHrsAdjAmt {
    color: Black;
    border: 1px solid #7C7C94;
    font-size: 12px;
    padding-right: 4px;
    text-align: right;
}

.resEditableTextBox {
    border: 1px solid;
    font-size: 12px;
    background-color: Yellow;
    text-align: right;
    padding-right: 2px;
    width: 60px;
}

.resNormalTextBox {
    text-align: right;
    font-size: 12px;
    padding-right: 2px;
    width: 60px;
}

.tableLabel {
    font-weight: bold;
    padding-right: 5px;
}

.tableData {
    padding-right: 5px;
    text-align: left;
}

/*******************************************************************************/
/**** Brent Budget Monitoring totals style ***************/
.HMonitoringLabelCss {
    width: 325px;
    font-weight: bold;
    float: left;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 12px;
}

.TMonitorValueFirstCss {
    font-weight: bold;
    float: left;
    width: 71px;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 12px;
    text-align: right;
    padding-right: 4px;
}


.TMonitoringCommentsCss {
    font-weight: bold;
    float: left;
    width: 152px;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 12px;
    text-align: right;
    padding-right: 4px;
}

.ImgTempBig {
    height: 18px;
    width: 18px;
    border: none;
}
/*********************************************************************************/

/* Divisor Functionality styles - Added by Geetha on 19/02/2013 */
table.tblDivisor {
    text-align: center;
    width: 100%;
}

    table.tblDivisor td.name {
        text-align: right;
        padding-right: 3px;
        vertical-align: top;
    }

    table.tblDivisor td.value {
        text-align: left;
        padding-right: 3px;
    }

/******************************************************************************/
/* Resource allocation pupil totals */
.pupilTotal {
    text-align: right;
    font-size: 11px;
    width: 85px;
    float: left;
    font-weight: bold;
    border-bottom-style: solid;
    border-top-style: solid;
    border-width: 1px;
    margin-bottom: 5px;
}

.pupilGrptotal {
    text-align: left;
    padding-left: 20px;
    font-size: 11px;
    width: 158px;
    float: left;
    font-weight: bold;
}

.pupilTotalPTab {
    text-align: right;
    font-size: 11px;
    width: 81px;
    float: left;
    font-weight: bold;
    border-bottom-style: solid;
    border-top-style: solid;
    border-width: 1px;
    margin-bottom: 5px;
}

.pupilTotalPTabSep {
    text-align: right;
    font-size: 11px;
    width: 89px;
    float: left;
    font-weight: bold;
    border-bottom-style: solid;
    border-top-style: solid;
    border-width: 1px;
    margin-bottom: 5px;
}

.pupilGrptotalPTab {
    text-align: left;
    padding-left: 20px;
    font-size: 11px;
    width: 155px;
    float: left;
    font-weight: bold;
}
/******************************************************************************/

/*** style for Budget plan revenue summary pupils number assumption ***/

/** styles used in compare budget forecast **/
.pupilAssTotal1 {
    text-align: right;
    font-size: 11px;
    width: 73px;
    float: left;
}

.pupilAssGrptotal1 {
    text-align: left;
    padding-left: 20px;
    font-size: 11px;
    width: 250px;
    float: left;
}
/** used in revenue summary tab **/
.pupilAssTotal {
    text-align: right;
    font-size: 11px;
    width: 85px;
    float: left;
}

.pupilAssGrptotal {
    text-align: left;
    padding-left: 20px;
    font-size: 11px;
    width: 155px;
    float: left;
}

.pupilAssTotalPTab {
    text-align: right;
    font-size: 11px;
    width: 81px;
    float: left;
}

.pupilAssTotalPTabSep {
    text-align: right;
    font-size: 11px;
    width: 89px;
    float: left;
}

.pupilAssGrptotalPTab {
    text-align: left;
    padding-left: 20px;
    font-size: 11px;
    width: 155px;
    float: left;
}

.PupilGridColumnHeading {
    background-color: #E2E2E2;
    color: black;
    font-weight: bold;
    border-right: 1px solid #7C7C94;
    float: left;
    width: 162px;
}

.PupilGridPColumnHeading {
    background-color: #E2E2E2;
    color: black;
    font-weight: bold;
    border-right: 1px solid #7C7C94;
    float: left;
    width: 130px;
}

.PupilGridNRSColumnHeading {
    background-color: #E2E2E2;
    color: black;
    font-weight: bold;
    border-right: 1px solid #7C7C94;
    float: left;
    width: 145px;
}
/****************************************************/

/**************Added by Geetha on 08/01/2011 *******/
/*** style for compare Budget plan revenue summary pupils number assumption ***/
.currPupilGrptotal {
    text-align: left;
    padding-left: 55px;
    font-size: 11px;
    width: 320px;
    float: left;
    font-weight: bold;
}

.currPupilAssTotal {
    text-align: right;
    font-size: 11px;
    width: 73px;
    float: left;
}

.currupilAssGrptotal {
    text-align: left;
    padding-left: 55px;
    font-size: 11px;
    width: 320px;
    float: left;
}

.currPupilTotal {
    text-align: right;
    font-size: 11px;
    width: 73px;
    float: left;
    font-weight: bold;
    border-bottom-style: solid;
    border-top-style: solid;
    border-width: 1px;
    margin-bottom: 5px;
}

.RemarksUserInfo {
    padding-right: 165px;
    width: 10px;
    cursor: pointer;
    padding-bottom: 0px;
}

.LogOutImgTemp {
    height: 15px;
    width: 15px;
    border: none;
    padding: 1px;
}

.UserImgTemp {
    height: 16px;
    width: 18px;
    border: none;
    padding: 2px;
}

.StatusImage {
    height: 14px;
    width: 14px;
    border: none;
    padding: 0px;
}

.StatusMessageText {
    vertical-align: top;
}

.StatusMessageTextPayscaleApproval {
    vertical-align: middle;
}

.RemarksUserLabel {
    height: 5px;
    padding-bottom: 3px;
}

.ValidationMeg {
    background-image: url(images/Warning.png);
    background-repeat: no-repeat;
}

.customCalloutStyle .ajax__validatorcallout_icon_cell img {
    height: 16px;
    width: 16px;
}

.customCalloutStyle div, .customCalloutStyle td {
    border: solid 1px Black;
    background-color: #fffacd;
    azimuth: left;
}

.customCalloutStyle .ajax__validatorcallout_error_message_cell {
    font-family: Arial;
    font-size: 12px;
    padding: 5px;
    border-right: none;
    border-left: none;
}

.customCalloutStyle .ajax__validatorcallout_close_button_cell img {
    height: 12px;
    width: 12px;
    vertical-align: top;
    padding-top: 5px;
}

.customCalloutStyle .ajax__validatorcallout_close_button_cell {
    padding-right: 5px;
}

.InfoImage {
    height: 16px;
    width: 16px;
    border: none;
    padding: 0px;
    vertical-align: middle;
}

/*********************************************************************************/

/* Video Functionality styles - Added by Manju  on 10/05/2013 */

.prVideoHeader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-style: normal;
    float: left;
    font-weight: bold;
    text-align: left;
    color: Navy;
    margin-bottom: 3px;
}

.prVideoMainPanel {
    padding-left: 15px;
}

.VideoLeftPanel {
    float: left;
    padding: 2px;
    width: 430px;
    text-align: justify;
}

.VideoRightPanel {
    width: 600px;
    padding-left: 10px;
    text-align: justify;
}


.Videoctrl {
    color: #295c72;
}

.VideoTitle {
    font-weight: bold;
    color: Blue;
    text-align: left;
    font-size: 12px;
}

.Description {
    color: #666666;
    text-align: left;
    font-size: 12px;
}
/****************************************************/
.AutoExtender {
    font-family: Verdana;
    font-size: 12px;
    margin: 0px;
    font-weight: normal;
    border: solid 1px #006699;
    line-height: 20px;
    padding: 0px;
    background-color: White;
}

.AutoExtenderList {
    list-style-type: none;
}

.AutoExtenderHighlight {
    list-style-type: none;
    font-size: 12px;
    background-color: #b1dce5;
    cursor: pointer;
    font-weight: bold;
}

.lbldescTd {
    text-align: left;
    font-size: 11px;
    width: 330px;
}

/*********************************************************************************/

/* Report Panel styles in BudgetForecast - Added by Sathya  on 23/06/2013 */

.TableStyle {
    height: 237px;
    width: 550px;
    border-right: solid 1px;
    border-left: solid 1px;
    border-bottom: solid 1px;
    border-color: black;
}

.TDStyle {
    padding-left: 25px;
    padding-bottom: 5px;
    margin-left: 1px;
}


.TDStyle1 {
    border-bottom: solid 1px;
    border-right: solid 1px;
    border-left: solid 1px;
    border-color: Black;
    width: 200px;
}

.TDStyle2 {
    width: 54px;
    border-bottom: solid 1px;
    border-right: solid 1px;
    border-color: Black;
}

.TDStyle3 {
    padding: 2px;
    border-bottom: solid 1px;
    border-left: solid 1px;
    border-right: solid 1px;
    border-color: Black;
}

/*********************************************************************************/

.GridColumnHeadingFTEReport {
    background-color: #E2E2E2;
    color: Black;
    font-weight: bold;
    border-right: 2px solid black;
    font-size: 14px;
}

/*Input style for Other IE textbox in readonly & edit mode - Added By Arpit on 09/01/2014*/
.inputStyleEdit {
    border: 1px solid;
    background-color: #FFFF00;
    width: 95px;
    text-align: right;
}

.inputStyleNormal {
    border: none;
    background-color: #FFFFFF;
    width: 95px;
    text-align: right;
}

/*******************************************************************************/
/**** SEN Calculator totals style ***************/

.HSENLabelCss {
    width: 590px;
    font-weight: bold;
    float: left;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 12px;
    height: 18px;
}

.TSENValuesCss {
    font-weight: bold;
    float: left;
    width: 63px;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 12px;
    text-align: right;
    padding-right: 4px;
    height: 18px;
}

.TSENValuesCss2 {
    font-weight: bold;
    float: left;
    width: 65px;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 12px;
    text-align: right;
    padding-right: 4px;
    height: 18px;
}

.TSENValuesCss3 {
    font-weight: bold;
    float: left;
    width: 63px;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 12px;
    text-align: right;
    padding-right: 4px;
    height: 18px;
}

.TSENValuesCss4 {
    font-weight: bold;
    float: left;
    width: 61px;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 12px;
    text-align: right;
    padding-right: 4px;
    height: 18px;
}

.TSENValuesCss5 {
    font-weight: bold;
    float: left;
    width: 49px;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 12px;
    text-align: right;
    padding-right: 4px;
    height: 18px;
}

.HLedSENLabelCss {
    width: 305px;
    font-weight: bold;
    float: left;
    border-right: 1px solid #7C7C94;
    font-size: 12px;
    text-align: left;
    padding-left: 4px;
    padding-top: 5px;
    height: 25px;
}

.TDropdownSENCostIdCss {
    font-weight: bold;
    float: left;
    width: 275px;
    border-right: 1px solid #7C7C94;
    font-size: 12px;
    text-align: left;
    padding-left: 4px;
    height: 25px;
}

.TLedSENValuesCss {
    font-weight: bold;
    float: left;
    width: 63px;
    border-right: 1px solid #7C7C94;
    font-size: 12px;
    text-align: right;
    padding-right: 4px;
    height: 25px;
    padding-top: 5px;
}

.TLedSENValuesCss2 {
    font-weight: bold;
    float: left;
    width: 65px;
    border-right: 1px solid #7C7C94;
    font-size: 12px;
    text-align: right;
    padding-right: 4px;
    height: 25px;
    padding-top: 5px;
}

.TLedSENValuesCss3 {
    font-weight: bold;
    float: left;
    width: 63px;
    border-right: 1px solid #7C7C94;
    font-size: 12px;
    text-align: right;
    padding-right: 4px;
    height: 25px;
    padding-top: 5px;
}

.TLedSENValuesCss4 {
    font-weight: bold;
    float: left;
    width: 61px;
    border-right: 1px solid #7C7C94;
    font-size: 12px;
    text-align: right;
    padding-right: 4px;
    height: 25px;
    padding-top: 5px;
}

.TLedSENValuesCss5 {
    font-weight: bold;
    float: left;
    width: 50px;
    border-right: 1px solid #7C7C94;
    font-size: 12px;
    text-align: right;
    padding-right: 4px;
    height: 25px;
    padding-top: 5px;
}

.SENCalTableCell {
    background-color: white;
    font-weight: bold;
    color: #333333;
    height: 25px;
    padding-right: 10px;
}

.SENCalLabelTableCell {
    background-color: white;
    font-weight: bold;
    color: #333333;
    vertical-align: top;
    padding-left: 10px;
}
/*Added by lavanya for ledger wise funding data css on 6/1/14*/
.lLabelCss {
    width: 331px;
    font-weight: bold;
    float: left;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 11px;
    padding-left: 4px;
}

.lTValueFirstCss {
    font-weight: bold;
    float: left;
    width: 100px;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 11px;
    text-align: right;
    padding-left: 4px;
}

.lTValueMiddleCss {
    width: 100px;
    font-weight: bold;
    float: left;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 11px;
    text-align: right;
    padding-left: 4px;
}

.lTValueLastCss {
    width: 150px;
    font-weight: bold;
    float: left;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 11px;
    text-align: right;
    padding-left: 4px;
}

.lTValueCommentsCss {
    width: 30px;
    float: left;
    background-color: #E2E2E2;
    padding-left: 2px;
    text-align: right;
}
/*Added by lavanya for Employee css on 6/1/14*/
.ELabelCss {
    width: 148px;
    font-weight: bold;
    float: left;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 11px;
    padding-left: 4px;
    padding-right: 2px;
}

.ETValueFirstCss {
    font-weight: bold;
    float: left;
    width: 60px;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 11px;
    text-align: right;
    padding-left: 4px;
    padding-right: 2px;
}

.ETValueLastCss {
    font-weight: bold;
    float: left;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 11px;
    text-align: right;
    padding-left: 4px;
    padding-right: 2px;
}
/*Added by lavanya for Other Ie css on 6/1/14*/
.ILabelCss {
    width: 375px;
    font-weight: bold;
    float: left;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 11px;
    padding-left: 4px;
    padding-right: 2px;
}

.ITValueFirstCss {
    font-weight: bold;
    float: left;
    width: 96px;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 11px;
    text-align: right;
    padding-left: 4px;
    padding-right: 2px;
}

.ITValuelastCss {
    font-weight: bold;
    float: left;
    width: 96px;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 11px;
    text-align: right;
    padding-left: 4px;
    padding-right: 2px;
}

.pELabelCss {
    width: 130px;
    font-weight: bold;
    float: left;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 11px;
    padding-left: 4px;
    padding-right: 2px;
}


/*Compare budget forecast new styles*/
.lblDescription {
    text-align: left;
    font-size: 11px;
    width: 250px;
}

.cellValue {
    width: 100px;
    font-size: 11px;
    text-align: right;
}

.cellValueLabel {
    width: 60px;
    font-size: 11px;
    text-align: right;
}

.cellHeading {
    width: 100px;
    text-decoration: underline;
    font-weight: bold;
    text-align: right;
    font-size: 11px;
    padding-left: 2px;
}

.cellHeadingComments {
    width: 200px;
    text-decoration: underline;
    font-weight: bold;
    text-align: center;
    font-size: 11px;
    padding-left: 2px;
}

.cellComments {
    width: 200px;
    font-size: 11px;
    text-align: left;
    padding-left: 10px;
}

.CC_lblgrptotalTD {
    text-align: right;
    font-size: 11px;
    font-weight: bold;
    border-bottom-style: solid;
    border-top-style: solid;
    border-width: 1px;
}

.TeachingDetailsTable {
    padding: 15px;
    vertical-align: top;
}
/*CSS for Quick calculator Number Input control - Added By Arpit Tripathi on 18/02/2014*/
.myInputClass input {
    text-align: right;
}

.tblSuperAnnuation {
    border: 1px solid black;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 3px;
    padding-left: 3px;
    width: 379px;
}

.pnlstyle {
    text-align: center;
    font-family: arial;
    font-size: 12px;
}


/* Job role component art number input*/
.fieldJR span.lbl {
    float: left;
    width: 50px;
    height: 25px;
    line-height: 24px;
    font-size: 12px;
    padding: 0 10px 0 0;
    text-align: right;
    cursor: default;
}

.fieldJR span input {
    width: 50px;
    border: 1px solid #000;
    background: #fff;
    margin: 0;
    padding: 4px 4px 5px 4px;
    font: 12px Tahoma,Verdana,Arial,Helvetica,sans-serif;
    border: 1px solid #666;
    border-color: #666 #999 #999 #666;
    position: absolute;
    top: 0;
}

.fieldJR span.focused {
    float: left;
    width: 60px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
    position: relative;
}

    .fieldJR span.focused input {
        color: #333;
        font-style: normal;
    }

.fieldJR span.valid {
    float: left;
    width: 60px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
    position: relative;
}

    .fieldJR span.valid input {
        color: #333;
        font-style: normal;
    }

.fieldJR span.focused-valid {
    float: left;
    width: 60px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
    position: relative;
}

    .fieldJR span.focused-valid input {
        color: #0a0;
        font-style: normal;
    }

.fieldJR span.invalid {
    float: left;
    width: 60px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
    position: relative;
}

    .fieldJR span.invalid input {
        color: #d00;
        font-style: normal;
    }

.fieldJR span.disabled {
    float: left;
    width: 60px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
    position: relative;
}

    .fieldJR span.disabled input {
        background: #f3f3f3;
        color: #bbb;
        font-style: normal;
        border-color: #bbb #ddd #ddd #bbb;
    }

.dialogStyle.ui-dialog {
    font-family: Arial;
    z-index: 70000;
    padding: 0 0 0 0;
    border: 2px solid black;
    border-radius: 12px;
    -ms-behavior: url(border-radius.htc);
}

    .dialogStyle.ui-dialog > .ui-widget-header {
        background-color: #B1DCE5;
        border: none;
        text-align: center;
        font-family: arial;
        font-size: .9em;
    }

    .dialogStyle.ui-dialog .ui-dialog-content {
        padding-top: 2px;
    }

    .dialogStyle.ui-dialog .ui-dialog-titlebar {
        padding: 4px;
        height: 22px;
        border-bottom: 1px solid black;
        border-radius: 0px;
    }
    /*.dialogStyle , .ui-widget-content , .ui-widget-header .ui-state-default{
    background-image:url(/images/jqueryclose.png)
}*/
    /*.dialogStyle .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-image: url(/images/jqueryclose.png) !important;
}*/
    .dialogStyle.ui-dialog .ui-dialog-title {
        float: none;
        padding-top: 2px;
    }


/*Funding 5 year grid Totals */
.FTLabelCss {
    width: 185px;
    font-weight: bold;
    float: left;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 12px;
}

.FTValueCss {
    font-weight: bold;
    float: left;
    width: 110px;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 12px;
    text-align: right;
    padding-right: 4px;
}

.FTMiddleValueCss {
    font-weight: bold;
    float: left;
    width: 118px;
    background-color: #E2E2E2;
    border-right: 1px solid #7C7C94;
    font-size: 12px;
    text-align: right;
    padding-right: 4px;
}

.EmptyCss {
    width: 62px;
    float: left;
}

/*Pay Scale Band css*/
.levelheadingtD {
    background-color: lightgray;
    border-left: 1px solid black;
    border-top: 1px solid black;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.levelheadingtD6 {
    background-color: lightgray;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.EditDataField {
    width: 97%;
}

.ImgSize {
    max-height: 350px;
    max-width: 350px;
}

.LineHeight {
    line-height: 1.75;
}

/*Added by lavanya for cost center budget profile*/
.BFCCreport {
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 4px;
}

.BFLedgerReport {
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8.9%;
}

.BFCommonTD {
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding-bottom: 1px;
    padding-left: 8px;
    padding-top: 4px;
    padding-right: 8px;
}

.SearchEmpRpt {
    padding-left: 15px;
    width: 0px;
    text-align: right;
    vertical-align: middle;
}

/*Added by Arpit for Accordion in Export Employee*/
.accordionHeader1 {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent1 {
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    font-size: 12px;
    font-weight: normal;
}

/********************************Added By Lavanya for j-query Dialog box ************************/
.dialogStyle.ui-dialog {
    font-family: Arial;
    z-index: 70000;
    padding: 0 0 0 0;
}

    .dialogStyle.ui-dialog > .ui-widget-header {
        padding: 0;
    }

    .dialogStyle.ui-dialog .ui-dialog-content {
        padding: 0 0 0 0;
    }

.dialogStyle > dialog.ui-corner-all {
    border-radius: 0 0 0 0;
}

.dialogStyle.ui-dialog .ui-dialog-titlebar {
    padding: 0;
    height: 22px;
}
/*.dialogStyle .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
    background-image:none;
}*/
.ui-widget-overlay {
    position:fixed !important;
    top: 0!important;
    left: 0!important;
    width: 100%!important;
    height: 100%!important;
}

.ui-front {
    z-index: 100;
}

.ui-widget-content {
    background-color: #B1DCE5;
}

.ui-widget-header {
    background-image: url(images/BPSbutton.gif)!important;
}

.ui-corner-all {
    -moz-border-radius: 8px!important;
    -webkit-border-radius: 8px!important;
    border-radius: 8px!important;
}

.ui-widget-content {
    border: none;
}

.ui-dialog .ui-dialog-buttonpane {
    margin: 0;
}

    .ui-dialog .ui-dialog-buttonpane button {
        margin: 2px;
        font-size: 15px;
        border: 1px solid black;
    }

.ui-dialog .ui-dialog-title {
    color: white;
    font-weight: bold;
    font-size: 13px;
}

.ui-dialog .ui-dialog-content {
    font-weight: normal;
    font-size: 12px;
    /*line-height:90px;*/
    text-align: center;
}

.ui-button-text-only .ui-button-text {
    padding: .1em 0.5em;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .2em 1em;
    background-color: transparent;
    border: none;
    background-size: cover;
    border-radius: 0px;
}

.DisplayBlockClass {
    display: block;
}

.DisplayNoneClass {
    display: none;
}

.ui-dialog {
    padding: 0px;
}

.ui-widget-content.ui-dialog {
    border: 2px solid black!important;
}

.ui-state-focus {
    outline: none;
}

.GSTotalCss {
    font-weight: bold;
    background-color: #E2E2E2;
    font-size: 12px;
    float: left;
    border-right: black 1px solid;
    text-align: right;
}

.GSCCTotalCss {
    font-weight: bold;
    background-color: #E2E2E2;
    font-size: 12px;
    float: left;
    border-right: black 1px solid;
    text-align: right;
    padding-right: 1px;
    padding-top: 1px;
}

.GSCCTotalCssDown {
    font-weight: bold;
    background-color: #E2E2E2;
    font-size: 12px;
    float: left;
    border-right: black 1px solid;
    text-align: right;
    padding-right: 1px;
    padding-top: 1px;
    border-bottom: black 1px solid;
}

.EmpGroupSummaryImgs {
    height: 25px;
    width: 25px;
    border: 1px solid white;
    padding: 2px;
}

.myLink_trangle {
    position: relative;
    padding: 15px;
    margin: 1em 0 3em;
    color: #000;
    background: #E1E0E7;
    border-radius: 10px;
    background: linear-gradient(top, #f9d835, #f3961c);
}

    .myLink_trangle:after {
        content: "";
        display: block;
        position: absolute;
        width: 0px;
        top: -14px;
        left: -1px;
        bottom: auto;
    }

.myLink_trangle1:after {
    border-width: 0 15px 15px;
    border-color: #eee transparent;
    border-style: solid;
}

.myLink_trangle2:after {
    border-width: 0 15px 15px;
    border-color: #eee transparent;
    border-style: solid;
}

.disabled-link {
    color: Gray;
    cursor: no-drop;
}
/*
This is not to display ui close icon by css currently hiding by jquery
.ui-dialog .ui-dialog-titlebar-close span {
visibility:hidden;
}*/
/*This is to override JQuery UI css to display close icon
    .ui-button-icon-only .ui-icon {
    left:-5%;
    top:-1px;
}*/
/*.dialogStyle .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-image: url(/images/jqueryclose.png) !important;
}*/

.SeperatorImgStyle {
    width: 10px;
    height: 30px;
    vertical-align: bottom;
}

table.tblGenderDetails {
    text-align: center;
    width: 100%;
}

    table.tblGenderDetails td.heading2 {
        text-align: center;
        border: 1px solid black;
        font-weight: bold;
        background-color: #E2E2E2;
        color: black;
    }

    table.tblGenderDetails td.boldValue {
        text-align: right;
        border: 1px solid black;
        font-weight: bold;
        padding-right: 4px;
    }

.VATLabelHeading {
    font-weight: bold;
    font-size: 12px;
    text-align: left;
}

.BMRecValueTextBox {
    text-align: right;
    padding-right: 1px;
}

.span {
    position: relative;
}

.span_hide {
    display: none;
}

.tooltip {
    display: none;
    padding: 5px;
    border: 1px solid black;
}

.span:hover .tooltip {
    background-color: rgba(177, 220, 229, 1);
    border-radius: 3px;
    bottom: -45px;
    color: black;
    display: inline;
    width: 220px;
    left: 10px;
    line-height: 20px;
    position: absolute;
}

    .span:hover .tooltip:before {
        display: block;
        content: "";
        position: absolute;
        top: -5px;
        left: 0px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid black;
    }

.SummaryData {
    width: 70rem;
}

.EduPayImg {
    position: relative;
    top: 5px;
}

#tbCostCentre tbody tr.selected {
    color: black;
    background-color: transparent;
}

    #tbCostCentre tbody tr.selected td.sorting_1 {
        color: black;
        background-color: transparent;
    }

.tbCostCentreHeader {
    width: 0.5rem !important;
}

.bootstrap-iso .tableCostCenterSearch {
    min-width: 24rem;
    padding: 0.5rem;
}

.bootstrap-iso .tableCFRCodeSearch {
    width: 35rem;
    height: auto;
    margin: 0.5rem 0 0 -11.5rem;
    padding: 0.5rem;
}
.bootstrap-iso .tableModalCFRCodeSearch {
    min-width: 26rem;
    padding: 0.5rem;
}
.bootstrap-iso .tableOtherIEDropdown {
    min-width: 24rem;
    padding: 0.5rem;
}
.bootstrap-iso .tableBudgetForecastDropdown {
    min-width: 50rem;
    padding: 0.5rem;
}
.bootstrap-iso .tableIncomeDropdown {
    min-width: 24rem;
    padding: 0.5rem;
}

.bootstrap-iso .tableExpenseDropdown {
    min-width: 24rem;
    padding: 0.5rem;
}

.dropdown-menu {
    left: -380px !important;
    /*top: 30px !important;*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.bootstrap-iso select.form-control:not([size]):not([multiple]) {
    height: 2rem;
}

#tbUnassignedLC_paginate {
    float: left;
}

.dataTables_length {
    float: right;
}

.bootstrap-iso .tableLedCodeSearch {
    width: 43rem;
    height: auto;
    margin: 0.5rem 0 0 -19rem;
    padding: 0.5rem;
}

.bootstrap-iso .tableCostCenterVsFunding {
    width: 18.5rem;
    height: auto;
    margin: 0.4rem 0 0 5.5rem;
    padding: 0.5rem;
}
/*form JDT Selected row*/
.bootstrap-iso table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: white;
    color: black;
}
/*Font Style for labels*/
.global_label_style {
    font-size: 0.75rem !important;
    font-weight: bold !important;
}
/*added by Lavanya G D 11/11/2021 */
/*Font Style for validation security textboxes in Forgot password screen*/
.Global_Font_Validation {
    font-size: 0.7rem !important;
    font-weight: bold !important;
}

/* clear button for textbox */
.textbox-clear {
    float: right;
    margin-right: 8px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
    color: black;
}

/*Text color inside badge*/
.badge-text {
    color: #1067D2 !important;
}

/*Next and previous Icon color*/
.next-previous-clr {
    font-size: 25px !important;
    color: #6c757d !important;
}

/*This for Welcome pages cards and master page chnages right side drop down menu*/
.fa-bars:hover, .fa-bell:hover {
    border: 1px solid black;
    border-radius: 0.25rem;
    color: goldenrod;
}

.fa-bars, .fa-bell {
    padding: 4px;
    border: 1px solid white;
    border-radius: 0.25rem;
}
.MasterMenu #DropDownMenuButton {
    color:white;
    border: 1px solid white;
}
    .MasterMenu #DropDownMenuButton:hover {
        color: white;
        border: 1px solid green;
        background-color:black;
    }
.main_droppable_zone .card {
    box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
    background-color: rgba(255, 255, 255, 0.6);
    border: 1px solid grey;
    border-radius: 10px;
}

.main_droppable_zone a {
    text-decoration: none !important;
    font-size: 1.25rem !important;
    font-style: normal;
}

.main_droppable_zone:after {
    content: '';
    /*background: url('images/schimg.png') no-repeat center center;*/
    /*background: url('https://www.agernic.com/images/background-img.jpg') no-repeat center center;*/
    /*background: url('../../logos/12.jpg') no-repeat center center!important;*/
    /* background: url('../../logos/InfantSchool.png') no-repeat center center !important;*/
    position: absolute !important;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.7 !important; /* Here is the image opacity */
    border-radius: 10px;
}

.main_droppable_zone {
    position: relative;
}

.card_back_opacity {
    max-width: 100%;
    background: rgba(255,255,255,0.8);
}
/*welcome page design end*/



#accordionExample .accordion-header, #accordionExample .dropdown-menu, #accordionExample .nav-item a {
    font-size: 1rem !important;
    font-style: normal;
    color: black;
}

#accordionExample .second-level-menu .dropdown-item {
    color: white !important;
}

    #accordionExample .second-level-menu .dropdown-item:hover,
    #accordionExample .second-level-menu .dropdown-item:focus {
        text-decoration: none;
        background-color: lightgrey !important;
        color: black !important;
    }

#SrcPriorityCombo .dropdown-item:hover,
#SrcPriorityCombo .dropdown-item:focus {
    text-decoration: none;
    background-color: lightgrey !important;
    color: black !important;
}

.green-pin{
    color:green;
}
.black-pin {
    color: black;
}

#PinItem{
    margin-left:15px;
}
.fa-thumb-tack{
    font-size: medium;
}

.manage-long-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.manage-long-text a {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

/*switch button CSS*/
.switch {
    position: relative;
    display: inline-block;
    width: 49px;
    height: 23px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.nav-tabsIE a {
    border-left: 1px solid gray !important;
    border-top: 1px solid gray !important;
    border-right: 1px solid gray !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: black;
    width: 121px;
    text-align: center;
    background-color: #e5e3e3 !important;
    font-weight:normal !important;
}

    .nav-tabsIE a.active {
        color: black !important;
        background: url(../../images/selected_tab_bg.gif) repeat-x;
        background-color: white !important;
        font-weight:bold !important;
    }

.bootstrap-iso .nav-tabsIE .nav-itemIE {
    margin-bottom: -2px !important;
    background-color: #e5e3e3;
    width: 121px;
    text-align: center;
}
.bootstrap-iso .sticky-top {
    z-index: 154 !important;
}

.Z_Index {
    z-index: 200 !important;
}

.Z_IndexNew {
    z-index: 155 !important
}


.Z_IndexforPayElementLog {
    z-index: 153 !important
}

/*Added by Shamaa on 27/07/2023*/
/*On budget forecast modal open menu items pop up top */
.bootstrap-isoNew:hover {
    position: sticky;
    z-index: 158 !important;
}

.NotificationAlertmodal {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .NotificationAlertmodal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.NotificationAlertmodal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

/*#region Menu search custom css added by Hozrot Ali on 09/03/2023 */

/*Seting jQuery dailog position and width*/
.ui-dialog-search-menu-wh {
    width: 500px !important;
    top: 20% !important;
}

/*Jquery UI Dialog back color*/
.ui-widget-content-search-menu-bg {
    background-color: dimgray !important;
    color: black !important;
}

/*Jquery dialog textboxes --> desiging like bootstrap textboxes*/
.customize-form-control {
    display: block !important;
    width: 100% !important;
    padding: 0.5rem 0.75rem !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-image: none !important;
    background-clip: padding-box !important;
    border: 1px solid rgba(0,0,0,.15) !important;
    border-radius: 0.25rem !important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
}
/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear, input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

/*Matching font family with BPS font*/
.ui-widget {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
    font-size: 1rem !important;
}

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
    }


/*Form search menu items as badge*/
#MenuList .badge {
    font-size: 100% !important;
    line-height: 1.5;
}

#MenuList a:hover {
    text-decoration: underline !important;
}

.menu-list {
    max-height: 300px !important;
    margin-top: 1rem !important;
}
/*To set Overlay color and opacity*/
.ui-widget-overlay {
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x !important;
    opacity: .5 !important;
    filter: Alpha(Opacity=30) !important;
}

/*#endregion */
.calender_image img {
    width: 40px !important;
    margin-left: 1px !important;
    background-color: #fff;
    background-clip: padding-box;
    border-right: 1px solid #ced4da;
    border-top: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .calender_image img:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
        content: url("/images/BootCalIconHover.png");
    }

/* To display images in horizontal */
#tblNodesImages tr {
    display: block;
    float: left;
}

#tblNodesImages thead {
    display: none;
}