/**************************************************************************************
 * Project Name: Donbaler
 * Project Started Date: 1st December 2009
 * Members: Omid Abolhasani, Pooya Ramezan Zadeh, Nima Saberi, Mohammad Hasan Mazrooee
 * Graphic: Nima Saberi
 * Programmer: Mohammad Hasan Mazrooee
 * File name: styles.css (CSS 2.0)
 * Editor: NetBeans IDE v6.8
 * OS: GNU/Linux Ubuntu 8.04
 * Website: http://www.donbaler.com
 * Copyright (C) 2009 Donbaler Team
 **************************************************************************************/

body {
    background-color: #000000;
    background-image: url(images/main/main-bg.gif);
    background-repeat: repeat;
    font-family: Tahoma;
    font-size: 10pt;
    text-align: center;
    vertical-align: top;
    direction: rtl;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

/****************************************************
 * Header - Begin
 ***************************************************/
.header-top-right {
    font-family: Tahoma;
    background-color: white;
    background-image: url(images/main/header-top-right.png);
    background-position: left top;
    text-align: right;
    vertical-align: top;
    direction: rtl;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 313px;
    height: 29px;
}

.header-top-left {
    font-family: Tahoma;
    background-color: white;
    background-image: url(images/main/header-top-left.png);
    background-position: right top;
    text-align: left;
    vertical-align: top;
    direction: ltr;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 525px;
    height: 29px;
}

.header-middle-right {
    font-family: Tahoma;
    background-color: white;
    background-image: url(images/main/header-middle-right.png);
    background-position: left top;
    text-align: right;
    vertical-align: top;
    direction: rtl;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 313px;
    height: 81px;
}

.header-middle-left {
    font-family: Tahoma;
    background-color: white;
    background-image: url(images/main/header-middle-left.png);
    background-position: right top;
    text-align: left;
    vertical-align: top;
    direction: ltr;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 525px;
    height: 81px;
}

.header-bottom {
    font-family: Tahoma;
    background-color: white;
    background-image: url(images/main/header-bottom.png);
    background-repeat: repeat-x;
    background-position: top;
    text-align: right;
    vertical-align: top;
    direction: rtl;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 838px;
    height: 50px; /* Changable */
}

/****************************************************
 * Header - End
 ***************************************************/

/****************************************************
 * Header Objects - Begin
 ***************************************************/

#latest {
    font-family: Tahoma;
    color: #ffffff;
    text-decoration: none;
    background-image: url(images/main/latest.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-align: center;
    vertical-align: bottom;
    direction: rtl;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 4px;
    width: 209px;
    height: 25px;
    position: relative;
    top: 3px;
    right: 27px;
}

.header-form-text {
    font-family: Tahoma;
    font-size: 8pt;
    color: black;
    font-style: normal;
    background-color: white;
    text-align: left;
    direction: ltr;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: #555555;
    border-left-color: #555555;
    border-bottom-color: #555555;
    border-top-color: #555555;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    width: 68px;
    height: 15px;
}

.header-form-button {
    font-family: Tahoma;
    font-size: 8pt;
    color: black;
    font-style: normal;
    background-color: #efebdf;
    text-align: center;
    direction: rtl;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-right-color: #555555;
    border-left-color: #555555;
    border-bottom-color: #555555;
    border-top-color: #555555;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 2px;
    padding-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    width: 41px;
    height: 17px;
    line-height: 10%;
    background-image: url(images/main/header-login-bg.png);
}

.header-form-container {
    position: relative;
    left: 34px;
    top: 3px;
    width: 250px;
    height: 20px;
    direction: ltr;
    font-family: Tahoma;
    font-size: 8pt;
    color: white;
    text-decoration: none;
    font-style: normal;
}

.header-form-container > a {
    font-family: Tahoma;
    font-size: 8pt;
    color: white;
    text-decoration: none;
    font-style: normal;
    display: inline-block;
}

.header-form-container > a:hover {
    font-family: Tahoma;
    font-size: 8pt;
    color: #8dc701;
    text-decoration: underline;
    font-style: normal;
    display: inline-block;
}

.logo-place {
    background-image: url(images/main/logo-place.png);
    background-repeat: no-repeat;
    background-position: top;
    text-align: center;
    direction: rtl;
    vertical-align: middle;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 229px;
    height: 71px;
    position: relative;
    top: 18px;
    right: -8px;
}

.header-ads {
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    position: relative;
    top: 2px;
    left: 25px;
    width: 491px;
    height: 67px;
}

.ads-img {
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    width: 491px;
    height: 67px;
}

/****************************************************
 * Header Objects - End
 ***************************************************/

.headlines-top {
    font-family: Tahoma;
    font-size: 9pt;
    color: white;
    background-color: black;
    background-image: url(images/main/headlines-top.png);
    background-repeat: repeat-x;
    background-position: left top;
    text-align: right;
    vertical-align: top;
    direction: rtl;
    line-height: 170%;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-right: 10px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 653px;
    height: 24px;
}

.headlines-static {
    height: 24px;
    width: 106px;
    text-align: center;
    float: right;
}

.headlines-np {
    height: 24px;
    width: 40px;
    float: right;
}

.headlines-npr {
    height: 11px;
    width: 18px;
    float: right;
    margin-top: 6px;
    background-image: url(images/main/headlines-right.png);
    background-position: top;
    cursor: pointer;
}

.headlines-npr-over {
    height: 11px;
    width: 18px;
    float: right;
    margin-top: 6px;
    background-image: url(images/main/headlines-right.png);
    background-position: bottom;
    cursor: pointer;
}

.headlines-npl {
    height: 11px;
    width: 18px;
    float: left;
    margin-top: 6px;
    background-image: url(images/main/headlines-left.png);
    background-position: top;
    cursor: pointer;
}

.headlines-npl-over {
    height: 11px;
    width: 18px;
    float: left;
    margin-top: 6px;
    background-image: url(images/main/headlines-left.png);
    background-position: bottom;
    cursor: pointer;
}

.headlines-text {
    height: 24px;
    float: right;
    margin-right: 3px;
}

.datetime-top {
    font-family: Tahoma;
    font-size: 9pt;
    color: white;
    background-color: black;
    background-image: url(images/main/datetime-top.png);
    background-repeat: no-repeat;
    background-position: right top;
    text-align: center;
    vertical-align: top;
    direction: rtl;
    line-height: 170%;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 185px;
    height: 24px;
    cursor: pointer;
}

.footer {
    background-color: #363731;
    font-family: Tahoma;
    font-size: 10pt;
    text-align: center;
    vertical-align: top;
    direction: rtl;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 838px;
    height: 298px;
}

.footer-top-right {
    width: 468px;
    height: 22px;
    background-color: #222421;
    vertical-align: top;
    float: right;
    color: white;
    text-align: right;
    direction: rtl;
    font-family: Tahoma;
    font-size: 8pt;
    line-height: 200%;
    padding-right: 120px;
}

.footer-top-right > a {
    font-family: Tahoma;
    font-size: 8pt;
    color: white;
    text-decoration: none;
}

.footer-top-right > a:hover {
    font-family: Tahoma;
    font-size: 8pt;
    color: #8dc701;
    text-decoration: underline;
}

.footer-top-left {
    width: 250px;
    height: 20px;
    background-color: #222421;
    vertical-align: top;
    padding-top: 2px;
    text-align: center;
    font-family: Tahoma;
    font-size: 8pt;
    direction: ltr;
    float: left;
}

.footer-combo {
    width: 213px;
    height: 17px;
    font-family: Tahoma;
    font-size: 8pt;
    direction: rtl;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: #baccdc;
    border-left-color: #baccdc;
    border-bottom-color: #baccdc;
    border-top-color: #baccdc;
}

.footer-bottom-right {
    width: 591px;
    height: 276px;
    float: right;
    background-color: #363731;
}

.footer-separator {
    width: 3px;
    height: 276px;
    float: right;
    background-color: #363731;
    background-image: url(images/main/footer-separator.png);
    background-position: 50% 30%;
    background-repeat: no-repeat;
}

.footer-bottom-left {
    width: 244px;
    height: 276px;
    float: left;
    background-color: #363731;
}

.footer-move-top {
    width: 26px;
    height: 22px;
    background-image: url(images/main/move-top.png);
    margin-top: 7px;
    margin-right: 20px;
    float: right;
    cursor: pointer;
}

.footer-mobile-inside {
    height: 22px;
    background-image: url(images/main/mobile-inside.png);
    margin-top: 7px;
    background-repeat: repeat-x;
    width: auto;
    float: right;
    cursor: pointer;
    color: white;
    padding-right: 5px;
    padding-left: 5px;
    font-family: Tahoma;
    font-size: 8pt;
    line-height: 170%;
}

.footer-mobile-version {
    width: 13px;
    height: 22px;
    background-image: url(images/main/mobile-version.png);
    background-repeat: no-repeat;
    margin-top: 7px;
    float: right;
    cursor: pointer;
}



.footer-content-right {
    width: 550px;
    height: 152px;
    float: right;
    margin-right: 20px;
    margin-top: 1px;
    background-image: url(images/main/footer-content-right.png);
    background-position: bottom;
    background-repeat: no-repeat;
}

.footer-content-sub {
    margin-right: 24px;
    float: right;
    width: 550px;
    vertical-align: middle;
    text-align: right;
    font-family: Tahoma;
    font-size: 8pt;
    color: #c3c3c2;
    padding-top: 9px;
    cursor: default;
}

.footer-content-sub a {
    font-family: Tahoma;
    font-size: 8pt;
    color: #c3c3c2;
    text-decoration: none;
}

.footer-content-sub a:hover {
    font-family: Tahoma;
    font-size: 8pt;
    color: #000000;
    display: inline-block;
    background-color: #ffffff;
}

.footer-license {
    cursor: default;
    color: #868783;
    text-decoration: none;
}

.footer-license a {
    color: #868783;
    text-decoration: none;
}

.footer-logo {
    background-image: url(images/main/footer-logo.png);
    float: right;
    width: 37px;
    height: 35px;
    margin-left: 5px;
    margin-top: -9px;
}

.footer-browser {
    background-image: url(images/main/browser-background.png);
    width: 320px;
    height: 26px;
    margin-right: 6px;
    margin-top: 8px;
}

.footer-browser-text-1 {
    color: #b7b7b4;
    float: right;
    margin-right: 9px;
    margin-top: 5px;
    cursor: default;
}

.footer-browser-text-2 {
    color: #656661;
    float: left;
    margin-left: 8px;
    margin-top: 5px;
    cursor: default;
}

.footer-browser-ff {
    float: right;
    margin-top: 4px;
    margin-right: 5px;
    background-image: url(images/main/browser-ff.png);
    width: 18px;
    height: 18px;
}

.footer-browser-op {
    float: right;
    margin-top: 4px;
    margin-right: 5px;
    background-image: url(images/main/browser-op.png);
    width: 18px;
    height: 18px;
}

.footer-browser-ch {
    float: right;
    margin-top: 4px;
    margin-right: 5px;
    background-image: url(images/main/browser-ch.png);
    width: 18px;
    height: 18px;
}

.footer-browser-ie {
    float: right;
    margin-top: 4px;
    margin-right: 5px;
    background-image: url(images/main/browser-ie.png);
    width: 18px;
    height: 18px;
}

.footer-stats {
    width: 244px;
    height: 140px;
    vertical-align: text-bottom;
    padding-right: 10px;
    float: right;
    text-align: right;
    direction: rtl;
    margin-top: 40px;
    font-family: Tahoma;
    font-size: 8pt;
    line-height: 140%;
    cursor: default;
}

.footer-rss {
    width: 69px;
    height: 53px;
    float: left;
    margin-top: 43px;
    margin-left: 185px;
    background-image: url(images/main/rss.png);
}

#feedback {
    background-image: url(images/main/feedback.png);
    width: 34px;
    height: 79px;
    position: fixed;
    top: 100px;
    right: 0px;
    cursor: pointer;
}

#register {
    background-image: url(images/main/register.png);
    width: 34px;
    height: 79px;
    position: fixed;
    top: 185px;
    right: 0px;
    cursor: pointer;
}