body {
    padding: 0px;
    text-align: right;
    direction: rtl;
    font: 12px 'Tahoma';
}

textarea {
    resize: none;
    font: 12px tahoma !important;
}

#mxgrid_table_container table tr td {
    font: 16px "B Nazanin" !important;
    text-align: center;
}

.clearer {
    height: 0px;
    clear: both;
    line-height: 0px;
}

.container, .containerLarge, .containerRpt, .containerMedRpt {
    margin: 0 auto;
    width: 850px;
    max-height: 700px;
    height: auto;
    overflow: hidden;
    border: 1px solid #93b6eb;
    padding: 0px 2px 2px 4px;
    box-shadow: -2px 3px 3px #93b6eb;
    border-radius: 4px;
}

.box_fieldRpt input[type='checkBox'] {
    margin-top: 9px;
}

.containerLarge {
    width: 955px !important;
}

.containerCaption, .containerCaptionLarge, .containerCaptionRpt {
    margin: 0 auto;
    width: 849px;
    height: 39px;
    border: 1px solid #93b6eb;
    padding: 0px 2px 2px 4px;
    background: #92dafa; /* Old Browsers */
    background: -webkit-linear-gradient(top,#92dafa,#ffffff); /*Safari 5.1-6*/
    background: -o-linear-gradient(top,#92dafa,#ffffff); /*Opera 11.1-12*/
    background: -moz-linear-gradient(top,#92dafa,#ffffff); /*Fx 3.6-15*/
    background: linear-gradient(to bottom, #92dafa, #ffffff); /*Standard*/
    margin-bottom: 2px;
    box-shadow: -2px 0px 0px #93b6eb;
    border-radius: 4px;
}

#HideRow th {
    background-color: #eaf1fb;
    border-color: transparent;
}

.containerCaptionRpt, .containerRpt {
    width: 98%;
    padding: 0px;
}

.containerRpt {
    /*min-height: 800px;*/
}

.containerCaptionLarge {
    width: 955px !important;
}

    .containerCaption Span, .containerCaption label, .containerCaptionLarge Span, .containerCaptionRpt Span {
        font: bold 16px 'B Nazanin';
        color: Black;
        float: right;
        margin: 0px;
        padding: 8px 16px;
    }

    .containerCaption img, .containerCaptionLarge img, .containerCaptionRpt img {
        float: right;
        width: 35px;
        height: 35px;
        margin: 2px 2px;
    }

body ul.cm_default li {
    width: auto !important;
}

fieldset, .masterCntr, .searchCntr {
    width: 919px;
    height: auto;
    border: 1px solid #cfdef1;
    direction: rtl;
    font: 12px B Nazain;
    padding: 0px;
    background-color: #eaf1fb;
    margin: 6px 0px 6px 0px;
    padding-bottom: 2px;
}

.searchCntr {
    width: 830px;
    padding-top: 8px;
}

.searchCntrHeight {
    height: 333px;
    margin-bottom: 2px;
}

.masterCntr {
    padding-top: 9px !important;
    width: 850px;
}

legend {
    width: 77px;
    height: 22px;
    display: block;
    padding: 0px 2px 0px 2px;
    border: 1px solid #b0c9e8;
    font: bold 13px "B Nazanin" !important;
    background-color: #b4e6fd;
    color: #033565;
    padding-top: 2px;
    padding-right: 13px;
    margin: 0px 8px 3px 3px;
}

.legendFactor {
    width: 177px;
    font: 14px "B Nazanin" !important;
}

.fieldsetFactor {
    margin: 2px 0px 2px 0px;
    padding-bottom: 0px;
}

.marginFactor {
    margin-bottom: 5px !important;
}

#btn_Pesen {
    height: 30px !important;
}

.box_field, .box_field_med, .box_field_large, .box_fieldRpt, .box_field_medRpt, .SearchfieldRpt, .Searchfield {
    width: 229px;
    float: right;
    height: 29px;
    margin-bottom: 5px;
}

.Searchfield {
    width: 206px;
}

.box_fieldRpt {
    width: 370px;
}

.box_field_medRpt {
    width: 272px;
}

.box_field_med {
    width: 410px;
    margin-left: 12px;
}

.SearchfieldRpt {
    width: 330px;
    margin-bottom: 2px;
}

.box_field_large {
    width: 780px;
    height: 44px;
}

    .box_field Span, .box_field_med Span, .box_field_large Span, .box_fieldRpt Span, .box_field_medRpt Span, .SearchfieldRpt Span, .Searchfield Span {
        width: 110px;
        height: 22px;
        float: right;
        font: 11px tahoma;
        color: Black;
        padding-top: 7px;
        direction: ltr;
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
        margin: 0px;
    }

.SearchfieldRpt Span {
    width: 114px;
    margin-right: 10px;
    margin-left: 7px;
}

.box_fieldRpt Span {
    width: 100px;
}

.smallSpan {
    width: 57px !important;
}

.smallWidth {
    width: 30px !important;
}

.smallBoxField {
    width: 235px;
}

.box_field div, .box_fieldRpt div {
    border: 1px solid #b0c9e8;
    height: 26px;
    width: 140px;
    direction: rtl;
    box-shadow: -1px 1px 0px #b0c9e8;
    padding-left: 2px;
    margin: 0px;
    margin-right: 4px;
    float: right;
    background-color: white;
}

.box_fieldRpt div {
    width: 201px !important;
}

input[type='checkbox'] {
    margin-top: 9px;
}

.smallWidth label {
    display: block;
    margin: -17px 22px;
}

.box_field input[type='text'], .box_field_med input[type='text'], .box_field_large input[type='text'], .box_field_large textarea,
.box_fieldRpt input[type='text'], .box_field_medRpt input[type='text'], .SearchfieldRpt input[type='text'], .Searchfield input[type='text'] {
    border: 1px solid #b0c9e8;
    height: 26px;
    width: 140px;
    background-color: White;
    color: #102c56;
    direction: rtl;
    font: 16px 'B Nazanin' !important;
    box-shadow: -1px 1px 0px #b0c9e8;
    padding-left: 2px;
    padding-right: 2px;
    margin: 0px;
    margin-right: 4px;
    float: right;
}

.box_field_large textarea {
    width: 648px;
    height: 40px;
}

div#mxgrid_table_container tr td input[type='text'] {
    border: 1px solid #b0c9e8;
    height: 26px;
    width: auto;
    background-color: White;
    color: #102c56;
    direction: rtl;
    box-shadow: inset 0px 1px 1px rgba(176, 201, 232,0.4), inset 1px 1px 0px rgba(0,0,0,0.4);
    font: 15px 'B Nazanin' !important;
    float: right;
    text-align: center;
}

.Searchfield input[type='text'] {
    width: 114px;
}

.box_fieldRpt input[type='text'] {
    width: 180px;
}

.box_field_medRpt input[type='text'] {
    width: 209px;
}

.SearchfieldRpt input[type='text'] {
    width: 100px !important;
    height: 23px;
    text-align: center;
    margin-right: -3px;
    font-weight: bold !important;
}

.infoLabel, .infoLabelLarge, .sumLbls {
    width: 140px !important;
    height: 27px !important;
    margin-right: 4px !important;
    background-color: White;
    color: #102c56 !important;
    direction: rtl !important;
    border: 1px solid #b0c9e8;
    background-color: Transparent;
    text-align: right !important;
    font: 16px "B Nazanin" !important;
    padding-top: 1px !important;
    padding-left: 3px !important;
    box-shadow: -1px 1px 0px #b0c9e8;
}

.infoLabelLarge {
    width: 827px !important;
}

.sumLbls {
    border: 1px solid #059be1;
    background-color: #69cdfc;
    font-weight: bolder !important;
    color: black;
}

.lblsBold {
    font-weight: bolder !important;
}

.SearchfieldRptSmall {
    width: 180px;
}

input[type='text']:hover,
.box_field select:hover,
.box_field_med select:hover,
.box_fieldRpt select:hover,
.box_field_medRpt select:hover,
.SearchfieldRpt select:hover,
.Searchfield select:hover,
input[type='text']:focus,
.box_field select:focus,
.box_field_med select:focus,
.box_fieldRpt select:focus,
.box_field_medRpt select:focus,
.SearchfieldRpt select:focus,
.Searchfield select:focus, {
    border: 1px solid #6193d1;
    color: #2463c2;
}

.box_field_med select {
    width: 232px !important;
}

.smallInput {
    width: 90px !important;
}

.until {
    float: right;
    width: 11px !important;
}

.box_field_med input[type='text'] {
    width: 226px;
}

.box_field_large input[type='text'] {
    width: 648px;
}

.smallHeight {
    height: 29px;
}

.box_field select, .box_field_med select, .box_field_large select, .box_fieldRpt select, .box_field_medRpt select, .SearchfieldRpt select, .Searchfield select {
    width: 145px;
    height: 30px;
    border: 1px solid #b0c9e8;
    margin-right: 4px;
    background-color: White;
    color: #102c56;
    direction: rtl;
    box-shadow: -1px 1px 0px #b0c9e8;
    font: 16px "B Nazanin" !important;
    padding-right: 3px;
}

.box_field_medRpt select {
    width: 215px !important;
}

.box_field_large select {
    width: 283px !important;
}

.Searchfield select {
    width: 78px !important;
}

.SearchfieldRpt select {
    width: 100px !important;
    height: 27px;
    margin-right: -3px;
    font: bold 13px "B Nazanin" !important;
}

.box_fieldRpt select {
    width: 186px;
}

.selectCustom, .selectCustom:hover, .selectCustom:focus {
    background-image: url(/SubSystem/Edari/Personnel/Media/Images/buttomarrow.png);
    background-position: 5px 9px;
    background-repeat: no-repeat;
}

select::-ms-expand {
    display: none !important;
}

select {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
}

.box_field table {
    width: 140px;
}

    .box_field table input {
        width: 11px;
        float: right
    }

    .box_field table tr td label {
        width: 22px;
        font: bold 13px "B Nazanin" !important;
        margin-top: -1px;
        float: right;
    }

tabel#Sex_Rdb label {
    width: 35px !important;
}

#ConversationLevel_Rdb td:nth-child(2) input, #WritingLevel_Rdb td:nth-child(2) input {
    margin-right: -2px;
}

#ConversationLevel_Rdb td:nth-child(2) label, #WritingLevel_Rdb td:nth-child(2) label {
    margin-left: 6px;
}

.button-holder, .button-holderFind {
    width: 850px;
    height: 31px;
    border: 1px solid #a9c6ef;
    background-color: #bfd4f3;
    margin: 0 auto;
    margin-bottom: 2px;
    padding-top: 4px;
}

input[type='button'] {
    outline: none !important;
}

.button-holderFind {
    width: 830px;
}

input.button {
    cursor: pointer;
    min-width: 100px;
    height: 27px;
    color: white;
    float: right;
    margin-left: 2px;
    margin-right: 3px;
    font: bold 14px "B Nazanin" !important;
    background: #0298d9; /* Old Browsers */
    background: -webkit-linear-gradient(top,#0298d9,#05acf4); /*Safari 5.1-6*/
    background: -o-linear-gradient(top,#0298d9,#05acf4); /*Opera 11.1-12*/
    background: -moz-linear-gradient(top,#0298d9,#05acf4); /*Fx 3.6-15*/
    background: linear-gradient(to bottom, #0298d9, #05acf4); /*Standard*/
    box-shadow: inset 1px -1px 2px 0px #008fcc;
    border: 1px solid #006b99;
}

    input.button:hover {
        background: #009ee3; /* Old Browsers */
        background: -webkit-linear-gradient(bottom,#009ee3,#06b1fb); /*Safari 5.1-6*/
        background: -o-linear-gradient(bottom,#009ee3,#06b1fb); /*Opera 11.1-12*/
        background: -moz-linear-gradient(bottom,#009ee3,#06b1fb); /*Fx 3.6-15*/
        background: linear-gradient(to top, #009ee3, #06b1fb); /*Standard*/
        box-shadow: inset 1px 1px 0px 0px #008fcc;
    }

    input.button:disabled,
    input.button[disabled] {
        background: #cccccc;
        border: 1px solid #808080;
        color: #4d4d4d;
        box-shadow: inset 1px -1px 2px 0px #808080;
    }

.redButton {
    border: 1px solid #f93434 !important;
    background: #f93434 !important; /* Old Browsers */
    background: -webkit-linear-gradient(top,#f93434,#841616) !important; /*Safari 5.1-6*/
    background: -o-linear-gradient(top,#f93434,#841616) !important; /*Opera 11.1-12*/
    background: -moz-linear-gradient(top,#f93434,#841616) !important; /*Fx 3.6-15*/
    background: linear-gradient(to bottom, #f93434, #841616) !important; /*Standard*/
    box-shadow: inset 0px 1px 0px 0px #f93434 !important;
}

    .redButton:hover {
        background: #f93434 !important; /* Old Browsers */
        background: -webkit-linear-gradient(bottom,#f93434,#841616) !important; /*Safari 5.1-6*/
        background: -o-linear-gradient(bottom,#f93434,#841616) !important; /*Opera 11.1-12*/
        background: -moz-linear-gradient(bottom,#f93434,#841616) !important; /*Fx 3.6-15*/
        background: linear-gradient(to top, #f93434, #841616) !important; /*Standard*/
    }

.buttonLeft {
    float: left !important;
    margin-left: 5px !important;
}

.buttonTop {
    margin-top: 2px !important;
}

.buttonRight {
    margin-right: 3px !important;
}

.deleteTop {
    margin-top: 3px !important;
}

.tabUL, .tabULMin {
    list-style-type: none;
    width: 100%;
    min-width: 600px;
    height: 37px;
    margin: 0;
    padding: 0;
    padding-top: 1px;
    /* border: 1px solid #b0c9e8;
    background-color: #b4e6fd;*/
    font: bold 14px "B Nazanin" !important;
}

.tabULMin {
    width: 926px;
    height: 32px;
    background-color: #cdeefe;
    margin-right: -2px;
    padding: 5px 3px 0px;
}

.tabA {
    width: 100px;
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
    float: right;
    background-color: #9bdefd;
    border: 1px solid #048ac8;
    margin-right: 1px;
    text-align: center;
    border-radius: 5px;
}

.tabA {
    padding: 4px 11px !important;
}
    /* Change the link color on hover */
    .tabA:hover, .tabA.selected {
        background: #037bdf;
        background: -webkit-linear-gradient(bottom,#037bdf,#a2c8e7);
        background: -o-linear-gradient(bottom,#037bdf,#a2c8e7);
        background: -moz-linear-gradient(bottom,#037bdf,#a2c8e7);
        background: linear-gradient(to top, #037bdf, #a2c8e7);
        color: white;
    }

ul.MxTreeStyle a.selected {
    background-color: #cce6ff !important;
}

hr {
    border: 1px solid #7ea8e7;
    margin: 0px;
    margin-top: 4px;
}

.hrBottom {
    border: 3px solid #7ea8e7;
    width: 921px;
    margin: 0px;
    margin-right: -3px;
}

.button-holderRpt, .button-holderMed {
    width: 99.4%;
    height: auto;
    min-height: 34px;
    border: 1px solid #a9c6ef;
    background-color: #bfd4f3;
    margin: 0 auto;
    margin-bottom: 2px;
    padding-top: 4px;
}

.button-holderMed {
    margin: 6px 2px 2px 0px;
    padding-top: 4px;
}

.tabContains {
    width: 99.5%;
    height: auto;
    border: 4px solid #7ea8e7;
    background-color: #eaf1fb;
    padding-top: 5px;
    margin-bottom: 1px;
    display: none;
}

.grid {
    width: 100%;
    padding: 2px;
    padding-top: 0px;
}

table.mxgrid_header, div#mxgrid_table_container {
    width: 99.75% !important;
}

    table.mxgrid_header th {
        text-align: center !important;
        font: bold 14px "B Nazanin" !important;
        color: #033565;
        padding-left: 3px !important;
    }

#mxgrid_table_container table tr:nth-child(even) {
    background: #e6f7fe;
}

#mxgrid_table_container table tr:nth-child(odd) {
    background: #f9f9f9;
}

.leftTxt {
    text-align: left !important;
    direction: ltr !important;
}

.centerTxt {
    text-align: center !important;
}

.calandar {
    cursor: pointer;
    position: absolute;
    margin: 6px -23px;
    float: left;
    width: 16px;
    height: 19px;
}

.addGrid, .saveGrid {
    margin: 0 auto;
    background: url(/SubSystem/Edari/Personnel/Media/Images/insHover.png) center top no-repeat;
    width: 15px;
    height: 21px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
    margin-top: 8px;
}

    .addGrid:hover {
        background: url(/SubSystem/Edari/Personnel/Media/Images/ins.png) center top no-repeat;
    }

.containerHeight {
    height: 550px;
    padding: 3px;
    overflow-y: auto;
    overflow-x: hidden !important;
}

.saveGrid {
    margin: 0 auto;
    background: url(/SubSystem/Edari/Personnel/Media/Images/save__.png) center top no-repeat;
    width: 21px;
    height: 22px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.fetchCount {
    height: 26px !important;
}

.editGrid {
    margin: 0 auto;
    background: url(/SubSystem/Edari/Personnel/Media/Images/smalEdit.png) center top no-repeat;
    width: 20px;
    height: 23px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
    margin-right: -2px;
}

.deleteGrid {
    margin: 0 auto;
    background: url(/SubSystem/Edari/Personnel/Media/Images/smallDelete.png) center top no-repeat;
    width: 20px;
    height: 14px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
    float: left;
}

    .deleteGrid:hover {
        background: url(/SubSystem/Edari/Personnel/Media/Images/smallDeleteHover.png) center top no-repeat;
    }

.jcCategoryGrid, .jcCategoryGrid-disable, .jField, .jField-disable, .design-grid, .design-disable, .addJobs {
    margin: 0 auto;
    background: url(/SubSystem/Edari/Personnel/Media/Images/JCCategory.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: pointer;
}

.addJobs, .addJobs-disable {
    background: url(/SubSystem/Edari/Personnel/Media/Images/JobAddHover.png) center top no-repeat;
    width: 42px;
    height: 41px;
}

.addJobs:hover {
    background: url(/SubSystem/Edari/Personnel/Media/Images/JobAdd.png) center top no-repeat;
}

.jcCategoryGrid-disable {
    background: url(/SubSystem/Edari/Personnel/Media/Images/JCCategoryDis.png) center top no-repeat;
}

.jField {
    background: url(/SubSystem/Edari/Personnel/Media/Images/jobField.png) center top no-repeat;
}

.jField-disable {
    background: url(/SubSystem/Edari/Personnel/Media/Images/jobFieldDis.png) center top no-repeat;
}

.design-grid {
    background: url(/SubSystem/Edari/Personnel/Media/Images/workFlowGrid.png) center top no-repeat;
    margin-right: 1px;
}

.design-disable {
    background: url(/SubSystem/Edari/Personnel/Media/Images/workFlowDis.png) center top no-repeat;
    margin-right: 1px;
}

.ins, .insOnly {
    margin: 0 auto;
    background: url(/SubSystem/Edari/Personnel/Media/Images/insHover.png) center top no-repeat;
    width: 18px;
    height: 18px;
    border: 0px solid red;
    text-align: center;
    cursor: pointer;
    position: absolute;
    margin: 6px -23px;
}

    .ins:hover, .insOnly:hover, .plus_:hover {
        background: url(/SubSystem/Edari/Personnel/Media/Images/ins.png) center top no-repeat;
    }

.detail-grid, .detail-disable, .delete-grid, .delete-disable {
    margin: 0 auto;
    background: url(/SubSystem/Edari/Personnel/Media/Images/edit.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.detail-disable {
    background: url(/SubSystem/Edari/Personnel/Media/Images/editDis.png) center top no-repeat;
}

.delete-grid {
    background: url(/SubSystem/Edari/Personnel/Media/Images/delete.png) center top no-repeat;
}

.delete-disable {
    background: url(/SubSystem/Edari/Personnel/Media/Images/deleteDis.png) center top no-repeat;
}

.mxgrid {
    width: 100%;
}

ul.MxTreeStyle a.loading {
    background: #fff url(/SubSystem/Edari/Personnel/Media/Images/Loading.gif) no-repeat;
    display: block;
    float: right;
    width: 15px;
    height: 15px;
    margin: 4px 0px 0px 5px;
}

.disableNode {
    color: #8c8c8c !important;
    cursor: default;
}

.icon-Print {
    width: 34px;
    height: 34px;
    direction: rtl;
    margin-top: -3px;
    cursor: pointer;
    border: 1px solid transparent;
    background: url("/SubSystem/Edari/Personnel/Media/Images/Print.png") no-repeat;
    float: left;
}

    .icon-Print:hover {
        background: url("/SubSystem/Edari/Personnel/Media/Images/PrintHover.png") no-repeat;
    }

.transparent {
    background-color: transparent !important;
}

.insOnly {
    margin-right: 5px !important;
}

.plus_ {
    margin: 0 auto;
    background: url(/SubSystem/Edari/Personnel/Media/Images/insHover.png) center top no-repeat;
    width: 18px;
    height: 18px;
    border: 0px solid red;
    text-align: center;
    cursor: pointer;
    margin: -9px 1px;
}

.showDiv {
    width: 773px;
    height: 79px;
    overflow-y: auto;
    margin-top: 7px;
    margin-bottom: 7px;
}

    .showDiv div {
        border: 1px solid #ffcccc;
        padding: 4px;
        background-color: #ffcccc;
        color: #033565;
        width: 48%;
        float: right;
        margin: 0px 3px 2px 2px;
        box-shadow: -1px 2px 0px #ff8080;
        font: 11px tahoma;
        height: 13px;
        margin-bottom: 4px;
    }

.showBox {
    width: 840px;
    border: 1px solid #74a1d8;
    max-height: 236px;
    margin: 0 auto;
    margin-top: 22px;
    margin-bottom: 6px;
    overflow-y: auto;
}

.headerShowBox {
    border-bottom: 1px solid #74a1d8;
    height: 22px;
    background-color: #c3d7ee;
}

    .headerShowBox span {
        font: bold 14px "B Nazanin";
        margin-right: 6px;
    }

.itemShowBox {
    padding-top: 3px;
    padding-bottom: 3px;
}

    .itemShowBox div {
        border: 1px solid #afc9e9;
        padding: 4px;
        background-color: white;
        color: #033565;
        width: 98%;
        float: right;
        margin: 0px 3px 6px 2px;
        box-shadow: -1px 2px 0px #9bbce4;
        font: 11px tahoma;
    }

    .itemShowBox input[type='checkbox'] {
        float: left;
        margin: 0px;
        margin-left: 58px;
    }

.isDisabled {
    color: gray;
}

.spanLeft {
    float: left;
    margin-left: 35px;
    color: #0059b3;
}

.defScope {
    background-color: #e6ffe6 !important;
}

.isReadOnly {
    background-color: transparent !important;
}

.twoDivs, .twoDivsRight, .twoDivsLeft {
    float: right;
    margin-left: 3px;
    border: 1px solid #24b6f5;
    height: 550px;
    margin: 2px;
    margin-left: 1px;
    overflow-y: auto;
    padding: 3px;
}

.twoDivsRight {
    width: 40%;
}

.twoDivsLeft {
    width: 57.6%;
}
.widthCustom{
    width:335px!important;
}
.box_field_largeHeight
{
    height:198px!important;
}
.textareaLargeHeight{
    height:193px!important;
}