/*----------------------------------------
Reset
-----------------------------------------*/
* {
    margin: 0;
    padding: 0;
}

html, body, #wrapper {
    height: 100%;
}

body > #wrapper {
    height: auto;
    min-height: 100%;
}

body {
    margin: 0;
    padding: 0;
    color: #555;
    font-size: 11px;
    cursor: default;
    text-align: justify;
    font-family: Tahoma, sans-serif;
    background: #f2f2f2 url('../img/body-bg-big.png') repeat-x bottom fixed;
}

a, p, input,
ul, li {
    margin: 0;
    padding: 0;
    text-decoration: none;
    outline-color: #b9b9b9;
}

:focus {
    outline: 0
}

a img, #overlay input {
    border: 0 none !important;
}

fieldset {
    border: none;
}

h1, h2, h3, h4, h5 {
    font-weight: normal;
}

/*----------------------------------------
 Global Styles
 -----------------------------------------*/

#wrapper {
    direction: rtl;
    min-height: 100%;
}

#header {
    color: #fff;
    height: 70px;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-image: url("../img/header-bg.png");
    background-color: #000;
    position: relative;
    z-index: 50;
}

#body {
    margin-top: 1px;
    line-height: 22px;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-image: url("../img/content-shadow.png");
}

.homepage {
    background-image: none;
}

.header-banner {
  width:145px;
  height:62px;
  padding:4px 14px;
  float:left;
}

.header-banner img {
  max-width: 100%;
  margin-top: 10px;
}

.user .header-banner {
  border-left: 1px solid #444;
}

#beta {
    background: url(../img/beta.png) no-repeat;
    width: 78px;
    height: 52px;
    position: absolute;
    left: 0;
    top: 9px;
}

#beta span {
    display: none;
}

.content {
    width: 970px;
    margin: 0 auto;
}

#body .content {

    padding-top: 15px;
    min-height: 100%;
    margin-bottom: -95px;
}

#body .content:after {
    content: "";
    display: block;
}

.kiosk-loading {
    background: url(../img/kiosk-loading.gif) no-repeat 50% 30%;
}

.right {
    float: right;
}

.left {
    float: left;
}

.clear {
    height: 0px;
    clear: both;
    display: block;
    overflow: hidden;
}

.invisible {
    display: none;
}

.hidden {
    visibility: hidden;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.no-bg {
    background: none !important;
}

.no-border {
    border: 0 none !important;
}

#print-btn {
    cursor: pointer;
    padding: 5px 1px;
}

.pipe {
    color: #cc3333;
}

.error {
    background-color: #cc3333;
    margin: 15px 0;
    color: #fff;
    padding: 3px;
}

#header .content {
    position: relative;
}

#header #logo {
    top: 0;
    right: -4px;
    position: absolute;
    width: 387px;
}

#header #logo img {
    float: right;
}

#header #logo .page-one {
    padding-top: 20px;
    padding-right: 10px;
}

#header .membership {
    float: left;
    margin-top: 1px;
    border-left: 1px solid #000;
    border-right: 1px solid #444;
    background: url("../img/membership-bg.jpg") no-repeat center;
}

#header .membership li {
    font-family: 'Dinar', Tahoma, sans-serif;
    float: left;
    width: 92px;
    height: 69px;
    cursor: pointer;
    list-style: none;
    text-align: center;
    border-left: 1px solid #444;
    border-right: 1px solid #000;
    font-size: 12px;
}

#header .membership li a {
    margin: 0 auto;
    height: 52px;
    display: block;
    color: #939393;
    padding: 15px 0 0 0;
}

#header .membership li a i {
    font-size: 16px;
}

#header .membership li a:hover {
    color: #b9b9b9;
    background-color: #252525;
}

#hover-overlay-wrapper {
    position: relative;
    cursor: pointer;
}

#hover-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    z-index: 2;
}

/*----------------------------------------
 Header User Menu
 -----------------------------------------*/
#header .user-dropdown {
    line-height: 20px;
    font-family: 'Dinar', Arial, sans-serif;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 9999;
    float: left;
    background: rgba(0, 0, 0, 0.2);
}

#header .user-dropdown li.user-account {
    width: 145px;
}

#header .user-dropdown li {
    text-align: right;
    display: block;
    position: relative;
    width: 175px;
    height: 46px;
    padding: 13px 15px 10px 15px;

}

#header .user-dropdown a.user-account-link {
    background: url("../img/icons16-sprite.png") 0 -270px no-repeat;
    height: 20px;

}

#header .user-dropdown p, #header .user-dropdown h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#header .user-dropdown p {
    margin: 0px;
    font-size: 13px;
    color: #616161;
    line-height: 1.2em;
    margin-top: 3px;
}

#header .user-dropdown h4 {
    color: #bbb;
    font-size: 13px;
    margin-bottom: 4px;
}

#header .user-dropdown li ul {
    position: absolute;
    line-height: 0px;
    top: 69px;
    left: 0px;
    box-shadow: rgba(0, 0, 0, 0.85) 0px 5px 30px;
    border-top: 1px solid #353535;
    display: none;
    z-index: 999;
    font-size: 0;

}

#header .user-dropdown li ul li {
    display: block;
    height: 50px;
    float: none;
    padding: 0px;
    line-height: 1.1;
    border-bottom: 1px solid #353535;
    text-shadow: none;
    color: #BBB;
    -webkit-transition: none;
    background: black;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    cursor: default;
    margin: 0 !important;
    white-space: normal;
}

#header .user-dropdown li span.icon {
    width: 100%;
    padding: 0;
}

#header .user-dropdown li.my-account span {
    background-position: 0 -315px;
}

#header .user-dropdown li.quit span {
    background-position: 0 -90px;
}

#header .user-dropdown li > ul > li:last-child {
    border: none;
}

#header .user-dropdown li > ul > li:nth-child(even) {
    background: #111;
}

#header .user-dropdown ul li a {
    font-size: 13px;
    color: #bbb;
    padding-top: 17px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
}

#header .user-dropdown li:hover ul {
    display: block;
    position: absolute;
}

#header .user-dropdown li:hover li {
    float: none;
}

#header .user-dropdown li:hover li:hover {
    background: #eee;
    background: -webkit-linear-gradient(#fff, #e5e5e5);
    background: -moz-linear-gradient(#fff, #e5e5e5);
    text-shadow: white 0px 1px 0px;
}

#header .user-dropdown li:hover li:hover a {
    color: #333;
}

/*----------------------------------------
 Overlay
 -----------------------------------------*/

#overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    direction: ltr;
    position: fixed;
    overflow: hidden;

}

#overlay .curtain {
    width: 100%;
    height: 100%;
    background: #000;
    cursor: pointer;
}

#overlay .form-popup {
    background: #1f1f1f;
    font-family: 'Dinar', Tahoma, sans-serif;
    font-size: 12px;
    min-height: 155px;
    top: 50%;
    left: 50%;
    width: 420px;
    direction: rtl;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: black 0px 1px 0px inset, rgba(0, 0, 0, 0.5) 0px 4px 30px;
    -moz-box-shadow: black 0px 1px 0px inset, rgba(0, 0, 0, 0.5) 0px 4px 30px;
    box-shadow: black 0px 1px 0px inset, rgba(0, 0, 0, 0.5) 0px 4px 30px;
    position: absolute;
    margin-top: -150px;
    margin-left: -244px;
    overflow: hidden;
    padding: 10px 30px 20px 30px;
}

#overlay .popup-img {
    top: 50%;
    left: 50%;
    padding: 10px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    margin-top: -210px;
    margin-left: -280px;
    background: #fff;
    background: -webkit-linear-gradient(#fff, #dbdbdb);
    background: -moz-linear-gradient(#fff, #dbdbdb);
    -webkit-box-shadow: white 0px -1px 0px inset, rgba(0, 0, 0, 0.2) 0px 4px 30px;
    -moz-box-shadow: white 0px -1px 0px inset, rgba(0, 0, 0, 0.2) 0px 4px 30px;
    box-shadow: white 0px -1px 0px inset, rgba(0, 0, 0, 0.2) 0px 4px 30px;
    direction: rtl;
}

#overlay .dismiss {
    width: 12px;
    height: 28px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../img/overlay-dismiss.png");
    margin-left: 10px;
    position: absolute;
    right: 10px;
}

#overlay .form-popup fieldset {
    border: none;
    margin: 0;
}

#overlay .form-popup .topic {
    font-size: 24px;
    margin-bottom: 10px;
    padding: 0 5px 10px 0;
    color: #b5b5b5;
    font-family: 'BMitra', Arial, sans-serif;
    background: url("../img/overlay-divider.png") repeat-x bottom;
}

#overlay .form-popup .field {
    padding-top: 15px;
}

#overlay .form-popup .center {
    text-align: center
}

#overlay .form-popup .notice {
    color: #fff;
    padding: 10px 0;
    margin-top: 15px;
    text-align: center;
    border-radius: 5px;
    background-color: #b2d149;
}

#overlay .form-popup .form-loader {
    position: absolute;
    width: 100%;
    left: 0;
    top: 40px;
    bottom: 0;
    background: url("../img/loading/inner_loading.gif") no-repeat center 70px;
}

#overlay .form-popup .form-loader p {
    width: 100%;
    text-align: center;
    margin-top: 30px;
    font-size: 18px;
}

#overlay .form-popup form {

}

#overlay .form-popup .control-group {
    margin-bottom: 7px;
    width: 165px;
    float: right;
}

#overlay .form-popup .privacy-agreement {
    width: 80%;
    margin-top: 5px;
}

#overlay .form-popup .privacy-agreement a {
    color: #666;
}

#overlay .form-popup .privacy-agreement a:hover {
    color: #999;
}

#overlay #signup-form .email,
#overlay #reset-password-form .email,
#overlay #resend-activation-link-form .email,
#overlay .form-popup .captcha {
    width: 322px;
}

#overlay #signup-form input[type="text"],
#overlay #reset-password-form input[type="password"],
#overlay #forgot-password-form input[type="text"],
#overlay #resend-activation-link-form input[type="text"],
#overlay .form-popup .captcha input[type="text"] {
    width: 283px;
}

#overlay #signup-form .email .controls,
#overlay #reset-password-form .email .controls,
#overlay #resend-activation-link-form .email .controls,
#overlay #forgot-password-form .email .controls {
    width: 277px;
}

#overlay .form-popup .captcha .controls {
    width: 323px;
    padding: 10px 0;
}

#overlay .form-popup .captcha .controls .cpatcha-img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
}

.refresh-captcha {
    height: 64px;
    width: 36px;
    display: block;
    float: right;
    cursor: pointer;
    border-left: 1px solid #c6c6c6;
    background: url("../img/recaptcha-icon.png") no-repeat center;
}

#overlay #signup-form .email {
    float: none;
}

#overlay .form-popup .email .controls {
    background: #FFF url("../img/overlay-email-icon.png") 6px center no-repeat;

}

#overlay .form-popup .password .controls, #overlay .form-popup .confirm-password .controls {
    background: #FFF url("../img/overlay-password-icon.png") 6px center no-repeat;
}

#overlay .form-popup .controls {
    color: #989898;
    padding: 10px 15px 10px 30px;
    width: 112px;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    direction: ltr;
}

#overlay .form-popup .controls input {

    border: none;
    width: 120px;
}

#overlay .form-popup .captcha input[type="text"] {
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Tahoma, Arial;
    font-size: 11px;
}

#new-features .dismiss {
    height: 16px;
}

#new-features h2 {
    font-family: 'Dinar', Arial, sans-serif;
}

#new-features .features-txt {
    text-align: center;
}

#new-features p {
    margin-top: 7px;
}

#new-features .features-txt a {
    color: #e04549;
}

#new-features .campaign {
    background-position: center;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
}

#new-features.popup-img {
    padding: 0;
}

#new-features .campaign.arbor-day {
    width: 500px;
    height: 500px;
    background-image: url("../img/banners/arbor-day-intro.png");
    position: relative;
    border-radius: 4px;
}

#new-features .campaign.arbor-day .button-group {
    position: absolute;
    top: 330px;
    width: 100%;
    text-align: center;
    z-index: 1;
}

#new-features .campaign.arbor-day .button-group a {
    border-radius: 4px;
    padding: 6px 12px;
    font-family: 'Dinar', Arial, sans-serif;
    background: #009a3c;
    color: #fff;
    text-decoration: none;
    margin: 0 4px;
    font-size: 14px;
}

#new-features .campaign.arbor-day .button-group a:hover {
    background: #09a245;
}

#new-features .dismiss {
    color: #333;
    z-index: 2;
}

/* webkit solution */
::-webkit-input-placeholder {
    text-align: right;
}

/* mozilla solution */
input:-moz-placeholder {
    text-align: right;
}

#overlay .form-popup input[type="text"]:focus, #overlay .form-popup input[type="password"]:focus {
    outline: none;
}

#overlay .form-popup button {
    background-color: #C4122F;
    color: #fff;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 90px;
    height: 100%;
    font-family: 'BMitra', Arial, sans-serif;
    font-size: 26px;
    border: none;
    background-image: url("../img/overlay-submit.png");
    background-repeat: no-repeat;
    background-position: 16px 47px;
}

#overlay .form-popup button[disabled] {
    background-image: url("../img/overlay-submit-disabled.png");
}

#overlay .form-popup label, #overlay .form-popup .captcha p {
    font-size: 13px;
    margin: 7px 3px;
    color: #CCC;
}

#overlay .form-popup .retrieval-note {
    float: right;
    color: #CCC;
    line-height: 24px;
    margin-left: 20px;
}

#overlay .form-popup .register-note {
    width: 50%;
    float: right;
    color: #CCC;
    line-height: 24px;

}

#overlay .form-popup .retrieval-note span {
    color: #CCC;
    cursor: pointer !important;
}

#overlay .form-popup .register-note span span {
    color: #666;
    cursor: pointer !important;
}

#overlay .form-popup .captcha input[type="text"] {
    margin-top: 10px;
}

.captcha-img {
    margin-top: 11px;
}

#overlay .form-popup .captcha img {

    /*margin-top: 11px;*/

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left;
    /*margin-right: 6px;*/
}

#overlay .form-popup form .button {
    padding: 20px 0 0;

}

#overlay .form-popup form .button .forget {
    color: #08c;
    float: left;
    display: block;
    padding-top: 5px;
}

/*----------------------------------------
 Context Menu
 -----------------------------------------*/

.context-dialog {
    z-index: 120;
    padding-top: 8px;
    position: absolute;
}

.context-dialog .context-arrow {
    top: 0px;
    right: 0px;
    width: 17px;
    height: 9px;
    display: block;
    position: absolute;
    margin: 0 12px 0 0;
    background-repeat: no-repeat;
    background-position: 0 -76px;
    background-image: url("../img/icons.gif");
}

.context-dialog .context-content {
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #9d9d9d;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
}

/*----------------------------------------
 HomePage
 -----------------------------------------*/

#body #top-bar {
    padding-right: 25px;
}

#body #top-bar .anchor {
    float: left;
    width: 32px;
    height: 24px;
    display: block;
    padding-top: 4px;
    border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: 0 1px 0 #fff;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-image: url("../img/anchor-bg.png");
}

#body #top-bar .anchor.selected {
    background-position: 0 100%;
}

#body #top-bar .icon {
    width: 18px;
    height: 18px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    text-indent: -9999px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../img/icons.gif");
}

#body #top-bar #view-mode {
    float: right;
    z-index: 70;
    position: relative;
}

#body #top-bar #view-mode #columnview-anchor {
    border-right: 0 none;
    border-radius: 3px 0 0 3px;
}

#body #top-bar #view-mode #tableview-anchor {
    border-radius: 0 3px 3px 0;
}

#body #top-bar #view-mode #columnview-anchor .icon {
    background-position: -30px 0;
}

#body #top-bar #view-mode #tableview-anchor .icon {
    background-position: -60px 0;
}

#body #top-bar #slideshow #slideshow-anchor .icon {
    background-position: 2px -53px;
}

#body #top-bar #slideshow #slideshow-anchor.play .icon {
    background-position: -28px -53px;
}

#body #top-bar #slideshow {
    float: right;
    margin-right: 5px;
    position: relative;
    z-index: 70;
}

#body #top-bar #slideshow .context-dialog {
    top: 32px;
    right: 2px;
}

#body #top-bar #slideshow .context-content {
    width: 110px;
    padding: 5px 5px 0;
}

#body #top-bar #slideshow .context-content .topic {
    font-weight: bold;
    padding: 0 18px 2px 0;
    border-bottom: 1px dotted #ccc;
    background-repeat: no-repeat;
    background-position: 100% -107px;
    background-image: url("../img/icons.gif");
}

#body #top-bar #slideshow .context-content label {
    display: block;
    cursor: pointer;
    padding: 2px 18px 3px 0;
    border-bottom: 1px dotted #ddd;
}

#body #top-bar #slideshow .context-content label.selected {
    background-repeat: no-repeat;
    background-position: 100% -85px;
    background-image: url("../img/icons.gif");
}

#body #top-bar #date {
    float: left;
    border-right: 1px solid #ccc;
    padding-right: 5px;
    /*margin-right: 5px;*/
}

#body #top-bar #date #calnedar-anchor .icon {
    background-position: 0 0;
}

#body #top-bar #date #date-string {
    float: left;
    text-align: left;
    padding-left: 7px;
    line-height: normal;
}

#body #top-bar #date #date-string .jalali span {
    color: #ff8800;
}

#body #top-bar #date #date-string .others {
    color: #999;
    font-size: 10px;
    padding-top: 2px;
    padding-left: 1px;
}

#body #top-bar #gplus {
    float: left;
    padding: 4px 0 0 5px;
}

#body #kiosk {
    padding-top: 15px;
}

#body #kiosk #shelf {
    /*width: 240px;*/
    width: 970px;
    float: right;
    height: 600px;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0px 1px 3px #bfbfbf;
    background: #fff url("../img/kiosk-bg.png") repeat-x 0 100%;
}

#body #kiosk #shelf #categories {
    float: left;
    width: 70px;
    height: 581px;
    display: block;
    padding-top: 19px;
    background: url("../img/kiosk-shelf-category-bg.jpg") repeat-y 0 0;
    font-size: 0;
}

#body #kiosk #shelf #categories li {
    list-style: none;
    padding-bottom: 16px;
}

#body #kiosk #shelf #categories li a {
    width: 70px;
    height: 55px;
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-image: url("../img/kiosk-shelf-category-icons.png");
    _background-image: url("../img/kiosk-shelf-category-icons.gif"); /* IE 6 */
}

#body #kiosk #shelf #categories li a.all {
    background-position: 0 0;
}

#body #kiosk #shelf #categories li.selected a.all {
    background-position: 0 bottom;
}

#body #kiosk #shelf #categories li a.general {
    background-position: -70px 0;
}

#body #kiosk #shelf #categories li.selected a.general {
    background-position: -70px bottom;
}

#body #kiosk #shelf #categories li a.economic {
    background-position: -140px 0;
}

#body #kiosk #shelf #categories li.selected a.economic {
    background-position: -140px bottom;
}

#body #kiosk #shelf #categories li a.sport {
    background-position: -210px 0;
}

#body #kiosk #shelf #categories li.selected a.sport {
    background-position: -210px bottom;
}

#body #kiosk #shelf #categories li a.iran {
    background-position: -280px 0;
}

#body #kiosk #shelf #categories li.selected a.iran {
    background-position: -280px bottom;
}

#body #kiosk #shelf #categories li a.other {
    background-position: -350px 0;
}

#body #kiosk #shelf #categories li.selected a.other {
    background-position: -350px bottom;
}

#body #kiosk #shelf #categories li a.magazine {
    background-position: -420px 0;
}

#body #kiosk #shelf #categories li.selected a.magazine {
    background-position: -420px bottom;
}

#body #kiosk #shelf #categories li a.favoured {
    background-position: -490px 0;
    margin-top: 11px;
}

#body #kiosk #shelf #categories li.selected a.favoured {
    background-position: -490px bottom;
}

#body #kiosk #shelf #categories li.sep {
    height: 1px;
    padding-bottom: 0;
    margin: 0 18px;
    background-color: #000;
    border-bottom: 1px solid #565656;
    *line-height: 0;
}

#body #kiosk #shelf #grid {
    margin-left: 70px;
}

#body #kiosk #shelf #grid #search {
    padding-top: 5px;
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
}

#body #kiosk #shelf #grid #search a {
    top: 9px;
    width: 20px;
    height: 16px;
    display: block;
    position: absolute;
}

#body #kiosk #shelf #grid #search input {
    color: #777;
    width: 135px;
    font-size: 11px;
    outline: 0 none;
    border-radius: 4px;
    font-family: Tahoma, Arial, sans-serif;
    padding: 4px 23px 4px 0;
    background-color: #fafafa;
    border: 1px solid #d9d9d9;
    background-repeat: no-repeat;
    background-position: 100% -26px;
    box-shadow: 0 1px 0 #f0f0f0 inset;
    background-image: url("../img/icons.gif");
}

#body #kiosk #shelf #grid #search input:focus {
    background-position: 100% -166px;
}

#body #kiosk #shelf .table #search input {
    width: 865px !important;
}

#body #kiosk #shelf #grid #thumbs {
    height: 570px;
    direction: ltr;
    overflow: hidden;
    position: relative;
}

#body #kiosk #shelf #grid #thumbs p {
    position: relative;
    width: 130px;
    height: 92px;
    padding: 4px;
    cursor: pointer;
    overflow: hidden;
    background: #fff;
    border-radius: 3px;
    margin: 10px auto 15px;
    box-shadow: 0 1px 10px #b9b9b9;
    -moz-box-shadow: 0 1px 3px #b9b9b9;
    -webkit-box-shadow: 0 1px 5px #b9b9b9;
}

#body #kiosk #shelf #grid #thumbs .hover {
    background: #eecc90;
}

#body #kiosk #shelf #grid #thumbs .selected {
    background: #ffa200 !important;
}

#body #kiosk #shelf .table #thumbs p {
    float: right;
    margin: 10px 21px !important;
}

#body #kiosk #shelf #grid #thumbs p span {
    visibility: hidden;
}

#body #kiosk #shelf #grid #thumbs p span.has-pdf {
    left: -3px;
    top: -2px;
    z-index: 8;
    position: absolute;
    visibility: visible;
}

#body #kiosk #shelf #grid #thumbs p .red {
    color: #E74C3C
}

#body #kiosk #shelf #grid #thumbs p .green {
    color: #16A085
}

#body #kiosk #shelf #grid #thumbs p .grey {
    color: #333;
}

#body #kiosk #shelf #grid #thumbs p span .icon-light {
    top: -1px;
    left: 0;
}

#body #kiosk #counter {
    float: left;
    width: 720px;
    height: 600px;
    position: relative;
}

#body #kiosk #counter .display {
    left: 0;
    z-index: 2;
    width: 716px;
    height: 580px;
    padding: 10px 0;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    background-color: #fff;
    background-position: 0 100%;
    background-repeat: repeat-x;
    box-shadow: 0 1px 6px #bfbfbf;
    -moz-box-shadow: 0 1px 3px #bfbfbf;
    background-image: url("../img/kiosk-bg.png");
}

#body #kiosk #counter .display .up,
#body #kiosk #counter .display .down {
    z-index: 4;
    width: 100%;
    height: 50%;
    cursor: pointer;
    position: absolute;
    background-image: url("../img/blank.gif");
}

#body #kiosk #counter .display .up {
    top: 0;
}

#body #kiosk #counter .display .up span {
    left: 0;
    width: 80px;
    height: 300px;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50% 20%;
    background-image: url("../img/arrow-up.gif");
}

#body #kiosk #counter .display .down {
    bottom: 0;
}

#body #kiosk #counter .display .down span {
    left: 0;
    width: 80px;
    height: 300px;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50% 80%;
    background-image: url("../img/arrow-down.gif");
}

#body #kiosk #counter .display .frontpage {
    height: 580px;
    overflow: hidden;
    background: url("../img/loading.gif") no-repeat 50% 50%;
    position: relative;
}

#body #kiosk #counter .display .frontpage img {
    top: 50%;
    position: absolute;
    left: 50%;
}

#body #kiosk #counter .social-tab {
    left: 0;
    top: 535px;
    z-index: 1;
    width: 40px;
    background: #000;
    position: absolute;
    border-radius: 3px;
    padding: 8px 0 0 8px;
    background-color: #3a3f43;
    box-shadow: 0 0 6px #bfbfbf;
    -moz-box-shadow: 0 0 2px #bfbfbf;
}

#body #kiosk #counter .social-tab li {
    height: 16px;
    display: block;
    list-style: none;
    text-align: left;
    padding-bottom: 8px;
}

#body #kiosk #counter .social-tab li.sep {
    height: 1px;
    padding-bottom: 0;
    margin: 4px 23px 4px 0;
    background-color: #000;
    border-bottom: 1px solid #565656;
    *line-height: 0;
}

#body #kiosk #counter .user-tab {
    left: 0;
    top: 50px;
    z-index: 1;
    position: absolute;
    border-radius: 3px;
    padding: 0;
    background-color: #3a3f43;
    box-shadow: 0 0 6px #bfbfbf;
    -moz-box-shadow: 0 0 2px #bfbfbf;
}

#body #kiosk #counter .user-tab i:hover,
#body #kiosk #counter .user-tab a i:hover {
    color: #CCC !important;
}

#body #kiosk #counter .user-tab li {
    margin-top: 7px;
    margin-right: 3px;
    height: 24px;
    display: block;
    list-style: none;
    text-align: center;
    padding: 0 6px 0 5px;

}

#body #kiosk #counter #add-to-shop-cart i.icon-ok {
    font-size: 12px;
    margin-left: 3px;
}

#body #kiosk #counter .user-tab #download-count {
    font-family: 'Dinar', Arial, sans-serif;
    font-size: 11px;
    position: relative;
    top: 0;
    left: 3px;
}

#body #kiosk #counter .user-tab li.sep {
    height: 1px;
    margin: 0 8px 0 5px;
    background-color: #2b2b2b;
    border-bottom: 1px solid #565656;
    *line-height: 0;
}

#body #kiosk #counter .user-tab p,
#body #kiosk #counter .user-tab .archive i,
#body #kiosk #counter .user-tab #download-image i{
    display: inline-block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    font-size: 17px;
    color: #E7E4D3;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
}

#body #kiosk #counter .user-tab .favoured i {
    color: #C7223C;
    text-shadow: 0px 1px 0px #990000;
}

#body #kiosk #thumbs p.unfavoured-mark img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE5+ */
    -webkit-filter: grayscale(1);
}

/* Purchase Action */
#purchase-actions {
    height: 35px;
    width: 100%;
    line-height: 30px;
    position: absolute;
    z-index: 9;
    top: 26px;
    right: -1px;
    font-family: 'Dinar', Arial, sans-serif;
}

#purchase-actions ul {
    background: #e04549;
}

#purchase-actions li {
    float: right;
    list-style: none;
    padding: 0 10px;
    color: #FFF;
    height: 30px;
}

#purchase-actions #action-toggler {
    background-color: #3a3f43;
    border: 1px solid #161615;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26) inset, 0 1px 0 0 rgba(255, 255, 255, 0.15);
    color: #FFF;
    text-align: center;
    float: right;
    line-height: 27px;
    width: 28px;
    cursor: pointer;
}

#purchase-actions #action-toggler i {
    line-height: 28px;
}

#purchase-actions #caret {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 5px 0 0;
    border-color: #666 transparent transparent transparent;
    position: absolute;
    right: 0;
    width: 0;
}

/*----------------------------------------
 User Tab Shopping Card Animation
-----------------------------------------*/

@-moz-keyframes blink {
     0%{opacity: 1.0}
     50%{opacity: 0.2}
    100%{opacity: 1.0}
}

@-webkit-keyframes blink {
    0%{opacity: 1.0}
     50%{opacity: 0.2}
    100%{opacity: 1.0}
}

@-ms-keyframes blink {
     0%{opacity: 1.0}
     50%{opacity: 0.2}
    100%{opacity: 1.0}
}

@keyframes blink {
     0%{opacity: 1.0}
     50%{opacity: 0.2}
    100%{opacity: 1.0}
}

.animate-blink {
    -moz-animation: blink normal 2s 2 ease-in-out;
    -webkit-animation: blink normal 2s 2 ease-in-out;
    -ms-animation: blink normal 2s 2 ease-in-out;
    animation: blink normal 2s 2 ease-in-out;

}

/*----------------------------------------
 Favourite Icon Pulse Animation
-----------------------------------------*/

.pulse {
    -webkit-animation-name: heartbeat;
    -webkit-animation-delay: 50ms;
    -webkit-animation-duration: 250ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: heartbeat;
    -moz-animation-delay: 250ms;
    -moz-animation-duration: 250ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: 2;
    -moz-animation-timing-function: ease-in-out;
    animation-name: heartbeat;
    animation-delay: 250ms;
    animation-duration: 250ms;
    transform-origin: 50% 50%;
    animation-iteration-count: 2;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes heartbeat {
  0% {
    -webkit-transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes heartbeat {
  0% {
    -moz-transform: scale(1);
  }

  50% {
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}

@keyframes heartbeat {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}
/*----------------------------------------
Homepage Banners
-----------------------------------------*/

#banners {
    height: 180px;
    margin-top: 10px;
    border-radius: 5px;
}

#banners a {
    width: 700px;
    height: 170px;
    display: inline-block;
    background-color: #FFF;
    border-radius: 5px;
}

#banners a.half-banner {
    width: 350px;
    margin-right: 7px;
}

#banners a.tiny-banner {
    width: 128px;
}

#banners .iframe-box {
    display: inline-block;
    width: 128px;
    height:168px;
    border-radius: 5px;
    background: #BDC3C7;
    border: 1px solid #BDC3C7;
    cursor: pointer;
    text-align: center;
    position: relative;
}

#banners .iframe-box.enamad img {
    width: 126px;
    height: 136px;
    margin-left: -63px;
    margin-top: -68px;
}

#banners .iframe-box.samandehi img {
    width: 128px;
    height: 128px;
    margin-left: -64px;
    margin-top: -64px;
}

#banners .iframe-box img {
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: 'BMitra', Tahoma, sans-serif;
    font-size: 16px;
    cursor: pointer;
}

#banners .iframe-box.waiting {
    background-image: url(../img/iframe-box-loading.gif);
    background-position: center;
    background-repeat: no-repeat;
}

#banners iframe {
    width: 128px;
    height:140px;
    padding: 0;
    margin: 17px 0 0 0;
}

#banners a.banner:hover,
#banners .enamad {
    opacity: 0.8;
    cursor: pointer;
}

#banners a span {
    display: none;
}

#banners .banner{
    display: inline-block;
    float: right;
}

#banners a.banner{
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 5px;
}

#banners .full-banner {
    background: url(../img/banners/7sobh-noroz.png) no-repeat center center;
    width: 970px;
    height: 140px;
    margin: 0 auto;
}



/*----------------------------------------
Archive
-----------------------------------------*/

#body #newspaper-id {
    height: 126px;
    margin-top: 10px;
    position: relative;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../img/archive-newspaper-id-bg.jpg");
}

#body #newspaper-id .trademark {
    float: right;
    padding: 14px 12px;
}

#body #newspaper-id .trademark img {
    padding: 7px;
    background-color: #fff;
    border: 1px solid #e8dda9;
}

#body #newspaper-id .trademark .shadow {
    height: 5px;
    display: block;
    background-repeat: no-repeat;
    background-image: url("../img/paper-shadow.png");
}

#body #newspaper-id .id {
    float: left;
    color: #7d6d13;
    text-align: left;
    line-height: 18px;
    padding: 16px 0 0 16px;
}

#body #newspaper-id .clip {
    top: 10px;
    width: 48px;
    height: 35px;
    right: -10px;
    position: absolute;
    background: url("../img/paper-clip.png") no-repeat;
}

/*----------------------------------------
 Archive Browser
 -----------------------------------------*/
#body #archive-browser {
    padding-top: 20px;
}

#body #archive-browser #display {
    height: 560px;
    direction: ltr;
    overflow: hidden;
    position: relative;
}

#body #archive-browser #display #p-holder {
    height: 650px;
}

#body #archive-browser #display img {
    width: 100%;
}

#body #archive-browser #display p {
    float: left;
    width: 300px;
    display: block;
    overflow: hidden;
    min-height: 190px;
    border-radius: 5px;
    border: 3px solid #fff;
    background-color: #fff;
    margin: 220px 10px 0 10px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    background-image: url("../img/jaaar-grey.jpg");
}

#body #archive-browser #display p.loading {
    background-image: url("../img/loading.gif");
}

#body #archive-browser #display p.not-exist {
    background-image: url("../img/not-exist.gif");
}

#body #archive-browser #display p#cloned {
    top: 0;
    margin: 0;
    position: absolute;
}

#body #archive-browser #fade {
    top: 0;
    width: 970px;
    height: 560px;
    position: absolute;
    background-position: 0 0;
    background-repeat: repeat-y;
    background-image: url("../img/cross-fade.png");
}

#body #archive-browser #controls {
    direction: ltr;
    padding: 20px 0 0;
}

#body #archive-browser #controls .slider {
    height: 35px;
    padding: 0 20px 20px;
}

#body #archive-browser #controls .slider .track {
    height: 10px;
    border-radius: 5px;
    background-color: #999;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    background: url("../img/slider-track.png");
}

#body #archive-browser #controls .slider .slide-area {
    height: 10px;
    position: relative;
}

#body #archive-browser #controls .slider .knob {
    top: -15px;
    width: 50px;
    height: 40px;
    display: block;
    position: absolute;
    background: url("../img/slider-knob.png") no-repeat 50% 50%;
}

#body #archive-browser #controls .slider .values label {
    color: #888;
    float: right;
    direction: rtl;
    text-align: center;
    line-height: normal;
}

#body #archive-browser #controls .slider .values label .degree {
    width: 1px;
    height: 12px;
    display: block;
    margin: 0 auto;
    background-color: #d5d5d5;
}

#body #archive-browser #controls .year .track,
#body #archive-browser #controls .year .values {
    /*padding: 0 3px;*/
    padding: 0;
}

#body #archive-browser #controls .year .knob,
#body #archive-browser #controls .year .values label {
    width: 155px;
}

#body #archive-browser #controls .month .track,
#body #archive-browser #controls .month .values {
    padding: 0 3px;
}

#body #archive-browser #controls .month .knob,
#body #archive-browser #controls .month .values label {
    width: 77px;
}

#body #archive-browser #controls .day .knob,
#body #archive-browser #controls .day .values label {
    width: 30px;
}

/*----------------------------------------
 Form
 -----------------------------------------*/

#body #form {

}

#body #form .form-tip {
    padding: 50px 2px 4px 0;
}

#body #form .section {
    border-radius: 3px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .04);
}

#body #form #newspapers .chk-all {
    background: #e6e6e6;
    padding: 0 10px 3px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #ccc;
}

#body #form #newspapers .chk-all label {
    color: #777;
    display: block;
    font-size: 10px;
    padding: 2px 18px 0 0;
    background-repeat: no-repeat;
    background-position: 100% 60%;
    background-image: url("../img/chkbox-unchecked.gif");
}

#body #form #newspapers .chk-all label.checked {
    background-image: url("../img/chkbox-checked.gif");
}

#body #form #newspapers .category {
    width: 241px;
    float: right;
    margin-left: 1px;
    padding-top: 1px;
}

#body #form #newspapers .category .category-topic {
    display: block;
    font-weight: bold;
    background: #efefef;
    padding: 0 29px 5px;
    background-repeat: no-repeat;
    background-position: 96% 50%;
    border-bottom: 1px solid #ccc;
    background-image: url("../img/chkbox-unchecked.gif");
}

#body #form #newspapers .category .category-topic.checked {
    background-image: url("../img/chkbox-checked.gif");
}

#body #form #newspapers .category .item {
    padding: 10px;
    display: block;
    cursor: pointer;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #dfdfdf;
}

#body #form #newspapers .category .item .item-logo {
    padding: 2px;
    position: relative;
    border-radius: 2px;
    display: inline-block;
}

#body #form #newspapers .category .item:hover .item-logo {
    background-color: #bfddff;
}

#body #form #newspapers .category .item .item-logo img {
    border-radius: 1px;
    border: 1px solid #fff;
}

#body #form #newspapers .category .item .item-logo .checked-sign {
    right: 0;
    bottom: 0;
    display: none;
    border: 0 none;
    border-radius: 0;
    position: absolute;
}

#body #form #newspapers .category /*.item*/.checked .item-logo {
    box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    background-color: #0179ff !important;
}

#body #form #newspapers .category /*.item*/.checked .checked-sign {
    display: block !important;
}

#body #form #fields {
    padding: 0 1px 0 1px;
}

#body #form #fields table {
    width: 100%;
    border-spacing: 0;
}

#body #form .field .field-label {
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
}

#body #form .field .field-input {
    width: 35%;
    padding: 9px;
    vertical-align: top;
    background-color: #efefef;
    border-top: 1px solid #f9f9f9;
    border-bottom: 1px solid #ddd;
}

#body #form .field .field-input select,
#body #form .field .field-input .text-input {
    color: #444;
    padding: 5px;
    width: 308px;
    outline: 0 none;
    font-size: 11px;
    font-family: "tahoma";
    border: 1px solid #ccc;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .06) inset;
}

#body #form .field .field-input select {
    width: 100%;
}

#body #form .field .field-input .radio-input,
#body #form .field .field-input .checkbox-input {
    display: block;
    padding: 0 18px;
    background-repeat: no-repeat;
    background-position: 100% 60%;
    background-image: url("../img/chkbox-unchecked.gif");
}

#body #form .field .field-input .radio-input.selected,
#body #form .field .field-input .checkbox-input.checked {
    background-image: url("../img/chkbox-checked.gif");
}

#body #form #button-bar {
    margin-top: 20px;
    text-align: left;
}

#body #form #button-bar input {
    color: #444;
    width: 165px;
    height: 30px;
    font-size: 10px;
    margin-right: 6px;
    font-weight: bold;
    border-radius: 3px;
    font-family: "tahoma";
    border: 1px solid #ccc;
    background-position: 0 100%;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
    background-image: url("../img/kiosk-bg.png");
}

/*----------------------------------------
 List
 -----------------------------------------*/

#body #list-topic {
    padding: 20px 0;
    font-size: 22px;
    font-family: 'Dinar', Arial, sans-serif;
}

#body .list-item {
    background-repeat: repeat-x;
    background-position: 0 -8px;
    /*border-top: 1px solid #d9d9d9;*/
    list-style: none;
    border: none;
    line-height: 46px;
    /*background-image: url("../img/content-shadow.png");*/
}

#body .list-item .item-row {
    color: #777;
    padding: 10px;
    display: block;
    font-weight: bold;
    border-top: 1px solid #f9f9f9;
    zoom: 1;
}

#body .list-item .item-row:hover {
    background-color: #f6f6f6;
    border-top: 1px solid #f0f0f0;
}

#body .list-item .item-row img {
    border-bottom: 1px solid #f2f2f2;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
    margin: 2px 0;
}

/*----------------------------------------
 Android
 -----------------------------------------*/

#android {
    padding: 10px 0;
    position: relative;
    width: 50%;
}

#android #phone {
    width: 242px;
    height: 403px;
    margin: 0 auto;
    overflow: hidden;
    padding: 94px 38px 120px;
    background-repeat: no-repeat;
    background-image: url("../img/android-phone.jpg");
}

#android #phone #shots-holder {
    width: 242px;
    height: 403px;
    overflow: hidden;
    direction: ltr;
}

#android #phone #shots {
    width: 1452px;
    height: 403px;
}

#android #arrow-left {
    top: 320px;
    width: 50px;
    right: 388px;
    height: 100px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    background: url("../img/android-arrow-left.png") no-repeat left center;
}

#android #arrow-right {
    top: 320px;
    width: 50px;
    left: 387px;
    height: 100px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    background: url("../img/android-arrow-right.png") no-repeat right center;
    background-color: #000;
}

#android #glass {
    width: 242px;
    height: 403px;
    background: url("../img/phone-glass.png") no-repeat;
    position: absolute;
    top: 104px;
    left: 121px;
}

#android #qr {
    width: 117px;
    height: 117px;
    position: absolute;
    bottom: 130px;
}

#android-info {
    padding: 10px 0;
    width: 48%;
}

#get-android-anchor {
    width: 324px;
    margin: 2em auto;
    display: block;
    background: url("../img/get-android.png") no-repeat;
    height: 81px;
}

#get-android-anchor p {
    display: block;
    padding: 45px 15px 14px 110px;
    color: #888;
    text-shadow: 1px 2px 5px #999;
    /*filter: dropshadow(color=#999, offx=1, offy=2);*/
}

/*----------------------------------------
Footer
-----------------------------------------*/

#footer {
    color: #888;
    width: 100%;
    padding: 5px 0;
}

#footer .logo {
    height: 22px;
    margin-bottom: 7px;
    border-bottom: 1px solid #ddd;
    position: relative;

}

#footer, #body .content:after {
    height: 85px;
}

#jaaar-email-address {
    background: url(../img/jaaar-email-address.png) no-repeat center center;
    right: 70px;
    bottom: 0px;
    position: absolute;
    height: 22px;
    width: 96px;
}

#powered-by-newshub {
    position: absolute;
    left: -17px;
    top: -14px;
}

#footer .copyright {
    float: right;
    padding-right: 15px;
    direction: rtl;
    color: #666;
}

#footer .links li {
    float: left;
    color: #d0d0d0;
    list-style: none;
    padding-right: 6px;
}

#footer .links li a {
    color: #666;
}

#footer .legal-note {
    color: #888;
    text-align: center;
    font-size: 10px;
    direction: rtl;
    margin: 10px 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/*-------*/

#news-ticker {
    display: none;
    float: right;
    margin: 0 7px 0 0;
    position: relative;
    border-right: 1px solid #CCC;
    padding-right: 7px;

}

#news-ticker .container {
    background-image: url("../img/anchor-bg.png");
    background-position: 0 0;
    background-repeat: repeat-x;

    border: 1px solid #CCCCCC;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;

    box-shadow: 0 1px 0 #FFFFFF;

    float: right;
    padding: 2px 0;
    height: 24px;
}

#news-ticker .ticker-anchor {
    background-image: url("../img/anchor-bg.png");
    background-position: 0 0;
    background-repeat: repeat-x;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;

    border: 1px solid #CCCCCC;
    border-left: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 1px 0 #FFFFFF;
    display: block;
    float: right;

    margin: 0 auto;
}

#news-ticker .ticker-icon {

    background-image: url("../img/ticker/ticker-icon.png");
    background-repeat: no-repeat;
    background-position: 4px 3px;
    height: 28px;
    width: 32px;
    display: block;
}

#news-ticker .content {
    padding: 0 5px !important;
    float: right;
    width: 597px;
}

#news-ticker .content p {
    font-family: 'tahoma';
    font-size: 12px;
    color: #666;
    width: auto;
    display: inline;

}

#news-ticker .content p:hover {

    color: #770000;

}

#news-ticker .control-panel {
    padding: 0 5px;
    float: left;
    border-right: 1px solid #CCC;
}

#news-ticker .control-panel div {
    width: 20px;
    height: 24px;
    float: right;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

/*-----------------------------*/
.control-group .error, .control-group .success, form .error, form .success {
    margin: 15px 0;
    padding: 0px 20px 0px 0px;
    font-size: 13px;
    list-style: none;
    font-family: 'BMitra', Arial, sans-serif;
}

.control-group .error, form .error {
    color: #FFFFFF;
    background: url('../img/form-error.png') right top no-repeat;
}

form .resend-activation-link-conteiner {
    color: #FF9988;
    text-align: right;
    padding: 5px 0;
}

.resend-activation-link {
    cursor: pointer;
    color: #999;
}

.control-group .success, form .success {
    color: #FFFFFF;
    background: url('../img/form-success.png') no-repeat right top;
}

#overlay .form-popup .divider {
    background: url("../img/overlay-divider.png") bottom repeat-x;
    margin: 10px 0;
    height: 2px;
}

#overlay .form-popup .control-group .status {
    color: #CCC;
    margin: 7px 0 7px 7px;
    height: 16px;
    font-family: 'BMitra', Arial, sans-serif;
}

#overlay .form-popup form .error {
    list-style: none;
}

.captcha .success, .captcha .status, .control-check-box .status {
    display: none;
}

.control-check-box {
    direction: ltr;
    text-align: right;
    margin-top: 15px;
}

#overlay .form-popup .form-actions {
    height: 100%;
    width: 90px;
    left: -100px;
    top: 0;
    position: absolute;
    direction: ltr;
}

#overlay .form-popup form .spinner {
    background-image: url("../img/overlay-form-spinner.gif");
    background-position: right;
    background-repeat: no-repeat;
    background-color: #1f1f1f;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 160px;
    left: 40px;
}

/*----------------------------------------
Notifications
-----------------------------------------*/
.notification-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 100;
    -webkit-backface-visibility: hidden;
}

#notifications {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 100;
    top: 45px;
}

.notification .newspaper-title {
    color: #555;
}

.notification a {
    color: #ec5d5d;
    font-size: 12px;
}

#notifications-inner {
    position: relative;

}

.notification {
    position: absolute;
    direction: rtl;
    left: 50%;
    width: 400px;
    margin-left: -200px;
    background: #fff;
    background: -webkit-linear-gradient(#fff, #dbdbdb);
    background: -moz-linear-gradient(#fff, #dbdbdb);
    border-radius: 5px;
    -webkit-box-shadow: white 0px -1px 0px inset, rgba(0, 0, 0, 0.2) 0px 4px 30px;
    -moz-box-shadow: white 0px -1px 0px inset, rgba(0, 0, 0, 0.2) 0px 4px 30px;
    box-shadow: white 0px -1px 0px inset, rgba(0, 0, 0, 0.2) 0px 4px 30px;
    overflow: hidden;
    max-height: 529px;
    overflow-y: hidden;
    text-shadow: white 0px 1px 0px;
    padding: 0;
    white-space: normal;
}

.notification.more {
    border-bottom: 1px solid #c1c1c1;
    -webkit-box-shadow: white 0px 1px 0px;
    -moz-box-shadow: white 0px 1px 0px;
    box-shadow: white 0px 1px 0px;
}

.notification.click {
    cursor: pointer;
}

.notification .dismiss, .modal .dismiss {
    position: absolute;
    display: block;
    left: 5px;
    top: 7px;
    cursor: pointer;
    color: white;
    font-weight: bold;
    width: 12px;
    height: 12px;
    background: url(../img/icon-close.png) no-repeat;
    opacity: 0.7;
    text-indent: -999px;
    overflow: hidden;
}

.modal .dismiss:before {
    position: relative;
    top: 3px;
}

.notification .dismiss:before, .modal .dismiss:before {
    content: "x";
}

.notification .dismiss:hover {
    opacity: 1;
}

.notification .right, .notification .left {
    width: 340px;
    height: 100%;
    float: right;
    position: relative;
}

.notification .time {
    font-size: 9px;
    position: relative;
}

.notification .left .time {
    margin-right: 10px;
    margin-top: -8px;
    margin-bottom: 10px;
    opacity: 0.4;
}

.notification .right {
    right: 0;
    height: 100%;
    width: 40px;
    padding: 10px;
    position: absolute;
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: hidden;
}

.notification .left {
    margin-right: 60px;
}

.notification .left .content {
    margin: 10px;
    width: 320px;
    font-family: 'Dinar', Arial, sans-serif;
}

.notification .right:after {
    content: '';
    background: #c1c1c1;
    -moz-box-shadow: white 1px 0px 0px;
    -webkit-box-shadow: white 1px 0px 0px;
    box-shadow: white 1px 0px 0px;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.notification .img {
    width: 30px;
    background-size: auto 100%;
    background-position: center;
    height: 30px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.9) 0px -1px 0px inset, rgba(0, 0, 0, 0.2) 0px 1px 2px;
    -moz-box-shadow: rgba(255, 255, 255, 0.9) 0px -1px 0px inset, rgba(0, 0, 0, 0.2) 0px 1px 2px;
    box-shadow: rgba(255, 255, 255, 0.9) 0px -1px 0px inset, rgba(0, 0, 0, 0.2) 0px 1px 2px;
    border: 1px solid rgba(0, 0, 0, 0.55);
    position: absolute;
    top: 50%;
    margin-top: -15px;
}

.notification .img.border {
    box-shadow: none;
    border: none;
}

.notification .img.fill {
    top: 0px;
    margin: 0px;
    border: none;
    right: 0px;
    width: 100%;
    height: 100%;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 0px inset, black -1px 0px 16px inset;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 0px inset, black -1px 0px 16px inset;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 0px inset, black -1px 0px 16px inset;
    background-color: #333;
}

.notification:first-child .img.fill {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

.notification:last-child .img.fill {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.notification .right > .icon {
    text-indent: -999px;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    text-align: center;
    line-height: 50px;
    background-image: url("../img/notification-sprite.png");
    background-repeat: no-repeat;
}

#notifications .general-notification .right > .icon {
    background-position: -105px center;
}

#notifications .error-notification .right > .icon {
    background-position: -105px center;
}

#notifications .success-notification .right > .icon {
    background-position: -105px center;
}

.notification:after {
    content: ".";
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
}

.notification h2 {
    font-size: 14px;
    color: #666;
    line-height: 18px;
}

.notification p {
    margin-left: 5px;
    line-height: 15px;
}

.dialog .dialog-wrapper {
    border-radius: 5px 5px 5px 5px;
    background: #fff;
    background: -webkit-linear-gradient(#fff, #dbdbdb);
    background: -moz-linear-gradient(#fff, #dbdbdb);
    font-family: 'Dinar', Tahoma, sans-serif;
    font-size: 12px;
    direction: rtl;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    margin-left: -210px;
    margin-top: -96px;
    min-height: 96px;
    overflow: hidden;
    text-align: center;
    top: 50%;
    left: 50%;
    width: 420px;
}

.dialog .dialog-wrapper p {
    line-height: 17px;
    margin-top: 12px;
    padding: 0 15px;
}

.btns {
    margin-top: 4px;
    font-family: 'Dinar',Arial, sans-serif;
    border: none;
    color: #FFFFFF !important;
    cursor: pointer !important;
    font-size: 12px !important;
    line-height: 24px;
    padding: 2px 30px !important;
    text-decoration: none !important;
    margin: 10px 0;
}

.btn {
    line-height: 24px;
    font-family: Dinar;
    border: none;
    padding: 5px 20px;
    color: #FFF;
    cursor: pointer;
    background: #bdc3c7;
}


.btn-blue {
    background: #88c7c5;
}

.btn-red {
    background: #C4122F;
}

.btn-green {
    background: #7ABA7A;
}

.btn-blue {
    background: #f1c40f;
}
/*----------------------------------------
Help
-----------------------------------------*/

.inner-page-wrapper {
    width: 970px;
    margin: 20px auto 0 auto;
    position: relative;
}

.inner-page-wrapper .column {
    background-color: #fff;
    position: relative;
    padding: 20px;
    font-family: 'Dinar', Tahoma, sans-serif;
    font-size: 12px;
}

.inner-page-wrapper .column h2 {
    font-family: 'Dinar', Arial, sans-serif;
    font-size: 1.6em;
    margin-bottom: 15px;
    width: 230px;
}

.inner-page-wrapper h1 {
    margin-bottom: 20px;
    text-align: center;
    font-family: 'Dinar', Arial, sans-serif;
    font-size: 24px;
    font-weight: normal;
}

.inner-page-wrapper .column-wrapper {
    width: 800px;
    margin: 30px auto 15px auto;
}

.inner-page-wrapper .help-img {
    text-align: center;
}

.inner-page-wrapper img {
    margin: 7px 0;

}

.inner-page-wrapper span.members-only {
    background-image: url("../img/help/members-only-badge.png");
    background-position: -2px 0;
    background-repeat: no-repeat;
    width: 76px;
    height: 76px;
    position: absolute;
    left: -2px;
    top: -3px;
}

.inner-page-wrapper .column-wrapper .rectangle {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 25px 25px 0;
    border-color: transparent #ffffff transparent transparent;
}

.inner-page-wrapper .col-1 {
    margin-right: 0;
}

.inner-page-wrapper .column .job-desc {
    padding-right: 20px;

}

.inner-page-wrapper .column .divider {
    margin: 20px;
    height: 5px;
    background: url(../img/divider-bg.png) repeat-x bottom right;
    opacity: 0.8;

}

.inner-page-wrapper .column .code {
    background-image: url("../img/jobs/code.jpg");

}

.inner-page-wrapper .column .communications {
    background-image: url("../img/jobs/communications.jpg");

}

/********Widget Maker***********/

/*Skin Switcher*/

.skin-check-container {
    position: relative;
    width: 85px;
    height: 27px;
    cursor: pointer;
    float: right;
    overflow: hidden;
}

.skin-check-container input {
    position: absolute;
    top: 5px;
    right: 30px;
}

.skin-check-handle {
    display: block;
    height: 27px;
    width: 39px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

.skin-check-handle .style-check-handle-bg {
    position: absolute;
    width: 5px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 1;
}

.skin-check-handle .skin-check-handle-slider {
    position: absolute;
    top: 0;
    right: 0;
    height: 27px;
    width: 39px;
    background: url(../img/widget/style-slider.png) no-repeat;
    z-index: 2;
}

label.skin-check-label-on, label.skin-check-label-off {
    font-size: 13px;
    line-height: 17px;
    font-weight: normal;
    font-family: 'Dinar', sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    display: block;
    height: 22px;
    position: absolute;
    width: 52px;
    top: 0;
}

label.skin-check-label-on {
    color: #fff;
    background: url(../img/widget/style-on.png) no-repeat right 0;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
    right: 0;
    padding: 5px 8px 0 0;
}

label.skin-check-label-off {
    color: #fff;
    background: url(../img/widget/style-off.png) no-repeat;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
    text-align: left;
    left: 0;
    padding: 5px 0 0 8px;
}

.thumbs-toggle a {
    background: #464646 url(../img/widget/thumbs-toggle.png) no-repeat top left;
}

/*Page Unavailable*/
.page-unavailable .red-monster {
    background: url('../img/error/not-available-monster.png') no-repeat right top;
    width: 506px;
    height: 436px;
}

.page-unavailable .error-text {
    text-align: justify;
    line-height: 30px;
    width: 464px;
    height: 177px;
    padding-top: 190px;
    font-family: 'Dinar', Arial, sans-serif;
    font-size: 30px;
}

/*Price Tags*/

.frontpage-action-bar {
    position: absolute;
    top: -7px;
    right: 9px;
    z-index: 8;
    width: 708px;
}

.discount-tag-holder {
    position: absolute;
    top: 7px;
    left: 9px;
    z-index: 10;
    font-family: 'Dinar', Arial, sans-serif;
    width: 92px;
    height: 95px;
    background: url('../img/cart/discount-badge.png') no-repeat center;
    text-align: center;
    color: #FFF;
}

.discount-tag-holder b {
    cursor: pointer;
}

.discount-tag-holder .discount {
    position: relative;
    padding-top: 13px;
}

.discount-tag-holder #dismiss-discount {
    cursor: pointer;
    right: 40px;
    font-size: 15px;
    color: #3a3f43;
    position: absolute;
    top: -8px;
}

.discount-tag-holder .real-price {
    font-size: 10px;
    color: #731e18;
    line-height: 14px;
    text-decoration: line-through;
}

.discount-tag-holder .offer {
    font-size: 14px;
    color: #731e18;
    line-height: 14px;
}

.discount-tag-holder .offer .toman {
    font-size: 10px;
}

#discount-value {
    margin-top: 19px;
    margin-right: 3px;
    font-size: 21px;
    line-height: 17px;
    color: #331624;
}

.discount-text {
    margin-right: 3px;
    font-size: 9px;
    line-height: 9px;
    color: #331624;

}

.frontpage-action-bar .actions {
    padding: 0 6px 0 6px;
    font-family: 'Dinar', Arial, sans-serif;
    font-size: 12px;
    height: 30px;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    display: block;
    position: relative;
}

.right-corner,
.left-corner {
    width: 0;
    height: 0;
    position: absolute;
    border-style: solid;
}

.right-corner {
    top: 0;
    right: 0;
    border-width: 6px 0 0 6px;
    border-color: transparent transparent transparent #7d7d7d;
}

.left-corner {
    top: 0;
    left: 0;
    border-width: 0 0 6px 6px;
    border-color: transparent transparent #7d7d7d transparent;

}

.frontpage-action-bar .actions .action-bg {
    position: absolute;
    width: 696px;
    background-color: #3a3f43;
    font-weight: normal;
}

.frontpage-action-bar .actions .eco-info {
    float: right;
}

.frontpage-action-bar .actions .eco-info > div {
    display: inline;
}

.frontpage-action-bar .actions #price-info {
    margin-right: 75px;
}

.frontpage-action-bar .actions #discount-info {
    background: url('../img/cart/discount-badge-small.png') no-repeat center;
    width: 70px;
    height: 67px;
    position: absolute;
    top: -17px;
    right: 2px;
}

.frontpage-action-bar .actions .price-value {
    letter-spacing: -1px;
}

.frontpage-action-bar .actions #action-toolbar {
    float: left;
    margin-left: 2px;
    font-size: 11px;
    font-family: 'Dinar', Tahoma, sans-serif;
}

.frontpage-action-bar .actions #action-toolbar > div {
    cursor: pointer;
    background: #7F8C8D;
    padding: 0 5px;
    border: none;
}

.frontpage-action-bar .actions #action-toolbar .green {
    border: 1px solid #6C9953;
    background: rgba(140, 184, 112, 1.0);
}

.frontpage-action-bar .actions .action {
    width: 110px;
    float: left;
}

.frontpage-action-bar .actions .action span {
    /*opacity: 0.8;*/
}

.frontpage-action-bar .actions #rocket-purchase,
.frontpage-action-bar .actions #purchase-online {
    margin-left: 2px;
    background: #E74C3C !important;
    color: #fff !important;
}

.frontpage-action-bar .actions #download-pdf,
.frontpage-action-bar .actions #view-in-reader {
    background: #16A085 !important;
    color: #fff !important;
}

/*Shopping Cart and Invoice*/

.table-wrapper {
    margin: 20px;
}

.data-table {
    width: 100%;
    margin: 0.75em 0;
}

.data-table {
    border-collapse: collapse;
    border-spacing: 0;
}

.data-table th {
    padding: 0.6em;
    border: 1px solid #EEE;
    font-size: 1em;
    font-weight: normal;
    white-space: nowrap;
    text-align: center;
    color: #777;
    background: #f3f3f3;
    width: 80px;
}

.data-table td {
    padding: 1.5em;
    border: 1px solid #EEE;
    font-size: 13px;
}

.data-table .old td {
    background: #f8f8f8;
}

.data-table .cart-label {
    font-size: 1.09em;
    font-weight: bold;
    padding-right: 7px;
    display: none;
}

.a-center {
    text-align: center !important;
}

.a-right {
    text-align: right !important;
}

.a-left {
    text-align: left !important;
}

.order,
.empty {
    position: relative;
    border: 8px solid #f3f3f3;
    list-style: none;
}

.empty {
    min-height: 500px;
    text-align: center;
}

.empty .icon-empty {
    width: 100%;
    height: 290px;
    float: right;
    position: relative;

}

.empty .icon-empty i.base {
    font-size: 20em;
}

.empty .icon-empty i.top {
    width: 40px;
    left: 32%;
    position: absolute;
    top: 15px;
}

.empty h3 {
    margin: 80px 0 20px 0;
    font-size: 30px;
    font-weight: normal;
    color: #C4122F;
}

.order #more {
    width: 100%;
    text-align: center;
    cursor: pointer;
    background-color: #88c7c5;
    color: #FFF;
    line-height: 24px;
    padding: 2px 0;
}

.order a,
.empty a {
    color: #C4122F;
}

.order dt {
    margin: 10px 0;
}

.order .step-title {
    padding: 0;
    text-align: right;
    position: relative;
    border-bottom: 1px solid #f3f3f3;
    border-top: 1px solid #f3f3f3;
    display: block;
    overflow: hidden;
}

.order .step-title i {
    line-height: 1.5em;
}

.order .step-title h3 {
    line-height: 30px;
    font-size: 20px;
}

.order .step-title .title-box {
    border-right: 1px solid #f3f3f3;
    z-index: 9;
    position: relative;
    float: right;
    padding: 1.16em 14px;
}

.order .step-title a {
    display: none;
    float: right;
}

.order .step,
.content-box {
    padding: 0.5em 15px 2.66em;
    position: relative;
    border-bottom: 1px solid #f3f3f3;
}

.order #payment-info .step,
li:last-child .content-box {
    margin-bottom: 20px;
    border-bottom: none;
}

.order .step-title .number {
    color: #fff;
    background-color: #C4122F;
    float: right;
    padding: 0.16em 15px 0.25em;
    margin: 0.25em 6px;
    font-size: 2em;
    line-height: 1.5em;
    font-weight: 200;
}

.order .step-title:hover {
    background-color: #f9f9f9;
}

.order #factor-id {
    padding: 15px 22px 0 22px;
}


#transaction-progress {
    padding: 0 0 10px 0;
}

#transaction-progress .disabled {
    color: #999;
}

#transaction-progress .disabled a {
    color: #333;
}

#progressbar {
    position: relative;
    overflow: hidden;
    width: 560px;
    margin: 0 auto;
}

#progressbar #mask {
    position: absolute;
    z-index: 2;
    background: url('../img/steps-mask.png') no-repeat center center;
    width: 560px;
    height: 24px;
}

#progressbar #box {
    position: relative;
    background: #333;
    width: 560px;
    height: 24px;
}


#progressbar #perc {
    background: #80D4DF;
    border: none;
    height: 24px;
}

#progressbar #text {
    font-family: tahoma, arial, sans-serif;
    font-size: 11px;
    color: #000;
    float: right;
    padding: 3px 0 0 10px;
    position: relative;
    right: 0;
}

#response-box {
    height: 25px;
    overflow:hidden;
}

#response {
    max-width: 300px;
    margin: 0 auto;
    font-family: 'Dinar', Tahoma, sans-serif;
    position: relative;
}

#response li  {
    text-align: center;
    list-style: none;
    height:25px;
    overflow: hidden;
}

/*Header Shopping Card*/

#basket a {
    position: relative;
    float: left;
    width: 80px;
    height: 46px;
    padding: 14px 15px 10px 14px;
    color: #BBB;
    font-family: 'Dinar', arial, sans-serif;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
    background: url('../img/cart/header-basket-sprite.png') no-repeat 41px 66px;
}

#basket p {
    line-height: 20px;
}

#basket a i {
    font-size: 20px;
    color: #939393;
}

#basket .count {
    font-size: 13px;
    position: absolute;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    text-shadow: black 0px 1px 2px;
    color: white;
    top: 5px;
    margin-top: 0;
    right: 28px;
}

/* Add Credit */
#add-credit i {
    line-height: 2.0em;
    font-size: 18px;
}

#add-credit .holder {
    color: #ec5d5d;
}

#add-credit .order a {
    text-decoration: none;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #C4122F;
}

#add-credit input[type=radio],
#add-credit input[type=checkbox] {
    position: relative;
    top: 4px;
    margin-left: 3px;
}

#add-credit .form-actions {
    margin: 7px 20px;
}

#add-credit .other p.help-block {
    color: #D35400;
    margin-right: 190px;
    font-style: italic;
}

#add-credit p.note {
    text-align: center;
    margin: 15px 0;
}

.payment_gateway img {
    position: relative;
    top: 16px;
    margin-left: 4px;
}

#add-credit .other input[type="text"],
#add-credit .other textarea {
    font-family: 'Dinar', Arial, sans-serif;
    border: 2px solid #dddddd;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0.6), white);
    background: -moz-linear-gradient(rgba(255, 255, 255, 0.6), white);
    padding: 10px;
    color: #888;
    border-radius: 3px;
    font-size: 14px;
    -webkit-box-shadow: 0 1px 0 white, rgba(0, 0, 0, .35) 0 4px 5px -5px inset;
    -moz-box-shadow: 0 1px 0 white, rgba(0, 0, 0, .35) 0 4px 5px -5px inset;
    box-shadow: 0px 1px 0 white, rgba(0, 0, 0, .35) 0 4px 5px -5px inset;
    width: 478px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#add-credit input#date {
    width: 64px;
    cursor: pointer;
    text-align: center;
    position: relative;
}

#add-credit .control-group {
    padding-bottom: 15px;
}

#add-credit #submit {
    background: none repeat scroll 0 0 #88c7c5;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    line-height: 24px;
    padding: 5px 20px;
    text-decoration: none;
    border: none;
    font-family: 'Dinar', Arial, sans-serif;
}

#add-credit #submit[disabled] {
    background: #CCC;
    cursor: default;
}

#add-credit #submit:hover {
    opacity: 0.8;
}

#add-credit #receipt_value,
#add-credit #receipt_number {
    font-family: Tahoma, sans-serif;
    text-align: left;
}

#add-credit .other .controls {
    display: inline;
}

#add-credit .bg-icon {
    color: #eee;
    left: 10px;
    bottom: 0;
    font-size: 107px;
    line-height: 107px;
    position: absolute;
}

#add-credit .credit-value label,
#add-credit .credit-value .controls {
    display: inline-block;
}

#add-credit .inline .help-block {
    top: 2px;
}

#add-credit .other label {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-size: 13px;
    width: 170px;
    padding-left: 10px;
    padding-right: 20px;
}

#add-credit li .payment_gateway > label {
    width: 100%;
}

#add-credit .status {
    height: 0;
    margin: 0;
    padding: 0;
}

#add-credit fieldset {
    border: none;

}

#add-credit fieldset .ltr {
    direction: ltr;
}

#add-credit .form-body {
    padding: 2em 15px 2.66em;
    position: relative;
    border-bottom: 1px solid #f3f3f3;
}

#add-credit form .error,
#add-credit form .success {
    background: none;
    margin-right: 0;
    padding-right: 0;
    font-family: 'Dinar', Arial, sans-serif;
    font-size: 12px;
}

#add-credit form .success {
    color: #88C7C5 !important;
}

#add-credit form .error {
    color: #ec5d5d !important;
}

#add-credit #account table {
    width: 90%;
    text-align: center;
    margin: 15px 5% 30px 5%;
    border: 8px solid #f3f3f3;
}

#add-credit #account table thead td{
    border-bottom: 1px dotted #D9D9D9;
    position: relative;
}

#add-credit #account table thead td:after{
    border-top: 1px dotted #D9D9D9;
    bottom: -3px;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
}

#add-credit #account table li {
    list-style: none;
    line-height: 27px;
}

#add-credit .details {
    font-size: 14px;
    font-family: Tahoma, sans-serif;
    color: #34495E;
}

#add-credit strong {
    color: #2C3E50;
}

#add-credit #account table #branch {
    margin-bottom: 10px;
    height: 22px;
    line-height: 22px;
    color: #16a085;
}


#add-credit #account table h3 {
    line-height: 30px;
    color: #34495e;
}
/* Data Table */

.data-table td {
    font-family: BMitra, Tahoma, sans-serif;
    font-size: 17px;
    padding: 1.5em;
}

.data-table td.small {
    font-size: 13px;
    line-height: 17px;
}

.data-table td.num {
    letter-spacing: 1px;
}

.data-table td.thick{
    width: 25%;
}

.data-table td.thin{
    width: 7%;
}


.data-table td i.icon-sort-up {
    color: #2ecc71;
    position: relative;
    top: 7px;
}

.data-table td i.icon-sort-down {
    color: #e74c3c;
}

#date-string{
    white-space : nowrap;
}

#footer{
    white-space: nowrap;
}

.inline {
    margin-right: 12px;
    display: inline-block;
    position: relative;
}

.inline::before {
    position: absolute;
    content: '';
    right: -8px;
    top: 50%;
    width: 1px;
    height: 10px;
    margin-top: -5px;
    background: #607d8b;
}

.inline .help-block {
    position: absolute;
    top: -4px;
    left: -228px;
    width: 220px;
    padding: 0 !important;
}

.inline label,
.inline div {
  display: inline-block;
}

.inline .styled-input {
  padding: 6px 8px;
  border: 2px solid #dddddd;
  width: 145px;
}

.controls.has-inline-input {
  /*padding-bottom: 30px;*/
}

.hide {
  display: none;
}

.ltr {
  direction: ltr;
}

/* Simple Modal */
#simple-modal-overlay {
  position: fixed;
  display: block;
  z-index: 99998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  /* background: -webkit-linear-gradient(#fff, #dbdbdb);
  background: -moz-linear-gradient(#fff, #dbdbdb); */
}

.simple-modal {
  /* Style rewrite */
  width: 600px;
  left: 20px;
  top: 20px;
  /* */
  direction: rtl;
  text-align: right;
  position: absolute;
  position: fixed;
  margin: 0;
  color: #808080;
  font-family: "BMitra", Tahoma, sans-serif;
  font-size: 17px;
  font-weight: normal;
  line-height: 26px;
  background-color: #FFFFFF;
  border: 1px solid #EAEEFA;
  border: 1px solid rgba(234, 238, 250, 0.6);
  z-index: 99999;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.simple-modal .simple-modal-header {
  padding: 5px 15px;
  margin: 0;
  border-bottom: 1px solid #EEEEEE;
  background-color: #F5F5F5;
}

.simple-modal .simple-modal-header h1 {
  margin: 0;
  color: #404040;
  font-size: 22px;
  font-weight: bold;
  font-family: "BMitra", Tahoma, sans-serif;
  line-height: 40px;
}

.simple-modal a {
  color: #C4122F;
}

.simple-modal a.close, .simple-modal a.previous-image, .simple-modal a.next-image {
  position: absolute;
  top: 16px;
  color: #999;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: normal;
  line-height: 10px;
  text-decoration: none;
}

.simple-modal a.close {
  left: 15px;
}

.simple-modal a.previous-image {
  left: 80px;
}

.simple-modal a.next-image {
  left: 60px;
}

.simple-modal a.close:hover, .simple-modal a.previous-image:hover, .simple-modal a.next-image:hover {
  color: #444;
}

.simple-modal .simple-modal-body {
  padding: 15px;
  /* Extra style */
}

.simple-modal .simple-modal-body div.contents {
  overflow: hidden;
}

.simple-modal .simple-modal-body p {
  font-size: 13px;
  font-weight: normal;
  color: #606060;
  line-height: 18px;
}

.simple-modal .simple-modal-body p img {
  display: block;
  margin: 0 auto 10px auto;
}

.simple-modal .simple-modal-footer {
  display: block;
  background-color: #F5F5F5;
  padding: 14px 15px 15px;
  border-top: 1px solid #EEEEEE;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: inset 0 1px 0 #FFF;
  -moz-box-shadow: inset 0 1px 0 #FFF;
  box-shadow: inset 0 1px 0 #FFF;
  zoom: 1;
  margin-bottom: 0;
  text-align: center;
}

.simple-modal .simple-modal-footer a.btn {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  background-repeat: no-repeat;
  padding: 5px 14px 6px;
  color: #333;
  font-size: 12px;
  line-height: normal;
  border: 1px solid transparent;
  -webkit-transition: 0.2s linear all;
  -moz-transition: 0.2s linear all;
  transition: 0.2s linear all;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.simple-modal .simple-modal-footer a.btn.primary {
  color: #FFF;
  /* text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); */
  background-color: #E74C3C;
  background-repeat: repeat-x;
  margin-left: 4px;
}

.simple-modal .simple-modal-footer a.btn.gray {
  background: #e0e0e0;
  border: 1px solid #ccc;
}

.simple-modal .simple-modal-footer a.btn.ml-4 {
  margin-left: 4px;
}

.simple-modal .simple-modal-footer a.btn:hover {
  /* border: 1px solid #444; */
  background-color: #a6acb0;
}

.simple-modal .simple-modal-footer a.btn.primary:hover {
  /* border: 1px solid #444; */
  background-color: #D74435;
}

.simple-modal .simple-modal-footer a.btn.gray:hover {
  /* border: 1px solid #444; */
  background-color: #d7d4d4;
}

.simple-modal .simple-modal-footer a.btn.secondary {
  padding: 5px 2px 6px;
}

.simple-modal .simple-modal-footer a.btn.secondary:hover {
  color: #999;
}

/* Draggable style */

.simple-modal.draggable .simple-modal-header:hover {
  cursor: move;
  background-color: #f8f8f8;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}


/* Loading style */

.simple-modal.loading .simple-modal-body {
  min-height: 60px;
  background: transparent url("../img/loading.gif") no-repeat center center;
}

.simple-modal.loading .simple-modal-body div.contents {
  display: none;
}

.simple-modal.loading .close, .simple-modal.loading .simple-modal-header, .simple-modal.loading .simple-modal-footer {
  display: none;
}

/* Hide header */

.simple-modal.hide-header .simple-modal-header {
  display: none;
}

/* Hide header */

.simple-modal.hide-footer .simple-modal-footer {
  display: none;
}