.MyMaroon {
    color: #a80b0b;
}

.with30 {
    width: 30px;
}

.margint12r2 {
    margin-top: 12px;
    margin-left: 2px;
}

.margint12r2font {
    margin-top: 9px;
    margin-left: 2px;
    font-size: 22px;
}

.bgw {
    background-color: white;
}

.padding40Right {
    padding-right: 40px;
}

.padding10 {
    padding: 10px;
}

.labelText15 {
    font-size: 13px;
    font-family: Yekan, sans-serif;
            -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
}

.labelText17 {
    font-size: 15px;
    font-family: Yekan, sans-serif;
            -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
}

.labelText19 {
    font-size: 17px;
    font-family: Yekan, sans-serif;
            -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
}

.button180With {
    width: 215px;
}

.DivField {
    direction: rtl;
    text-align: right;
    line-height: 250%;
    margin-right: 20px;
    margin-bottom: 20px;
}

.DivHeight {
    height: 15px;
}

.LeftFloat {
    float: left;
}

.DivContainer2 {
    font-size: 14px;
    margin-bottom: 50px;
    line-height: 300%;
    text-align: justify;
}

.Comment {
    height: 100%;
    overflow: auto;
    background-color: #f3f3f3;
    font-size: 12px;
    font-family: Tahoma;
    color: Maroon;
    margin: 5px 5px 5px 5px;
    border-radius: 12px 12px 12px 12px;
    margin-bottom: 3px;
    height: 100%;
    overflow: auto;
    border: solid 1px #cccccc;
    padding: 10px 10px 10px 10px;
}

.CommentQuote {
    height: 100%;
    overflow: auto;
    font-size: 12px;
    font-family: Tahoma;
    text-align: right;
    border-radius: 12px 12px 12px 12px;
}
 
 
 .menuButton{
     background-color:#F9F9F9;
     border:1px solid #397D02;
     color:#397D02;
     margin-top:5px;
     padding:2px;
     height:39px;
     padding:8px;
  margin-right:5px;
 }
.menuButton:hover {
     background-color:#397D02; 
     color:white;
}
.CommentHeader {
    height: 100%;
    overflow: auto;
    font-size: 12px;
    font-family: Tahoma;
    color: Maroon;
    margin: 2px 2px 2px 2px;
    border-radius: 6px 6px 6px 6px;
    width: 150px;
    float: right;
    background-color: White;
    height: 100%;
    overflow: auto;
    box-shadow: 0 0 5px 2px #cccccc;
    border: solid 1px #cccccc;
    padding: 2px 2px 2px 2px;
}

.UserQuote {
    background-color: #caffca;
    border: solid 2px #507CD1;
    color: #284E98;
    font-family: Tahoma;
    font-size: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 50px;
    height: 30px;
    padding: 3px;
}

    .UserQuote:Hover {
        border-color: Blue;
        color: blue;
        background-color: #A9BDD8;
        cursor: pointer;
    }

.CommentQuoteHeader {
    height: 100%;
    overflow: auto;
    font-size: 11px;
    font-family: Tahoma;
    color: Maroon;
    margin: 2px 2px 2px 2px;
    border-radius: 6px 6px 6px 6px;
    width: 250px;
    float: right;
    background-color: #f1f5ff;
    height: 100%;
    overflow: auto;
    box-shadow: 0 0 5px 2px #f1f5ff;
    border: solid 1px #f1f5ff;
    padding: 2px 2px 2px 2px;
}

.CommentMessage {
    height: 100%;
    overflow: auto;
    font-size: 12px;
    font-family: Tahoma;
    color: Black;
    margin: 2px 1% 2px 1%;
    border-radius: 6px 6px 6px 6px;
    text-align: right;
    float: right;
    width: 93%;
    background-color: White;
    height: 100%;
    overflow: auto;
    box-shadow: 0 0 5px 0px #cccccc;
    border: solid 1px #cccccc;
    padding: 2px 22px 2px 2px;
}

.CommentQuoteMessage {
    height: 100%;
    overflow: auto;
    font-size: 12px;
    font-family: Tahoma;
    color: Black;
    margin: 2px 2px 2px 2px;
    text-align: right;
    float: right;
    width: 93%;
    background-color: White;
    height: 100%;
    overflow: auto;
    padding: 2px 22px 2px 2px;
}

.circle_Translate_add {
    border-radius: 50%;
    width: 45px;
    height: 45px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #287eb6;
    vertical-align: middle;
    text-align: center;
    border: 3px solid #cccccc;
    color: White;
    display: block;
    text-decoration: none;
    float: right;
}

    .circle_Translate_add:hover {
        color: #287eb6;
        border: 3px solid #287eb6;
        background-color: White;
    }

.circle_Translate_list {
    margin-left: 6px;
    margin-right: 6px;
    color: White;
}

    .circle_Translate_list:hover {
        color: #287eb6;
        background-color: White;
    }

.circle_ISIEdit_add {
    border-radius: 50%;
    width: 45px;
    height: 45px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #A80B0B;
    vertical-align: middle;
    text-align: center;
    border: 3px solid #cccccc;
    color: White;
    display: block;
    text-decoration: none;
    float: right;
}

    .circle_ISIEdit_add:hover {
        color: #A80B0B;
        border: 3px solid #A80B0B;
        background-color: White;
    }

.circle_ISIEdit_list {
    margin-left: 6px;
    margin-right: 6px;
    color: White;
}

    .circle_ISIEdit_list:hover {
        color: #A80B0B;
        background-color: White;
    }

.circle_Translate {
    border-radius: 50%;
    width: 90px;
    height: 90px;
    margin-right: 40%;
    vertical-align: middle;
    background-color: #287eb6;
    text-align: center;
    border: 5px solid #cccccc;
    color: White;
    display: block;
    text-decoration: none;
}

    .circle_Translate:hover {
        color: #287eb6;
        border: 5px solid #287eb6;
        background-color: White;
        text-decoration: none;
    }

.circle_Download {
    border-radius: 50%;
    width: 90px;
    height: 90px;
    margin-right: 40%;
    vertical-align: middle;
    background-color: #397D02;
    text-align: center;
    border: 5px solid #cccccc;
    color: White;
    display: block;
    text-decoration: none;
}

    .circle_Download:hover {
        color: #397D02;
        border: 5px solid #397D02;
        background-color: White;
        text-decoration: none;
    }

.circle_ISI_Edit {
    border-radius: 50%;
    width: 90px;
    height: 90px;
    margin-right: 40%;
    text-align: center;
    vertical-align: middle;
    border: 5px solid #cccccc;
    color: White;
    background-color: #A80B0B;
    display: block;
    text-decoration: none;
}

    .circle_ISI_Edit:hover {
        color: #A80B0B;
        border: 5px solid #A80B0B;
        background-color: White;
        text-decoration: none;
    }

.HomeH1 {
    color: #a80b0b;
    font-size: 22px;

}

.HomeH2 {
    color: maroon;
    font-size: 17px;
}

.circle_Green {
    border-radius: 50%;
    width: 22px;
    height: 22px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #59b329;
    vertical-align: middle;
    text-align: center;
    border: 1px solid green;
    color: White;
    display: block;
    text-decoration: none;
    float: right;
}

.circle_Blue {
    border-radius: 50%;
    width: 22px;
    height: 22px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #2c87b9;
    vertical-align: middle;
    text-align: center;
    border: 1px solid blue;
    color: White;
    display: block;
    text-decoration: none;
    float: right;
}

.circle_Yellow {
    border-radius: 50%;
    width: 22px;
    height: 22px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: Yellow;
    vertical-align: middle;
    text-align: center;
    border: 1px solid orange;
    color: White;
    display: block;
    text-decoration: none;
    float: right;
}

.circle_Red {
    border-radius: 50%;
    width: 22px;
    height: 22px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: Red;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #a80b0b;
    color: White;
    display: block;
    text-decoration: none;
    float: right;
}

.circle_orange {
    border-radius: 50%;
    width: 22px;
    height: 22px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: Orange;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #a80b0b;
    color: White;
    display: block;
    text-decoration: none;
    float: right;
}

.img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 3px;
    border: 2px solid green;
    padding: 10px 10px 10px 10px;
}

.grid {
    width: 95%;
    text-align: right;
    font-family: Tahoma;
    direction: rtl;
    font-size: 12px;
    margin-left: 1px;
    margin-right: 12px;
    box-shadow: 0 0 8px 1px #cccccc;
    border: 1px solid #cccccc;
    margin-top: 30px;
    margin-bottom: 15px;
}

    .grid td, .grid th {
        border: 1px solid #cccccc;
    }

.gridheader {
    -webkit-border-radius: 10;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 10;
    background-image: -webkit-linear-gradient(top, #B0E0E6, #B0E0E6);
    background-image: -moz-linear-gradient(top, #B0E0E6, #B0E0E6);
    background-image: -ms-linear-gradient(top, #B0E0E6, #B0E0E6);
    background-image: -o-linear-gradient(top, #B0E0E6, #B0E0E6);
    text-align: center;
    height: 40px;
    color: #323232;
}

.gridfooter {
    -webkit-border-radius: 10;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 10;
    background-image: -webkit-linear-gradient(top, #B0E0E6, #B0E0E6);
    background-image: -moz-linear-gradient(top, #B0E0E6, #B0E0E6);
    background-image: -ms-linear-gradient(top, #B0E0E6, #B0E0E6);
    background-image: -o-linear-gradient(top, #B0E0E6, #B0E0E6);
    height: 30px;
    color: Black;
    font-family: Tahoma;
}

    .gridfooter a {
        text-decoration: none;
    }

.grid_Column_max_with {
    text-align: right;
    overflow: scroll;
    width: 120px;
}

.grid_Column_min_with {
    text-align: center;
    width: 17%;
}

.grid_Column_so_min_with {
    text-align: center;
    width: 5%;
}

.ui-dialog button.custom {
    border: 1px solid #25729a;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-size: 14px;
    font-family: tahoma, arial, helvetica, sans-serif;
    padding: 2px 2px 2px 3px;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #FFFFFF;
    background-color: #3093c7;
    background-image: linear-gradient(to bottom, #3093c7, #1c5a85);
}

    .ui-dialog button.custom:hover {
        cursor: pointer;
        border: 1px solid #1c5675;
        background-color: #26759e;
        background-image: linear-gradient(to bottom, #26759e, #133d5b);
    }

.ico-mglass {
    position: relative;
    display: inline-block;
    background: #478af8;
    border-radius: 30px;
    height: 7px;
    width: 7px;
    border: 2px solid #fff;
    margin-top: 5px;
}

    .ico-mglass:after {
        content: "";
        height: 2.4px;
        width: 9px;
        background: #fff;
        position: absolute;
        top: 9px;
        left: 5px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }

.searchtextinput:focus {
    box-shadow: inset 0 0 5px 1px #ccc;
}

.searchtextinput {
    border-top: 1px solid #b0b0b0;
    border-right: 1px solid #b0b0b0;
    border-bottom: 1px solid #b0b0b0;
    border-left: 1px solid #478af8;
    float: right;
    height: 50px;
    margin: 4px 0 0 0;
    outline: 0;
    padding: .4em .6em .4em 0;
    
    font-family: Tahoma;
    font-size: 16px;
}

.buttonholder {
    
    cursor: pointer;
    float: right;
    height: 50px;
    margin: 4px 0 0 0;
    text-align: center;
    width: 50px;
    font-size: 16px;
    border-radius: 1px 0px 0px 1px;
    font-family: Tahoma;
    padding-top:15px;
    background-color:#397D02 !important;
    border-color:#397D02 !important;
    color:white !important;
}

.buttonSearch {
    background-color: #478af8;
    border: 1px solid #305fbd;
    cursor: pointer;
    float: right;
    padding: 2px;
    text-align: center;
    width: 130px;
    color: White;
    font-size: 14px;
    border-radius: 10px 10px 10px 10px;
    font-family: Tahoma;
    cursor: pointer;
}

.searchimg {
    margin: 4px;
    width: 20px;
}

.div_SearchHolder {
    border: 1px solid red;
}

.temp {
    text-align: left;
}

.sewlistcontainer {
    background: white;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    min-width: 180px;
    font-family: Tahoma;
    font-size: 11px;
    text-align: right;
    width: 200px;
}

.sewlist {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sewlistitem {
    display: block;
    padding: 5px 10px;
    border-bottom: 1px solid #DDD;
}


.sewlistitem_ {
    color: White;
    display: block;
    padding: 5px 10px;
    background-color: #4183c4;
}

.sewlistitem.selected {
    color: white;
    background: #4183C4;
    text-decoration: none;
    display: block;
    padding: 5px 10px;
    background-color: #4183c4;
}

.pager {
    margin: 3px;
    color: #323232;
    text-decoration: none;
}

    .pager:hover {
        margin: 3px;
        color: #a80b3f;
        text-decoration: none;
    }

.IconCss {
    margin-left: 2px;
}

.NumbertextBoxes {
    font-size: 12px;
    font-family: Tahoma;
    direction: ltr;
    width: 200px;
    height: 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 3px;
    border: 1px solid gray;
}

.NumbertextBoxesCenter {
    font-size: 12px;
    font-family: Tahoma;
    direction: ltr;
    text-align: center;
    height: 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 3px;
    border: 1px solid gray;
}

.failureNotification {
    font-size: 13px;
    color: Red;
    margin-right: 10px;
}

.login_label {
    color: black;
    font-weight: bold;
    font-size: 12px;
}

.loginTD {
    color: Green;
    background-color: #cdcdcd;
    font-size: 12px;
    font-weight: bold;
    font-family: Tahoma;
}

.UserLogin {
    direction: rtl;
    text-align: right;
    margin-top: 5px;
}

.sitetitle {
    color: #a80b0b;
    text-decoration: none;
}

    .sitetitle:hover {
        color: #a80b0b;
        text-decoration: none;
    }

.Payimg {
    border-radius: 5px 5px 5px 5px;
    margin-bottom: -10px;
    margin-right: 10px;
    border: 1px solid #ab7376;
}

.Buttoncancel {
    background-color: #d9534f;
    border-radius: 10px 10px 10px 10px;
    height: 30px;
    text-align: center;
    color: White;
    font-family: Tahoma;
    font-size: 12px;
    border: 1px solid #d43f3a;
}

    .Buttoncancel:hover {
        background-color: #c9302c;
        cursor: pointer;
        border: 1px solid #ac2925;
    }

.ButtonGreen {
    border: 1px solid #34740e;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-size: 13px;
    font-family: Tahoma,arial, helvetica, sans-serif;
    padding: 8px 3px 8px 3px;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #FFFFFF;
    background-color: #4ba614;
    background-image: linear-gradient(to bottom, #4ba614, #008c00);
}

    .ButtonGreen:hover {
        border: 1px solid #224b09;
        background-color: #36780f;
        cursor: pointer;
        background-image: linear-gradient(to bottom, #36780f, #005900);
    }

.CssButtonGreen2 {
    background-color: #59b329;
    border-radius: 10px 10px 10px 10px;
    height: 30px;
    text-align: center;
    color: White;
    text-decoration: none;
    font-family: Tahoma;
    font-size: 13px;
    border: 1px solid #59b329;
}

    .CssButtonGreen2:hover {
        text-decoration: none;
        background-color: #2dab2e;
        cursor: pointer;
        border: 1px solid #2dab2e;
    }

.CssButtonGreen {
    background-color: #5cb85c;
    border-radius: 10px 10px 10px 10px;
    height: 30px;
    text-align: center;
    color: White;
    text-decoration: none;
    font-family: Tahoma;
    font-size: 12px;
    border: 1px solid #4cae4c;
}

    .CssButtonGreen:hover {
        text-decoration: none;
        background-color: #449d44;
        cursor: pointer;
        border: 1px solid #398439;
    }

.triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 100px 200px 100px;
    border-color: transparent transparent #007bff transparent;
}

.CssCircl {
    border-radius: 20px 20px 20px 20px;
    width: 23px;
    height: 23px;
    display: block;
    text-align: center;
    float: left;
    background-color: White;
    color: #ab0909;
    font-weight: bold;
    font-family: Yekan, sans-serif;
    font-size: 15px;
            -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
}

.shoppingCartLink {
    width: 111px;
    height: 28px;
    background-color: #009bd9;
    display: block;
    border-radius: 10px 10px 10px 10px;
    color: White;
    font-size: 13px;
    font-family: Tahoma;
    text-decoration: none;
    padding-right: 10px;
    padding-left: 5px;
    padding-top: 3px;
    margin-top: 10px;
}

    .shoppingCartLink:hover {
        text-decoration: none;
        color: orange;
    }

.Label_body {
    padding-right: 35px;
    padding-left: 20px;
}

.Curved_DIV2 {
    box-shadow: 0 0 8px 1px #cccccc;
    border: solid 1px #cccccc;
    text-align: justify;
    direction: rtl;
    background-color: #f7f7f7;
    font-family: Tahoma;
    margin-bottom: 20px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px;
    border-radius: 20px 20px 20px 20px;
    padding: 5px;
    height: 100%;
    overflow: auto;
    width: 94%;
    font-size: 11px;
    color: Black;
    line-height: 200%;
    font-size: 13px;
    padding: 10px;
}

.Curved_DIV {
    box-shadow: 0 0 8px 1px #cccccc;
    border: solid 1px #cccccc;
    text-align: justify;
    direction: rtl;
    background-color: #f7f7f7;
    font-family: Tahoma;
    margin-bottom: 20px;
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 20px 20px 20px 20px;
    padding: 5px;
    height: 100%;
    overflow: auto;
    width: 96%;
    margin-top: 10px;
    font-size: 11px;
    color: Black;
}

    .Curved_DIV a {
        color: #c10b3b;
        text-decoration: none;
    }

        .Curved_DIV a:hover {
            color: #09F;
            text-decoration: underline;
        }

.DivRightLabel {
    text-align: right;
    float: right;
    width: auto;
    font-family: yekan, sans-serif;
    direction: rtl;
    padding: 0 2px 0 2px;
    font-size: 13px;
    color: black;
            -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
}

.DivLeftLabel {
    text-align: left;
    float: right;
    width: auto;
    font-family: Tahoma;
    direction: rtl;
    font-weight: bold;
    padding: 0 2px 0 2px;
    color: green;
    font-size: 12px;
}

.DivTcSeperator {
    border: 1px solid green;
    margin: 25px;
}

.DivTcSeperator2 {
    border: 1px solid green;
    margin: 5px;
}

.MaroonLanel {
    color: #a80b0b;
    font-size: 16px;
    font-weight: bold;
}

.BlackLabel {
    color: black;
    font-size: 16px;
    margin-left: 5px;
    margin-right: 5px;
}

.GreenLabel {
    color: green;
    font-size: 16px;
    margin-left: 5px;
    margin-right: 5px;
}

.cssButtonBlue {
    border: 1px solid #25729a;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-size: 13px;
    font-family: tahoma, arial, helvetica, sans-serif;
    padding: 10px 3px 9px 3px;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #FFFFFF;
    background-color: #3093c7;
    background-image: linear-gradient(to bottom, #3093c7, #1c5a85);
    margin-left: 10px;
}

    .cssButtonBlue:hover {
        cursor: pointer;
        border: 1px solid #1c5675;
        background-color: #26759e;
        background-image: linear-gradient(to bottom, #26759e, #133d5b);
    }

.cssButtonBlue3 {
    border: 1px solid #25729a;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-size: 13px;
    font-family: tahoma, arial, helvetica, sans-serif;
    padding: 3px;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #FFFFFF;
    background-color: #3093c7;
    background-image: linear-gradient(to bottom, #3093c7, #1c5a85);
}

    .cssButtonBlue3:hover {
        cursor: pointer;
        border: 1px solid #1c5675;
        background-color: #26759e;
        background-image: linear-gradient(to bottom, #26759e, #133d5b);
    }

.cssButtonBlue2 {
    background-color: #20aae5;
    border-radius: 10px 10px 10px 10px;
    height: 30px;
    text-align: center;
    color: White;
    font-family: Tahoma;
    font-size: 13px;
    border: 1px solid #20aae5;
}

    .cssButtonBlue2:hover {
        background-color: #009bd9;
        cursor: pointer;
    }

.cssButtonFreeDownload {
    -moz-box-shadow: 3px 4px 0px 0px #899599;
    -webkit-box-shadow: 3px 4px 3px 3px #899599;
    box-shadow: 3px 4px 0px 0px #899599;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #bab1ba));
    background: -moz-linear-gradient(top, #ededed 5%, #bab1ba 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #bab1ba 100%);
    background: -o-linear-gradient(top, #ededed 5%, #bab1ba 100%);
    background: -ms-linear-gradient(top, #ededed 5%, #bab1ba 100%);
    background: linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#bab1ba',GradientType=0);
    background-color: #ededed;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid gray;
    cursor: pointer;
    color: Green;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #e1e2ed;
    line-height: 110%;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
}

    .cssButtonFreeDownload:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bab1ba), color-stop(1, #ededed));
        background: -moz-linear-gradient(top, #bab1ba 5%, #ededed 100%);
        background: -webkit-linear-gradient(top, #bab1ba 5%, #ededed 100%);
        background: -o-linear-gradient(top, #bab1ba 5%, #ededed 100%);
        background: -ms-linear-gradient(top, #bab1ba 5%, #ededed 100%);
        background: linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bab1ba', endColorstr='#ededed',GradientType=0);
        background-color: #bab1ba;
        text-decoration: none;
    }

.Div_TitleButton {
    text-align: right;
    white-space: normal;
    overflow: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.Div_TitleRtl {
    text-align: right;
    white-space: normal;
    width: auto;
    padding: 0 5px;
    margin: 3px;
    border-radius: 12px 12px 12px 12px;
}

.Div_TitleLtr {
    text-align: left;
    direction: ltr;
    vertical-align: top; /*or middle*/
    white-space: normal;
    width: auto;
    padding: 0 5px;
    margin: 3px;
    height: auto;
    border-radius: 12px 12px 12px 12px;
    font-family: Tahoma;
}

.DivLinkLabelRtl {
    width: auto;
    float: right;
    direction: rtl;
    margin: 5px 5px 0px 0px;
}

.DivLabelRtl {
    width: auto;
    float: right;
    direction: rtl;
    margin: 5px 5px 0px 0px;
    font-style: italic;
}

.DivLinkLabelLtr {
    width: auto;
    float: left;
    direction: ltr;
    margin: 5px 5px 0px 0px;
}

.DivLabelLtr {
    width: auto;
    float: left;
    direction: ltr;
    margin: 5px 5px 0px 0px;
    font-style: italic;
}

.Div_h {
    border-bottom: 1px solid #f68b1e;
    text-align: right;
    vertical-align: top; /*or middle*/
    white-space: normal;
    width: auto;
    padding: 0 5px;

}

.Div_hLtr {
    border-bottom: 1px solid #f68b1e;
    border-left: 10px solid #f68b1e;
    text-align: left;
    direction: ltr;
    vertical-align: top; /*or middle*/
    white-space: normal;
    width: auto;
    padding: 0 5px;
    border-radius: 12px 12px 12px 12px;
    line-height:200%;
}

.Div_Body_containerRtl {
    line-height: 1.5em;
    text-align: right;
   
    margin: 10px;
    padding: 10px;
    overflow: auto;
   
    border: solid 1px #dddddd;
}

.Div_Body_containerLtr {
    line-height: 1.5em;
    text-align: left;
 
    margin: 10px;
    padding: 10px;
    overflow: auto;
   
    border: solid 1px #dddddd;
}

.pageH1 {
    text-align: justify;
    direction: rtl;
    font-family: Yekan, sans-serif;
    font-size: 20px;
    color: Black;
    padding-right: 0px;    line-height: 200%;
    /*  border-bottom:1px solid #a80b0b;*/
}

.pageH2 {
    text-align: justify;
    direction: rtl;
    font-family: yekan, sans-serif;
    font-size: 19px;
    color: orangered;
    padding-right: 5px;
    border-bottom: 1px solid #e98957;
    padding-bottom: 2px;
        -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
}

.MenuH4 {
    color: #c13100;
    font-size: 14px;
    border-bottom: 1px solid #c13100;
    padding-bottom: 2px;
}

.Field_links {
    font-family: yekan, sans-serif;
    color: Navy;
    font-size: 15.5px;
    text-decoration: none;
            -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
}

    .Field_links:Hover {
        color: #09F;
        text-decoration: none;
    }

.login_links {
    font-family: Tahoma;
    color: Navy;
    font-size: 13.5px;
    text-decoration: none;
}

    .login_links:Hover {
        color: #09F;
        text-decoration: none;
    }

.Profile_links {
    font-family: yekan, sans-serif;
    color: Navy;
    font-size: 16px;
    text-decoration: none;
            -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
}

    .Profile_links:Hover {
        color: maroon;
        text-decoration: none;
    }

.login_linksLg {
    font-family: yekan, sans-serif;
    color: Navy;
    font-size: 16px;
    text-decoration: none;
            -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
}

    .login_linksLg:Hover {
        font-family: yekan, sans-serif;
        color: #09F;
        font-size: 16px;
        text-decoration: none;
                -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
    }

.linksBody {
    font-family: Tahoma;
    color: Navy;
    font-size: 13px;
    text-decoration: none;
}

    .linksBody:Hover {
        font-family: Tahoma;
        color: #09F;
        text-decoration: none;
    }

.linksBodyLg {
    font-family: yekan, sans-serif;
    color: maroon;
    font-size: 16px;
    text-decoration: none;
            -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
}

    .linksBodyLg:Hover {
        font-family: yekan, sans-serif;
        color: #09F;
        font-size: 16px;
        text-decoration: none;
                -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
    }

.linksBodyLg2 {
    font-family: yekan, sans-serif;
    color: #09F;
    font-size: 16px;
    text-decoration: none;
            -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
}

    .linksBodyLg2:Hover {
        font-family: yekan, sans-serif;
        color: maroon;
        font-size: 16px;
        text-decoration: none;
                -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
    }

.links2 {
    font-family: Tahoma;
    color: Blue;
    font-size: 12px;
    text-decoration: none;
}

    .links2:Hover {
        font-family: Tahoma;
        color: #09F;
        font-size: 12px;
        text-decoration: none;
    }

.Ftc_links {
    font-family: yekan, sans-serif;
    color: Navy;
    font-size: 15.5px;
    text-decoration: none;
    direction: rtl;
            -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
}

    .Ftc_links:Hover {
        color: #09F;
        text-decoration: none;
        border-bottom: 1px solid #f68b1e;
        padding-bottom: 2px;
    }

.red_links {
    font-family: Tahoma;
    color: Black;
    font-size: 12px;
    text-decoration: none;
}

    .red_links:Hover {
        font-family: Tahoma;
        color: #a80b0b;
        font-size: 12px;
        text-decoration: none;
    }

.greed_links {
    font-family: Tahoma;
    color: #323232;
    font-size: 12px;
    text-decoration: none;
}

    .greed_links:Hover {
        font-family: Tahoma;
        color: Green;
        text-decoration: none;
    }

.header_links {
    font-family: Tahoma;
    color: Black;
    font-size: 13px;
    text-decoration: none;
}

    .header_links:Hover {
        font-family: Tahoma;
        color: Green;
        font-size: 13px;
        text-decoration: none;
    }

.green_links {
    font-family: yekan, sans-serif;
    color: Green;
    font-size: 15.5px;
    text-decoration: none;
    font-weight: bold;
            -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
}

    .green_links:Hover {
        color: Blue;
        text-decoration: none;
    }

.viewCount {
    color: Green;
    font-family: yekan, sans-serif;
    font-size: 18px;
            -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
}

.DivLinkDataList {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

    .DivLinkDataList:Hover {
        background-color: #f5f5f5;
        border-right: 4px solid #f68b1e;
    }

.DataListStaticPage {
    text-align: right;
    float: right;
    direction: rtl;
    margin-right: 20px;
}

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

.DivLink {
    padding: 5px;
    margin-bottom: 5px;
}

    .DivLink:Hover {
        border-radius: 12px 12px 12px 12px;
        box-shadow: 0 0 8px 2px #cccccc;
    }

.DivLinkGray5 {
    padding: 5px;
    margin-bottom: 5px;
}

    .DivLinkGray5:Hover {
        background-color: #f5f5f5;
        border-right: 2px solid #f68b1e;
    }

.DivLinkGray7 {
    padding: 5px;
    margin-bottom: 5px;
    direction: rtl;
    text-align: right;
}

    .DivLinkGray7:Hover {
        background-color: #f7f7f7;
        border-right: 2px solid #f68b1e;
    }

.DivLinkShort {
    padding: 5px;
    margin: 10px;
    float: right;
    direction: rtl;
}

    .DivLinkShort:Hover {
        border-radius: 12px 12px 12px 12px;
        box-shadow: 0 0 8px 2px #cccccc;
    }

.Div_body_row {
    height: 100%;
    overflow: auto;
    margin: 5px;
}

.Div_body_row3 {
    height: 100%;
    overflow: auto;
    margin-bottom: 5px;
    margin-top: 5px;
}

.Div_body_row2 {
    height: 100%;
    overflow: auto;
    margin: 1px;
}

.DivItemContainerLabel {
    float: right;
    width: 120px;
    font-family: Tahoma;
    font-size: 13px;
    direction: rtl;
}

.DivItemContainerLabelMini {
    float: right;
    width: 80px;
    font-family: Tahoma;
    font-size: 13px;
    direction: rtl;
}

.DivItemContainerLabeRight {
    float: right;
    color: Navy;
    font-family: Tahoma;
    font-size: 12px;
    direction: rtl;
}

.DivItemContainerBox {
    float: right;
    width: 250px;
    font-family: Tahoma;
    font-size: 14px;
    direction: rtl;
}

.DivItemContainerBoxMini {
    float: right;
    width: 220px;
    font-family: Tahoma;
    font-size: 14px;
    direction: rtl;
    margin-top: 2px;
}

.DivItemContainerValidator {
    float: right;
    width: 200px;
    color: #bb0000;
    font-family: Tahoma;
    font-size: 14px;
    direction: rtl;
    height: 100%;
    overflow: auto;
}

.TextBoxes {
    font-size: 12px;
    font-family: Tahoma;
    direction: rtl;
    width: 200px;
    height: 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 3px;
    margin-top: 3px;
    border: 1px solid gray;
}

    .TextBoxes:focus {
        border: 1px solid orange;
        color: Blue;
    }

.Login_TextBoxes {
    font-size: 12px;
    font-family: Tahoma;
    direction: rtl;
    width: 200px;
    height: 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 3px;
    margin-top: 3px;
    border: 1px solid gray;
    text-align: center;
}

    .Login_TextBoxes:focus {
        border: 1px solid orange;
        color: Blue;
    }

.redstar {
    color: Red;
    font-size: 14px;
    font-family: Tahoma;
}

.LinkBTN {
    font-family: Tahoma;
    font-size: 12px;
    color: Navy;
    text-decoration: none;
}

    .LinkBTN:hover {
        color: Maroon;
        text-decoration: none;
    }

.DropDown {
    font-size: 12px;
    width: 200px;
    font-family: Tahoma;
    height: 20px;
    border: 1px solid gray;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .DropDown:focus {
        border: 1px solid orange;
        color: Blue;
    }

.MiniDropDown {
    font-size: 12px;
    width: 180px;
    font-family: Tahoma;
    height: 25px;
    border: 1px solid gray;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
}

    .MiniDropDown:focus {
        border: 1px solid orange;
        color: Blue;
    }

.DropDownFloat {
    font-size: 12px;
    font-family: Tahoma;
    height: 20px;
    border: 1px solid gray;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 1px;
}

    .DropDownFloat:focus {
        border: 1px solid orange;
        color: Blue;
    }

.BTN {
    background-color: #caffca;
    border: solid 2px #507CD1;
    color: #284E98;
    font-family: Tahoma;
    font-size: 100%;
    height: 25px;
}

    .BTN:Hover {
        border-color: Blue;
        color: blue;
        background-color: #A9BDD8;
    }

.descriptionBoxSimple {
    font-size: 16px;
    font-family: yekan, sans-serif;
    line-height: 240%;
    color: black;
    padding: 10px;
    text-align: justify;
    direction: rtl;
            -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
}

.descriptionBoxSimpleCenter {
    font-size: 16px;
    font-family: yekan, sans-serif;
    line-height: 240%;
    color: black;
    padding: 10px;
    text-align: center;
    direction: rtl;
            -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
}

.descriptionBox {
    height: 100%;
    font-size: 16px;
    line-height: 240%;
    font-family: yekan, sans-serif;
    color: black;
    margin: 10px 10px 10px 10px;
    border-radius: 12px 12px 12px 12px;
    margin-bottom: 3px;
    height: 100%;
    text-align: center;
    direction: rtl;
    box-shadow: 0 0 8px 2px #cccccc;
    border: solid 1px #cccccc;
    padding: 10px 10px 10px 10px;
            -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
}

.descriptionBoxjustify {
    height: 100%;
    font-size: 16px;
    line-height: 240%;
    font-family: yekan, sans-serif;
    color: black;
    margin: 10px 10px 10px 10px;
    margin-bottom: 3px;
    height: 100%;
    text-align: justify;
    direction: rtl;
    border: solid 1px #cccccc;
    padding: 10px 10px 10px 10px;
            -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
}

.descriptionBoxOrange {
    height: 100%;
    overflow: auto;
    font-size: 14px;
    font-family: Tahoma;
    color: black;
    margin: 10px 10px 10px 10px;
    border-radius: 12px 12px 12px 12px;
    margin-bottom: 3px;
    height: 100%;
    text-align: center;
    direction: rtl;
    overflow: auto;
    line-height: 200%;
    border: solid 2px #f68b1e;
    padding: 10px 10px 10px 10px;
}

.Box {
    border-radius: 12px 12px 12px 12px;
    margin-top: 10px;
    margin-right: 10px;
    box-shadow: 0 0 8px 2px #cccccc;
    border: solid 1px #cccccc;
}

.FieldTCDiv {
    width: 575;
    height: 100%;
    overflow: auto;
    margin-right: 10px;
    box-shadow: 0 0 8px 1px #cccccc;
    border: 1px solid #cccccc;
    border-radius: 12px 12px 12px 12px;
}

.Div_new_row {
    height: 100%;
    overflow: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}
/* menu and Template   menu and Template   menu and Template   menu and Template  */
body {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #f5f5f5;
    color: #5f5f5f;
    font: normal 12px/1.8em Arial, Helvetica, sans-serif;
}

.Div_Header {
    height: 75px;
    direction: rtl;
    text-align: right;
    padding-right: 10px;
    color: #a80b0b;
    font-family: Tahoma;
    border-top: 4px solid #228b22;
    font-size: 13px;
}
/*.footer
{
    background: #323232;
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top:4px solid #97c851;
}*/
.footer {
    clear: both;
    float: left;
    width: 100%;
    border-top: 4px solid #97c851;
    background: #323232;
    height: auto;
    padding-bottom: 20px;
}

    .footer p {
        padding: 10px;
        margin: 0;
    }

    .footer a {
        color: #F67435;
        text-decoration: none;
        font-size: 14px;
    }

        .footer a:hover {
            color: White;
            text-decoration: none;
        }

.c1 {
    float: right;
    text-align: right;
    color: White;
    font-size: 14px;
    font-family: Tahoma;
    margin-right: 100px;
    line-height: 200%;
}

#content {
    width: 100%;
    height: auto;
    padding: 0px;
    overflow: hidden;
}

/* column 1 - contains sidebar items */
#column1 {
    width: 19%;
    float: right;
    padding: 16px 0px 15px 0px;
    border: 1px solid #c9c9c9;
    background: #ebebeb;
    border-radius: 10px 0px 20px 20px;
}

#column2 {
    text-align: justify;
    width: 59%;
    float: right;
    padding: 12px 3px 15px 19px;
    text-align: center;
    direction: rtl;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -border-radius: 10 px;
    height: 100%;
    overflow: auto;
}

#column3 {
    width: 16%;
    float: right;
    padding: 16px 0px 15px 0px;
    border: 1px solid #c9c9c9;
    background: #ebebeb;
    border-radius: 0px 10px 20px 20px;
}

/* column container */
.colmask {
    position: relative; /* This fixes the IE7 overflow hidden bug */
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    overflow: hidden; /* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
    float: left;
    width: 100%; /* width of page */
    position: relative;
}

.col1,
.col2,
.col3 {
    float: left;
    position: relative;
    padding: 0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
    overflow: hidden;
}
/* 3 Column settings */
.threecol {
    background: #eee; /* right column background colour */
}

    .threecol .colmid {
        right: 20%; /* width of the right column */
        background: White; /* center column background colour */
        border-right: 1px solid #c9c9c9;
        font-family: Tahoma;
        font-size: 11px;
    }

    .threecol .colleft {
        right: 60%; /* width of the middle column */
        background: #f4f4f4; /* left column background colour */
        border-right: 1px solid #c9c9c9;
    }

    .threecol .col1 {
        width: 58%; /* width of center column content (column width minus padding on either side) */
        left: 101%; /* 100% plus left padding of center column */
    }

    .threecol .col2 {
        width: 18%; /* Width of left column content (column width minus padding on either side) */
        left: 23%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
    }

    .threecol .col3 {
        width: 18%; /* Width of right column content (column width minus padding on either side) */
        left: 85%; /* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
    }

/*menu*/

/* main menu
----------------------------*/
#ddmenu {
    display: block;
    font-family: Tahoma;
    text-align: right; /*Specify the alignment of the whole UL if UL is not width:100%;*/
    letter-spacing: normal;
    direction: rtl;
}

    #ddmenu ul {
        margin: 0 auto;
        padding: 0;
        text-align: center; /* Alignment of each top-level menu items within the UL */
        width: 100%;
        font-size: 0;
        background: #333;
        display: inline-block;
        list-style: none;
        position: relative;
        z-index: 999999990;
        background: rgba(249,249,249,1);
        box-shadow: 0 0 8px 2px #cccccc;
        border: solid 1px #cccccc;
    }

    #ddmenu li {
        margin: 0;
        padding: 0;
        font-size: 12px;
        display: inline-block;
        *display: inline;
        zoom: 1; /*for IE6-7*/
        position: relative;
        color: Black;
        line-height: 46px; /*This determines the height of the menu*/
        transition: background-color 0.2s;
        outline: none;
    }

        #ddmenu li.full-width {
            position: static;
        }

        #ddmenu li.over {
            color: #FFF;
            background-color: #397d02;
        }

            #ddmenu li.over.no-sub {
            }

    #ddmenu .top-heading {
        font-weight: bold;
        white-space: nowrap;
        margin: 0 16px;
        color: inherit;
        text-decoration: none;
        display: inline-block;
        outline: 0;
        cursor: pointer;
        text-align: right;
        direction: rtl;
    }

    /* links of top-heading */
    #ddmenu li a, #ddmenu li a:link, #ddmenu li a:hover {
        color: inherit;
    }

        #ddmenu li a:hover {
            text-decoration: underline;
        }

        #ddmenu li a:focus {
            outline: 1px dotted #09F;
        }

    /* caret(arrow icon) */
    #ddmenu i.caret {
        color: inherit;
        left: -12px;
        width: 0;
        height: 0;
        overflow: hidden; /*for IE6*/
        vertical-align: middle;
        margin-bottom: 2px;
        border-top: 4px solid; /*caret size is 4px now*/
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        display: inline-block;
        position: relative;
    }

    /* sub-menu layout
----------------------------*/

    #ddmenu .dropdown {
        width: auto;
        left: 0px;
        color: #000;
        padding: 0;
        margin: 0;
        display: none;
        position: absolute;
        top: 100%;
        border: 1px solid rgba(255,255,255,0.35);
        border-top: none;
        border-radius: 2px;
        background-color: rgba(0,0,0,0.1);
        background-color: #ccc \9; /*fallback for old IE*/
    }

    #ddmenu li.full-width .dropdown {
        width: 100%;
        padding: 0;
        margin: 0;
        margin-left: -1px; /*Set to 0 if UL has no border*/
    }

    #ddmenu .offset300 {
        left: -300px;
        right: auto;
    }

    #ddmenu .right-aligned {
        left: auto;
        right: 0px;
    }

    #ddmenu li.over .dropdown {
        display: block;
    }

    #ddmenu .dd-inner {
        text-align: center;
        padding: 20px;
        margin: 16px;
        background-color: #FFF;
        white-space: nowrap;
        font-size: 11px;
        line-height: 1.35;
    }

    /* links in sub menu
----------------------------*/

    #ddmenu .dropdown a {
        display: table-row;
        *display: block;
        color: #000;
        line-height: 18px;
        text-decoration: none;
        padding: 0;
    }

        #ddmenu .dropdown a:hover, #ddmenu .dropdown a:focus {
            text-decoration: underline;
            color: #09F;
        }

    /* blocks within the sub-menu
-----------------------------*/
    #ddmenu div.column {
        text-align: right;
        vertical-align: top; /*or middle*/
        display: inline-block;
        *display: inline;
        *zoom: 1;
        white-space: normal;
        width: 90%;
        min-width: 170px;
        padding: 0 30px;
        border-right: 1px solid #999;
    }

    #ddmenu div.dd-inner div:last-child {
        border-right: none;
    }

    #ddmenu div.column h3 {
        font-weight: 500;
        line-height: 1.1;
        margin-top: 12px;
        margin-bottom: 8px;
        font-size: 24px;
    }

    #ddmenu div.column h3 {
        text-transform: uppercase;
    }


#ddmenuLink {
    display: none;
}

/*######## add additional styles for mobile-friendly responsive menu ########*/

#ddmenu div.menu-icon {
    display: none; /* hide menu icon initially */
}



/*styles for mobile*/
@media only screen and (max-width: 480px) {
    #ddmenu li div.column.mayHide {
        display: none;
    }

    /*override the original settings*/
    #ddmenu ul {
        width: 100%;
        display: none;
        border-radius: 0;
        background: rgba(0,153,255,0.6499999999999999);
    }

    #ddmenu li {
        position: relative;
        display: block;
        font-size: 20px;
        text-align: right;
        border-bottom: 1px solid rgba(0,0,0,0.2);
    }

        #ddmenu li.full-width {
            position: relative;
        }

        #ddmenu li .dropdown {
            position: relative;
            *top: auto; /*for IE7*/
            border: none;
            border-radius: 0;
            box-shadow: none;
            text-align: right;
            background-color: #FFF;
        }

    #ddmenu .offset300 {
        left: 0;
    }

    #ddmenu li.full-width div.dropdown {
        width: auto;
    }

    #ddmenu .dd-inner {
        margin: 0;
        background: none;
        text-align: right;
    }

    /*turn each column to list vertically instead of horizontally */
    #ddmenu li div.column {
        width: auto;
        padding: 0;
        border: none;
        display: block;
    }

    /*move the arrow icon to right*/
    #ddmenu i.caret {
        position: absolute;
        left: auto;
        right: 14px;
        top: 20px;
        border-width: 5px;
    }


    /* All the following are for the div.menu-icon (pure CSS) */
    #ddmenu div.menu-icon {
        font-size: 32px; /*icon size*/
        display: block;
        position: relative;
        width: 40px;
        height: 36px;
        text-align: center;
        cursor: pointer;
        -moz-user-select: none;
        -webkit-user-select: none;
        background-color: #eee;
        border-radius: 3px;
        margin-bottom: 6px;
        /*align the icon to the right*/
        margin-left: auto;
        margin-right: 11px;
    }

        #ddmenu div.menu-icon::before {
            content: "";
            position: absolute;
            top: 0.25em;
            left: 4px;
            width: 1em;
            height: 0.125em;
            border-top: 0.375em double #333;
            border-bottom: 0.125em solid #333;
            box-sizing: content-box;
        }

    #ddmenu div.menu-icon-active {
        background-color: #333;
    }

        #ddmenu div.menu-icon-active::before {
            border-color: #eee;
        }
}

.DIV_ROW_odd {
    height: 100%;
    overflow: auto;
    float: right;
    width: 97%;
    text-align: right;
    direction: rtl;
    padding: 3px;
    color: Black;
    border-radius: 12px 12px 12px 12px;
    margin-bottom: 3px;
    height: 100%;
    overflow: auto;
    box-shadow: 0 0 8px 2px #cccccc;
    border: solid 1px #cccccc;
    padding: 5px;
}

.DIV_ROW_even {
    height: 100%;
    overflow: auto;
    float: right;
    width: 97%;
    text-align: right;
    direction: rtl;
    padding: 3px;
    color: Black;
    border-radius: 12px 12px 12px 12px;
    margin-bottom: 3px;
    height: 100%;
    overflow: auto;
    box-shadow: 0 0 8px 2px #cccccc;
    border: solid 1px #cccccc;
    padding: 5px;
}

.DIV_ROW_r {
    font-size: 16px;
    text-align: right;
    direction: rtl;
    margin-bottom: 3px;
    margin-top: 3px;
}

.DIV_ROW_l {
    margin-bottom: 3px;
    margin-top: 3px;
    font-size: 16px;
    text-align: right;
    direction: rtl;
    color: Navy;
}

.MyRtl {
    direction: rtl;
}

.MyRtl2 {
    direction: rtl;
    text-align: right;
}

.DivSideBox {
    border: solid 1px #bbb;
    margin-right: 0%;
    border-radius: 12px 12px 12px 12px;
    height: auto;
    margin-top: 20px;
    font-size: 12px;
    text-align: justify;
    direction: rtl;
}

.DivSideBoxInner {
    padding: 5px;
    color: Black;
}

.DivSideHeader {
    background-color: #d2d2f9;
    border-radius: 11px 11px 0px 0px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    color: Black;
    font-size: 13px;
    background-image: linear-gradient(to bottom, #d2d2f9, #a6a6f2);
}

.TcDescription {
    font-style: italic;
    color: Gray;
}

.Answer {
    font-size: 19px;
     font-family: Yekan, sans-serif;
  color:black;
    line-height: 200%;
    text-align: justify;
}
.SansLabel17 {
    font-size: 17px;
    font-family: Yekan, sans-serif;
 
}.SansLabel18 {
    font-size: 18px;
    font-family: Yekan, sans-serif;
 
}
.SansLabel19 {
    font-size: 19px;
    font-family: Yekan, sans-serif;
 
}
.SansLabel21 {
    font-size: 21px;
    font-family: Yekan, sans-serif;
 
}
.SansLabel22 {
    font-size: 22px;
    font-family: Yekan, sans-serif;
 
}
.SansLabel24 {
    font-size: 24px;
     font-family: Yekan, sans-serif;
 
}
.SansLabel25 {
    font-size: 25px;
     font-family: Yekan, sans-serif;
 
}
.SansLabel26 {
    font-size: 26px;
    font-family: Yekan, sans-serif;
}
.AnswerEn{
    font-size: 19px;
    font-family: 'Times New Roman';
      color:black;
    line-height: 200%;
    text-align: left;
    direction:ltr;
}
.question {
    font-size: 21px;
     font-family: Yekan, sans-serif;
    line-height: 200%;
}

    .question:hover {
        color: forestgreen;
        text-decoration: none;
    }

.questionA {
}

    .questionA:hover {
        text-decoration: none;
    }

.faq {
    border-radius: 0px !important;
}

.faqTitle {
    border-bottom: 2px solid dodgerblue;
    font-size: 25px;
    direction: rtl;
    text-align: right;
    padding-bottom: 5px;
    width: 120px;
}
.blueText{
    color:blue;
}

/* menu and Template   menu and Template   menu and Template   menu and Template  */