/*This id is forming dynamically so i have added style with dynamic id only*/
#ctl00_BPSContent_CostCentreVsResorceAllocation_VerticalScrollDiv {
    height: 570px !important;
    visibility: visible;
    -ms-overflow-x: hidden;
    -ms-overflow-y: scroll;
}

.Grid {
    border: 1px solid #7C7C94;
    background-color: #FFFFFF;
    cursor: pointer;
    margin: 0 auto;
}

.HeadingRow {
    background-color: #E2E2E2;
}

.HeadingCell {
    background-color: #E2E2E2;
    border: 1px solid #FFFFFF;
    border-right-color: #B5B5B5;
    border-bottom-color: #B5B5B5;
    padding: 3px;
}

.HeadingCellWithLeftBorder {
    background-color: #E2E2E2;
    border: 1px solid #FFFFFF;
    border-right-color: #B5B5B5;
    border-bottom-color: #B5B5B5;
    padding: 3px;
    border-left: 2px solid black;
}

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

.HeadingCellCenterText {
    font-size: 11px;
    font-weight: bold;
    text-align: center !important;
}

.DataRow {
    background-color: #FFFFFF;
}

.DataCell {
    cursor: default;
    padding: 3px;
    border-right: 1px solid #EAE9E1;
    border-bottom: 1px solid #EAE9E1;
    font-size: 11px;
    font-family: Arial;
}

.DataCellWithLeftBorder {
    cursor: default;
    padding: 3px;
    border-right: 1px solid #EAE9E1;
    border-bottom: 1px solid #EAE9E1;
    font-size: 11px;
    font-family: Arial;
    border-left: 2px solid black;
}

.DataCellGrayOut {
    cursor: default;
    padding: 3px;
    border-right: 1px solid #EAE9E1;
    border-bottom: 1px solid #EAE9E1;
    font-size: 11px;
    font-family: Arial;
    background-color: gray;
}

.DataRow td.FirstDataCell {
    padding-left: 3px;
}

.SelectedRow {
    background-color: #FFEEC2;
}

    .SelectedRow td.DataCell {
        cursor: default;
        padding: 2px;
        padding-left: 3px;
        padding-bottom: 3px;
        font-size: 11px;
        border-bottom: 1px solid #4B4B6F;
        border-top: 1px solid #4B4B6F;
        border-right: 0px;
    }

.SelectorCell {
    background-color: #E2E2E2;
    border: 1px solid #FFFFFF;
    border-right-color: #B5B5B5;
    border-bottom-color: #B5B5B5;
}

.GridFooter {
    cursor: default;
    padding: 5px;
    vertical-align: bottom;
}

    .GridFooter a {
        color: Black;
        font-weight: bold;
    }


.PagerText {
    font-size: 11px;
}

.GroupHeading {
    color: black;
    background-color: lightblue!important;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial;
    border-bottom: 2px solid #A5A4BD;
    padding-top: 10px;
    padding-bottom: 3px;
    text-align: left;
}

.GroupByCell {
    cursor: pointer;
}

.GroupByText {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    padding-right: 5px;
}

.GridHeaderText {
    color: #FFFFFF;
    font-size: 10px;
}

.GridFooterText {
    color: #000000;
    font-size: 14px;
}

.GridHeader {
    background-image: url(images/grid_headerBg.gif);
    background-color: #8988A5;
    border-bottom: 1px solid #57566F;
    height: 28px;
    padding-left: 3px;
    cursor: default;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    vertical-align: middle;
}

.RowBold {
    font-weight: bold;
}

.RowRed {
    font-weight: bold;
    color: Red;
}

.RowGreen {
    font-weight: bold;
    color: Green;
}
.RowPink {
    font-weight: bold;
    color: deeppink;
}
.RowMaroon {
    font-weight: bold;
    color: maroon;
}

.RowStrike {
    text-decoration: line-through;
    color: red;
}
.RowContract {
    background-color: bisque;
}

.CGTextArea {
    width: 550px;
}

.EditDataField textaraea {
    width: 95%;
}

/* Style related to divisor functionality - Added by Geetha on 19/02/2013 */
.IdTextCSS {
    background-color: #E2E2E2;
    border: 1px solid #FFFFFF;
    border-right-color: #B5B5B5;
    border-bottom-color: #B5B5B5;
    padding: 3px;
    font-weight: bold;
}

.DataCellCssClassNonTeaching {
    border-right: 2px solid black;
}
/*========= this is for OIE Screen Allocation indication==========*/
/*.circle {
            width: 20px;
            height: 20px;
            background: green;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
            border:2px solid black;
            color:white;
            font-weight:bold;
            text-align: center;
            line-height: 20px;
            font-size:10px;
            float:left;     
        }*/
.circle {
    width: 22px;
    height: 22px;
    color: white;
    font-weight: bold;
    text-align: center;
    line-height: 21.5px;
    font-size: 10px;
    float: left;
}

.emptycircle {
    width: 25px;
    height: 25px;
    background: white;
    float: right;
}