﻿body
{
    font: 12px tahoma;
}
.validation
{
    min-height: 10px;
    color: Red;
    float: right;
    width: 7px;
    margin-top: 10px;
}

/*****************************************for TAB****************************************/
.tab-top, ul li.tab-top {
    float: right;
    height: 31px;
    margin-left: 5px;
    list-style: none;
}

.tab-top a
{
    border-top-right-radius:6px;
     border-top-left-radius:6px;
     background-color:#c9def3;
     height:24px!important;
     width:auto!important;
     border:1px solid #a0bfed;
     padding:7px 3px 0 3px;
     display:block;
     float:right;
     font:12px tahoma!important;
     white-space: nowrap
}
.tab-top a:hover
{
border-top-right-radius:6px;
     border-top-left-radius:6px;
     background-color:#f9db8c;
     height:24px!important;
     width:auto!important;
     border:1px solid #ebbf47;
     adding:7px 3px 0 3px;
     display:block;
     float:right;
}

.tab-top a.selected
{
     border-top-right-radius:6px;
     border-top-left-radius:6px;
     background-color:#a0bfed;
     height:24px!important;
     width:auto!important;
     border:1px solid #a0bfed;
     padding:7px 3px 0 3px;
     display:block;
     float:right;
    /*background:url(/Subsystem/Amozesh/Stu/Media/Images/btn_holder.png);  */  
}
/*****************************************for TAB****************************************/
#container
{
    margin: 0 auto;
    width: 807px;
}
.Header
{
    background-position: 0px -2px;
    width: 807px;
    height: 64px;
    overflow: hidden;
}
.form-image-library
{
    background: url(../images/form-image-library.png) no-repeat;
}
#form_title
{
    float: right;
    width: 80% !important;
    margin: 17px 0px 0 0;
    font: 12px tahoma !important;
    text-align: right;
    direction: rtl;
}
.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 !important;
}

#form_content
{
    background: url(../images/form-center.png) left top repeat-y;
    width: 807px;
    direction: rtl;
}

#footer
{
    background-position: 0px -89px !important;
    width: 807px;
    height: 12px;
    overflow: hidden;
}

.clearer
{
    height: 0px!important;
    clear: both;
    line-height: 0px!important;
}

.field-form
{
    width: 390px;
    float: right;
    margin-bottom: 5px;
    height: 35px;
}
.field-form1
{
    float:right;
    height: 35px;
}
.classIns {
    font: bold 11px tahoma;
    color: Black;
    float: right
}
#button_holder,.button_holder
{
    background-color: #EAF1FB;
    border: 1px solid #CFDEF1;
    height: 24px;
    padding: 7px;
    width: 96%;
    margin: 0 7px;
}
#button_holder input,.button_holder input
{
    font: 12px tahoma;
    height: 20px;
    width: 100px;
    margin-right: 7px;
}
#button_holder select,.button_holder select
{
    width: 130px;
    float: right;
    margin-right: 10px;
    font: 12px tahoma !important;
    height: 25px;
    direction: rtl;
}
#Fech_count
{
    width: 40px !important;
    float: right;
    padding: 1px 3px;
    text-align: center;
    font: 12px tahoma;
    
    margin-right: 10px;
}

.TabContains
{
    border: 4px solid #a0bfed;
    padding: 15px 0px;
    height: auto;
    background-color: #f9f9f9;
    margin: 0 10px;
}
.field-form, .field-form-large
{
    width: 390px;
    float: right;
    margin-bottom: 5px;
    height: 35px;
    margin-top: 0px;
}
.field-form-large
{
    width: 780px;
}
.field-form select, .field-form input
{
    float: right;
    direction: rtl;
    text-align: right;
}
.field-title
{
    float: right;
    width: 155px;
    padding-top: 5px;
    text-align: left;
    font: 12px tahoma!important;
    padding-left: 10px;
    direction: ltr;
    height: 19px;
}
.button
{
    -moz-border-radius: 5px;
    font: 12px tahoma;
    border: 1px solid #ff8c1c;
    float: right;
    border-radius: 5px;
    width: 100px !important;
    height: 27px !important;
    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 */
}
#button_holder input[type='checkbox']
{
    width: auto !important;
    float: right;
}
.field-content-radius
{
    border-radius: 5px;
    width: 195px;
    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;
    font: 12px tahoma;
    padding-right: 5px;
}
select.field-content-radius
{
    width: 205px!important;
    height: 30px;
}
   
    th {
        font: 12px tahoma !important;
    }
.save {
    margin: 0 auto;
    background: url('/SubSystem/Edari/Herasat/Media/Images/Save.png') center top no-repeat;
    width: 25px;
    height: 25px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}
.detail-grid, .Access1, .chart, .item, .member, .AllItem, .Task-grid, .Copy, .item1, .item2, .item3, .tajdidnazar, .tajdidnazarTask, .Access-grid {
    margin: 0 auto;
    background: url(../Images/detail-grid.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}
.Access-grid {
    width: 30px;
    background: url('/SubSystem/Edari/Herasat/Media/Images/Access.png') center top no-repeat;
}
.CopyDore {
    background: url('/SubSystem/Edari/Herasat/Media/Images/DoreCopy.png') center top no-repeat;
}
    .tajdidnazar {
        background: url('/SubSystem/Edari/Herasat/Media/Images/Tajdidnazar.png') center top no-repeat;
    }
.tajdidnazarTask {
    background: url('/SubSystem/Edari/Herasat/Media/Images/ReTask.png') center top no-repeat;
}
    .item1 {
        background: url('/SubSystem/Edari/Herasat/Media/Images/1.png') center top no-repeat;
    }
.item2 {
    background: url('/SubSystem/Edari/Herasat/Media/Images/2.png') center top no-repeat;
}
.item3 {
    background: url('/SubSystem/Edari/Herasat/Media/Images/3.png') center top no-repeat;
}
    .Copy {
        background: url('/SubSystem/Edari/Herasat/Media/Images/copy.png') center top no-repeat;
    }
.Task-grid {
    background: url('/SubSystem/Edari/Herasat/Media/Images/Task1.png') center top no-repeat;
}
    .AllItem {
        background: url('/SubSystem/Edari/Herasat/Media/Images/ItemAll.png') center top no-repeat;
    }
    .member {
        background: url('/SubSystem/Edari/Herasat/Media/Images/member.png') center top no-repeat;
    }
    .item {
        background: url('/SubSystem/Edari/Herasat/Media/Images/Items.png') center top no-repeat;
    }
    .chart {
        background: url('/SubSystem/Edari/Herasat/Media/Images/chart.png') center top no-repeat;
    }
.Access1 {
    background: url('/SubSystem/Edari/Herasat/Media/Images/Access.png') center top no-repeat;
}
.Area-grid, .access-grid, .Komision-grid, .Member-grid, .MemberDore-grid, .Dore, .category {
    margin: 0 auto;
    background: url('/SubSystem/Edari/Par/Media/Images/ostanArea.png') center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}
.category {
    background: url('/SubSystem/Edari/Herasat/Media/Images/Category.png') center top no-repeat;
}
    .Dore {
        background: url('/SubSystem/Edari/Herasat/Media/Images/Dore.png') center top no-repeat;
    }
.MemberDore-grid {
    background: url('/SubSystem/Edari/Par/Media/Images/ParDoreKomisionMember.png') center top no-repeat;
}
    .Member-grid {
        background: url('/SubSystem/Edari/Par/Media/Images/MemberXml.png') center top no-repeat;
    }
.Komision-grid {
    background: url('/SubSystem/Edari/Par/Media/Images/KomisionXml.png') center top no-repeat;
}
    .access-grid {
        background: url('/SubSystem/Edari/Par/Media/Images/ostanAccess.png') center top no-repeat;
    }
.meyar {
    margin: 0 auto;
    background: url('/SubSystem/Edari/Herasat/Media/Images/Meyar.png') center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}
.Actor {
    margin: 0 auto;
    background: url('/SubSystem/Edari/Herasat/Media/Images/Actor.png') center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}
    .detail-grid {
        margin: 0 auto;
        background: url(../Images/detail-grid.png) center top no-repeat;
        width: 30px;
        height: 30px;
        border: 0px solid red;
        text-align: center;
        cursor: hand;
        cursor: pointer;
    }
.delet-grid, .NewBtn {
    margin: 0 auto;
    background: url(../Images/delet-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(../Images/detail.png) center top no-repeat;
    width: 30px;
    height: 20px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.print-grid {
    margin: 0 auto;
    background: url("/SubSystem/Edari/Herasat/Media/Images/Printer.png") center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}


.Box
{
    width: 335px;
    float: right;
    margin: 0 10px;
    border: 1px solid #ababab;
    direction: rtl;
    height: 140px;
    padding-right: 15px;
}



#button_holder input[type='checkbox']
{
    width: 15px !important;
    float: right;
}
#button_holder input[type='button']
{
    height: 25px;
}
.box_content
{
    width: 200px;
    margin: 5px;
    border: 1px solid #d7d7d7;
    float: right;
    background-color: #fff;
}
.transparent-btn
{
    border: 0px solid transparent;
    background-color: transparent;
    cursor: pointer;
}
#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;
}

.button1 {
    background-image: linear-gradient(#72c124, #e4fdc4, #6ca81e);
    width: 100px;
    height: 27px;
    border: 1px solid #1f6a07;
    border-radius: 5px;
    font:12px tahoma;
    cursor: pointer
}

    .button1:hover {
        background-image: linear-gradient(#41800f, #e4fdc4, #41800f);
        border: 1px solid #1f6a07;
        border-radius: 5px
    }
