﻿
@font-face {
    font-family: 'yekan';
    src: url('Fonts/Yekan/BYekan.eot?-wwn5ej');
    src: url('Fonts/Yekan/BYekan.eot?#iefix-wwn5ej') format('embedded-opentype'), url('Fonts/Yekan/BYekan.woff?-wwn5ej') format('woff'), url('Fonts/Yekan/BYekan.ttf?-wwn5ej') format('truetype'), url('Fonts/Yekan/BYekan.svg?-wwn5ej#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'adobearabic';
    src: url('Fonts/AdobeArabic/AdobeArabic.eot?-wwn5ej');
    src: url('Fonts/AdobeArabic/AdobeArabic.eot?#iefix-wwn5ej') format('embedded-opentype'), url('Fonts/AdobeArabic/AdobeArabic.woff?-wwn5ej') format('woff'), url('Fonts/AdobeArabic/AdobeArabic.ttf?-wwn5ej') format('truetype'), url('Fonts/AdobeArabic/AdobeArabic.svg?-wwn5ej#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'yekaneng';
    src: url(Fonts/YekanEng/web_Yekan.woff);
    src: url(Fonts/YekanEng/web_Yekan.eot?#iefix) format("embedded-opentype"),url(Fonts/YekanEng/web_Yekan.woff) format("woff"),url(Fonts/YekanEng/web_Yekan.ttf) format("truetype"),url(Fonts/YekanEng/web_Yekan.svg#BYekan) format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nazanin';
    src: url('Fonts/Nazanin/IRNazanin.eot');
    src: url('Fonts/Nazanin/IRNazanin.eot?#iefix') format('embedded-opentype'), url('Fonts/Nazanin/IRNazanin.woff') format('woff'), url('Fonts/Nazanin/IRNazanin.ttf') format('truetype')
}





/* pagers */
#DIV_Pager{float:left; direction:ltr}

.pageDivision_link_nonselect {
    color: #5A5A5A;
    font-family: 'Yekan';
    font-size: 16px;
    line-height: 30px;
    text-decoration: none;
    color: #ffffff;
}

    .pageDivision_link_nonselect:hover {
        color: #5A5A5A;
        font-family: 'Yekan';
        font-size: 16px;
        line-height: 30px;
        text-decoration: none;
        color: #000000;
    }

.pageDivision_link_Select {
    color: #5A5A5A;
    font-family: 'Yekan';
    font-size: 16px;
    line-height:30px;
    text-decoration: none;
    color: White;
}

.pageDivision_table {
    width: 30px;
    height: 30px;
    margin-right: 2px;
    margin-left: 2px;
    background-color: #cccccc;
    border-radius: 5px;
    border: 1px solid #dadada;
    float: left;
    text-align:center
}

.pageDivision_table_selected {
    width: 30px;
    height: 30px;
    margin-right: 2px;
    margin-left: 2px;
    background-color: #07abef;
    border-radius: 5px;
    float: left;
    text-align: center
}


/* Ranking */
.portalratecoverbox {
    clear: both;
    width: 200px;
    padding: 5px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 9999
}

.portalratecoverbox .index {
    float: left;
    background-color: #606060;
    color: white;
    height: 25px;
    width: 20px;
    text-align: center;
    margin-left: -5px;
    margin-right: 5px
}

.portalratecoverbox .text {
    padding-left: 5px;
    width: 100%;
    margin-bottom: 2px;
    height: 25px;
    color: white;
    font: 12px/22px tahoma;
}





/* Form Module */
.formlogin-module {
  position: relative;
  background: #ffffff;
  width: 100%;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
}

.formlogin-module .toggle {
  cursor: pointer;
  position: absolute;
  top: -0;
  right: -0;
  background: #33b5e5;
  width: 150px;
  height: 30px;
  margin: -5px 0 0;
  color: #ffffff;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
}

.formlogin-module .toggle .tooltip {
  position:absolute;
  top:5px;
  right:-65px;
  display:block;
  background:rgba(0, 0, 0, 0.6);
  width: auto;
  padding: 5px;
  font-size: 10px;
  line-height: 1;
  text-transformlogin: uppercase;
}
.formlogin-module .toggle .tooltip:before {
  content: '';
  position: absolute;
  top: 5px;
  left: -5px;
  display: block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid rgba(0, 0, 0, 0.6);
}
.formlogin-module .formlogin {
  display: block;
  padding: 40px;
}

.formlogin-module h2 {
  margin: 0 0 20px;
  color: #33b5e5;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}
.formlogin-module input {
  outline: none;
  display: block;
  width: 100%;
  border: 1px solid #d9d9d9;
  margin: 0 0 20px;
  padding: 10px 15px;
  box-sizing: border-box;
  font-wieght: 400;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.formlogin-module input:focus {
  border: 1px solid #33b5e5;
  color: #333333;
}
.formlogin-module input[type=submit] {
  cursor: pointer;
  background: #33b5e5;
  width: 100%;
  border: 0;
  padding: 10px 15px;
  color: #ffffff;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  font:15px 'Yekan'
}
.formlogin-module input[type=submit]:hover {
  background: #178ab4;
}
.formlogin-module .cta {
  background: #f2f2f2;
  width: 100%;
  padding: 15px 40px;
  box-sizing: border-box;
  color: #666666;
  font-size: 14px;
  text-align: center;
  font-family:'Yekan'
}
.formlogin-module .cta a {
  color: #333333;
  text-decoration: none;
}


.rashinoffscreen {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

/*.no-padding{padding:0px !important; margin:0px !important}
    .no-padding-top{padding-top:0px !important}*/
    /*--------------------------------------------------UserComments-------------------------------------------------- */
    .rcommentsreplaymessages {
        display: none;
        padding: 14px;
        margin: 10px 0 10px 0;
        text-align: justify;
        direction: rtl
    }

    .rcommentsreplaymessages img {
        float: left;
        cursor: pointer
    }
    .rcommentsreplaymessages .message {
        margin-top: 4px;
        width: 100%
    }
.rcommentsclearfix {
    clear: both;
    height: 2px
}

.rcommentsclearfix8 {
    clear: both;
    height: 2px
}
.rcommentsclearfix14 {
    clear: both;
    height: 14px
}
.rcommentsvalidations {
    text-align: right;
    font: 12px 'Yekan';
    width: 100%
}

    .rcommentsvalidations .rcommentsvalidationsfield {
        display: inline-block;
        color: #CC0000;
        width: 100%;
        display: none;
    }

.rcommentsmarginbottom {
    margin-bottom: 8px
}

.rcommentstbx {
    color: #000000;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    width:100%; 
    height:32px
}

.rcommentstbxmsg {
    color: #000000;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    width: 100%;
    height: 170px !important
}

.rcommentspullright{float:right}
.rcommentspullleft{float: left}
.rcommentsborder {
    border: 1px solid #d9d9d9;
    width:110px;
    height:35px;
}

.rcommentsreloadiconcaptcha {
    float: right;
    padding: 5px 2px 0 0
}

.rcommentsinputsecurecode {
    float: right;
    margin-right: 5px
}
    .rcommentsinputsecurecode .securecode {
        width: 100px;
        height: 38px;
        text-align: center;
        font-weight: bold;
        font-family: Tahoma;
        letter-spacing: 5px;
        color: green;
        border: 1px solid #d9d9d9
    }
.rcommentscontactsinfo {
    padding: 3px;
    margin: 7px 0 7px 0
}

.rcommentscontactsinfo .panelorginal {
        width: 100%;
        margin: 5px 0 5px 0;
        direction: rtl;
        text-align: justify
    }
.rcommentscontactsinfo .panelorginal .btnreplys {
        margin-left: 5px;
        margin-top: 7px
    }

.rcommentscontactsinfo .panelorginal .btnreplys .divreplyto {
            float: left;
            width: 24px;
            margin: 2px
}

    .rcommentscontactsinfo .panelorginal .btnreplys .divreplyto img {
        cursor: pointer;
        margin-top: -10px
    }

    .rcommentscontactsinfo .panelorginal .btnreplys .inlikes {
        float: left;
        width: 67px;
        background: url(/imgs/icon-commant-positivecover.gif) no-repeat top left
    }

        .rcommentscontactsinfo .panelorginal .btnreplys .inlikes img {
            cursor: pointer;
            margin-top: -8px
        }

        .rcommentscontactsinfo .panelorginal .btnreplys .inlikes span {
            float: left;
            margin-left: 17px
        }

    .rcommentscontactsinfo .panelorginal .btnreplys .unlikes {
        float: left;
        width: 90px;
        background: url(/imgs/icon-commant-negativecover.gif) no-repeat top right
    }

        .rcommentscontactsinfo .panelorginal .btnreplys .unlikes img {
            cursor: pointer;
            margin-top: -8px;
            margin-right: 17px
        }

        .rcommentscontactsinfo .panelorginal .btnreplys .unlikes span {
            float: right;
            margin-right: 20px
        }
    .rcommentscontactsinfo .panelorginal .message {
        margin-top: 4px;
        width: 100%;
        text-align: justify
    }
.rcommentscontactsdetail {
    padding: 3px 50px 7px 0;
    margin: 3px 0 3px 0
}

    .rcommentscontactsdetail .likes {
        margin-left: 45px;
        margin-top: 7px
    }

        .rcommentscontactsdetail .likes .inikes {
            float: left;
            width: 90px;
            background: url(/imgs/icon-commant-positivecover.gif) no-repeat top left
        }

            .rcommentscontactsdetail .likes .inikes img {
                cursor: pointer;
                margin-top: -8px
            }

            .rcommentscontactsdetail .likes .inikes span {
                float: left;
                margin-left: 17px
            }

        .rcommentscontactsdetail .likes .unikes {
            float: left;
            width: 90px;
            background: url(/imgs/icon-commant-negativecover.gif) no-repeat top right;
            margin-left: -20px
        }

            .rcommentscontactsdetail .likes .unikes img {
                cursor: pointer;
                margin-top: -8px
            }

            .rcommentscontactsdetail .likes .unikes span {
                float: right;
                margin-right: 17px
            }
    .rcommentscontactsdetail .rcommentsinfousers {
        width: 95%;
        margin: 0;
        text-align: right;
        direction: rtl
    }

        .rcommentscontactsdetail .rcommentsinfousers .rcommentsinfousersmessage {
            margin-top: 4px;
            width: 100%
        }

            .rcommentscontactsdetail .rcommentsinfousers .rcommentsinfousersmessage span {
                text-align: justify
            }

.rcommentsbtnsubmit{height:38px}
.rcommentsbtnsubmitrashinweb {
    width:195px;
    height: 38px;
    background-color:#33b5e5;
    color:#ffffff;
    border:1px solid #d9d9d9

}


.rashinform-control {
    font-family:yekan;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s

    
}

    .rashinform-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
    }

    .rashinform-control::-moz-placeholder {
        color: #999;
        opacity: 1
    }

    .rashinform-control:-ms-input-placeholder {
        color: #999
    }

    .rashinform-control::-webkit-input-placeholder {
        color: #999
    }

    .rashinform-control::-ms-expand {
        background-color: transparent;
        border: 0
    }

    .rashinform-control[disabled],
    .rashinform-control[readonly],
    fieldset[disabled] .rashinform-control {
        background-color: #eee;
        opacity: 1
    }

    .rashinform-control[disabled],
    fieldset[disabled] .rashinform-control {
        cursor: not-allowed
    }

textarea.rashinform-control {
    height: auto
}

.rcommentsheadvalue {
    width: 100%;
    height: 36px;
    border-top: 1px dotted #575757;
    border-bottom: 1px dotted #575757;
    margin-bottom: 14px;
    text-align: right;
    font: 15px 'Yekan'
}
            /*---------------------------------------------------------------------------------------------------- */
            /*---------------------------------------------------------------------------------------------------- */



