/* Main
======================================= */
html, body {height: 100%; width: 100%;}
body, html, p, ul, ol, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, fieldset, td, th, caption, address, textarea, legend {margin: 0; padding: 0;}
a img, fieldset {border: 0;}
body {font: 11px Arial, Helvetica, sans-serif; line-height: 1.2; color: #405877; background: #fff;}
a {color: #405877;}
a:hover {color: #d52c2c;}
table {border-collapse: collapse;}
td, th {vertical-align: top;}
sup {color:darkred;}

.left {float: left;}
.right {float: right;}
.both {clear: both;}

.container:after, .header:after, .footer-inner:after, .nav:after, .userinfo dd:after, .add-file:after, .files-container:after, .file-list li:after, .user-cart:after, .user-search-container:after {content: ''; display: block; clear: both; visibility: hidden; height: 0; line-height: 0; font-size: 0;}
.container {margin: 0 auto; position: relative; min-height: 100%; width: 900px; padding: 0 20px;}
.wrap {padding: 0 0 80px; position: relative; clear:both;}
.error {color:#f00; font-weight:bold; padding:0 20px 20px; display:block;}
.success {color:#33BF2F; font-weight:bold; padding: 0 20px 20px; display:block;}

/* Header
======================================= */
.header {position: relative; clear: both; padding: 15px 20px 15px 0;}
.header h1 {float: left; padding: 0 0 0 30px;}
.header h1 a {padding: 20px; display: block;}
.exit {float: right; padding: 15px 0 0;}


/* Navigation
======================================= */
.nav {padding: 0 20px 0 51px; clear: both; list-style: none;}
.nav li {float: left; margin: 0 2px 0 0; background: url(../images/private/tabs-pas-left.png) no-repeat left top;}
.nav a {display: block; padding: 11px 21px 0; height: 20px; background: url(../images/private/tabs-pas-right.png) no-repeat right top;font:bold small serif; color: #42658a;text-decoration: none}
.nav img {display: block;}
.nav li.sel {background: url(../images/private/tabs-act-left.png) no-repeat left top;}
.nav li.sel a {background: url(../images/private/tabs-act-right.png) no-repeat right top;font:bold small sans-serif; color: #D0E9FD;text-decoration: none}

/* Select
======================================= */
.select {padding: 10px 15px; background: #afb6c3; border-top: 1px solid #42658a;}
.select span {margin: 0 6px;}

/* Tabs
======================================= */
.tabs-block {border-right: 3px solid #afb6c3; width: 48px;}
.tabs {list-style: none; float: left; padding: 0;}
.tabs li, .tabs a {position: relative; background-image: url(../images/private/tabs.png); background-repeat: no-repeat;}
.tabs li {background-position: -274px bottom; padding: 0; margin: 0 0 0 7px;}
.tabs a {display: block; outline: none; background-position: -315px top; margin: 0; padding: 27px 0 27px 15px; width: 26px;}
.tabs span {display: none; position: absolute; width: 25px; height: 30px; top: 50%; left: 38px; margin: -15px 0 0; background: url(../images/private/pointer.png);}
.tabs img {display: block; border: 0;}
.tabs li.hover {background-position: -96px bottom;}
.tabs li.hover a {background-position: -137px top;}
.tabs li.sel {background-position: 0 bottom; margin: 0;}
.tabs li.sel a {background-position: -48px top; padding: 27px 0 27px 17px; width: 31px;}
.tabs li.sel span {display:block;}

/* old tabs
.tabs {list-style: none; float: left; padding: 0 0 30px;}
.tabs li, .tabs a {position: relative; background-image: url(../images/private/tabs.png); background-repeat: no-repeat;}
.tabs a {display: block; outline: none;}
.tabs span {display: block; position: absolute; width: 25px; height: 30px; top: 50%; left: 38px; margin: -15px 0 0; background: url(../images/private/pointer.png);}
.tabs img {display: block; border: 0;}
.lvl2-pas {background-position: -274px bottom; margin: 0 0 0 7px;}
.lvl2-pas a {background-position: -315px top; padding: 27px 0 27px 15px; width: 26px;}
.lvl1-pas {background-position: -96px bottom; margin: 0 0 0 7px;}
.lvl1-pas a {background-position: -137px top; padding: 27px 0 27px 15px; width: 26px;}
.lvl2-act {background-position: -178px bottom;}
.lvl2-act a {background-position: -226px top; padding: 27px 0 27px 17px; width: 31px;}
.lvl1-act {background-position: 0 bottom;}
.lvl1-act a {background-position: -48px top; padding: 27px 0 27px 17px; width: 31px;}
*/

/* Content
======================================= */
.content {background: #D0E9FD; width: 100%;}
.content h2 {background: #42658a; color: #D0E9FD; padding: 17px 20px; font-size: 16px; margin: 0 0 18px;}
.white {background: #fff;}

.info {padding: 0 20px 40px; line-height:1.4;}
.info p {padding: 0 0 10px;}
.info h3 {font-size: 14px; padding: 0 0 6px;}
.info ol {margin: 0 0 0 30px;}
.info ol li {padding: 0 0 10px;}

.types {list-style: none; padding: 0 0 6px 15px;}
.types li {padding: 2px 0 10px 25px; background-repeat: no-repeat; background-position:left top;}

/* File List
======================================= */
.add-button {padding:12px 0 0;}
.add-button span {margin: 0 10px;}
.add-file {background: #D0E9FD; position:relative; margin: -18px 0 0; padding: 20px; border-bottom:1px solid #405877;}
.add-file p, .files-container .info {float:right; width: 310px; padding: 0 0 0 20px;}
.files-container {padding: 20px;}
.file-list {list-style:none; float:left; width:450px;}
.file-list li {border-bottom:1px solid #B5C7DD; padding: 0 0 10px; margin:0 0 10px;}
.file-list input {float: left; margin: 45px 10px 0 0;}
.image-preview {float:left; width:100px; height:100px; border:5px solid #fff;}
.approved {border:5px solid #030;}
.rejected {border:5px solid #800000;}
.second_moderation_awaiting {border:5px solid #FF7518;}
.file-list div {padding:5px 0 0; margin: 0 0 0 145px;}
.file-list h3 {font-size:14px; padding:0 0 3px;}
.file-list p {padding:0 0 6px;}
.empty {color: #999; display:block; padding: 0 0 6px;}
.file-list .error {padding:0;}

/* File Edit
======================================= */
.file-edit {padding: 0 0 0 20px;}
.file-edit dl {padding: 20px 0 15px;}
.file-edit dt {font-size:12px;}
.file-edit dd {padding: 2px 0 10px;}
.file-edit dd input {width: 700px; padding: 3px 0; font-size: 16px;}
.file-edit dd textarea {width: 703px; height: 200px;}
.uploads-file {padding: 0 0 25px;}


/* File Upload
======================================= */
.rev-upload {width:270px;}
.rev-upload td {text-align:right;}
.rev-back {padding: 29px 0 80px;}
*html .rev-back {padding-left: 20px; padding-top:25px;}
.rev-back a {color:#002efd; font-size:12px;}
.rev-tbl td {padding:8px 10px 0 0;}

/* User Info
======================================= */
.userinfo {padding: 0 20px;}
.userinfo dt {font-weight:bold; padding:0 0 4px; font-size: 14px;}
.userinfo dd {padding:0 0 14px; margin:0;}
.userinfo dd input {padding:3px; width:40%;}
.userinfo dd textarea {height:70px; padding:5px; width:55%;}
.userinfo dd p {float: left; width: 60%; border-bottom: 1px dotted #405877; padding: 0 0 12px;}
.userinfo dd p b {color:#999; font-weight:normal;}
.userinfo dd span {display: block; padding: 0 0 0 10px; float: left; width: 36%; color:#800000;}

/* User Search
======================================= */
.user-search-container {padding: 0 10px;}
.user-search {float: left; width: 390px; margin: 0 10px 20px; padding: 15px; background:#f9f9f9; -moz-border-radius: 12px; -webkit-border-radius: 12px;}
.user-search-results {padding: 0 20px 20px; font-size: 20px; font-weight:normal;}
.user-search-fields {width: 70% !important;}
.user-search-fields td {width: 33% !important;}
.user-search-fields td input, .user-search-fields td select {display: block; width: 95%; margin: 3px 0 0;}

/* User Cart
======================================= */
.user-cart ul {margin: 0 0 0 115px; list-style: none;}
.user-cart li {padding: 3px 0 0;}
.user-cart li a {text-decoration:none;}
.user-cart li a:hover {color: #405877;}
.user-cart li.user-cart-name {font-size: 16px; display: inline; padding: 0;}
.user-cart li.user-cart-button {padding: 12px 0 0; font-weight: bold; font-size: 12px;}
.user-cart li.user-cart-button a {color: darkred; text-decoration:underline;}
.user-cart li span {color: #999;}
.user-cart ul img {width: 100px; height: 100px;}


/* Profile
======================================= */
.profile {padding: 0 50px 20px;}
.profile table {border-collapse: collapse;}
.profile th {padding: 0 10px 10px 0; text-align:right; font-size:12px;}
.profile td {padding: 0 10px 10px 0; font-size:12px;}
.profile td .error {font-size: 10px; padding: 0;}
.pass {margin: 2px 0; width: 250px;}
.problems p {padding: 0 20px 12px;}
.problems h3 {padding: 0 20px 12px;}

/* Dialog
======================================= */
.dialog-bg {position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: #000; z-index: 50; opacity:0.7;}
.dialog {width:300px; background:#fff; position: absolute; left: 50%; top: 50%; margin: -80px 0 0 -150px; z-index: 100; padding: 20px; border: 5px solid #405877; text-align:center;}
.dialog p {padding:0 0 8px;}
.dialog b {font-size:12px;}

/* Buttons
======================================= */
.buttons {color:#999; padding: 0 0 25px;}
.buttons input {margin: 0 8px 0 0; padding: 8px 25px; font-size: 18px; cursor: pointer;}
.buttons a {margin: 0 0 0 8px; font-size: 14px;}

/* Page navigation
======================================= */
.page-nav {overflow: hidden; list-style: none; padding: 0 0 0 20px;}
.page-nav li {float: left; font-size: 12px; line-height: 14px; padding: 0 4px 0 0; font-family: Arial, Helvetica, sans-serif;}
.page-nav li a {display: block; text-decoration: none; float: left; border: 1px solid #405877; padding: 3px 6px 2px;}
.page-nav li a.sel {font-weight: bold; color: #D52C2C; border: 1px solid #D52C2C;}
.page-nav li span {color: #999; display: block; float: left; padding: 4px 0 0;}

/* Footer
======================================= */
.footer {height: 44px; position: relative; clear: both; margin: -47px auto 0; padding: 2px 0 0; border-top: 1px solid #405877; width: 900px;}
.footer-inner {padding: 10px 0 0; border-top: 1px solid #405877;}
.footer address {float: left; font-style: normal;}
.footer ul {float: right; list-style: none;}
.footer li {float: left; padding: 0 0 0 20px;}

.APPROVED {
    color: #003300;
}

.REJECTED {
    color: #800000;
}

.FIRST_MODERATION_AWAITING {
    color: #000080;
}

.SECOND_MODERATION_AWAITING {
    color: #ff7518;
}

img.APPROVED {
    border: solid #003300 5px;
}

img.REJECTED {
    border: solid #800000 5px;
}

img.FIRST_MODERATION_AWAITING {
    border: solid #000080 5px;
}

img.SECOND_MODERATION_AWAITING {
    border: solid #ff7518 5px;
}

img.approved {
    border: solid #003300 5px;
}

img.rejected {
    border: solid #800000 5px;
}

img.first_moderation_awaiting {
    border: solid #000080 5px;
}

img.second_moderation_awaiting {
    border: solid #ff7518 5px;
}

.gray{

    color:#999999;
}

.userinfo dd textarea{
    float:left;
    padding:0 0 12px;
}

.DialogWindow
{
    border: 1px #FFFFFF outset;
    margin: 0 auto;
    display: none;
    background: #FFFFFF;
    z-index: 1000;
    position: absolute;
    left: 50px;
    top: 50px;
    right: 50px;
    bottom: 50px;
}

.DialogContent
{
    float: right;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 24px;
    width: 450px;
    display: block;
    font-size: 90%;
}


.DialogIcon
{
    padding: 10px;
    float: left;
}

.DialogHeader
{
    border-bottom: 1px #00449E outset;
    background: #00449E;
    text-align: right;
    height: 30px;
}

.DialogTitle
{
    float: left;
    padding: 8px;
    color: #FFFFFF;
}

.DialogActionBtn
{
    cursor:pointer;
}

.ModalBG
{
    width:100%;
    display:none;
    background-color:#333333;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    z-index:999;
    opacity:.40;
    filter:alpha(opacity=40);
}