@CHARSET "ISO-8859-1";

/* Init */
*{
    margin: 0px;
    padding: 0px;
    z-index: 0;
}
img{
    border: 0px;
}
a{
    text-decoration: none;
    color: #000;
}
a:hover{
    text-decoration: underline;
}
body{
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    text-align: center;
    background-color: #678fc2;
}
div#center{
    position: relative;
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-color: #fff;
}

.floatLeft{
    float: left;
}
.floatRight{
    float: right;
}
hr.hidden{
    clear:both;
    visibility:hidden;
}


/* Header */
p.alertJavaScript{
    position: absolute;
    width: 990px;
    padding: 5px 0px;
    font-weight: bold;
    text-align: center;
    border-top: 3px solid #900;
    border-bottom: 3px solid #900;
    color: #fff;
    background-color: #d00;
}
div#header{
    height: 52px;
    background-image: url("../images/layout/header.jpg");
    background-repeat: no-repeat;
}
div#header span{
    padding-left: 30px;
    font-size: 15px;
    font-weight: bold;
    line-height: 60px;
}
div#header img{
    position: absolute;
    right: 20px;
    top: 10px;
}


/* Content */
div#content{
    padding: 0px 10px 0px 10px;
    background-image: url("../images/layout/content.jpg");
    background-repeat: repeat-y;
}
div.noRibbon{
    background-image: url("../images/layout/toolbar.jpg");
    background-repeat: repeat-x;
}


/* Menu */
div#menu{
    height: 25px;
    padding-left: 20px;
    background-image: url("../images/menu/bgd.jpg");
    background-repeat: repeat-x;
}
div#menu ul{
    list-style: none;
}
div#menu li{
    float: left;
}
div#menu a{
    display: block;
    padding: 0px 0px 0px 8px;
    background: url("../images/menu/left.gif") no-repeat left top;
}
div#menu a:hover{
    background: url("../images/menu/left.gif") no-repeat left -25px;
    text-decoration: none;
}
div#menu a span{
    display: block;
    padding: 6px 12px 4px 4px;
    color: #11449e;
    font-weight: bold;
    background: url("../images/menu/right.gif") no-repeat right top;
}
div#menu a:hover span{
    background: url("../images/menu/right.gif") no-repeat right -25px;
}
div#menu li#active a{
    padding: 0px 0px 0px 8px;
    background: url("../images/menu/left_on.gif") no-repeat left top;
}
div#menu li#active span{
    border-bottom: 1px solid #dfebfc;
    padding: 5px 12px 6px 4px;
    background: url("../images/menu/right_on.gif") no-repeat right top;
}


/* Log bar */
div#logBar{
    height: 15px;
    padding: 5px 20px;
    border-bottom: 1px solid #a6c0d7;
    background-color: #e8f0fd;
}


/* Toolbar */
div#toolbar{
    height: 91px;
    padding: 5px 10px 0px 10px;
    background-image: url("../images/layout/toolbar.jpg");
    background-repeat: repeat-x;
}
div#toolbarBgdLeft{
    float: left;
    width: 5px;
    height: 91px;
    background-image: url("../images/toolbar/bgd_left.gif");
    background-repeat: no-repeat;
}
div#toolbarBgdCenter{
    float: left;
    height: 91px;
    background-image: url("../images/toolbar/bgd_center.gif");
    background-repeat: repeat-x;
}
div#toolbarBgdRight{
    float: left;
    width: 5px;
    height: 91px;
    background-image: url("../images/toolbar/bgd_right.gif");
    background-repeat: no-repeat;
}
div.toolbarGroup{
    float: left;
    height: 78px;
    margin: 4px;
    color: #4372b0;
}
div.toolbarLeft{
    float: left;
    width: 5px;
    height: 78px;
    background-image: url("../images/toolbar/left.gif");
    background-repeat: no-repeat;
}
div.toolbarCenter{
    float: left;
    height: 78px;
    padding: 5px;
    background-image: url("../images/toolbar/center.gif");
    background-repeat: repeat-x;
}
div.toolbarRight{
    float: left;
    width: 5px;
    height: 78px;
    background-image: url("../images/toolbar/right.gif");
    background-repeat: no-repeat;
}
div.toolbarGroup:hover div.toolbarLeft{
    background-image: url("../images/toolbar/left_on.gif");
}
div.toolbarGroup:hover div.toolbarCenter{
    background-image: url("../images/toolbar/center_on.gif");
}
div.toolbarGroup:hover div.toolbarRight{
    background-image: url("../images/toolbar/right_on.gif");
}
div.contentToolbarGroup{
    height: 37px;
    padding: 10px 5px;
}
div.titleToolbarGroup{
    font-size: 9px;
    text-align: center;
}
div.contentToolbarGroup img:hover{
    background-image: url("../images/icons/32/bgd/active.gif");
}


/* Footer */
div#footer{
    height: 90px;
    font-size: 10px;
    text-align: center;
    background-image: url("../images/layout/footer.jpg");
    background-repeat: no-repeat;
}
div#footer span{
    line-height: 85px;
}
div#footer a.extLink{
    color: #000;
}