/* Reset CSS */
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;
    #outline: 0;
    #font-size: 100%;
    #vertical-align: baseline;
    #background: transparent;
}
body {
    background: #DCDDDF url(https://members.parwinfont.ir/images/body_bg.png);
    color: #000;
    font: 14px Arial;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
h1{ font-size:28px;}
h2{ font-size:26px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
h1,h2,h3,h4,h5,h6{ color:#563D64;}
small{ font-size:10px;}
b, strong{ font-weight:bold;}
a{ text-decoration: none; }
a:hover{ text-decoration: underline; }
.left { float:left; }
.right { float:right; }
.alignleft { float: left; margin-right: 15px; }
.alignright { float: right; margin-left: 15px; }


@font-face {
    font-family: 'TestFont';
    src: url('https://webfonts.parwinfont.ir/testfont.eot') format('embedded-opentype'),
         url('https://webfonts.parwinfont.ir/testfont.woff') format('woff'),
         url('https://webfonts.parwinfont.ir/testfont.ttf') format('truetype');
}
@font-face {
    font-family:'TestFontBold';
    src:url('https://webfonts.parwinfont.ir/testfontbold.eot') format('embedded-opentype'),
        url('https://webfonts.parwinfont.ir/testfontbold.woff') format('woff'),
        url('https://webfonts.parwinfont.ir/testfontbold.ttf') format('truetype');
}


#sign-in-up {
    #background-color: #EBE9D5;
    background-image: url('/memberall/images/signin-bg-01.jpg');
    #border-radius: 30px;
    box-shadow: -3px 5px 10px -3px black;
    -webkit-box-shadow: -3px 5px 10px -3px black;
    width: 700px;
    height: 420px;
}

#sign-in-up-l {
    #background-color: #EEEEEE;
    padding: 10px;
    #border-radius: 0 30px 30px 0;
    #box-shadow: -3px 5px 10px -3px black;
    #-webkit-box-shadow: -3px 5px 10px -3px black;
    width: 380px;
    height: 400px;
    float: left;
}

#sign-in-up-lt {
    color: black;
    direction: rtl;
    float: left;
    font-weight: bold;
    height: 270px;
    margin-top: 20px;
    padding: 10px;
    text-align: justify;
    width: 360px;
}
#sign-in-up-lb {
    background-color: rgba(0,255,255,0.5);
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #000000;
    box-shadow: -3px 3px 5px -5px black;
    #-webkit-box-shadow: -3px 3px 10px -5px black inset;
    width: 360px;
    height: 60px;
    float: left;
}


#sign-in-up-r {
    background-color: rgba(255, 255, 255, 0.5);
    #box-shadow: -3px 3px 5px -5px black;
    #-webkit-box-shadow: -3px 3px 10px -5px black;
    float: left;
    height: 390px;
    padding: 15px;
    width: 270px;    
}



#input-form {
    color: #000000;
    font-size: 12pt;
    text-align: right;
    margin-top: 30px;
}

.input {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "sans-serif";
    background: none repeat scroll 0 0 #FBFBFB;
    border: 2px solid #E5E5E5;
    box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
    color: #555555;
    font-size: 20px;
    font-weight: 200;
    line-height: 1;
    outline: 0 none;
    padding: 3px;
    #width: 80%;
    margin-top: 3px;
    border-radius: 5px 5px 5px 5px;
}

input[type="text"]:focus, input[type="password"]:focus {
    border: 2px solid #AA00AA;
}


#error-msg {
    background-color: #FFCCCC;
    border: 1px solid #CC0000;
    border-radius: 5px 5px 5px 5px;
    color: #CC0000;
    font-size: 10pt;
    height: 30px;
    padding: 10px 5px 0;
    text-align: right;
}
#error-msg-empty {
    height: 32px;
    padding: 10px 0 0;
}






       




#main {
    background-color: #EBE9D5;
    float: left;
    width: 100%;
    position: relative;
}

#main-body {
    background-color: #F8F8F8;
    border-radius: 0 30px 30px 0;
    box-shadow: -3px 3px 5px -5px black inset;
    -webkit-box-shadow: -3px 3px 10px -5px black inset;
    float: left;
    margin: 40px 40px 100px 0;
    padding: 30px;
    position: relative;
    text-align: right;
    width: 680px;
}


input[type="submit"].exit {
    background: chocolate;
    border: 2px solid brown;
    font-family: tahoma;
    font-weight: bold;
    color: whitesmoke;
    padding: 0 10px 4px;
    border-radius: 15px 0 0 15px;
    position: absolute;
    top: 90px;    
}
input[type="submit"].exit:hover {
    background-color: khaki;
    color: chocolate;
}


#side {
    height: auto;
    margin: 0;
    text-align: right;
    width: 200px;
    float: right;
}

#side-bar {
    height: auto;
    margin: 40px 0 0;
    text-align: right;
    width: 200px;
    float: right;
}

#side-bar ul {
    padding: 0;
    margin: 0;
    list-style: none outside none;
    width: 200px;
} 

#side-bar ul li {
    background: url("/images/sidebar-ul.jpg") no-repeat scroll right center #CDCBB7;
    height: 30px;
    margin: 3px 10px;
    padding: 0;
}

#side-bar ul li a {
    color: black;
    display: block;
    font-size: 10pt;
    height: 100%;
    padding: 5px 20px 0 0;
    text-decoration: none;
    width: 160px;
}

#side-bar ul li a:visited {
    color: black;
}

#side-bar ul li:hover {
    background: url("/images/sidebar-ul-selected.jpg") no-repeat scroll right center #FFFFFF;
}

#side-bar ul li.active {
    background: url("/images/sidebar-ul-selected.jpg") no-repeat scroll right center #FFFFFF;
}

#side-bar ul li.active a {
    color: orange;
    font-weight: bold;
}