@font-face { font-family: Zar; src: url('Font/BZar.ttf'), url('Font/BZar.eot'); /* IE9+ */ }
@font-face {
    font-family: 'yekan';
    src: url(Font/Yekan.eot);
    src: url(Font/Yekan.eot?#iefix) format("embedded-opentype"), url(Font/Yekan.woff) format("woff"), url(Font/Yekan.ttf) format("truetype"), url(Font/Yekan.svg#BYekan) format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face { font-family: Homa; src: url('Font/BHoma.ttf'), url('Font/BHoma.eot'); /* IE9+ */ }
@font-face { font-family: Ftahoma; src: url('Font/Ftahoma.ttf'), url('Font/Ftahoma.eot'); /* IE9+ */ }
html, body { margin: 0; font: normal 8pt Ftahoma; /*text-shadow: 1px 1px 3px #CCCCCC;*/ height: 100%; }
ol { color: #f45809; padding: 0px; margin: 0px; line-height: 11px; }
li { padding-bottom: 5px; margin: 0px; line-height: 13px; }
ul { list-style-image: url(Image/Bullet.gif); padding: 0px; margin: 0px; }
a { color: #003663; text-decoration: none; }
    a:hover { color: #f26522; }
img { border: none; }
h1 { font-weight: bold; font-size: 17pt; text-align: right; color: #003663; padding: 0px; }
h3 { font-family: Times New Roman; font-weight: bold; font-size: 12pt; text-align: right; color: #003663; padding: 0px; margin: 0px; }

#HeaderTile { width: 100%; height: 111px; background-color: #0076a3; }
#Header { width: 1003px; height: 111px; background-image: url(Image/Header.jpg); margin: auto; left: 0; right: 0; }
#MenuContainer { box-shadow: 2px 2px 13px #BBB; border-bottom: solid 1px #BBB; }
#MenuTile { width: 100%; height: 34px; background-color: #003663; padding: 0px; }
#MainMenu { width: 1003px; margin: auto; left: 0; right: 0; height: 34px; }
#Menu { padding-right: 5px; text-align: right; font-family: Zar; font-size: 12pt; width: auto; float: right; }
    #Menu a { padding-right: 5px; padding-left: 5px; }
        #Menu a:hover { color: #fcd58f; }
#En { float: left; background-color: #0359a0; height: 14px; font-weight: 500; padding: 10px; }
    #En a { color: #fff; }
        #En a:hover { color: #fcd58f; }
#SubMenuTile { width: 100%; height: 34px; background-color: #ededed; padding: 0px; direction: rtl; border-top: solid 2px #58c2ed; }
#MainSubMenu { width: 1003px; margin: auto; left: 0; right: 0; height: 34px; }
#SubMenu { padding-right: 20px; text-align: right; font-family: Zar; font-size: 12pt; width: auto; float: right; margin-top: 4px; }
#Content { width: 987px; margin: auto; left: 0; right: 0; padding: 8px 8px 8px 8px; direction: rtl; }
#ContentBO { width: 1300px; margin: auto; left: 0; right: 0; padding: 0px 0px 8px 0px; direction: rtl; }
#FootMenu { font-family: Ftahoma; font-size: 8pt; padding-top: 3px; padding-right: 5px; }
    #FootMenu a:hover { color: #f26522; }
#Search { text-align: right; margin-top: 8px; width: 350px; float: left; margin-left: 0px; }
#Date { padding-top: 7px; color: #ccc; text-align: center; float: left }
#DefaultContent { width: 1000px; }
    #DefaultContent #Right { float: right; width: 654px; }
    #DefaultContent #Left { float: left; width: 330px; margin-right: 8px; padding: 0px 4px 0px 4px; }
#Highlights { width: 654px; }
    #Highlights .TopNews { clear: both; }
        #Highlights .TopNews img { width: 187px; height: 117px; }
        #Highlights .TopNews .Image { float: right; }
        #Highlights .TopNews .Content { float: right; margin-right: 8px; width: 459px; text-align: justify; padding-top: 10px; }
            #Highlights .TopNews .Content .Title { font-family: Zar; font-size: 14pt; text-align: justify; line-height: 25px; }
            #Highlights .TopNews .Content .Desc { clear: both; padding-top: 20px; font-size: 9pt; line-height: 17px; }
    #Highlights .SeriesNews { width: 635px; padding: 8px 17px 0px 0px; background-color: #ebebeb; border: solid 1px #b7b7b7; margin-top: 10px; }
    #Highlights ul { list-style: none; margin-right: 5px; }
    #Highlights li { float: right; margin-left: 21px; }
        #Highlights li img { width: 187px; height: 117px; }
        #Highlights li p { width: 187px; text-align: center; font-family: Ftahoma; font-size: 8pt; line-height: 18px; margin: 3px 0 3px; }
#NewsSimple { width: 640px; font-family: 'Ftahoma'; }
    #NewsSimple #NewsSimpleContent { height: 85px; }
    #NewsSimple .image { float: right; }
        #NewsSimple .image img { width: 136px; height: 85px; }
    #NewsSimple .Content { float: right; width: 494px; margin-right: 8px; }
        #NewsSimple .Content .title { font-family: Zar; font-size: 14pt; margin: 10px 0px 7px; line-height: 20pt; }
            #NewsSimple .Content .title a { color: #001e4c; }
                #NewsSimple .Content .title a:hover { color: #006cb7; }
        #NewsSimple .Content .desc { clear: both; text-align: justify; line-height: 16px; margin-bottom: 10px; color: #777; }
    #NewsSimple hr { width: 600px; border: none; border-top: solid 1px #bfb2ad; }
#ImageGallery { padding: 3px 3px 1px 3px; margin: 0px 5px 0px 4px; }
    #ImageGallery:hover { background-color: #fff899; }
#Multimedia { width: 325px; margin-top: 8px; }
    #Multimedia #Title { width: 313px; height: 27px; background-color: #f7941d; color: #fff; border-top-left-radius: 8px; border-top-right-radius: 8px; padding: 0px 8px 0px 4px; margin-bottom: 1px; }
        #Multimedia #Title .Title { font-family: Zar; float: right; font-size: 13pt; height: 27px; }
        #Multimedia #Title .link a { font-family: Ftahoma; font-size: 8pt; color: #fff; float: left; margin: 6px; }
            #Multimedia #Title .link a:hover { color: #003663; }
    #Multimedia #Footer { width: 313px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding: 5px; }
        #Multimedia #Footer .Desc { float: right; width: 250px; text-align: justify; color: #a1a1a1; }
        #Multimedia #Footer .Download { float: left; margin-top: 4px; }
#TitleBox { background-color: #eaeaea; height: 30px; font-family: Zar; font-size: 15pt; color: #003663; padding-right: 8px; margin-top: 8px; }
#TitleBoxBlue { height: 25px; border-bottom: solid 1px #76d4ee; margin-top: 22px; }
    #TitleBoxBlue .Title { float: right; font-size: 15pt; height: 27px; font-family: Yekan; color: #252525; }
    #TitleBoxBlue .Link { float: left; margin-top: 4px; }
        #TitleBoxBlue .Link a { color: #f25809; }
            #TitleBoxBlue .Link a:hover { color: #003663; }
#EnTitleBoxBlue { height: 25px; border-bottom: solid 1px #76d4ee; margin-top: 22px; box-shadow: 0px 10px 15px #ecfbfb; }
    #EnTitleBoxBlue .Title { float: left; font-size: 12pt; height: 27px; color: #252525; }
#Notification .divItem { color: #0265a6; padding-right: 13px; margin-right: 3px; background: url(Image/NotificationBullet.gif) no-repeat right center; }
    #Notification .divItem .Date { color: #959595; }
#Notification hr { border: none; border-bottom: solid 1px #e2e2e2; width: 316px; margin: 0 5px 0; }
.NoteDIV { color: #fff; float: right; }
    .NoteDIV:hover { cursor: pointer; }
#Box { margin: 8px 8px; text-align: justify; line-height: 15px; }
    #Box a { color: #0265a6; }
        #Box a:hover { color: #02a9d7; }
    #Box hr { border: none; border-top: solid 1px #ebebeb; margin: 8px 0 8px; }
    #Box .Archive { clear: both; margin-top: 8px; text-align: left; }
        #Box .Archive a { color: #f3641a; }
            #Box .Archive a:hover { color: #003663; }
#EnTitleBox { background-color: #eaeaea; height: 22px; font-size: 10pt; color: #003663; padding-left: 8px; padding-top: 5px; margin-top: 3px; margin-bottom: 8px; text-align: left; }
#Users { width: 318px; height: 110px; clear: both; }
    #Users ul { list-style: none; }
    #Users li { float: right; margin-right: 6px; }
    #Users .FevLink { background: url(Image/UserFevLink.jpg); width: 100px; height: 110px; margin-top: 8px; }
        #Users .FevLink:hover { background: url(Image/UserFevLink.jpg) no-repeat 0px -110px; width: 100px; height: 110px; }
    #Users .BlogLink { background: url(Image/UserBlogLink.jpg); width: 100px; height: 110px; margin-top: 8px; }
        #Users .BlogLink:hover { background: url(Image/UserBlogLink.jpg) no-repeat 0px -110px; width: 100px; height: 110px; }
    #Users .NewsSend { background: url(Image/UserNewsSend.jpg); width: 100px; height: 110px; margin-top: 8px; }
        #Users .NewsSend:hover { background: url(Image/UserNewsSend.jpg) no-repeat 0px -110px; width: 100px; height: 110px; }
#Archive { margin: 4px 0px 21px 0px; height: 17px; }
    #Archive .rss { width: 53px; height: 17px; background: url(Image/Icon_RSS.jpg); float: left; margin-top: 5px; }
        #Archive .rss:hover { width: 53px; height: 17px; background: url(Image/Icon_RSS.jpg) no-repeat 0px -17px; }
    #Archive .NewsArchive { font-family: Zar; font-size: 13pt; float: left; margin-left: 7px; }
        #Archive .NewsArchive a { color: #5d5d5d; }
            #Archive .NewsArchive a:hover { color: #ff8819; }
#FooterPage { width: 1003px; height: 35px; background-color: #ebebeb; margin: auto; left: 0; right: 0; clear: both; border-top: solid 1px #898989; padding-top: 5px; }
    #FooterPage .CopyRight { float: right; text-align: center; margin-right: 10px; }
    #FooterPage .Menu { float: left; margin: 7px 10px; }
    #FooterPage .Statistic { float: right; margin-right: 250px; width: 150px; }
#fromxml div { padding: 1px; }
#DayImage { width: 325px; margin-top: 8px; height: 82px; }
    #DayImage li { float: left; list-style: none; margin: 0px 0px 0px 1px; height: 36px; }
        #DayImage li img { width: 57px; height: 38px; border: solid 1px #000; }
    #DayImage #left { float: left; width: 10px; height: 13px; background-color: #9fd7ec; color: #fff; font-size: 15px; padding-right: 2px; line-height: 13px; margin-top: 34px; cursor: pointer; }
        #DayImage #left:hover { background-color: #f25809; }
    #DayImage #image { float: left; width: 300px; }
    #DayImage #right { float: left; width: 10px; height: 13px; background-color: #9fd7ec; color: #fff; font-size: 15px; padding-left: 2px; line-height: 13px; margin-left: 1px; margin-top: 34px; cursor: pointer; }
        #DayImage #right:hover { background-color: #f25809; }
#LinkSite { width: 318px; height: 40px; clear: both; }
    #LinkSite ul { list-style: none; }
    #LinkSite li { float: right; margin-right: 3px; }
    #LinkSite .DCHQ { margin-right: 2px; background: url(Image/link_dchq.jpg) no-repeat 0px -67px; width: 76px; height: 67px; margin-top: 8px; }
        #LinkSite .DCHQ:hover { background: url(Image/link_dchq.jpg); width: 76px; height: 67px; }
    #LinkSite .FACEANVOICE { background: url(Image/link_face.jpg) no-repeat 0px -67px; width: 76px; height: 67px; margin-top: 8px; }
        #LinkSite .FACEANVOICE:hover { background: url(Image/link_face.jpg); width: 76px; height: 67px; }
    #LinkSite .INTERNATIONAL { background: url(Image/link_dointer.jpg) no-repeat 0px -67px; width: 76px; height: 67px; margin-top: 8px; }
        #LinkSite .INTERNATIONAL:hover { background: url(Image/link_dointer.jpg); width: 76px; height: 67px; }
    #LinkSite .WILLIAM { background: url(Image/link_william.jpg) no-repeat 0px -67px; width: 76px; height: 67px; margin-top: 8px; }
        #LinkSite .WILLIAM:hover { background: url(Image/link_william.jpg); width: 76px; height: 67px; }
#MoreVisit a { color: #0265a6; }
    #MoreVisit a:hover { color: #02a9d7; }
#Metro { margin-top: 15px; }
    #Metro a { opacity: 0.8; color: #fff; }
        #Metro a:hover { opacity: 1; color: #a5e5ff; }
    #Metro div { opacity: 0.8; }
        #Metro div:hover { opacity: 1; }
.TextBox { border: solid 1px #7d7d7d; width: 140px; height: 16px; font-family: Ftahoma; font-size: 8pt; color: #555555; text-align: right; }
.TextBoxError { border: solid 1px #ff0000; background-color: #ffd0d0; width: 151px; height: 16px; font-family: Ftahoma; font-size: 8pt; color: #555555; }
.TextBoxMultiLine { border: solid 1px #7d7d7d; height: 60px; width: 190px; font-family: Ftahoma; font-size: 8pt; color: #555555; }
.TextBoxPay { border: solid 1px #7d7d7d; width: 140px; height: 16px; font-family: Ftahoma; font-size: 8pt; color: #555555; text-align: left; padding-left: 5px; }
.Button { font-family: Ftahoma; font-size: 8pt; }
.DropDownList { font-family: Ftahoma; font-size: 8pt; border: solid 1px #7d7d7d; }
.Title { text-align: right; float: right; padding-left: 5px; font-size: 16pt; line-height: 20px; }
    .Title a { text-align: right; margin-left: 30px; }
.TitleIcon { height: 18px; float: left; padding-top: 2px; color: #036703; font-family: Ftahoma; font-size: 8pt; margin-top: 3px; margin-left: 5px; }
    .TitleIcon a { color: #036703; }
.IeWarning { width: 1001px; height: 95px; background-color: #feefda; border: solid 1px #f7941d; text-align: center; margin: 4px 0px 4px; }
.NewsTitle { font-family: Zar; font-size: 14pt; text-align: right; color: #003663; }
.NewsTitleSimple { font-family: Yekan; font-weight: bold; font-size: 10pt; text-align: right; color: #003663; }
.BlueText { color: #002157; }
.GreenText { color: Green; }
.OrangeText { color: #f3641a; font-weight: bold; }
.NotDataFound { background-color: #fff568; border: solid 1px #f26522; margin: 5px 0px 5px; padding: 5px; color: #c70707; }
.DataSuccess { background-color: #caf8a3; border: solid 1px #005e20; margin: 5px 0px 5px; padding: 5px; color: #005826; }
.BranchLink { background: url(Image/Bullet.gif) no-repeat center right; margin-right: 15px; padding-right: 15px; font-size: 12pt; }
div.vertical-list { width: 650px; padding: 10px; height: 130px; margin-right: 45px; height: 190px; }
ul.vertical-list { padding: 0px; margin-right: 20px; margin-top: 10px; }
    ul.vertical-list li { height: 12px; float: right; width: 200px; }
        ul.vertical-list li a { color: #f26522; }
.Box { border: solid 1px #76d4ee; border-radius: 8px; padding: 6px; text-align: center; }
.NewsAddPoint { float: left; width: 38px; height: 24px; border: solid 1px #ccc; border-radius: 3px; direction: ltr; color: #6bb020; font-size: 14pt; font-family: Raavi; font-weight: bold; cursor: pointer; margin-right: 1px; margin-left: 1px; }
    .NewsAddPoint .Plus { font-size: 16pt; float: left; margin-right: 2px; margin-left: 8px; line-height: 28px; }
    .NewsAddPoint .One { font-size: 14pt; float: left; line-height: 30px; }
.LoadingNewsPoint { position: absolute; background: url(/Images/svwloader.gif) no-repeat center center; background-color: #fff; width: 25px; height: 16px; margin-left: 6px; margin-top: 4px; }
.NewsAddedPoint { float: left; width: 40px; height: 26px; border-radius: 3px; direction: ltr; color: #fff; font-size: 14pt; font-family: Raavi; font-weight: bold; margin-right: 1px; margin-left: 1px; background-color: #6bb020; }
    .NewsAddedPoint .Plus { font-size: 16pt; float: left; margin-right: 2px; margin-left: 9px; line-height: 29px; }
    .NewsAddedPoint .One { font-size: 14pt; float: left; line-height: 31px; }
.NewsPointArrow { width: 6px; height: 26px; background-image: url(Image/NewsPointArrow.jpg); float: left; }
.NewsPoint { float: left; height: 19px; border: solid 1px #ccc; border-bottom-right-radius: 3px; border-top-right-radius: 3px; padding: 3px 5px 2px 4px; color: #666; border-left: none; }
.NewsSubmitPoint { display: none; float: left; height: 20px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; padding: 4px 4px 0px 5px; border: solid 1px #ccc; border-right: none; background-color: #fcfcfc; color: #6bb020; }
.NewsSubmitPointArrow { display: none; width: 6px; height: 26px; background-image: url(Image/NewsSubmitPointArrow.jpg); float: left; }
.NewsSubmitPointUp { display: none; height: 20px; border-radius: 3px; border-bottom-left-radius: 3px; padding: 4px 4px 0px 5px; border: solid 1px #ccc; background-color: #fcfcfc; color: #00920c; margin-top: 4px; }
.NewsSubmitPointArrowUp { display: none; width: 22px; height: 5px; background-image: url(Image/NewsSubmitPointArrowUp.jpg); position: absolute; float: left; }
.Notification { position: fixed; z-index: 999; margin: 15px 0 0 15px; width: 300px; height: 150px; padding: 5px; background-color: #fff; opacity: 0.95; border: solid 1px #f36821; border-bottom-right-radius: 15px; border-top-left-radius: 15px; }
    .Notification .AddictionPic { width: 85px; height: 86px; background-image: url(Image/Addiction.png); float: right; margin-top: 30px; }
    .Notification .Content { color: #f25809; width: 200px; font-family: Zar; font-size: 13pt; text-align: justify; float: right; line-height: 15pt; direction: rtl; margin-right: 10px; }
.MenuFix { position: fixed; margin-bottom: 200px; z-index: 999; top: 0; }
.Date { color: #959595; }
.UserNews { margin-right: 20px; }
    .UserNews li { margin-top: 10px; }
        .UserNews li a { color: #0265a6; }
            .UserNews li a:hover { color: #02a9d7; }

.NewsReportComment { white-space: normal; width: 840px; line-height: 15px; text-align: justify; color: #555; padding-right: 5px; }
.p404 { width: 100%; text-align: center; margin-top: 20px; color: #063a61 }
    .p404 .e404 { font-size: 40pt; font-family: Tahoma; color: #e1706a }
    .p404 .en { font-size: 20pt }
    .p404 .fa { font-size: 20pt; font-family: Yekan !important; }