@font-face {
    font-family: "Yekan";
    src: url(fonts/yekanweb-regular.eot);
    src: url(fonts/yekanweb-regular.eot?#iefix) format("embedded-opentype"), url(fonts/yekanweb-regular.woff) format("woff"), url(fonts/yekanweb-regular.ttf) format("truetype"), url(fonts/yekanweb-regular.svg#BYekan) format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "vazir";
    src: url(fonts/vazir.eot);
    src: url(fonts/vazir.eot?#iefix) format("embedded-opentype"), url(fonts/vazir.woff) format("woff"), url(fonts/vazir.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: web_Yekan;
    font-weight: 700;
    font-style: normal;
    src: url(/fonts/web_Yekan.eot);
    src: url(/fonts/web_Yekan.eot?#iefix) format("embedded-opentype"), url(/fonts/web_Yekan.woff) format("woff"), url(/fonts/web_Yekan.ttf) format("truetype"), url(/fonts/web_Yekan.svg#web_Yekan) format("svg")
}

@font-face {
    font-family: BYekan-new;
    font-weight: 700;
    font-style: normal;
    src: url(/fonts/BYekan-new.eot);
    src: url(/fonts/BYekan-new.eot?#iefix) format("embedded-opentype"), url(/fonts/BYekan-new.woff) format("woff"), url(/fonts/BYekan-new.ttf) format("truetype"), url(/fonts/BYekan-new.svg#BYekan-new) format("svg")
}

@font-face {
    font-family: IRANSansWeb;
    font-weight: 700;
    font-style: normal;
    src: url(/fonts/IRANSansWeb.eot);
    src: url(/fonts/IRANSansWeb.eot?#iefix) format("embedded-opentype"), url(/fonts/IRANSansWeb.woff) format("woff"), url(/fonts/IRANSansWeb.ttf) format("truetype")
}



a,
a:visited {
    color: #006cd4;
    text-decoration: none
}

a:hover,
a:focus {
    color: #0057aa;
}

a:active {
    color: #000000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    text-rendering: optimizelegibility;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.ltr h1,
.ltr h2,
.ltr h3,
.ltr h4,
.ltr h5,
.ltr h6 {
    font-family: Arial, sans-serif;
    font-weight: bold;
}

.rtl h3,
.rtl h4,
.rtl h5 {
    font-family: 'B Koodak', 'Koodak', Arial, sans-serif;
}

h1 {
    font-size: 22px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 16px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

table[align="center"] {
    margin: 0 auto;
}

.rtl blockquote {
    border-right: 4px solid #006cd4;
    padding: 0 7px;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align: justify;
}

.ltr blockquote {
    border-right: 4px solid #006cd4;
    padding: 0 7px;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align: justify;
}

.rtl #ContentWrapper article ul,
.rtl #ContentWrapper article ol {
    margin-right: 15px;
    list-style-position: inside;
}

.ltr #ContentWrapper article ul,
.ltr #ContentWrapper article ol {
    margin-left: 15px;
    list-style-position: inside;
}

.Container {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1;
}

.Container:before,
.Container:after {
    display: table;
    line-height: 0;
    content: "";
}

.Container:after {
    clear: both;
}

/*[Compatible with older version]*/
.rtl .Right,
.ltr .Left {
    float: right;
}

.ltr .Right,
.rtl .Left {
    float: left;
}

.Align-Center,
.AlignCenter,
.TxtCenter {
    text-align: center;
}

.rtl .Align-Right,
.ltr .Align-Left,
.rtl .AlignRight,
.ltr .AlignLeft {
    text-align: right;
}

.rtl .Align-Left,
.ltr .Align-Right,
.ltr .AlignRight,
.rtl .AlignLeft {
    text-align: left;
}

[hidden],
.hide,
.Hide,
.hidden {
    display: none;
}

.show,
.Show {
    display: block;
}

.visible,
.Visible {
    visibility: visible;
}

.invisivle,
.Invisivle {
    visibility: hidden;
}

/*[Strcuture]*/
body {
    background: #F9F9F9;
}

.PageWrapper {
    width: 100%;
}

.Container {
    width: 1100px;
}

.LCTW,
.RCTW {
    width: 790px;
}

.AsideRight,
.AsideLeft {
    width: 300px;
}

.ContentResize {
    width: 560px;
    margin: 0 5px;
}

.rtl .ContentResize,
.rtl .RCTW,
.ltr .LCTW {
    float: right;
}

.ltr .ContentResize,
.ltr .RCTW,
.rtl .LCTW {
    float: left;
}

.LCTW,
.RCTW,
.MCTW,
.ContentResize {
    padding: 4px;
    background: #FFF;
}

/*[Header]*/
.Header {
    position: relative;
    margin-bottom: 5px;
}

.rtl .Header .TitleSite {
    height: 70px;
    overflow: hidden;
    color: #333;
    background: url(../images/Body/logo.png) no-repeat right center;
}

.ltr .Header .TitleSite {
    height: 70px;
    overflow: hidden;
    color: #333;
    background: url(../images/Body/logo.png) no-repeat left center;
}

.rtl .Header .TitleSite h1 {
    font-size: 24px;
    line-height: 37px;
    margin-right: 100px;
}

.ltr .Header .TitleSite h1 {
    font-size: 24px;
    line-height: 37px;
    margin-left: 100px;
}

.Header .TitleSite h1 A {
    color: #006851;
}

.rtl .Header .TitleSite h2 {
    font-size: 13px;
    color: #006851;
    margin-right: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    direction: rtl;
}

.ltr .Header .TitleSite h2 {
    font-size: 13px;
    color: #fff;
    margin-left: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    direction: ltr;
}

.rtl .Header .BottomHeader {
    margin-bottom: 5px;
}

.ltr .Header .BottomHeader {
    margin-bottom: 5px;
}

.Header .BottomHeader:empty {
    margin-bottom: 0px !important;
}

/*[SlideShow]*/
.SlideShow {
    margin: 0 auto;
    max-width: 100%;
    direction: ltr;
    position: relative;
}

.SlideShow .owl-pagination {
    display: block !important;
}

.SlideShow .owl-content-a {
    margin-bottom: 0 !important
}

.SlideShow #owl-slide .owl-item img {
    display: block;
    width: 100%;
    height: auto;
}

.SlideShow .Title-slid {
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    bottom: 10px;
    text-align: right;
    color: #FFF;
    padding: 10px;
    font-size: 18px;
    right: 10px;
}

.SlideShow .owl-buttons {
    display: block !important;
    left: 0;
    right: 0;
    top: 40%;
    position: absolute;
    width: 80%;
    margin: auto;
}

.SlideShow .owl-buttons .owl-prev {
    background: url(/userimages/right-arrow.png) no-repeat;
    width: 93px;
    height: 120px;
    right: 0;
    position: absolute;
}

.SlideShow .owl-buttons .owl-next {
    background: url(/userimages/left-arrow.png) no-repeat;
    width: 93px;
    height: 120px;
    left: 0;
    position: absolute;
}

.SlideShow .owl-theme .owl-controls {
    text-align: center;
    padding-top: 0;
    top: -40px;
}

.SlideShow .owl-theme .owl-controls {
    text-align: center;
    padding-top: 0;
    top: -40px;
}




/*[Widget]*/
.Widget {
    margin-bottom: 10px;
}

.Widget .WidgetHeader {
    background: #006851;
    height: 40px;
    line-height: 35px;
    padding: 0 7px;
    color: #FFF;
    position: relative;
}

.Widget .WidgetHeader span {
    width: 100%;
}

.Widget .WidgetBody {
    padding: 5px;
    border: 1px solid #CCC;
    border-top: none;
    background: #FFF;
}

.Widget .WidgetBody img {
    max-width: 100%;
}

/*[HtmlMenu Horizontal]*/
.HR {
    display: block !important;
}

.BtnToggle {
    display: none;
}

.HtmlMenuH {
    height: 34px;
}

.HtmlMenuH .HMW {
    list-style: none;
}

.HtmlMenuH .HMW .ItemHtmlMenu {
    display: block;
    height: 34px;
}

.HtmlMenuH .HMW .ItemHtmlMenu:hover {
    color: #fff;
}

.HtmlMenuH .HMW .ItemHtmlMenu:hover .THM {
    color: #fff !important;
}

.HtmlMenuH .HMW .ItemHtmlMenu .THM {
    display: block;
    height: inherit;
    padding: 0 10px;
    color: #FFF;
    font-size: 14px;
    line-height: 37px;
    min-width: 100px;
    text-align: center;
    cursor: pointer;
}

.HtmlMenuH .HMW .ItemHtmlMenu .THM img {
    position: relative;
    top: 6px;
    margin: 0 5px;
    width: 20px;
}

.HtmlMenuH .HMW .ItemHtmlMenu .CHM {
    opacity: 0;
    background: #FFF;
    width: 99%;
    height: 0px;
    position: absolute;
    right: 0;
    top: 34px;
    font-size: 14px;
    text-shadow: none;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
    z-index: 200;
    border-bottom: 0px solid #CCC;
}

.HtmlMenuH .HMW .ItemHtmlMenu.active .CHM {
    opacity: 1;
    height: 240px;
    border-bottom: 1px solid #CCC;
}

.ltr .HtmlMenuH .HMW .ItemHtmlMenu .THM {
    line-height: 33px !important;
}

.ltr .HtmlMenuH .HMW .ItemHtmlMenu .THM img {
    top: 2px;
}

/*[HtmlMenu Vertical]*/
.HtmlMenuV {
    width: 210px;
    position: relative;
    z-index: 1000;
}

.HtmlMenuV .HMW {
    list-style: none;
}

.HtmlMenuV .HMW .ItemHtmlMenu {
    float: none;
    background: #F1F1F1;
    margin-bottom: 1px;
    line-height: 40px;
    color: #000;
}

.HtmlMenuV .HMW .ItemHtmlMenu:hover {
    background: #FFF;
}

.HtmlMenuV .HMW .ItemHtmlMenu .THM {
    display: block;
    height: 100%;
    padding: 0 5px;
}

.HtmlMenuV .HMW .ItemHtmlMenu .THM img {
    margin: 0 5px;
    position: relative;
    top: 4px;
}

.HtmlMenuV .HMW .ItemHtmlMenu .CHM {
    display: none;
    width: 780px;
    height: 240px;
    position: absolute;
    right: 100%;
    top: 0;
    background: #FFF;
}

.HtmlMenuV .HMW .ItemHtmlMenu:hover .CHM {
    display: block;
}

.ltr .HtmlMenuV .HMW .ItemHtmlMenu .CHM {
    left: 100%;
}

/*[MainMenu Horizontal]*/
.slicknav_menu {
    display: none;
}

.MainMenuH ul {
    list-style: none;
    z-index: 150;
}

.MainMenuH ul li {
    min-width: 100px;
    height: 34px;
    margin: 0 1px;
    position: relative;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.MainMenuH ul li {
    min-width: 70px;
    height: 34px;
    margin: 0 1px;
    position: relative;
    color: #333;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.rtl .MainMenuH ul li {
    float: right;
}

.ltr .MainMenuH ul li {
    float: left;
}

.MainMenuH ul ul li:hover {
    background: #d0d0d0;
}


.MainMenuH ul li A span {
    padding: 4px;
    color: #333;
    font-size: 16px;
    font-weight: 700;
}

.MainMenuH ul li:hover A span {
    color: #595959;
}

.rtl .MainMenuH ul li A img {
    position: relative;
    top: 5px;
    left: 2px;
}

.ltr .MainMenuH ul li A img {
    position: relative;
    top: 5px;
    right: 2px;
}

.MainMenuH ul ul {
    position: absolute;
    top: 100%;
    width: 180px;
    display: none;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #ddd;
    background: #fff;
    margin-top: -5px;
    padding: 0;
    box-shadow: 0px 0px 5px #d6d6d6;
}

.rtl .MainMenuH ul ul {
    right: 0px;
}

.ltr .MainMenuH ul ul {
    left: 0px;
}

.MainMenuH ul ul li {
    width: 180px;
    position: relative;
    margin: 0;
    background: #fff;
}

.rtl .MainMenuH ul ul ul {
    position: absolute;
    right: 100%;
    top: 0;
}

.ltr .MainMenuH ul ul ul {
    position: absolute;
    left: 100%;
    top: 0;
}

.rtl .MainMenuH ul ul li A {
    display: block;
    height: 34px;
    padding: 5px;
    line-height: 25px;
    text-align: right;
    font-weight: 700;
    font-size: 14px;
    color: #000;
    padding-right: 10px;
}

.ltr .MainMenuH ul ul li A {
    display: block;
    height: 34px;
    padding: 5px;
    line-height: 25px;
    text-align: left;
    font-size: 13px;
    color: #000;
}

/*[MainMenu Vertical]*/
.MainMenuV ul {
    list-style: none;
    z-index: 150;
}

.MainMenuV ul li:last-child {
    border-bottom: 1px solid #CCC;
}

.MainMenuV ul li {
    background: #EEE;
    position: relative;
    border-bottom: 1px solid #CCC;
    min-height: 29px;
}

.MainMenuV ul li li {
    border: 1px solid #ccc;
}

.MainMenuV ul li A {
    display: block;
    min-height: 24px;
    height: 100%;
    padding: 3px 3px;
    line-height: 23px;
    color: #333;
}

.rtl .MainMenuV ul li A.Sub {
    background: url(../images/body/Arrow.png) left top no-repeat;
}

.ltr .MainMenuV ul li A.Sub {
    background: url(../images/body/Arrow.png) right -30px no-repeat;
}

.MainMenuV ul li A img {
    position: relative;
    top: 5px;
    right: 0px;
}

.rtl .MainMenuV ul ul {
    position: absolute;
    right: 100%;
    width: 100%;
    top: -1px;
    visibility: hidden;
}

.ltr .MainMenuV ul ul {
    position: absolute;
    left: 100%;
    width: 100%;
    top: -1px;
    visibility: hidden;
}

.MainMenuV ul li:active {
    background-color: #F4F4F4;
}

.MainMenuV ul li:hover {
    background: #FFF;
}

/*[TextMenu]*/
.TextMenu {
    height: 40px;
    color: #FFF;
    font-size: 0px;
    position: relative;
    top: -8px;
}

.TextMenu ul {
    padding: 0;
}



.TextMenu li {
    position: relative;
    top: 8px;
    margin: 0 2px;
    display: inline-block;
    text-align: center;
    height: 35px;
    width: 35px;
    border-radius: 100%;
    overflow: hidden;
     
}

.TextMenu li:nth-child(1) {
    background: #7e8481;
}

.TextMenu li:nth-child(2) {
    
    background: #867e3d;
}

.TextMenu li:nth-child(3) {
    background: #2c9966;
}


.TextMenu li:hover A {
    color: #FFF;
}

.TextMenu li A {
    color: #fff;
    height: 100%;
    line-height: 30px;
    display: block;
    font-size: 0px;
}

.TextMenu li A img {
    position: relative;
    height: 35px;
    width: 35px;
}

/*[BaseMenu]*/
.BaseMenu {
    padding: 5px;
    color: #fff;
}

.BaseMenu A {
    color: #fff;
}

.BaseMenu A:hover {
    color: #fff;
    text-decoration: underline;
}

.BaseMenu A img {
    position: relative;
    top: 4px;
    margin: 0 4px;
}

/*[Search]*/
.SearchSite {
    width: 400px;
    height: 38px;
    background: #59a273;
    position: relative;
    border-radius: 2px;
}

.SearchSite .TxtSearch {
    width: 250px;
    height: 100%;
    padding: 0 3px;
    border: none;
    background: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.SearchSite .BtnSearch {
    width: 35px;
    height: 38px;
    background: url(../images/body/BgSearch.png) no-repeat top left;
    border: none;
    font-size: 0px;
}

.SearchSite .BtnSearching {
    background: url(../images/body/BgSearch.png) no-repeat bottom left !important;
}

.SearchSite .TxtSearchGray {
    color: #CCC !important;
}

.SearchSite .TxtSearch,
.SearchSite .TxtSearch:focus,
.SearchSite .TxtSearch:hover {
    outline: none !important;
}

/*[Language]*/
.Language {
    height: 25px;
    padding: 3px 3px 0 3px;
}

.Language A {
    width: 30px;
    height: 22px;
    display: inline-block;
}

.Language span {
    position: relative;
    top: -4px;
    display: none;
}

.Language select {
    width: auto;
    height: 22px;
    padding: 2px;
    border-radius: 0;
    margin-right: 4px;
}

/*[News]*/
.NewsControl {
    background: #ebebeb;
    padding: 10px 0;
}

.NewsControl .WidgetHeader {
    display: none;
}

.NewsControl p {
    text-align: justify;
}

.NewsControl .NextNews,
.NewsControl .PrevNews {
    top: 0px;
    outline: none;
    position: absolute;
}

.rtl .NewsControl .PrevNews {
    left: 0px;
}

.rtl .NewsControl .NextNews {
    left: 25px;
}

.ltr .NewsControl .PrevNews {
    right: 25px;
}

.ltr .NewsControl .NextNews {
    right: 0px;
}

/*[UserControl]*/
.UserControl {}

.ltr .UserControl .UCW {
    font-size: 11px;
}

.UserControl div span {
    display: inline-block;
    width: 30%;
}

.UserControl input[type="text"],
.UserControl input[type="password"] {
    width: 55%;
    background: url(../images/icons/User-txt.png) no-repeat;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    padding-left: 20px;
    height: 18px;
}

.UserControl input[type="text"] {
    background-position: 2px -43px;
}

.UserControl input[type="password"] {
    background-position: 2px 2px;
}

.UserControl .TxtWarning {
    border-color: rgb(233, 50, 45);
    box-shadow: 0px 0px 6px rgb(248, 185, 183);
    background: #FFF url(../images/icons/User-txt.png) no-repeat
}

.UserControl input[type="text"].TxtWarning {
    background-position: 2px -64px;
    background-color: #FFF;
}

.UserControl input[type="password"].TxtWarning {
    background-position: 2px -20px;
    background-color: #FFF;
}

.UserControl input[type="text"]:focus,
.UserControl input[type="password"]:focus {
    background: #FFF url(../images/icons/User-txt.png) no-repeat;
}

.UserControl input[type="text"]:focus {
    background-position: 2px -43px;
}

.UserControl input[type="password"]:focus {
    background-position: 2px 2px;
}

.UserControl .SignUp {
    display: block;
    text-align: center;
}

.UserControl .Btn {
    margin: 10px auto 5px auto;
    width: 110px;
    display: block;
}

.UserControl p {
    text-align: justify;
}

.UserControl .WarningValidator {
    display: none !important;
}

.UserControl .MessageWarning {
    border: 1px solid #eb5339 !important;
    background: #fccac2;
    padding: 4px;
    margin-bottom: 6px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

/*[LinksControl]*/
.LinksControl {
    margin: 0 auto;
    padding: 10px auto;
}

.LinksControl ul {
    list-style: none;
    padding: 0;
}

.rtl .LinksControl ul li {
    color: #e2930c;
    line-height: 30px;
    font-size: 13px;
    font-style: normal;
}

.rtl .LinksControl ul li {
    background: none !important
}

.rtl .LinksControl ul ul li {

    width: 100%;
    margin: 0;
}

.rtl .LinksControl ul ul li::before {
    color: #5FB0A1;
    content: "\F1C5";
    font-family: bootstrap-icons;
    font-size: 10px;
    line-height: 30px;
    list-style: outside none none;
    margin-left: 5px;
    float: right;
}

.rtl .LinksControl ul ul li A {
    color: #e2e3e7;
    font-size: 12px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    direction: rtl;
}

.rtl .LinksControl ul ul li A:hover {
    color: #018fe2
}

.rtl .LinksControl ul ul li A img {
    position: relative;
    top: 3px;
    margin: 0 4px;
}

.rtl .LinksControl ul ul li A span {
    position: relative;
    padding-right: 5px;
    font-size: 11px;
}

.ltr .LinksControl ul li i {
    color: #e2930c;
    font-size: 13px;
    display: block !important;
    font-style: normal;
}

.ltr .LinksControl ul li {
    float: left;
    width: 23.5%;
    margin: 0.5%;
}

.ltr .LinksControl ul ul li {
    float: none;
    width: 100%;
    margin: 0;
    background: url(/userimages/kosar-pic/foot-btn.png) no-repeat left center;
}

.ltr .LinksControl ul ul li A {
    color: #000000;
    line-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    direction: ltr;
}

.ltr .LinksControl ul ul li A:hover {
    color: #018fe2
}

.ltr .LinksControl ul ul li A img {
    position: relative;
    top: 3px;
    margin: 0 4px;
}

.ltr .LinksControl ul ul li A span {
    position: relative;
    top: -3px;
    padding-left: 30px;
}




/*[ExtraTools]*/
.ExtraTools {
    position: relative;
}

.ExtraTools ul {
    margin: 0;
    padding: 0;
}

.ExtraTools ul li img {
    height: 40px;
}

.ExtraTools ul li {}

.ExtraTools ul li img {
    height: 23px;
    width: 23px;
    margin: 6px;
}

.ExtraTools ul {
    list-style: none;
}

.ExtraTools ul li .Eitaclss {
    background: #f7952f;
}

.ExtraTools ul li .aparatclss {
    background: #ec165c;
}

.ExtraTools ul li .instaclss {
    background: #c13765;
}

.ExtraTools ul li {
    height: 35px;
    display: inline-block;
    overflow: hidden;
    background: none;
    width: 35px;
    border-radius: 100%;
}


.ExtraTools ul li A {
    display: block;
    line-height: 0px;
}

/*[VoteControl]*/
.VoteControl {}

.VoteControl .Question {
    text-align: justify;
}

.VoteControl .Vote .ListRadioButton {
    position: relative;
    margin-bottom: 10px;
}

.VoteControl .Vote .ListRadioButton ul {
    list-style: none;
}

.VoteControl .Vote .ListRadioButton ul li {
    min-height: 30px;
    margin-bottom: 1px;
    position: relative;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.VoteControl .Vote .ListRadioButton ul[disabled="disabled"] li.Checked,
.VoteControl .Vote .ListRadioButton ul li {
    background: #F1F1F1 !important;
    color: #000;
}

.VoteControl .Vote .ListRadioButton ul li label {
    display: block;
    height: 100%;
    line-height: 30px;
    padding: 0 22px;
}

.rtl .VoteControl .Vote .ListRadioButton ul li input {
    position: absolute;
    right: 3px;
    top: 8px;
}

.ltr .VoteControl .Vote .ListRadioButton ul li input {
    position: absolute;
    left: 3px;
    top: 8px;
}

.VoteControl .Vote .ListRadioButton ul li.Checked {
    background: #61830c !important;
    color: #FFF;
}

.VoteControl .Vote .ListRadioButton .Strong {
    color: green;
}

/*[Contact]*/
.Contact-US {
    background: #232324;
    padding: 10px 0;
    color: #fff;
    text-align: center;
}

/*[SponsorMedium]*/
.SponsorMediumControl .WidgetBody {
    text-align: center;
}

/*[SponsorLarge]*/
.SponsorLargeControl {
    text-align: center;
}

/*[PagePath]*/
.PagePath {
    background: #F1F1F1;
    height: 28px;
    margin-bottom: 4px;
    padding: 0 7px;
    line-height: 28px;
}

/*[License]*/
.LicenseControl {
    margin-top: 5px;
    color: #fff;
}

.LicenseControl A {
    color: #fff;
}

/*[Skinglobal.css]*/
.UserControl .UserMenu {
    list-style: none;
}

.UserControl .UserMenu li,
.UserControl .UserMenu li A {
    position: relative;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.UserControl .UserMenu li {
    background: #EEE;
}

.UserControl .UserMenu li.EditInfo A {
    background-image: url(../images/icons/Personal/me.png)
}

.UserControl .UserMenu li.Edit A {
    background-image: url(../images/icons/Personal/EditInfo.png)
}

.UserControl .UserMenu li.Pass A {
    background-image: url(../images/icons/Personal/key.png)
}

.UserControl .UserMenu li.History A {
    background-image: url(../images/icons/Personal/history.png)
}

.UserControl .UserMenu li.Group A {
    background-image: url(../images/icons/Personal/group.png)
}

.UserControl .UserMenu li.Signout A {
    background-image: url(../images/icons/Personal/logout.png)
}

.rtl .UserControl .UserMenu li A {
    background-position: 98% center;
    background-repeat: no-repeat;
}

.ltr .UserControl .UserMenu li A {
    background-position: 5px center;
    background-repeat: no-repeat;
}

.rtl .UserControl .UserMenu li A {
    display: block;
    height: 100%;
    color: inherit;
    padding: 2px 25px 3px 3px;
    margin-bottom: 1px;
}

.rtl .UserControl .UserMenu li:hover A {
    padding-right: 35px;
}

.ltr .UserControl .UserMenu li A {
    display: block;
    height: 100%;
    color: inherit;
    padding: 2px 3px 3px 25px;
    margin-bottom: 1px;
}

.ltr .UserControl .UserMenu li:hover A {
    padding-left: 35px;
}

#captcha_sortable {
    list-style: none;
    width: 140px;
    margin: 0 auto !important;
    display: block;
}

#captcha_sortable li {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgb(179, 179, 179);
    float: left;
    width: 40px;
    height: 40px;
    margin: 1px;
    text-align: center;
    cursor: pointer;
    font: 20px/40px Arial;
    color: rgb(51, 51, 51);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: rgb(245, 245, 245);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(230, 230, 230));
}

#captcha_sortable li:hover,
#captcha_sortable li:focus {
    text-decoration: none;
    background-position: 0px -15px;
    transition: background-position 0.1s linear 0s;
}

#captcha_sortable li:hover {
    color: rgb(51, 51, 51);
    background-color: rgb(230, 230, 230);
}

#captcha_sortable:after {
    content: '.';
    clear: both;
    display: block;
    visibility: hidden;
}

.TitlePage {
    margin-bottom: 15px;
    display: block;
    font: 18px 'B IRANSansWeb', 'IRANSansWeb', Arial;
    color: #333;
    -webkit-text-shadow: 0 1px 3px #CCC;
    text-shadow: 0 1px 3px #CCC;
}

.SignUpPage {}

.LoginPage {}

.ContactPage {
    margin-top: 10px;
    display: none;
}

.NewPasswordPage {
    margin-top: 10px;
}

.ChangePasswordPage {}

.RolsPage {}

.FutherInfoPage {}

.UpdateUserInfoPage {}

.ReportViewer {
    margin: 5px;
    font-family: 'B IRANSansWeb', 'IRANSansWeb';
}

.SendFriendPage {
    background: #FFF;
    position: absolute;
    width: 100%;
    height: 100%;
}

.SendFriendPage .SFPW {
    margin: 10px;
}

.SendFriendPage .SFPW textarea {
    width: 302px !important;
    min-width: 302px;
    max-width: 302px;
    min-height: 65px !important;
    height: 65px !important;
}

.TrackHistoryPage {}

.TrackHistoryPage td,
.TrackHistoryPage tr {
    border: none !important;
}

.rtl .TrackHistoryPage .Grid {
    border: none !important;
    text-align: right !important;
}

.ltr .TrackHistoryPage .Grid {
    border: none !important;
    text-align: left !important;
}

.TrackHistoryPage .Grid .SmallColored {
    color: red;
}

.TrackHistoryPage .Grid td {
    padding: 4px;
}

.TrackHistoryPage .Grid td td {
    -moz-transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    -webkit-transition: background 0.4s ease;
    transition: background 0.4s ease;
}

.TrackHistoryPage .Grid td td:hover {
    background: #F1F1F1;
    border-radius: 3px;
}

.TrackHistoryPage .Grid .StrongNum {
    direction: ltr;
}

.PersonalPage {}

.PersonalPage .HeaderPersonal {
    margin-bottom: 5px;
    display: block;
    font: 16px 'B IRANSansWeb', 'IRANSansWeb', Arial;
    color: #333;
    -webkit-text-shadow: 0 0 3px #BBB;
    text-shadow: 0 0 3px #BBB;
}

.PersonalPage ul {
    margin: 0 !important;
}

.PersonalPage ul li {
    list-style: none;
    background: #F1F1F1;
    margin-bottom: 3px;
    padding: 4px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.PersonalPage ul li:hover {
    background: #DDD;
}

.PersonalPage ul li A {
    display: block;
    height: 100%;
}

.PersonalPage ul li img {
    position: relative;
    top: 3px;
}

.SiteMapPage {}

.SiteMapPage td {
    padding: 1px;
    width: 33%;
    vertical-align: bottom;
    border: none !important;
}

.SiteMapPage .item-a span {
    display: block;
    padding: 0px 5px 3px 5px;
    border-bottom: 1px solid #CCC;
}

.SiteMapPage .Desc {
    font-size: 12px;
    font-family: Tahoma;
    color: red;
}

.SiteMapPage .SecTitle {
    text-shadow: 1px 1px 1px #CCC;
    display: inline-block;
    position: relative;
    top: -2px;
}

.SiteMapPage td br {
    display: none;
}

.SiteMapPage td span a {
    line-height: 25px;
    display: block;
    margin: 0px;
    padding: 1px 3px;
    position: relative;
    background-color: #EEE;
    background-repeat: repeat-x;
}

.SiteMapPage td span a:hover {
    background: #D9D9D9;
}

.SiteMapPage td span img {
    max-width: 24px;
    margin: 0 3px;
    position: relative;
    top: 5px;
}

.SiteMap td {
    border: none;
    padding: 0;
}

.CommentPageWrapper {
    direction: rtl;
    background: #F1F1F1;
    position: absolute;
    width: 90%;
    height: 100%;
}

.CommentPage {
    margin: 25px;
}

.CommentPage input[type="text"] {
    border: 1px solid #BBB;
    background: #F9F9F9;
    padding: 2px;
    height: 20px;
    width: 425px;
}

.CommentPage textarea {
    border: 1px solid #BBB;
    background: #F9F9F9;
    padding: 2px;
    min-width: 425px;
    max-width: 425px;
    width: 425px;
    min-height: 150px;
    max-height: 150px;
    height: 150px;
}

.CommentPage .LabelForms {
    display: block;
}

.CommentPage .ItemForms {
    margin-bottom: 5px;
}

.CommentPage input[type="text"]:hover,
.CommentPage textarea:hover {
    background: #F5F5F5;
    border-color: #AAA;
}

.CommentPage input[type="text"]:focus,
.CommentPage textarea:focus {
    background: #F5F5F5;
    -moz-box-shadow: inset 0 0 3px #BBB;
    -webkit-box-shadow: inset 0 0 3px #BBB;
    box-shadow: inset 0 0 3px #BBB;
}

.ItemComment {
    background: #FFF;
    margin-bottom: 7px;
    border: 1px solid #CCC;
    -moz-box-shadow: 0 1px 3px #CCC;
    -webkit-box-shadow: 0 1px 3px #CCC;
    box-shadow: 0 1px 3px #CCC;
    padding: 7px;
    min-width: 415px;
}

.ItemComment .HeaderComment {
    background: #F4F4F4;
    height: 25px;
    padding: 0 7px;
    -webkit-text-shadow: 0 1px 2px #AAA;
    text-shadow: 0 1px 2px #AAA;
    font: 13.2px/25px 'B IRANSansWeb', 'IRANSansWeb', tahoma;
}

.ItemComment .BodyComment {
    text-align: justify;
}

.ItemComment .ManageComment {
    text-align: left;
}

.ResultSearchPage {}

.ResultSearchPage h2 {
    font-size: 18px;
}

.ResultSearchPage .ItemResult {
    padding: 5px 0;
    margin-bottom: 5px;
    text-align: justify;
}

.ResultSearchPage .HeaderItemResult {
    background: #F1F1F1;
    height: 30px;
    line-height: 30px;
    padding: 0 3px;
}

.ResultSearchPage .HeaderItemResult img {
    margin: 0 3px;
    position: relative;
    top: 4px;
}

.ResultSearchPage .ResultCategory {
    padding: 3px;
    margin: 2px 0;
}

.ResultSearchPage .MainSearchBox {
    margin-bottom: 4px;
    text-align: center;
    padding: 10px 0 10px 0;
}

.ResultSearchPage .MainSearchBox span {
    position: relative;
    display: inline-block;
}

.ResultSearchPage .SelectedWord {
    background: gold;
}

.Grid {
    width: 100%;
    margin-bottom: 15px;
}

.Grid .even {
    background: #EEE;
    color: #000;
}

.Grid .odd {
    background: #FFF;
    color: #000;
}

.Grid .Head td {
    background: #BBB;
    color: #FFF;
    height: 30px;
    border-color: #AAA;
}

.Btn {
    display: inline-block;
    *border-left: 0 none rgba(0, 0, 0, 0.1);
    border-right: 0 none rgba(0, 0, 0, 0.1);
    border-top: 0 none rgba(0, 0, 0, 0.1);
    border-bottom: 0 none #b3b3b3;
    display: inline;
    padding: 8px 16px;
    margin-bottom: 3px;
    *margin-left: .3em;
    font-size: 13px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    *zoom: 1;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
}

.Btn:hover,
.Btn:focus,
.Btn:active,
.Btn.Active,
.Btn.Disabled,
.Btn[disabled] {
    color: #333333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
}

.Btn:active,
.Btn.Active {
    background-color: #DDD;
}

.rtl .Btn:first-child {
    *margin-right: 0;
}

.ltr .Btn:first-child {
    *margin-left: 0;
}

.Btn:hover,
.Btn:focus {
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.Btn:focus {
    outline: none;
}

.Btn.Active,
.Btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.Btn.Disabled,
.Btn[disabled] {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.Btn-Large {
    padding: 0 19px;
    font-size: 18px !important;
    line-height: 40px !important;
    height: 40px !important;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.Btn-Small {
    padding: 0px 10px;
    font-size: 12px !important;
    line-height: 30px !important;
    height: 30px !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.Btn-Mini {
    padding: 0 6px;
    font-size: 13px !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.Btn-Block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Btn-Block+.Btn-Block {
    margin-top: 5px;
}

input[type="submit"].Btn-Block,
input[type="reset"].Btn-Block,
input[type="button"].Btn-Block {
    width: 100%;
}

.Btn-Yellow.Active,
.Btn-Red.Active,
.Btn-Green.Active,
.Btn-Blue.Active,
.Btn-Black.Active,
.BtnYellow.Active,
.BtnRed.Active,
.BtnGreen.Active,
.BtnBlue.Active,
.BtnBlack.Active {
    color: rgba(255, 255, 255, 0.75);
}

.Btn-Yellow,
.BtnYellow {
    color: #ffffff;
    background-color: #faa732;
    *background-color: #f89406;
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repe at-x;
    border-color: #f89406 #f89406 #ad6704;
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
}

.Btn-Yellow:hover,
.Btn-Yellow:focus,
.Btn-Yellow:active,
.Btn-Yellow.Active,
.Btn-Yellow.Disabled,
.Btn-Yellow[disabled],
.BtnYellow:hover,
.BtnYellow:focus,
.BtnYellow:active,
.BtnYellow.Active,
.BtnYellow.Disabled,
.BtnYellow[disabled] {
    color: #ffffff;
    background-color: #f89406;
    *background-color: #df8505;
}

.Btn-Yellow:active,
.Btn-Yellow.Active,
.BtnYellow:active,
.BtnYellow.Active {
    background-color: #c67605;
}

.Btn-Red,
.BtnRed {
    color: #ffffff;
    background-color: #da4f49;
    *background-color: #bd362f;
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
}

.Btn-Red:hover,
.Btn-Red:focus,
.Btn-Red:active,
.Btn-Red.Active,
.Btn-Red.Disabled,
.Btn-Red[disabled],
.BtnRed:hover,
.BtnRed:focus,
.BtnRed:active,
.BtnRed.Active,
.BtnRed.Disabled,
.BtnRed[disabled] {
    color: #ffffff;
    background-color: #bd362f;
    *background-color: #a9302a;
}

.Btn-Red:active,
.Btn-Red.Active,
.BtnRed:active,
.BtnRed.Active {
    background-color: #942a25;
}

.Btn-Green,
.BtnGreen {
    color: #ffffff;
    background-color: #5bb75b;
    *background-color: #51a351;
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
    background-image: linear-gradient(to bottom, #62c462, #51a351);
}

.Btn-Green:hover,
.Btn-Green:focus,
.Btn-Green:active,
.Btn-Green.Active,
.Btn-Green.Disabled,
.Btn-Green[disabled],
.BtnGreen:hover,
.BtnGreen:focus,
.BtnGreen:active,
.BtnGreen.Active,
.BtnGreen.Disabled,
.BtnGreen[disabled] {
    color: #ffffff;
    background-color: #51a351;
    *background-color: #499249;
}

.Btn-Green:active,
.Btn-Green.Active,
.BtnGreen:active,
.BtnGreen.Active {
    background-color: #408140;
}

.Btn-Blue,
.BtnBlue {
    color: #ffffff;
    background-color: #49afcd;
    *background-color: #2f96b4;
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    border-color: #2f96b4 #2f96b4 #1f6377;
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
}

.Btn-Blue:hover,
.Btn-Blue:focus,
.Btn-Blue:active,
.Btn-B lue.Active,
.Btn-Blue.Disabled,
.Btn-Blue[disabled],
.BtnBlue:hover,
.BtnBlue:focus,
.BtnBlue:active,
.BtnBlue.Active,
.BtnBlue.Disabled,
.BtnBlue[disabled] {
    color: #ffffff;
    background-color: #2f96b4;
    *background-color: #2a85a0;
}

.Btn-Blue:active,
.Btn-Blue.Active,
.BtnBlue:active,
.BtnBlue.Active {
    background-color: #24748c;
}

.Btn-Black,
.BtnBlack {
    color: #ffffff;
    background-color: #363636;
    *background-color: #222222;
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
    background-image: linear-gradient(to bottom, #444444, #222222);
}

.Btn-Black:hover,
.Btn-Black:focus,
.Btn-Black:active,
.Btn-Black.Active,
.Btn-Black.Disabled,
.Btn-Black[disabled],
.BtnBlack:hover,
.BtnBlack:focus,
.BtnBlack:active,
.BtnBlack.Active,
.BtnBlack.Disabled,
.BtnBlack[disabled] {
    color: #ffffff;
    background-color: #222222;
    *background-color: #151515;
}

.Btn-Black:active,
.Btn-Black.Active,
.Btn-Black:active,
.Btn-Black.Active {
    background-color: #080808;
}

button.Btn,
input[type="submit"].Btn {
    *padding-top: 3px;
    *padding-bottom: 3px;
}

button.Btn::-moz-focus-inner,
input[type="submit"].Btn::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button.Btn.Btn-Large,
input[type="submit"].Btn.Btn-Large {
    *padding-top: 7px;
    *padding-bottom: 7px;
}

button.Btn.Btn-Small,
input[type="submit"].Btn.Btn-Small {
    *padding-top: 3px;
    *padding-bottom: 3px;
}

button.Btn.Btn-Mini,
input[type="submit"].Btn.Btn-Mini {
    *padding-top: 1px;
    *padding-bottom: 1px;
}

A.Btn {
    color: #333;
}

A.BtnYellow,
A.BtnRed,
A.BtnGreen,
A.BtnBlue,
A.BtnBlack,
A.Btn-Yellow,
A.Btn-Red,
A.Btn-Green,
A.Btn-Blue,
A.Btn-Black {
    color: #FFF !important;
}

.Validate {
    padding: 3px;
}

.Item-Form,
.ItemForms {
    margin-bottom: 3px;
}

.Item-Form .Label,
.ItemForms .LabelForms {
    display: inline-block;
    min-width: 25%;
}

.colorpicker input[type="text"],
.colorpicker input[type="text"]:focus {
    border: none !important;
    width: auto !important;
    background: none !important;
    padding: 0 !important;
    line-height: 20px !important;
    font-size: 10px;
    margin: 0 !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    vertical-align: text-top;
    color: #FFF !important;
    position: relative;
    top: 1px;
    left: 7px;
}

.InformationBox,
.Color-Box {
    display: block;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #AAA;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.InformationBox .HeadBox,
.Color-Box .Title-Box {
    padding: 5px 10px;
    font-size: 18px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.InfoBox,
.Information-Box {
    background-color: #d9edf7;
    border-color: #a7d9e4;
    color: #3a87ad;
}

.WarningBox,
.Wraning-Box {
    background-color: #f6ecb9;
    border-color: #eacc93;
    color: #b66d00;
}

.FailureBox,
.Danger-Box {
    background: #eec5c5;
    border-color: #e59797;
    color: #bb2c2c;
}

.SuccessBox,
.Success-Box {
    background: #b4e99f;
    border-color: #97d365;
    color: #258001;
}

.treeview,
.treeview ul,
.treeview-rtl,
.treeview-ltr,
.treeview-rtl ul,
.treeview-ltr ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.treeview ul,
.treeview-rtl ul,
.treeview-ltr ul {
    margin: 4px 0 0 !important;
}

.treeview .hitarea,
.treeview-ltr .hitarea {
    background: url(../images/Links/treeview-default.gif) -64px -25px no-repeat;
    height: 16px;
    width: 16px;
    margin-left: -16px;
    float: left;
    cursor: pointer
}

.treeview-rtl .hitarea {
    background: url(../images/Links/treeview-default-rtl.png) -64px -25px no-repeat;
    height: 16px;
    width: 16px;
    margin-right: -16px;
    float: right;
    cursor: pointer;
    position: relative;
    top: 4px
}

.hitarea {
    display: inline;
    float: none
}

.treeview li,
.treeview-rtl li,
.treeview-ltr li {
    background: url(../images/Links/treeview-default-line.gif) 0 0 no-repeat;
    margin: 0;
    padding: 3px 0 3px 16px
}

.treeview-rtl li {
    background: url(../images/Links/treeview-default-line-rtl.png) right 0 no-repeat;
    margin: 0;
    padding: 3px 16pt 3px 0
}

.treeview a.selected,
.treeview-rtl a.selected,
.treeview-ltr a.selected {
    background-color: #eee
}

#treecontrol {
    display: none;
    margin: 1em 0
}

.treeview .hover,
.treeview-rtl .hover,
.treeview-ltr .hover {
    cursor: pointer;
    color: inherit;
}

.treeview li.collapsable,
.treeview li.expandable,
.treeview-rtl li.collapsable,
.treeview-rtl li.expandable,
.treeview-ltr li.collapsable,
.treeview-ltr li.expandable {
    background-position: 0 -176px
}

.treeview-rtl li.collapsable,
.treeview-rtl li.expandable {
    background-position: right -170px
}

.treeview .expandable-hitarea,
.treeview-rtl .expandable-hitarea,
.treeview-ltr .expandable-hitarea {
    background-position: -80px -3px
}

.treeview-rtl .expandable-hitarea {
    background-position: right -3px
}

.treeview li.last,
.treeview-rtl li.last,
.treeview-ltr li.last {
    background-position: 0 -1766px
}

.treeview li.lastCollapsable,
.treeview li.lastExpandable,
.treeview-ltr li.lastCollapsable,
.treeview-ltr li.lastExpandable {
    background-image: url(../images/Links/treeview-default.gif)
}

.treeview li.lastCollapsable,
.treeview-ltr li.lastCollapsable {
    background-position: 0 -111px
}

.treeview li.lastExpandable,
.treeview-ltr li.lastExpandable {
    background-position: -32px -67px
}

.treeview-rtl li.firstCollapsable,
.treeview-rtl li.firstExpandable {
    background-position: right -179px
}

.treeview div.lastCollapsable-hitarea,
.treeview div.lastExpandable-hitarea,
.treeview-ltr div.lastCollapsable-hitarea,
.treeview-ltr div.lastExpandable-hitarea {
    background-position: 0 0
}

.treeview-rtl div.lastCollapsable-hitarea {
    background-position: -14px -92px
}

.treeview-rtl div.lastExpandable-hitarea {
    background-position: -47px -48px
}

.treeview-red li {
    background-image: url(../images/Links/treeview-red-line.gif)
}

.treeview-red .hitarea,
.treeview-red li.lastCollapsable,
.treeview-red li.lastExpandable {
    background-image: url(../images/Links/treeview-red.gif)
}

.treeview-black li {
    background-image: url(../images/Links/treeview-black-line.gif)
}

.treeview-black .hitarea,
.treeview-black li.lastCollapsable,
.treeview-black li.lastExpandable {
    background-image: url(../images/Links/treeview-black.gif)
}

.treeview-gray li {
    background-image: url(../images/Links/treeview-gray-line.gif)
}

.treeview-gray .hitarea,
.treeview-gray li.lastCollapsable,
.treeview-gray li.lastExpandable {
    background-image: url(../images/Links/treeview-gray.gif)
}

.treeview-famfamfam li {
    background-image: url(../images/Links/treeview-famfamfam-line.gif)
}

.treeview-famfamfam .hitarea,
.treeview-famfamfam li.lastCollapsable,
.treeview-famfamfam li.lastExpandable {
    background-image: url(../images/Links/treeview-famfamfam.gif)
}

.treeview .placeholder,
.treeview-rtl .placeholder,
.treeview-ltr .placeholder {
    background: url(../images/Links/ajax-loader.gif) 0 0 no-repeat;
    height: 16px;
    width: 16px;
    display: block
}

.filetree li {
    padding: 3px 0 2px 16px
}

.filetree span.folder,
.filetree span.file {
    display: block;
    padding: 1px 0 1px 16px
}

.filetree span.folder {
    background: url(../images/Links/folder.gif) 0 0 no-repeat
}

.filetree li.expandable span.folder {
    background: url(../images/Links/folder-closed.gif) 0 0 no-repeat
}

.filetree span.file {
    background: url(../images/Links/file.gif) 0 0 no-repeat
}

.treeview-rtl li.last,
.treeview-rtl li.lastCollapsable,
.treeview-rtl li.lastExpandable {
    background-position: right -1760px
}

.template-box {
    position: relative;
    left: 0;
    right: 0;
    background: #f7f7f7;
}

.template-box .OlgoTemp1 .box-head {
    width: 95%;
    float: none;
    margin: 5px auto;
}

.template-box .WdgRis-Head {
    background: #006851;
    height: 40px;
}

.template-box .WdgRis-Head span a {
    color: #fff;
    line-height: 38px;
    padding-right: 10px;
}

.owl-carousel-none {
    border: none !important;
}

.owl-carousel-detail {
    border: none !important;
    margin-top: 40px;
}

.owl-content-a .Categories {
    width: 19%;
    float: right;
    display: inline-block;
    margin-right: 1%;
}

.owl-content-a .Categories:hover {
    background: #F9F9F9;
}

.owl-content-a .box-owl {
    display: inline-block;
    line-height: 30px;
    border-top: 1px solid #ccc;
    padding: 10px 0;
    width: 100%;
}

.owl-content-a {
    margin-bottom: 14px;
    text-align: center;
    position: relative;
}

.owl-content-a .title-owl {
    height: 30px;
    line-height: 30px;
    color: #444;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-family: 'web_IRANSansWeb';
    font-size: 17px;
    display: block;
    text-align: right;
}

.owl-content-a .title-owl i {
    border-bottom: 4px solid #6fc138;
    padding-bottom: 13px;
    font-style: normal;
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel {
    direction: ltr;
    display: none;
    -ms-touch-action: pan-y;
    width: 100%;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
    direction: rtl;
    display: inline-block;
    position: relative;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.grabbing {
    cursor: url(grabbing.png) 8 8, move;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-theme .owl-controls {
    padding-top: 10px;
    text-align: right;
}

.owl-theme .owl-controls .owl-buttons div {
    text-align: center;
    color: #333;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-left: 2px;
}

.owl-theme .owl-controls .owl-buttons div i {
    height: 40px;
    display: block;
    line-height: 40px;
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 18px;
    height: 18px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 1;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: #fff;
    border: 1px solid #006851;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
    background: #006851;
    border: 1px solid #006851;
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center;
}

.owl-pagination {
    display: none;
}

.owl-buttons {
    font-size: 0 !important;
    position: absolute;
    top: 5px;
    width: 100%;
    right: 0;
    margin: 0 auto;
}

.owl-buttons .owl-prev {
    background: url(/userimages/temp/prev.jpg) no-repeat;
    width: 29px;
    height: 29px;
}

.owl-buttons .owl-next {
    background: url(/userimages/temp/next.png) no-repeat;
    width: 29px;
    height: 29px;
}

.template-box .owl-pagination {
    display: block !important;
    text-align: center;
}

.template-box .owl-theme .owl-controls .owl-page span {

    display: block;
    width: 25px;
    height: 5px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 1;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: #909090;
    border: 1px solid #909090;
}

.template-box .owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {

    filter: Alpha(Opacity=100);
    opacity: 1;
    background: #006851;
    border: 1px solid #006851;

}



.balagh {
    padding: 25px 0;
}

.balagh h2,
.film h2 {
    text-align: center;
    margin: 19px 0 0 0;
    font-size: 20px;
    font-weight: 700;
}

.region-balagh-c {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    padding: 20px 5%;
}


.SlideClass {
    background: #12b3ab;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    padding-top: 50px;
    padding-bottom: 25px;
    background-size: cover;
    background-position: left bottom;
    background-repeat: no-repeat;
    position: relative;
    clear: both
}

.bakhshha .coli {
    width: 46%;
    text-align: center;
    margin: 2%;
}

.bakhshha .coli a {
    font-size: 0.85rem;
    font-weight: 700;
    color: #333;
    font-size: 13px;
    width: 170px;
    display: inline-table;
    background-color: #fff;
    border: 3px solid #fff;
    border-radius: 16px;
    box-shadow: 0 30px 50px -3px #cfdae5;
    max-width: 100%;
    overflow: hidden;
    padding: 4px 8px;
    text-align: center;
    transition: .2s;
    height: 170px;
}

.bakhshha .coli img {
    margin: 25px 0;
}

.bakhshha a:hover {
    padding: 10px;
    border-radius: 50%;
}


.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.searchExtra {
    height: 40px;
    position: relative;
    top: 13px;
}

.searchExtra .search {
    background: #565cb5;
    height: 35px;
    width: 35px;
    border-radius: 100%;
}

.searchExtra .search img {
    height: 25px;
    width: 25px;
    margin: 5px;
}

/* -------------------*/

.VideoBox {
    background: #D0D0D0;
    margin: 0 auto;
    padding-bottom: 50px;
}

.VideoBox .filmbg {
    background: #FFFFFF url(/userimages/filmtopback.svg) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: auto;
    width: 100%;
    background-position: 0 top;
    height: 80px;
    background-size: calc(100% + 0px);
}


.VideoBox .backColorVideo {
    background: #D0D0D0;
}

.temp-Video {
    overflow: hidden;
    padding-bottom: 30px;
    position: relative;
    max-height: 400px;
    padding: 10px;
}

.temp-Video .WdgRis-Head {
    margin-bottom: 10px;
    margin-bottom: 10px;
    height: 36px;
    color: #555;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

.temp-Video .view-header {
    position: relative;
}

.temp-Video .LinkPic {
    position: relative;
}

.temp-Video .WdgRis-Head span {
    color: #555;
    font-size: 16px;
}

.temp-Video .LinkPic .NewsPic {
    background-color: #f2f2f2;
    width: 100%;
    text-align: center;
    position: relative;

}

.NewsPic .iconplay {
    position: absolute;
    left: 0;
    top: 40%;
    right: 0;
    z-index: 5;
    width: 60px;
    height: 60px;
    background: #e2930c;
    margin: 0 auto;
    box-shadow: 0 0px 5px 3px #646465;
    transition: all ease-in-out 0.5s;
    border-radius: 100%;

}

.NewsPic:hover .iconplay {
    background: #facb32;
    box-shadow: 0 0px 5px 3px #faa732;
}


.NewsPic .iconplay .bi {
    color: #fff;
    font-size: 50px;
}

.temp-Video .LinkPic .NewsPic a {
    color: #fff;
}

.temp-Video .LinkPic .NewsPic img {
    height: 250px;
    transition: all ease-in-out 0.5s;
    opacity: 1;
    width: 100%;
}

.temp-Video .LinkPic .titrvideo {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    right: 0;
    left: 0;
    line-height: 3rem;
    text-align: right;
    padding: 15px;
    background: url(/userimages/Untitled.svg) no-repeat scroll 0 0;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    height: 70px;
    text-align: center;
}

.temp-Video .LinkPic .audio {
    bottom: 0;
    margin: 0 auto;
    width: 90%;
    position: absolute;
    left: 0;
    right: 0
}

.temp-Video .LinkPic .audio audio {
    width: 100%;
}

.temp-Video .LinkPic .titrvideo a {
    color: #fff;
}

.temp-Video .owl-buttons {
    position: absolute;
    width: 100%;
    top: 50%;
    margin: 0 auto;
}

.temp-Video .owl-buttons .owl-prev {
    transition: all ease-in-out 0.3s;
    background: url(/userimages/temp/next.png) no-repeat center center;
    width: 35px;
    height: 35px;
    opacity: 0.5;
    float: left;
    overflow: hidden;
    border-radius: 100%;
}

.temp-Video .owl-buttons .owl-prev:hover {
    opacity: 0.8;
}

.temp-Video .owl-buttons .owl-next {
    transition: all ease-in-out 0.3s;
    background: url(/userimages/temp/prev.png) no-repeat center center;
    width: 35px;
    height: 35px;
    opacity: 0.5;
    float: right;
    overflow: hidden;
    border-radius: 100%;
}

.temp-Video .owl-buttons .owl-next:hover {
    opacity: 0.8;
}

.temp-Video .owl-pagination {
    display: block !important;
    display: none !important;
    position: absolute;
    top: 5px;
    left: 5px;
}

.temp-Video .owl-theme .owl-controls .owl-buttons div {
    text-align: center;
    zoom: 1;
    *display: inline;
    margin-left: 0px;
}

.temp-Video .owl-theme .owl-controls .owl-page span {

    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 1;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: #59A273;
    border: 1px solid #cd7e81;
}

.temp-Video .owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {

    filter: Alpha(Opacity=100);
    opacity: 1;
    background: #550913;
    border: 1px solid #550913;

}




/* -------------------*/


.temp-box {
    position: relative;
    max-height: 400px;
    padding: 10px;
    margin: 4% auto;
}

.temp-box .WdgRis-Head {
    margin-bottom: 10px;
    margin-bottom: 10px;
    height: 36px;
    color: #555;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

.temp-box .WdgRis-Head span {
    line-height: 40px;
    font-size: 24px;
    color: #555;
    font-weight: 700;

}

.temp-box .NewsPic {
    background-color: rgba(166, 113, 44, 0.8);
    width: 99%;
    text-align: center;
    min-height: 300px;
    padding: 20px 15px;
}

.temp-box .NewsPic a {
    color: #fff;
    font-size: 14px;
}

.temp-box .NewsPic img {
    height: 180px;
    transition: all ease-in-out 0.5s;
    opacity: 1;
    width: 100%;
}

.temp-box .NewsPic:hover img {
    opacity: 0.5
}

.temp-box .owl-buttons {

    position: absolute;
    width: 100%;
    top: 50%;
    margin: 0 auto;
}

.temp-box .owl-buttons .owl-prev {
    background: url(/userimages/temp/next.png) no-repeat;
    width: 35px;
    height: 35px;
    transition: all ease-in-out 0.3s;
    float: left;
    opacity: 0.5;
}

.temp-box .owl-buttons .owl-prev:hover {
    opacity: 0.7;
}

.temp-box .owl-buttons .owl-next {
    background: url(/userimages/temp/prev.png) no-repeat;
    width: 35px;
    height: 35px;
    transition: all ease-in-out 0.3s;
    float: right;
    opacity: 0.5;
}

.temp-box .owl-buttons .owl-next:hover {
    opacity: 0.7;
}

.temp-box .owl-pagination {
    display: block !important;
    display: none !important;
    position: absolute;
    top: 5px;
    left: 5px;
}

.temp-box .owl-theme .owl-controls .owl-buttons div {
    text-align: center;
    zoom: 1;
    *display: inline;
    margin-left: 0px;
}

.temp-box .owl-theme .owl-controls .owl-page span {

    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 1;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: #59A273;
    border: 1px solid #cd7e81;
}

.temp-box .owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {

    filter: Alpha(Opacity=100);
    opacity: 1;
    background: #550913;
    border: 1px solid #550913;

}

.bishtar {
    text-align: left;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 0px;
    margin-bottom: 30px;
    max-width: 1140px;
}

.bishtar a {
    color: #2a958b;
    font-size: 13px;
}


.More {
    text-align: left;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 0px;
    margin-bottom: 30px;
    max-width: 1140px;
}