/********************************************************************************
 *
 * CSS-Stylesheet (css vers. 2.0) - Copyrights EMiloG 2004
 *
 */
@import url(form.css);


body{
    background-color: #669;
    background-image: url(../../content/webui/bgBody.gif);
    background-repeat: repeat-x;
    font-size: 11px;
    color: #fff;
}

body.popup {
    background-image: url(../../content/webui/bgTitBar.gif);
    background-repeat: repeat-y;
    background-color: #336;
    font-size: 11px;
    width: auto;
}


div.mainContent {
    position: absolute;
    top: 150px;
    left: 0px;
    width: 100%;
}


div.content {
    background-image: url(../../content/webui/bgNav.gif);
    background-repeat: repeat-x;
    background-color: #99c;
    position: absolute;
    float:left;
    width: 73%;
    border: 1px solid #336;
    padding: 2px;
    margin-left: 1%;
}


div.naviga {
    background-image: url(../../content/webui/bgNav.gif);
    background-repeat: repeat-x;
    background-color: #99c;
    float:right;
    width: 23%;
    border: 1px solid #336;
    padding: 2px;
    margin-right: 1%;
}


div.navigaContent {
    margin-top: 30px;
    border: 1px solid #336; 
    border-bottom: 0px;
}

div.navElem{
    background-image: url(../../content/webui/bgNavElem.gif);
    background-repeat: repeat-y;
    background-color: #669;
    padding: 3px;
    height: 18px;
    border-bottom: 1px solid #336;
}

div.navCat{
    background-image: url(../../content/webui/bgTitBar.gif);
    background-repeat: repeat-y;
    background-color: #336;
    color: #ff3;
    padding: 3px;
    border-bottom: 1px solid #336;
}

div.navSep {
    border-bottom: 1px solid #336; 
    height: 30px;
}

div.navInfo {
    border: 1px solid #336;
    border-bottom : 0px;
    margin-bottom: 30px;
   
}


div.login{
    padding: 50px;
    width: 350px;
}

.foot {
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    border: 0px;
    color: #336;
    font-size: 11px;
}

h1, h2, h3, h4, h5, div, p, table {
    font-family: verdana, helvetica, sans;
}


img.cmsImg {
    border: 1px solid #336;
    margin-right: 15px;
    margin-bottom: 15px;
}

/*
 * the set of links
 */
a {
    text-decoration: none;
}
 
a:link, a:active, a:visited {
    color: #6f6;
}

a:hover {
    color: #ff0;
}

.a1:link, .a1:active, .a1:visited {
    background-color: #669;
    border: 1px solid #336;
    color: #ff3;
    line-height: 150%;
    font-size:11px;
    padding:3px;
}

.a1:hover {
    border: 1px solid #336;
    color: #6f6;
    font-size:11px;
}

.a2:link, .a2:active, .a2:visited {
    color: #fff;
    font-size:11px;
}

.a2:hover {
    color: #336;
    border: 0px;
    font-size:11px;
}

.a3:link, .a3:active, .a3:visited {
    color: #fff;
    line-height: 150%;
    font-size:11px;
}

.a3:hover {
    border: 0px;
    color: #ff3;
    font-size:11px;
}

.a4:link, .a4:active, .a4:visited {
    color: #003;
    line-height: 150%;
    font-size:11px;
}

.a4:hover {
    border: 0px;
    color: #f00;
    font-size:11px;
}



li{
   list-style-type: square;
}

table {
    margin-bottom: 25px;
    border-style: none;
    font-weight: normal;
    font-size: 11px;
    width: 100%;
    color: #336;
}

table.choice{
   width: 50%;
   margin-top: 20px;
   margin-bottom: 30px;
   color: #ccf;
   left: 95px;
   clear: both;
}

td.choice{
    background-color: #669;
}

td.choiceElem {
    background-color: #669;
    width: 18px;
}

.subBarForm {
    padding: 5px;
    text-align: left;
    padding-left: 1px;
    color: #ff0;
}

th.selector, th.operator {
    background-image: url(../../content/webui/bgTh.gif);
    background-repeat: repeat-x;
    background-color: #336;  
    font-weight: normal;
    text-align: left;
    padding: 2px;
    font-size: 11px;
    color: #fff;
}



td.selector, td.operator {
    background-color: #ccf;  
    font-weight: normal;
    padding: 2px;
    font-size: 11px;
    color: #336;
}


th.operator, td.operator {
   width: 50px;
}
/*
 * 
 */

div.back, div.winTitle{
    background-color: #669;
    padding: 2px;
    padding-right: 5px;
    border: 0px;
    border-top: 1px solid #99c;
    border-bottom: 1px solid #99c;
    width: 100%;
    top: 0px;
    margin-top: 20px;
}

div.back{
    text-align: right;
}


.lngChoice {
    font-size: bolder;
    padding-top: 11px;
}
/*
 *
 */


img.logoImg {
    position: absolute;
    top: 42px;
    left: 15px;
}

/*
 *
 * Hier some special features for text-format exclusivly
 *
 */

.title {
    background-image: url(../../content/webui/bgTitBar.gif);
    background-repeat: repeat-y;
    background-color: #336;
    font-size: 11px;
    color: #6f6;
    padding: 3px;
}


.subtitle {
    color: #f90;
    padding-bottom:26px;
    font-size: 11px;
    font-weight: bolder;
    }
    

.error {
    color: #ff0;
    font-size: 11px;
}

.blox {
    color: #ff0;
    font-size: 11px;
    width: 320px;
    display: block;
}


.comment{
    padding-top:30px;
    padding-bottom:30px;
}


.navigaPost{color: #f90;}


.advise{
    color: #9cf;
}


div.sepLine {
    border-top : 1px solid #fff;
    padding-bottom: 20px;
    margin-top: 30px;
}

div.alignRight {
    margin-bottom: 15px;
    text-align: right;
}




div.close{
    background-color: #669;
    border: 0px;
    border-top: 1px solid #336;
    border-bottom: 1px solid #336;
    padding-left: 2px;
    padding-right: 2px;
    width: 100%;
    top: 0px;
    margin-bottom: 20px;
}

table.popUp {
    background-image: url(../../content/webui/bgNavElem.gif);
    background-repeat: repeat-y;
    background-color: #669;
    font-size: 11px;
    color: #fff;
    padding: 3px;
    margin-top: 25px;
    margin-bottom: 25px;
}


.util{
    width: 70%;
    margin-left: 10px;
    padding-bottom: 30px;
}