/* ------------------------------ main ------------------------------ */

body { background: #BDC4BF url(../images/bg.gif) fixed; color: #444444; font-family: Verdana,Arial,sans-serif; font-size: .8em; height: 100%; }
a { color: #0066cc; text-decoration: none; }
a:visited {  }
a:hover { color: #3A2E99; }
a:active {  }
p { margin-bottom: 7px; }

/* ------------------------------ header ------------------------------ */


#user-bar { margin: 1px 10px 0 0; font-size: 1.1em; color: #BFD8F5; font-weight: bold; }
#message-container { position: absolute; top: 0; right: 0; width: 350px; display: none; }
#message { width: 300px; margin-top: 5px; padding: 3px 0; }

/* ------------------------------ main menu ------------------------------ */
.main-menu { background: url(../images/bg-header.png); padding: 10px; text-align: center; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }
#loguot { position: absolute; top: 10px; right: 30px; }
.date-last { position: absolute; left: 10px; top: 5px; color: #fff; }

/* ------------------------------ local menu ------------------------------ */
#local-menu {  }
#local-menu a { padding: 2px 5px; color: #2779AA; margin-right: 3px; }

/* ------------------------------ content ------------------------------ */

.white-box { background: #fff; border: 1px solid #c0c0c0; padding: 5px 5px 3px; margin: 5px 0; }
ul { list-style: disc outside; }
li { margin-left: 20px; }

#log-container { width: 100%; height: 400px; background: #fff; border: 1px solid #A5A5A5; }

/* ------------------------------ window ------------------------------ */
.main-win { margin: 70px auto 30px;
    border-radius: 10px;
    background-image: linear-gradient(to bottom, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
    box-shadow: 1px 1px 5px 2px rgba(135,135,135,0.75);
}
.win-header { background: #01709A; color: #fff; border-radius: 10px 10px 0 0; padding: 5px 10px; }
.win-content { padding: 10px; }

.win-menu { margin-bottom: 5px; padding: 5px; background: #CEDBDE; }

/* ------------------------------ table ------------------------------ */
table { border-spacing: 0; margin-bottom: 10px; }
table.listing { }
table.listing th { padding: 4px 8px; vertical-align: bottom; background: #E0E0E0; border: 1px solid #A5A5A5; }
table.listing tr { background: #F0F0F0; }
table.listing td { padding: 4px 8px; border: 1px solid #A5A5A5; }
table.listing td.tr-title { background: #E0E0E0!important; font-weight: bold; text-align: center; }
table.listing tbody > tr:nth-child(2n+1) { background-color: #F9F9F9; }
.ico-td { width: 16px; vertical-align: middle; text-align: center; }
.bg-gray { background: #D1D1D1!important; }
.tr-fixed { position: fixed; left: 0; top: 0; padding-top: 48px; }

/* ------------------------------ icons ------------------------------ */
.ico { display: inline-block; width: 16px; height: 16px; background: url(../images/ico/icons.png) no-repeat; }
.ico-exit { background-position: 0 0; }
.ico-exit:hover { background-position: -16px 0; }
.ico-edit { background-position: 0 -16px; }
.ico-edit:hover { background-position: -16px -16px; }
.ico-del { background-position: 0 -32px; }
.ico-del:hover { background-position: -16px -32px; }
.ico-down { background-position: 0 -48px; }
.ico-down:hover { background-position: -16px -48px; }
.ico-up { background-position: 0 -64px; }
.ico-up:hover { background-position: -16px -64px; }
.ico-off { background-position: 0 -80px; }
.ico-off:hover { background-position: -16px -80px; }
.ico-on { background-position: 0 -96px; }
.ico-on:hover { background-position: -16px -96px; }
.ico-view { background-position: 0 -112px; }
.ico-view:hover { background-position: -16px -112px; }

/* ------------------------------ form ------------------------------ */
form
{
        margin-top: 0px;
        margin-bottom: 0px;
}
textarea, input, select
{
        background: #fff;
        border: 1px solid #032E61;
        color: #032E61;
}
.calendar { margin-right: 5px; width: 100px; float: left; }
table.form { border: 3px double #01709A; background-color: #FFFFFF; }
table.form td { padding: 3px; vertical-align: top; border: 1px solid #fff; }
td.formComment { background-color: #E6E6E6; }
td.formCommentErr { background-color: #FFE1E3; }
td.formInput { background-color: #FFFFFF; }

.radio { border: none!important; background: transparent!important; }
.button-container { margin: 10px 0 5px 0; }
.button {
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border: 1px solid #B3B3B3;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    display: inline-block;
}
.button:hover {
    background-position: 0 -15px;
    color: #333333;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
    background-color: #E6E6E6;
}
.button:active {
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0 none;
}

.field-alert
{
    position: absolute;
    top: 0;
    left: 400px;
    width: 220px;
    font-size: .8em;
}

/*--------------------------------------- dialog ----------------------------------*/
.dialog { position: absolute; padding: 10px; background: #fff; border-radius: 5px; box-shadow: 1px 1px 5px 2px rgba(135,135,135,0.75); }
.edit-var { width: 480px; height: 80px; left: -10px; top: 20px; }
.item-form-container { width: 666px; left: -12px; top: 20px; }

/*--------------------------------------- misc ----------------------------------*/
.label-bar { background: #F7F7F4; position: absolute; top: -17px; left: 30px; width: 131px; height: 18px; padding: 3px; border: 1px solid #5083B4; }
.double-line { border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; height: 1px; }
.lineList { font-size: .9em; margin: 10px 0; text-align: center; }
.lineList a
{
        color: #888888;
        background-color: #F9F9F9;
        border: 1px solid #C0C0C0;
        text-decoration: none;
        padding: 1px 3px;
}
.lineList a:hover
{
        color: #444444;
        background-color: #FFFFFF;
        border: 1px solid #C0C0C0;
}
#letters-list tr {  }

.alert { padding: 5px; border-radius: 4px; background: #FEF8F6; color: #CD0A0A; border: 1px solid #CD0A0A; margin-bottom: 10px; }
.shadow { box-shadow: 0 0 10px rgba(0,0,0,0.5); }