* {
    outline:                none;
    }

DIV#banner {
    background-Color:       black;
    background-Image:       url('/webXG/hmu001/static/gfx/banner_small.jpg');
    background-Repeat:      no-repeat;
    background-Position:    top right;  
    }

BODY {
    font-Family:            arial, "lucida console", sans-serif;
    font-Size:              1em;
    background-Color:       #FFFFFF;
    color:                  #000000;
    margin:                 0px;
    overflow:               auto;
    }

PRE {
    white-space:            pre-wrap;
    }

DIV#green_bar {
    width:                  100%;
    background-Color:       #40FF01;
    height:                 21px;
    }

h1 {
    background:             #c1e0a5;
    padding:                5px;
    border:                 1px solid #7bad15;
    -moz-border-radius:     6px;
    -webkit-border-radius:  6px;
    border-radius:          6px;
    font-size:              1.2em
    }

h2 {
    font-size:              1.1em;
    }

a img {
    border:                 none;
    }

a#help,
a#help:hover,
a#help:visited {
    cursor:                 help;
    }

SPAN#title_text {
    font-Size:              12px;
    padding-Top:            3px;
    text-Decoration:        none;
    color:                  black;
    position:               absolute;
    font-Weight:            bold;
    right:                  25px;
    margin-Bottom:          4px;
    }

SPAN#main_menu {
    position:               absolute;
    font-Size:              12px;
    text-Decoration:        none;
    font-Weight:            bold;
    color:                  black;
    left:                   0px;
    margin-Bottom:          4px;
    }

SPAN#left_links a {
    text-Decoration:        none;
    color:                  black;
    font-Weight:            900;
    }

DIV {
    -moz-box-sizing:        border-box;
    -webkit-box-sizing:     border-box;
    box-sizing:             border-box;
    }

#content {
    position:               relative;
    z-Index:                0;
    padding:                10px;
    width:                  100%;
    }

DIV#body_content {
    position:               absolute;
    height:                 100%;
    width:                  100%;
    overflow:               auto;
    }

DIV.error {
    color:                  #DD0000;
    }

DIV.options_header {
    background:         #ddddff;
    border:             1px solid #000;
    padding:            5px;
    margin:             0 0 10px 0;
    }

/* --- GREEN FRAME CSS --- */

DIV.green_frame {
    position:               relative;
    border:                 1px solid black;
    background-Color:       #DDDDDD;
    }

DIV.green_frame .header {
    text-Align:             center;
    top:                    0px;
    left:                   0px;
    width:                  100%;
    background-Color:       #05FF05;
    padding-Top:            2px;
    padding-Bottom:         2px;
    font-Weight:            bold;
    border-Bottom:          1px solid black;
    }

DIV.green_frame .content {
    padding:                5px;
    }

/* --- MENU CSS --- */

span.menu {
    float:              left;
    padding-top:        3px;
    padding-bottom:     3px;
    padding-right:      10px;
    padding-left:       10px;
    color:              black;
    cursor:             pointer;
    position:           relative;
    z-Index:            90;
    top:                0px;
    }

span.hover {
    background:         #DDDDDD;
    }

span.over {
    background:         #DDDDDD;
    }

.top_menu_link {
    color:              black;
    text-decoration:    none;
    height:             15px;
    padding-right:      9px;
    padding-left:       9px;
    }

.menu_link {
    color:              black;
    text-decoration:    none;
    height:             15px;
    display:            block;
    }

span.menu div.holder {
    display:            none;
    border:             1px solid black;
    position:           absolute;
    margin-left:        -8px;
    top:                20px;
    width:              250px;
    background:         #E9E9E9;
    font-size:          12px;
    }

div.sub_holder {
    display:            none;
    position:           absolute;
    border:             1px solid black;
    background:         #E9E9E9;
    top:                0px;
    width:              250px;
    left:               100%;
    }

span.hover div.holder {
    display:           block;
    }

span.menu_item div.sub_holder {
    display:           none;
    }

span.sub_hover div.sub_holder {
    display:           block;
    }

span.sub_hover {
    background-color:   #40FF01;
    }

span.menu_item,
span.sub_hover {
    display:            block;
    height:             16px;
    padding:            4px;
    padding-top:        1px;
    padding-bottom:     1px;
    position:           relative;
    }

/* --- END MENU CSS --- */

/* --- ADMIN NAV CSS --- */
div#admin_nav {
    margin-top:         10px;
    border-bottom:      2px solid #000;
    border-left:        2px solid #000;
    margin:             0px 20px 20px 20px;
    }

div#admin_nav ul {
    list-style-type:    none;
    display:            inline;
    margin:             0px;
    padding:            0px;
    }

div#admin_nav ul li {
    list-style-type:    none;
    display:            inline;
    margin:             0px 0px 0px 0px;
    padding:            0px;
    }

div#admin_nav a {
    font-weight:        bold;
    text-decoration:    none;
    color:              #000;
    padding-left:       10px;
    padding-right:      10px;
    padding-top:        2px;
    padding-bottom:     2px;
    font-size:          12px;
    }

div#admin_nav a:hover {
    color:              blue;
    }
DIV.greybox {
    border: 1px dashed black;
    background: #eee;
    font-family: courier,sans-serif;
    font-size: 14px;
    margin: 20px;
    padding: 10px;
    }

DIV#technical_difficulties {
    padding:            10px;
    border:             1px solid #000;
    }

DIV.clear {
    clear:              both;
    }

/* mgmt widget ****************/

DIV#mgmt_widget {
    position:           absolute;
    width:              506px;
    right:              20px;
    top:                0;
    z-Index:            9999;
    font-size:          10pt;
    color:              #fff;
    }

DIV#mgmt_widget P {
    margin:             0 0 8px 0;
    }

DIV#mgmt_widget DIV#wi_content {
    background:         url('/webXG/hmu001/static//gfx/mgmt_widget_bg.png') left top repeat-y transparent;
    }

DIV#mgmt_widget DIV#wi_show_hide {
    height:             0;
    overflow:           hidden;
    }

DIV#mgmt_widget DIV.title {
    width:              300px;
    }

DIV#mgmt_widget DIV.info {
    }

DIV#mgmt_widget DIV.link {
    float:              right;
    }

DIV#mgmt_widget DIV.link A {
    text-decoration:    none;
    color:              white;
    }

DIV#mgmt_widget DIV#wi_processes {
    padding:            0px 12px 0 8px;
    }

DIV#mgmt_widget DIV.wi_process DIV,
DIV#mgmt_widget DIV#wi_toggle_bar DIV {
    display:            inline-block;
    }

DIV#mgmt_widget DIV.wi_process {
    background:         #454647;
    padding:            5px;
    margin:             8px 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius:      10px;
    }

DIV#mgmt_widget DIV.wi_process DIV.progress_bar {
    width:              430px;
    height:             10px;
    background:         #333;
    margin:             0 4px;
    }

DIV#mgmt_widget DIV.wi_process DIV.progress_bar DIV {
    display:            block;
    width:              20px;
    height:             100%;
    background:         #009900;
    }

DIV#mgmt_widget DIV.wi_process DIV.percent {
    color:              #66ff00;
    }

DIV#mgmt_widget DIV.wi_text {
    padding:            4px 0 0 8px;
    }

DIV#mgmt_widget HR {
    display:            block;
    margin:             0px 6px 2px 3px;
    border-collapse:    collapse;
    border-top:         1px solid #000;
    border-bottom:      1px solid #454645;
    }

DIV#mgmt_widget DIV#wi_toggle_bar {
    position:           relative;
    width:              100%;
    height:             35px;
    background:         url('/webXG/hmu001/static//gfx/mgmt_widget.png') left top no-repeat transparent;
    }

DIV#mgmt_widget DIV#wi_toggle {
    position:           absolute;
    right:              5px;
    bottom:             0;
    width:              30px;
    height:             35px;
    background:         url('/webXG/hmu001/static//gfx/mgmt_widget.png') -537px top no-repeat transparent;
    cursor:             pointer;
    }

DIV#mgmt_widget DIV#wi_toggle.minus {
    background-Position:-507px;
    }