* {font-family: Verdana, sans-serif;}
a {outline:none !important;}
html{height:100%;}
body{
    margin:0;
    background:url("../IMG/bg.jpg") bottom left no-repeat #aba79f;
}

#body, #bottombar, #menubox, #debugbox, .login #bodybox{
    position:fixed;
    top:0; right:0; bottom:0; left:0;
}

#body{bottom:56px;}

#body.logout{background: url("../IMG/bg_logo_logout.png") no-repeat scroll center center transparent;}
#body.login{background: url("../IMG/bg_logo_login.png") no-repeat scroll center center transparent;}

.login #bodybox{
    /*background:url('/../IMG/black-20.png');*/
    bottom:56px;
}

#messagebox{position:fixed; z-index:10000; left:auto; top:auto; right:5px; bottom:56px; margin:0; padding:0; list-style-type:none;}
#messagebox li {border:1px solid #585654; position:relative; height:26px; overflow:hidden; padding:7px 37px 4px 4px; color:#fff; margin-bottom:5px;clear:both; float:right; font-size:10px; line-height:11px;}
#messagebox li a {color:#fff;}
#messagebox li.error{background:#b60033}
#messagebox li.success{background:#788d00}
#messagebox li.info{color:#333; background:#E5D692}
#messagebox li.info a{color:#333;}
#messagebox li span {font-weight:bold;display:block;}
#messagebox li span.closebut{
    width:27px;
    height:27px;
    background-image:url('../IMG/icon_close.png');
    background-position:left top;
    background-repeat:no-repeat;
    border:1px solid #585654;
    position:absolute;
    top:4px;
    right:4px;
    cursor:pointer;
    opacity:inherit;
    filter:inherit;
}
#messagebox li span.closebut:hover{border:1px solid #fff;}

#bottombar{z-index:10000; padding-top:6px; height:55px; top:auto; background: url("../IMG/bg_bar.png")}
#bottombar #awesomelogo{display:block; float:right;filter:none !important;opacity:inherit; width:210px; height:55px;}
#bottombar #startup, #bottombar #startup a, #bottombar #startup div{
    height:55px;
    width:55px;
    display:block;
    cursor:pointer;
}
#bottombar #startup{
    float:left;
    margin-left:5px;
    background:url('../IMG/startmeup.png') no-repeat;
}

#menubox{
    display:none;
    z-index:9999;
    overflow:visible;
    right:auto;
    bottom:55px;
    top:auto;
    margin:0;
    padding:5px;
    list-style-type:none;
    background:url('../IMG/menu_bg.png');
    color:#333;
    font-size:12px;
    border: 1px solid #fff;
    -moz-border-radius-topright: 15px;
    -webkit-border-top-right-radius: 15px;
    -ms-border-top-right-radius: 15px;
    
    box-shadow: 0 0 4px #666;
    -moz-box-shadow: 0 0 4px #666;
    -webkit-box-shadow: 0 0 4px #666
}
#menubox #info {clear:both; font-size:11px; margin:5px 0px 10px}
#menubox #info h2{margin:0px; font-size:20px; font-weight:normal;}
#menubox #info h2 sup {font-size:10px;}

#programs, #links, #programcontainer {float:left; display:block; padding:0; list-style:none; margin:0px; height:203px;}
#programs, #programcontainer {
    background:#fff;
    border:solid 1px #666666;
    box-shadow: 0 0 1px #fff;
    -moz-box-shadow: 0 0 1px #fff;
    -webkit-box-shadow: 0 0 1px #fff;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
#programs a {
    border:solid 1px transparent;
    display:block;
    padding:3px;
    margin:3px; 
    color:#4b4b4b;
    text-decoration:none;
    min-width:150px;
    cursor:pointer;
}
#programs li a:first-letter{
    text-transform:uppercase;
}
#programs a:hover, #programs a.active {
    border:solid 1px #7da2ce; 
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff;
    background:url('../IMG/menu_program_bg.png');
}
#programs a img {
    border:1px solid #848383;
    vertical-align:middle;
    margin:0 5px 0 0;
}
#programcontainer{
    position:absolute;
    z-index:2px;
    left:170px;
    width:0px;
    display:none;
    overflow:hidden;
    z-index:2;
    border-left:1px dotted #666;
    background:#efefef;
    font-size:11px;
}
#programcontainer .title, #programcontainer a {
    border:solid 1px transparent;
    margin:3px 3px 0px;
    display:block;
    text-decoration:none;
}
#programcontainer .title span, #programcontainer a span {
    padding:1px 3px 1px 14px;
    color:#333;
    display:block;
    text-decoration:none;
    height:14px;
    overflow:hidden;
    cursor:pointer;
}
#programcontainer .title:hover, #programcontainer .sel, #programcontainer a:hover{
    border:solid 1px #7da2ce; 
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff;
    background:url('../IMG/menu_program_bg.png');
}
#programcontainer .container{display:none; border-bottom:1px dashed #666; padding-bottom:3px;}
#programcontainer .container a{
    margin-left:6px;
}
#programcontainer a span{background:url('../IMG/menu_action_icon.png') no-repeat 3px center}
#programcontainer .title span{background:url('../IMG/menu_more_icon.png') no-repeat 3px center}
#programcontainer .sel span{background:url('../IMG/menu_less_icon.png') no-repeat 3px center}

#links {margin:0px 0px 0px 5px; min-width:130px;}
#links a {
    border:solid 1px transparent;
    display:block;
    margin-bottom:2px;
    position:relative;
    color:#fff;
    text-decoration:none;
    min-width:120px;
    height:28px;
    overflow:hidden;
}
#links a:hover {
    border:solid 1px #666666;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
#links a span {
    border:solid 1px transparent;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    padding:5px;
    display:block;
    height:16px;
    overflow:hidden;
    min-width:118px;
}
#links a  span:hover{
    border:1px solid #d4d3d3;
    background:url('../IMG/menu_links_bg.png');
}


.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.block {display:block;}
.pbot5 {padding-bottom:5px;}
.pbot15{padding-bottom:15px;}
.fleft{float:left}
.fright{float:right}

.ui-resizable-helper{border:1px dotted black}