html, body
    {position:relative; height:100%; margin:0; padding:0; color:#333333; background-color:#efefef; }

img
    {border:none;}
a
    {color:#333333; text-decoration:underline;}
a:hover
    {text-decoration:none;}

table
    {border-collapse:collapse;}

td, th
    {vertical-align:top; text-align:left; padding:0.1em 0.4em;}

#controlpanel
    {position:absolute; top: 0px; height: 100%; left:0px; width:13em; overflow: auto;}
    #logo
        {padding:0.3em 0.5em; font-size:110%;}
        #logo a
            {font-weight:bold; text-decoration:none;}
        #logo a:hover
            {text-decoration:underline;}

    #controlpanel ul
        {padding: 0; margin-left: 0; list-style: none;}
        #controlpanel ul ul
            { margin-left: 0.7em; }
        #controlpanel ul li
            {clear: both;}
        #controlpanel ul a
            {text-decoration:none; display: block; overflow: auto;}
        #controlpanel ul li span /* workaround for IE6 */
            {cursor: pointer;}
        #controlpanel ul a:hover
            {text-decoration:underline;}
        #controlpanel li.selected
            {font-weight:bold;}
        #controlpanel li.selected li
            {font-weight: normal;}
        #controlpanel li span.name
            {float: left;}
        #controlpanel li img
            {float: left; margin-right: 0.3em; }
        #controlpanel li span.counts
            {float: right;}

    #mailnavigation
        {margin-bottom:1em; padding:0.2em 0.5em;}

    #controlpanel #folder_tree {
        background-color: white;
        border-style: solid;
        border-color: #80c0ff;
        border-width: 1px 1px 1px 0;
        border-bottom-right-radius: 8px;
        -khtml-border-bottom-right-radius: 8px;
        -moz-border-radius-bottomright: 8px;
        -webkit-border-bottom-right-radius: 8px;
        border-top-right-radius: 8px;
        -khtml-border-top-right-radius: 8px;
        -moz-border-radius-topright: 8px;
        -webkit-border-top-right-radius: 8px;
        padding: 0.2em 0.5em;
        margin-left: -0.5em;
        overflow: auto;
    }

    #controlpanel #folder_tree a:hover {
        background: #80c0ff;
    }

    #controlpanel .activeborder {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 3px;
        cursor: w-resize;
        background-color: lightgray;
    }

#headline
    {position:absolute; top:0px; height:2em; left:13em; right:0px; background-color:#ffffff; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc;}
    #headline h1
        {margin:0; padding:0.3em 0.5em; font-size:110%;}

#content
    {position:absolute; top:0; height: 100%; left:13em; right:0; padding:0; background-color:#ffffff; border-left:1px solid #cccccc; }
    #content h1
        {margin: 0 0 0.5em 0; padding: 0 0.5em; background-color: #418bd4; color: white; font-size: 140%;}

    #content #container {
        border-style: solid;
        border-color: #80c0ff;
        border-width: 1px 1px 1px 1px;

        border-bottom-right-radius: 8px;
        -khtml-border-bottom-right-radius: 8px;
        -moz-border-radius-bottomright: 8px;
        -webkit-border-bottom-right-radius: 8px;
        
        border-top-right-radius: 8px;
        -khtml-border-top-right-radius: 8px;
        -moz-border-radius-topright: 8px;
        -webkit-border-top-right-radius: 8px;

        border-top-left-radius: 8px;
        -khtml-border-top-left-radius: 8px;
        -moz-border-radius-topleft: 8px;
        -webkit-border-top-left-radius: 8px;

        border-bottom-left-radius: 8px;
        -khtml-border-bottom-left-radius: 8px;
        -moz-border-radius-bottomleft: 8px;
        -webkit-border-bottom-left-radius: 8px;

        padding: 0.2em 0.5em;
        margin-left: 0.5em;
        margin-right: 0.5em;
        overflow: auto;
    }

    #content #manage_folder_tree {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    #content #manage_folder_tree ul {
        list-style: none;
    }

#compose form, #login form { padding: 0 0.5em; }

#loading_message
    {display: none;}

@media print {
    *   { position: static !important; overflow: visible !important; float: none !important; }
    #controlpanel, #quicksearch, .message_actions, th.actions, td.actions
        { display: none; }
    body, html, #content
        { height: auto; }
    #content
        { border: none; }
    a   { text-decoration: none; }
}


input { border: 1px solid black; }
textarea { border: 1px solid black; }
button { border: 1px solid black; }
