/************************************************************************************
 * LEFT FRAME
 ************************************************************************************/

    /**
     * Add styles for positioned layers
    **/
/*
*/
/* Additional effects for left frame not required or not possible because of lacking CSS-capability. */
div{
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    font-size:        10px;
    color:            #ffffff;
}
.heada{
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    font-size:        10px;
    color:            #ffffff;
}
.headaCnt{
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    font-size:        10px;
    color:            #ffffff;
}
.parent{
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    color:            #ffffff;
    text-decoration:  none;
}
.child{
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    font-size:        10px;
    color:            #ffffff;
    text-decoration:  none;
}
.item, .item:active, .item:hover, .tblItem, .tblItem:active{
    font-size:        10px;
    color:            #ffffff;
    text-decoration:  none;
}
.tblItem:hover{
    color:            #ffffcc;
    text-decoration:  underline;
}
/*
*/
/* Always enabled stylesheets (left frame) */
body{
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    font-size:        10px;
    background-color: #666699;
    margin: 0px;
    padding: 2px 2px 2px 2px;
}
input{
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    font-size:        10px;
}
select{
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    font-size:        10px;
    background-color: #ffffff;
    color:            #000000;
    width:            150px;
}
hr{
    color:            #ffffff;
    background-color: #ffffff;
    border:           0;
    height:           1px;
}
img, input, select, button {
    vertical-align: middle;
}