/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

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

ul, ol, li {
    list-style: none;
}

blockquote {
    quotes: none;
}

blockquote:before, blockquote:after {
    content: '';
    content: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a img {
    border: none;
}

a {
    text-decoration: none;
}

@font-face {
    font-family: 'nassim-bold';
    src: url('fonts/nassim-bold.eot?#') format('eot'), url('fonts/nassim-bold.woff') format('woff'), url('fonts/nassim-bold.ttf') format('truetype');
}

#arsh-page-body {
    text-align: center;
    direction: rtl;
    background: url(../images/login/body-bg.jpg);
}

#arsh-main {
    width: 700px;
    padding: 0 10px;
    background-color: #fff;
    margin: 0 auto;
    text-align: right;
}

#arsh-header {
    width: 700px;
    height: 139px;
    background: url(../images/login/header-bg.jpg);
    border-bottom: 1px solid #bbbdc0;
    position: relative;
}

#arsh-header .arsh-tehranuni-logo {
    width: 109px;
    height: 109px;
    background: url(../images/login/tehranuni-logo.png);
    position: absolute;
    top: 20px;
    right: 130px;
}

#arsh-header .arsh-uni-logo {
    width: 109px;
    height: 109px;
    background: url(../images/arshfooter.png);
    background-size: 109px 109px;
    position: absolute;
    top: 12px;
    right: 15px;
}

#arsh-header .arsh-arsh-logo {
    width: 109px;
    height: 109px;
    background: url(../images/arshfooter.png) no-repeat;
    background-size: 70px 70px;
    position: absolute;
    top: 30px;
    left: 30px;
    float : left;
}


#arsh-header .arsh-samane-faname {
    width: 279px;
    height: 40px;
    background: url(../images/login/samane-faname.png);
    position: absolute;
    top: 36px;
    right: 253px;
}
#arsh-header .arsh-samane-ihcs-faname {
    width: 279px;
    height: 50px;
    background: url(../images/login/samane-ihcs-faname.png);
    position: absolute;
    top: 36px;
    right: 253px;
}

#arsh-header .arsh-site-address {
    width: 276px;
    height: 16px;
    background: url(../images/login/site-address.png) no-repeat center 3px;
    position: absolute;
    top: 96px;
    right: 255px;
    border-top: 1px solid #e6e7e8;
}

#arsh-header .arsh-samane-enname {
    width: 280px;
    height: 12px;
    background: url(../images/login/samane-enname.png) no-repeat;
    position: absolute;
    top: 80px;
    right: 254px;
}

#arsh-rightside .arsh-left-side {
    float: left;
    width: 305px;
}

#arsh-rightside .arsh-left-side .arsh-box {
    width: 305px;
    /*border: 1px solid #dfe0df;*/
    font-family: tahoma, serif;
    font-size: 12px;
}

#arsh-rightside .arsh-left-side .arsh-box-head {
    width: 305px;
    height: 12px;
    border-bottom: 1px solid #cbcbcb;
    color: #cb3300;
    padding: 10px 0;
}

#arsh-rightside .arsh-left-side .arsh-box-name {
    margin-right: 10px;
    padding: 0 23px 4px 0;
    background: url('../images/main/news-tittle-bullet.gif') no-repeat right center;

}

#arsh-rightside .arsh-left-side .arsh-box-body {
    padding: 10px 15px;
}

#arsh-rightside .arsh-left-side .arsh-box-body li {
    line-height: 140%;
    margin-bottom: 5px;
    background: url(../images/login/point-ico.png) no-repeat right 7px;
    text-indent: 14px;
}

#arsh-rightside .arsh-left-side .arsh-box-body li a {
    color: #656565;
}

#arsh-rightside .arsh-left-side .arsh-box-body li:hover {
    background: url(../images/login/point-hover-ico.png) no-repeat right 7px;
}

#arsh-rightside .arsh-left-side .arsh-box-body li:hover a {
    color: #cb3300;
}

#arsh-rightside {
    width: 557px;
    float: right;
}

#arsh-rightside .arsh-right-side {
    width: 237px;
    float: right;
}

#arsh-leftside {
    width: 130px;
    float: left;
    margin-right: 10px;
}

#arsh-rightside .arsh-butt {
    width: 237px;
    height: 14px;
    background: #ececed;
    margin-bottom: 7px;
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    text-shadow: 0 1px 1px #fff;
    color: #3399cb;
    text-align: center;
    font-family: tahoma, serif;
    font-size: 13px;
    padding: 10px 0;
    display: block;
}

#arsh-rightside .arsh-butt:hover {
    background-color: #FC930A;;
    border: 1px solid #cb3300;
    color: #fff;
    text-shadow: none;
}

#arsh-rightside .arsh-enter-butt {
    background: url(../images/login/enter-hover-ico.png) no-repeat #DA3F02 10px 7px;
    color: #fff;
    text-shadow: none;
    border: 1px solid #cb3300;
}

#arsh-rightside .arsh-enter-butt:hover {
    background: url(../images/login/enter-ico.png) no-repeat #ececed 10px 7px;
    border: 1px solid #cbcbcb;
    text-shadow: 0 1px 1px #fff;
    color: #3399cb;
}

#arsh-leftside .arsh-big-butt {
    width: 130px;
    display: block;
    text-align: center;
    /*font-size: 18px;*/
    color: #656565;
    margin-bottom: 10px;
    padding-top: 72px;
    padding-bottom: 13px;
    font-family: nassim-bold, serif;
    font-size: 14px;
}

#arsh-leftside .arsh-big-butt:hover {
    color: #fff;
}

#arsh-leftside .arsh-aeenname-butt {
    background: url(../images/login/aeenname-ico.png) #f1f1f2 no-repeat center 20px;
}

#arsh-leftside .arsh-aeenname-butt:hover {
    background: url(../images/login/aeenname-hover-ico.png) #0099ff no-repeat center 20px;
}

#arsh-leftside .arsh-faq-butt {
    background: url(../images/login/faq-ico.png) #f1f1f2 no-repeat center 20px;
}

#arsh-leftside .arsh-faq-butt:hover {
    background: url(../images/login/faq-hover-ico.png) #0099ff no-repeat center 20px;
}

#arsh-leftside .arsh-rahnama-butt {
    background: url(../images/login/rahnama-ico.png) #f1f1f2 no-repeat center 20px;
}

#arsh-leftside .arsh-rahnama-butt:hover {
    background: url(../images/login/rahnama-hover-ico.png) #0099ff no-repeat center 20px;
}

.arsh-lostpw {
    font-family: tahoma, serif;
    font-size: 12px;
    color: #504E4E;
    background: url(../images/login/lostpw-ico.png) no-repeat right 3px;
    padding-right: 15px;
    margin-top: 22px;
    display: block;
    height: 15px;
}

.arsh-browser {
    font-family: tahoma, serif;
    font-size: 12px;
    color: #504E4E;
    padding-right: 15px;
    margin-top: 22px;
    display: block;
    height: auto;
    line-height: 18px;
    background: url(../images/login/lostpw-ico.png) no-repeat right 3px;
    text-align: justify;
}

.arsh-login-comment {
    font-family: tahoma, serif;
    font-size: 12px;
    color: #504E4E;
    padding-right: 15px;
    margin-top: 22px;
    display: block;
    height: auto;
    line-height: 18px;
    background: url(../images/login/lostpw-ico.png) no-repeat right 3px;
    text-align: justify;
}

.arsh-browser a {
    text-decoration-line: underline;
}

.arsh-link:hover {
    color: #3399cb;
}

#arsh-footer {
    width: 700px;
    border-top: 1px solid #cbcbcb;
    padding: 7px 0;
    margin-top: 15px;
    height: 17px;
}

#arsh-footer .arsh-copyright {
    font-family: tahoma, serif;
    font-size: 11px;
    color: #999;
    float: right;
    height: 15px;
}

#arsh-footer .arsh-designedby {
    float: left;
    background: url(../images/login/arsh-logo.png) no-repeat left -2px;
    color: #999;
    font-family: tahoma, serif;
    font-size: 11px;
    padding-left: 20px;
    padding-top: 2px;
    height: 15px;
}

.clearfix {
    clear: both;
}

#arsh-main-body {
    width: 700px;
    margin-top: 10px;
}

#news-dialog p {
    white-space: pre;
    text-align: right;
    line-height: 15px;
}

.arsh-over-page {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/login/body-over-bg.png);
    z-index: 999;
    display: none;
}

.arsh-alert-msg {
    font-family: tahoma, serif;
    font-size: 12px;
    display: none;
    position: absolute;
    top: 200px;
    right: 50%;
    margin-right: -101px;
    width: 202px;
    border: 1px solid #ccc;
    border-radius: 3px;
    z-index: 1000;
    background: #f1f1f1 url(../images/login/alert-ico.png) no-repeat right 5px;
    opacity: .7;
    padding: 7px 30px 7px 0;
    color: #bb2322;
    cursor: default;
}

.ui-dialog, .ui-dialog-title {
    font-family: tahoma, serif;
}

.ui-dialog .ui-dialog-title {
    direction: rtl !important;
    float: right !important;
    margin: 0.1em 0 0.2em 16px !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    left: 0.3em !important;
    float: left !important;
    right: inherit;
}

.ui-dialog-buttonset {
    float: left !important;
}