body
{
    padding: 0px;
    text-align: right;
    direction: rtl;
    font: 12px 'tahoma';
}
.readonly
{
    background-color: #f6f6f6;
}
#container
{
    margin: 0 auto;
    width: 807px;
}
.until {
    display: block;
    float: right;
    margin: 5px 6px;
    text-align: center
}
.drp
{
    width: 220px;
    height: 25px;
    padding-right: 3px;
    margin-left: 5px;
    margin-right: 10px !important;
    font: 13px tahoma;
}
.form-image-library
{
    background: url(../images/form-image-library.png) no-repeat;
}
.icon-image-library
{
    background: url(../images/icon.png) no-repeat;
}
.Access1, .DinerTiming, .Rommate, .RoomSel, .RoomSel1, .RoomDel, .copy, .Item-grid, .Score-grid, .Elect, .EvalDefItem, .device, .ServiceDel, .Hazine, .SleepDevice {
    margin: 0 auto;
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/access1.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}
.DinerTiming {
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/DinerTiming.png) center top no-repeat;
}
    .RoomSel1 {
        margin: 0 auto;
        width: 30px;
        height: 30px;
        border: 0px solid red;
        text-align: center;
        cursor: hand;
        cursor: pointer;
        background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/selRoom.png) center top no-repeat;
    }
    .SleepDevice {
        background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/SleepDevice.png) center top no-repeat;
    }
.Hazine {
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/Hasine.png) center top no-repeat;
}
    .ServiceDel {
        background: url(/Subsystem/Daneshjoe/Sleep/Resource/MenuIcon/Sleep/ServiceDel.png) center top no-repeat;
    }
    .device {
        background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/device.png) center top no-repeat;
    }
.EvalDefItem {
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/EvalDefItem.png) center top no-repeat;
}.Elect {
        background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/ElectXml.png) center top no-repeat;
    }
.Score-grid {
        background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/score-grid.png) center top no-repeat;
    }
.RoomSel {
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/RoomSel.png) center top no-repeat;
}
.RoomDel {
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/RoomDel.png) center top no-repeat;
}
.Rommate {
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/hamotaghi.png) center top no-repeat;
}
.copy {
    background: url('/Subsystem/Daneshjoe/Sleep/Media/Images/copy.png') center top no-repeat;
    height: 30px;
}
.Item-grid {
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/EvalBaseItem.png) center top no-repeat;
}
.icon-Name, .icon-date, .icon-time, .icon-chart, .icon-pansion {
    float: right;
    background-position: -27px -1px;
    width: 20px;
    height: 20px;
    overflow: hidden;
}

.icon-date
{
    background-position: -62px -1px;
}

.icon-time
{
    background-position: -94px -2px;
}

.icon-chart
{
    background-position: 0px 0px;
}
.icon-pansion
{
    background-position: -122px -1px;
}
.field-form label
{
    font: 12px tahoma;
    margin-left: 10px;
}
.field-form-small
{
    float: right;
    width: 272px;
}
.field-title, .field-title-small
{
    float: right;
    width: 155px;
    padding-top: 5px;
    text-align: left;
    font: 12px tahoma !important;
    padding-left: 10px;
    direction: ltr;
}
.field-title-small
{
    width: 80px;
}
.field-content-small
{
    float: right;
    background-position: -609px -140px;
    width: 140px;
    height: 31px;
    overflow: hidden;
}
.Header
{
    background-position: 0px -2px;
    width: 807px;
    height: 64px;
    overflow: hidden;
}

.Header img
{
    float: right;
    width: 41px;
    height: 41px;
    margin: 5px 20px 0 20px;
}

#form_title
{
    float: right;
    width: 500px;
    margin: 17px 0px 0 0;
    font: 12px tahoma;
}

#form_content
{
    background: url(../images/form-center.png) left top repeat-y;
    width: 807px;
}

#footer
{
    background-position: 0px -89px !important;
    width: 807px;
    height: 12px;
    overflow: hidden;
}

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

.field-form
{
    width: 400px;
    float: right;
    margin-bottom: 5px;
    height: 35px;
}
.field-form select
{
     height:27px;
}

.field-form1
{
    width: 775px;
    float: right;
    height: 70px;
}
.field-title
{
    float: right;
    width: 155px;
    padding-top: 5px;
    text-align: left;
    font: 12px tahoma;
    padding-left: 10px;
    direction: ltr;
    height: 19px;
}

.field-content
{
    float: right;
    background-position: -607px -106px;
    width: 207px;
    height: 31px;
    overflow: hidden;
    direction: ltr;
}

option, select
{
    font: 12px tahoma;
    color: Green;
    direction: rtl;
    text-align: right;
    width: 180px;
}
.field-content-des1 textarea
{
    margin: 3px 7px 0 0;
    font: 12px tahoma;
    color: green;
    text-align: right;
}
.field-content input, .field-content select, .field-content textarea, .field-content-large select, .field-content-large input, .field-content-des1 textarea
{
    margin: 3px 7px 0 0;
    font: 12px tahoma;
    color: green;
    text-align: right;
    direction: rtl;
}
.field-content input
{
    margin: 3px 7px 0 0;
    width: 180px;
}

.field-content span, .view, .field-content-des1 span, .field-content-large span, .field-content-large input, .field-content-large select
{
    display: block;
    float: right;
    margin: 5px 10px 0 0;
    font: 12px tahoma;
    color: green;
    text-align: right;
    direction: rtl;
    height: 14px;
}

.field-content-large input, .field-content-large select
{
    width: 579px;
}



span a
{
    color: Green;
    margin-top: 0;
}

.transparent-btn
{
    border: 0px solid transparent;
    background-color: transparent;
    cursor: pointer;
}


.field-content-des
{
    float: right;
    background-position: -6px -183px;
    width: 205px;
    height: 68px;
    overflow: hidden;
}

.field-content-des1
{
    float: right;
    background-position: -2px -106px;
    width: 596px;
    height: 68px;
    overflow: hidden;
}
.field-content-large
{
    float: right;
    background: url(../Images/large.png) left top no-repeat;
    width: 599px;
    height: 35px;
}
.field-content-small
{
    float: right;
    background: url(../Images/small.png) left top no-repeat;
    width: 106px;
    height: 35px;
}
.field-content-small input, .field-content-small select
{
    width: 87px;
    height: 28px;
    direction: rtl;
    text-align: right;
    margin: 2px 5px;
    font: 12px tahoma;
    color: Green;
}
.des
{
    min-height: 10px;
    clear: both;
    text-align: right;
    direction: rtl;
    font: 12px tahoma;
    padding: 3px 20px 3px 0px;
    width: 620px;
    background: url(../Images/arrow.png) right center no-repeat;
    float: left;
    color: #989899;
}

.validation
{
    min-height: 10px;
    color: Red;
    float: right;
    width: 10px;
    margin-top: 10px;
}

fieldset
{
    border: none;
}

.btn
{
    margin: 10px !important;
}

.btnRight
{
    float: right;
    height: 26px;
    width: 10px;
    background: url(../images/bottonRight.png) left top no-repeat;
    margin-right: 10px;
}

.btnCenter
{
    float: right;
    height: 26px;
    background: url(../images/bottonCenter.png) left top repeat-x;
}

.btnCenter input
{
    padding-top: 3px;
    height: 23px;
    font: 12px tahoma;
    cursor: pointer;
}

.answer
{
    font: 12px tahoma;
    display: block;
    float: right;
    color: #007b0c;
    margin: 0px 3px 0 0;
    height: 17px;
}
.btnLeft
{
    float: right;
    width: 7px;
    height: 26px;
    background: url(../images/bottonLeft.png) left top no-repeat;
}

.btnCenter input
{
    margin: 0 7px;
}

#divMessageBox
{
    font: 12px tahoma !important;
}



.readonly
{
    background-color: #f6f6f6;
}

.box
{
    width: 600px;
    margin: 10px auto;
    border: 1px solid #99c2f3;
    background-color: #d2e1f3;
    font: 12px tahoma;
    margin-bottom: 0;
}
.box-item
{
    float: right;
    width: 300px;
    height: 25px;
    text-align: center;
}

.box-item1
{
    float: right;
    height: 25px;
    text-align: center;
    width: 80px;
    border-left: 1px solid #99c2f3;
}

.box-title
{
    display: block;
    float: right;
    font: 12px tahoma !important;
    padding: 10px;
    color: Green;
}

.button
{
    background-color: #ffd96a;
    border: 1px solid #f89737;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 3px 7px;
    width: 90px;
}
input.button
{
    font: 11px tahoma;
    cursor: hand;
    cursor: pointer;
    min-width: 60px;
    height: 25px !important;
}
.button:hover
{
    background-color: #fde49a;
    border: 1px solid #f89737;
}

#button_holder, .button_holder
{
    background-color: #EAF1FB;
    border: 1px solid #CFDEF1;
    height: 24px;
    padding: 5px;
    width: 780px;
    margin: 0px 10px 0px 10px;
    text-align: right;
    direction: rtl;
}
    #button_holder input {
        font: 12px tahoma;
        height: 20px;
        float: right;
    }
#button_holder select
{
    width:130px; float:right;margin-right:10px;font:12px tahoma!important;height:25px;
}
.fullname
{
    font: 12px tahoma;
    color: Green;
    margin-right: 40px;
}

input.readonly, select.readonly
{
    font: 12px tahoma;
    color: Green;
    margin: 3px 0px 3px 0;
    min-width: 190px;
    height: 23px;
}

.box1
{
    float: right;
    width: 393px;
}


.self-field, .self-Content
{
    width: 270px;
    float: right;
    height: 23px;
    font: 12px tahoma;
}

.self-Content
{
    width: 50px;
}

.self
{
    border: 1px solid #b0d3ff;
    padding: 4px;
}
#self-title
{
    border: 1px solid #b0d3ff;
    border-bottom: none;
    height: 23px;
    font: 12px tahoma;
    padding: 4px 20px 0 0;
    background-color: #edf4ff;
}

#CheckBoxList1
{
    width: 100%;
}

hr
{
    width: 710px;
    margin: 10px auto;
    color: #f6f6f6;
}
/*------------------------------Zeton Sale------------------------*/
#pnl_customer
{
    width: 773px;
    margin: 0 auto;
    padding: 10px;
    background-color: #e8e6fb;
    height: 30px;
}

#pnl_CustomInfo, #info
{
    width: 790px;
    margin: 0 auto;
    padding: 5px 0px;
}

.ChkUse
{
    font: 12px tahoma;
}


table.mxgrid_header th
{
    text-align: center !important;
    font: 12px tahoma;
    color: Green;
}

table.mxgrid td
{
    text-align: center !important;
}

.button
{
    -moz-border-radius: 5px;
    font: 12px tahoma;
    border: 1px solid #ff8c1c;
    width: 100px;
    height: 30px;
    margin-bottom: 10px;
    background: #ffb76b; /* Old browsers */
    background: #ffb76b; /* Old browsers */
    background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* IE10+ */
    background: linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
}
.button:hover
{
    border: 1px solid #cc0000;
    background: #feccb1; /* Old browsers */
    background: -moz-linear-gradient(top,  #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* IE10+ */
    background: linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */
}

.button1
{
    -moz-border-radius: 5px;
    font: 12px tahoma;
    border: 1px solid #999;
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
    background: rgb(226,226,226); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}
.button1:hover
{
    border: 1px solid #ccc;
    background: rgb(245,246,246); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(21%,rgba(219,220,226,1)), color-stop(49%,rgba(184,186,198,1)), color-stop(80%,rgba(221,223,227,1)), color-stop(100%,rgba(245,246,246,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
}
.delet-grid, .Retro-grid, .D-grid, .G-grid, .delet-disable, .accept-grid, .amval-grid, .amval-pansion, .stu-grid, .scan, .Rooms {
    margin: 0 auto;
    background: url('/Subsystem/Daneshjoe/Sleep/Media/Images/delet-grid.png') center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}
.Rooms {
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/room.png) center top no-repeat;
}#print,#card {
        margin: 0 auto;
        background: url(../Images/Printer.png) center top no-repeat;
        width: 30px;
        height: 30px;
        border: 0px solid red;
        text-align: center;
        cursor: hand;
        cursor: pointer;
    }
#card {
    background: url('/Subsystem/Daneshjoe/Sleep/Media/Images/card.png') center top no-repeat;
}
    .stu-grid
{
    background: url(../Images/student.png) center top no-repeat;
}
.scan
{
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/scan.png) center top no-repeat;
}
.Roommate-grid
{
    margin: 0 auto;
    background: url(../Images/Roommate.png) center top no-repeat;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}
.Room-grid, .ReserveRoom {
    border:0px solid red;
    margin: 0 auto;
    background: url(../Images/Room.png) center top no-repeat;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}
.ReserveRoom {
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/ReserveRoom.png) center top no-repeat;
}
.delet-disable
{
    background: url(../Images/delet-disable.png) center top no-repeat;
}

.Retro-grid
{
    background: url(../Images/Retro-grid.png) center top no-repeat;
}

.accept-grid
{
    background: url(../Images/accept.png) center top no-repeat;
}

.amval-grid
{
    background: url(../Images/amval.png) center top no-repeat;
}
.amval-pansion
{
    background: url(../Images/amvalPansion.png) center top no-repeat;
}
.shop-grid
{
    margin: 0 auto;
    background: url(../Images/shopping-cart.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.tahvil-grid
{
    margin: 0 auto;
    background: url(../Images/tahvil.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.detail-grid, .model-grid, .detail-disable {
    margin: 0 auto;
    background: url('/Subsystem/Daneshjoe/Sleep/Media/Images/detail-grid.png') center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.detail {
    margin: 0 auto;
    background: url('/Subsystem/Daneshjoe/Sleep/Media/Images/detail.png') center top no-repeat; width: 30px;
    height: 20px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}
.detail-disable
{
    background: url(../Images/detail_disable.png) center top no-repeat;
}
.model-grid
{
    background: url(../Images/cellphone.png) center top no-repeat;
}

.detail {
    margin: 0 auto;
    background: url('/Subsystem/Daneshjoe/Sleep/Media/Images/detail.png') center top no-repeat;
    width: 30px;
    height: 20px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.Access
{
    margin: 0 auto;
    background: url(../Images/access.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.material-grid
{
    margin: 0 auto;
    background: url(../Images/Material1.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.icon_Name, .icon_Family, .icon_code, .icon_date, .icon_time, .icon_Day, .icon_Term, .icon_clock
{
    float: right;
    width: 20px;
    height: 20px;
    background-position: -620px -146px;
    margin: 0px 2px 0 0;
}

.icon_Term
{
    background-position: -795px -147px;
}
.icon_Day
{
    background-position: -721px -147px;
}
.icon_time
{
    background-position: -747px -147px;
}
.icon_date
{
    background-position: -698px -147px;
}
.icon_Family
{
    background-position: -647px -144px;
}

.icon_code
{
    background-position: -672px -146px;
}

#Iq_container
{
    padding: 0 7px;
    text-align: right;
    direction: rtl;
    font: 12px tahoma;
    min-width: 995px;
    margin: 5px auto;
}

#sidebar
{
    float: right;
    width: 18%;
    min-width: 160px;
}

#mainbar
{
    float: right;
    min-width: 817px;
    width: 70%;
    min-height: 200px;
    text-align: left;
    padding-top: 10px;
}

.menu_body a
{
    display: block;
    color: #006699;
    padding: 5px 10px;
    text-decoration: none;
    font: 12px tahoma;
    width: 85%;
    background-color: #daebfa;
    border: 1px solid #cde4f9;
    margin: 2px;
}
.menu_body a:hover, .menu_body input:hover
{
    color: #000000;
    background-color: #ffefba;
}
.menu_body a.selected
{
    background-color: #9cace7;
}


/*****************************************for TAB****************************************/
.tab-top
{
    float: right;
    max-width: 111px;
    height: 31px;
    margin-left: 5px;
}
.tab-top a
{
    float: right;
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/btn_holder_hover.png);
    width: 111px;
    height: 24px;
    text-align: center;
    font: 12px tahoma;
    padding-top: 7px;
}

.tab-top a:hover, .tab-top a.selected
{
    float: right;
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/b_holder.png);
    width: 111px;
    height: 24px;
    padding-top: 7px;
}
.tab-top a.selected
{
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/btn_holder.png);
}
/* input.plus
{
    width:20px!important;
    height:20px!important;
    position:absolute;
    right:0px;
    top:5px;
  
}

input.minus
{
    width:20px!important;
    height:20px!important;
    position:absolute;
    right:0px;
   top:5px;
}*/
/*****************************Expanded Div***************************************/
.layer1
{
    margin: 0;
    padding: 0;
}

.heading
{
    margin: 10px 1px 1px 0;
    padding: 3px 30px;
    cursor: pointer;
    position: relative;
    top: 0px;
    right: 0px;
    height: 25px;
    font: 12px tahoma;
}
.content
{
    padding: 5px 0px;
    background-color: #fafafa;
    border: 1px dashed #ccc;
}

/**************************************************************************************/
.writter
{
    width: 780px;
    margin: 10px auto;
    border: 1px solid #aacdfe;
}
.writer_Header
{
    background-color: #d6ffbb;
    height: 20px;
    padding: 10px 20px;
    color: #000;
    font: 12px tahoma;
    border-bottom: 1px solid #cdffac;
}

#writer-content
{
    padding: 10px 0;
}

span#confirm_lbl
{
    color: Red;
}

.box_content
{
    width: 365px;
    margin: 5px;
    border: 1px solid #d7d7d7;
    float: right;
    background-color: #fff;
}

span.box_content_title
{
    background: #f5f5f5;
    height: 25px;
    display: block;
    font: 12px tahoma;
    padding:5px 10px 0 0;
    border-bottom: 1px solid #d7d7d7;
}
/**************************************************************************************/
.Access_Box, .Access_Title
{
    float: right;
    width: 350px;
    border: 1px dashed #ccc;
    background-color: #f9f9f9;
    margin: 2px 10px 10px 10px;
    height: 300px;
}
.Access_btn
{
    float: right;
    width: 50px;
    margin-top: 10px;
    height: 300px;
}

.Access_Title
{
    height: 20px;
    padding: 10px;
    background-color: #cffbc6;
    width: 333px;
    border: 1px solid #4a7b41;
    color: #2c5824;
    font: 12px tahoma;
}

.Acc_Btn_Add, .Acc_Btn_back
{
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/add.png);
    width: 50px;
    height: 40px;
}

.Acc_Btn_back
{
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/back.png);
}

.Acc_Btn_Add:hover
{
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/add-hover.png);
}

.Acc_Btn_back:hover
{
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/back-hover.png);
}

.AccAll_Btn
{
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/add-all.png);
    width: 50px;
    height: 48px;
}

.AccAll_Btn:hover
{
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/add-all-hover.png);
}

.AccAll_Btn_back
{
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/back-all.png);
    width: 50px;
    height: 48px;
}

.AccAll_Btn_back:hover
{
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/back-all-hover.png);
}
/**************************************************/

span.fee, span.absent, span.register, span.offer, span.lecture, span.Other
{
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/Fee.png) left center no-repeat;
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin-left: -27px;
}
span.absent
{
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/absent.png) left center no-repeat;
}
span.register
{
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/register.png) left center no-repeat;
}
span.offer
{
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/group_New.png) left center no-repeat;
}
span.lecture
{
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/Lecture.png) left center no-repeat;
}
span.Other
{
    background: url(/Subsystem/Daneshjoe/Sleep/Media/Images/other.png) left center no-repeat;
}

.insert-grid
{
    margin: 0 auto;
    background: url(../Images/insert.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}
.field-title-large
{
    float: right;
    width: 190px;
    padding-top: 5px;
    font: 12px tahoma;
}
.field-content-small2
{
    float: right;
    background: url(../Images/small-60.png) left top no-repeat;
    width: 60px;
    height: 30px;
}

.field-content-small2 input
{
    width: 50px;
    height: 28px;
    direction: rtl;
    text-align: right;
    margin: 2px 3px;
    font: 12px tahoma;
    color: Green;
}

.SP_Title
{
    font: 12px tahoma;
    width: 120px;
    text-align: left;
    float: right;
    padding-right: 20px;
    padding-left: 20px;
}

.SP_Val
{
    font: 12px tahoma;
    color: green;
}

.SP_W
{
    font: 12px tahoma;
    height: 26px;
    width: 300px;
    direction: rtl;
    text-align: right;
    float: right;
}


#mygrid
{
    margin: 10px;
}

/*-----------------tab---------------*/
.TabContains
{ border: 4px solid #a0bfed;padding:15px 0px;height: auto;background-color: #f9f9f9;
}
.tab-top, ul li.tab-top
{
    float: right;
    max-width: 111px;
    height: 31px;
    margin-left: 5px;
    list-style: none;
}
.tab-top a, ul li.tab-top a
{
    float: right;
    background: url("/Subsystem/Daneshjoe/Sleep/Media/Images/btn_holder_hover.png");
    width: 111px;
    height: 24px;
    text-align: center;
    font: 12px tahoma;
    padding-top: 7px;
}

.tab-top a:hover, .tab-top a.selected
{
    float: right;
    background: url("/Subsystem/Daneshjoe/Sleep/Media/Images/b_holder.png");
    width: 111px;
    height: 24px;
    padding-top: 7px;
}
.tab-top a.selected
{
    background: url("/Subsystem/Daneshjoe/Sleep/Media/Images/btn_holder.png");
}

th
{
    font: normal 12px tahoma !important;
}
#mxgrid_table_container
{
    width: 100% !important;
}

.mxgrid
{
    width: 100% !important;
}

.field-content-radius,select.field-content-radius
{
    border-radius: 5px;
    float: right;
    width: 193px;
    height: 26px;
    overflow: hidden;
    direction: ltr;
    border: 1px solid #c0c0c0;
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 1px 1px 2px #c0c0c0;
    -webkit-box-shadow: 1px 1px 2px #c0c0c0;
    box-shadow: 1px 1px 2px #c0c0c0;
    text-align: right;
    direction: rtl;
    color: green;
    font: 12px tahoma;
    padding-right: 5px;
}
select.field-content-radius
{
    width: 202px;
    height:31px!important;
}
a
{
    border:none!important;
}
#formheader {
    width: 99.%;
    margin: 0 auto;
    border: 1px solid #d4e4fb;
    background-color: #eaf1fb;
    padding: 5px 10px;
    margin: 7px;
}

    #formheader img {
        float: right;
        width: 45px;
        height: 45px;
        margin-left: 10px;
    }

#mxgrid_table_container {
    width: 100% !important;
    direction: rtl !important;
}

th {
    font: 12px tahoma !important;
    height: 29px !important;
    color: Black !important;
}
table.mxgrid td {
    direction: rtl !important;
    text-align: right !important;
    padding: 2px !important;
    overflow: hidden !important;
    border: 1px solid #d2e1f3 !important;
    height: 25px !important;
    text-overflow: clip !important;

    white-space: pre-line !important;
}


#Content_User {
    text-align: right;
    font: 12px tahoma;
    background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #d3e1ea); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #d3e1ea); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #d3e1ea); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #d3e1ea); /* Standard syntax */
}

#box_Content {
    width: 810px;
    margin: 0 auto;
    padding: 7px 20px;
    border-width: 1px;
    border-style: solid;
    -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#a0a1a5), to(rgba(0, 0, 0, 0))) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(bottom, #a0a1a5, rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image: -moz-linear-gradient(bottom, #a0a1a5, rgba(0, 0, 0, 0)) 1 100%;
    -o-border-image: -o-linear-gradient(bottom, #a0a1a5, rgba(0, 0, 0, 0)) 1 100%;
    border-image: linear-gradient(to top, #a0a1a5, rgba(0, 0, 0, 0)) 1 100%;
    background-color: #fff;
}

#userTitle {
    font: bold 12px 'Tahoma';
    font-size: 18px;
    color: #0066a8;
    -webkit-background-clip: text;
    height: 55px;
    text-align: right;
}

#userTitleImg {
    float: right;
    margin: 0 0px 7px 20px;
    width: 50px;
    height: 50px
}

.LBLE {
    padding-top: 10px;
}

#user_Content {
    border: 2px solid #c8e4f7;
    background-color: #e3f0f9;
    border-radius: 5px;
    padding: 15px;
}


#ReqBtn {
    border-radius: 20px;
    border: 1px solid #8f8f8f;
    margin-top: 7px;
    height: 35px;
    width: 100px;
    cursor: pointer;
    cursor: hand;
    background-color: #4e8aaf;
    font: bold 12px tahoma;
    padding: 0px 10px;
    border: 2px solid #407698;
    float: right;
}

    #ReqBtn:hover {
        background-color: #a5c4d7;
    }

#boxTxt {
    width: 400px;
    height: 230px;
    padding: 10px;
    border: 1px solid #c5dae2;
    border-radius: 5px;
    background-color: #dce8ed
}


#mxgrid_table_container {
    width: 100% !important;
    direction: rtl !important;
}

.mxgrid_header th {
    font: 12px tahoma !important;
    height: 30px;
}
.select2-container .select2-selection--single {
    height: 30px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #555;
    padding-top: 8px;
    margin-right: 8px !important;
}

.select2-container {
    box-sizing: border-box;
    display: block;
    margin: 0 !important;
    position: relative;
    /*vertical-align: middle;*/
    width: 203px !important;
    float: right;
    height: 30px !important;
}