/* ###################################
#
# Copyright 2006 Sergei Butakov
# 0.22 (20100224)
#
# Note:
#
###################################### */

body {
    margin : 0;
    font-family : sans-serif;
    line-height : 1.2em;
    font-size: 95%;
}
form {
/*     background : #cccccc; */
    padding : 0px 0;
    margin : 0px 0;
}
table {
    border : #0000ff solid;
    border-width : 0px;
    /* width : 100%;    */
}
td {
    background : #ddeeff;
    padding : 0px;
    margin : 0px;
    border-width : 0px;
    width : 0px;
}
dt{
    font-weight : bold;
/*     font-stretch : wider; */
}
li {
    text-align : left;
}
p {
    text-align: left;
}
pre {
    margin : 0;
    text-align: left;
}

/*#######################################
# Main Menu
#*/
div.menu_system {
    background : #99cc66;
    text-align : center;
    padding: 0ex 0 1.2ex 0;
    margin : 1ex 0 2ex 0;
}
div.menu_system a {
    text-decoration: none;
    padding: 1ex .8ex .8ex .8ex;
    margin : 0ex .1ex 0ex .1ex;
    background : #6699cc;
    text-transform: uppercase;
    font-size: 75%;
    border: solid 1px;
}
div.menu_system a:link {
    color : #ffffff;
}
div.menu_system a:visited {
    color : #ffffff;
}
div.menu_system a:hover {
    background : #ffffff;
    color : #000000;
}
div.menu_system a.current {
    background : #cc6699;
}
/*#
#######################################*/

div.message_ok   { color : #99cc66; font-weight: bold; text-transform: uppercase; font-size: 70%; }
div.message_err  { color : #cc6699; font-weight: bold; text-transform: uppercase; font-size: 70%; }
div.message_info { color : #6699cc; font-weight: bold; text-transform: uppercase; font-size: 70%; margin : 10px 0; }


/*#######################################
# Left menu
#*/
div.menu_items {
    background : #ffffff;
    float : left;
    text-align : left;
/*     border-right : 1px dotted #6699cc; */
/*     margin : 1ex 1ex 1ex 0; */
    margin : 0px 10px 10px 0px;
/*     padding : 10ex; */
}

div.menu_items table {
    margin: 0;

}
div.menu_items input {
/*     background : #def; */
    background : #b8cfe6;
}
div.menu_items input:hover {
    background : #eff;
}
/*#
#######################################*/


div.form_delete {
    background : #6699cc;
    float : right;
}

div.main {
    margin: 0 7em .5em 7em;
    padding: .5em 1em;
    border-left : 1px dashed #99cc66;
}

/* for left menu */
.menu_left {
    text-align : right;
    width : 10px;
}

/* for list of users in/out group */
table.users {
    background : #ffffff;
}


td.group {
    width : 50%;
}

/*#######################################
# Form for add something
#*/
div.form_add {
    margin: 10px 0px;
    padding: 0ex;
/*     border : dashed 1px #6699cc; */
    text-align : left;
/*     background : #def; */
    background : #dae6f2;
}
div.form_add input {
    background : #b8cfe6;
/*     background : #def; */
}
div.form_add input:hover {
    background : #eff;
}
/*#
#######################################*/


/*#######################################
# Form for change something
#*/
div.form_change {
    margin: 10px 0px;
    padding: 0ex;
    text-align : center;
    background : #dae6f2;
}
div.form_change input {
    background : #b8cfe6;
}
div.form_change input:hover {
    background : #eff;
}
/*#
#######################################*/


/*#######################################
# Form for delete something
#*/
div.form_del {
    margin: 10px 0px;
    padding: 0ex;
/*     border : solid 1px #cc6699; */
    text-align : right;
    background : #f2d9e6;
/*     background : #fde; */
}
div.form_del input {
/*     background : #fde; */
        background : #e6b7d0;
}
div.form_del input:hover {
    background : #fef;
}
/*#
#######################################*/


/*#######################################
# Form for table
#*/
form.table {
    margin : 10px 10px;
    padding : 0ex;
}
form.table input {
/*     background : #def; */
background : #b8cfe6;
}
form.table input:hover {
    background : #eff;
}
table.table {
    margin-left: auto;
    margin-right: auto;
}
table.table thead {
    text-align : center;
}
table.table thead td {
/*     background : #36c; */
/*     background : #69c; */
/*     background : #7FBFFF; */
background : #b8cfe6;
/*     background : #def; */
    color : #000;
    font-weight : bold;
    font-size: 80%;
    padding : 1ex;
}
table.table tbody{
/*    border-bottom : 10px solid;
    background : red;
    padding : 5ex;*/
}
table.table tbody td {
    background : #eeeeee;
    padding : 0 .5ex;
}
table.table tbody td.subtitle {
    font-size : 75%;
    font-weight : bold;
    text-align : center;
    background : #cccccc;
    padding : 0 .5ex;
}
table.table span.green {
    font-weight : bold;
    color : #66cc33;
}
table.table span.red {
    font-weight : bold;
    color : #cc3366;
}
/*#
#######################################*/


/*#######################################
# Docs
#*/
div.doc {
    text-align : center;
}
div.doc h1 {
    margin : 3ex 0 1ex;
}
div.doc h1:first-child {
    margin-top : 0;
}
div.doc ol li {
    margin : 3ex 0ex 1ex;
}
div.doc ol.contents li {
    margin : 1ex;
}
/*div.doc img {
    text-align : center;
}*/
div.doc p.attention {
    border-left : 2px solid red;
    padding : 1ex 2em;
    margin-left : 5em;
    font-style : italic;
}
div.doc p.info {
    border-left : 2px solid green;
    padding : 1ex 2em;
    margin-left : 5em;
    font-style : italic;
}
/*#
#######################################*/


/*#######################################
# Description of value
#*/
span.desc {
    font-size : 75%;
}
/*#
#######################################*/


/*#######################################
# Bar
#*/
div.bar {
    width : 50%;
    border:1px solid #6699cc;
    padding :1px;
    margin : 3em auto;
    height : 1.2em;
    text-align : right;
}
div.bar div{
    background-color : #6699cc;
    height : 1.2em;
    text-align : left;
}
/*#
#######################################*/