/* Calendar */
table.calendar      { width: 100%; }
table.calendar td   { text-align: center; }
table.calendar td a { display: block; }

table.calendar td a:hover {
    background-color: #CCCCFF;
}

table.calendar th {
    background-color: #666699;
}

table.calendar td.selected {
    background-color: #FFCC99;
}

img.calendar { border: none; }
form.clock   { text-align: center; }
/* end Calendar */

.nowrap    { white-space: nowrap; }
div.nowrap { margin: 0; padding: 0; }

li      { padding-bottom: 1em; }
li form { display: inline; }

/* buttons in some browsers (eg. Konqueror) are block elements, this breaks design */
button { display: inline; }

/* Textarea */
textarea { overflow: auto; }

.nospace { margin: 0; padding: 0; }

/* topmenu */
#topmenu {
    font-weight: bold;
}

/* default tab styles */
.tab, .tabcaution, .tabactive {
    margin-right: 0.1em;
    margin-left: 0.1em;
}

/* disbaled tabs */
span.tab {
    color: #666666;
}

/* disabled drop/empty tabs */
span.tabcaution {
    color: #ff6666;
}

/* enabled drop/empty tabs */
a.tabcaution {
    color: #FF0000;
}
a.tabcaution:hover {
    color: #FFFFFF;
    background-color: #FF0000;
}

#topmenu {
    margin-top: 0.5em;
    border-bottom: 0.1em solid black;
    padding: 0.1em 0.3em 0.1em 0.3em;
}

/* default tab styles */
.tab, .tabcaution, .tabactive {
    background-color: #E5E5E5;
    border: 0.1em solid silver;
    border-bottom: 0.1em solid black;
    border-radius-topleft: 0.5em;
    border-radius-topright: 0.5em;
    -moz-border-radius-topleft: 0.5em;
    -moz-border-radius-topright: 0.5em;
    padding: 0.1em 0.2em 0.1em 0.2em;
}

/* enabled hover/active tabs */
a.tab:hover, a.tabcaution:hover, .tabactive {
    margin-right: 0;
    margin-left: 0;
    padding: 0.3em 0.3em 0.1em 0.3em;
}
a.tab:hover, .tabactive {
    background-color: #CCCCCC;
}

/* disabled drop/empty tabs */
span.tab, span.tabcaution {
    cursor: url(themes/original/img/error.ico), default;
}
/* end topmenu */
/************************************************************************************
 * LEFT FRAME
 ************************************************************************************/

    /**
     * Add styles for positioned layers
    **/
/*
*/
/* No layer effects neccessary */
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;
}
.parent{
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    color:            #ffffff;
    text-decoration:  none;
}
.item, .tblItem, .item:active, .item:hover, .tblItem, .tblItem:active{
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    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;
}