ody {
    color: #232323;
    background-color: #ffffff;
}
.ui-widget { font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #366F8F; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
.mCSB_scrollTools
{
     background-color: #D3E0E8;   
}
.border 
{
    border: 1px solid #D3E0E8;
}
.menu-label
{
    font-weight:bold !important;
     margin-right: 4px;
     font-size: 1.4em !important;
     color: #366F8F;
}
.disabledColorRange
{
    background-color: #E0E0E0;
}

.enabledColorRange
{
    background-color: #FFFFFF;
}

#container
{
    background-color: #366F8F;
}
.tabContainer
{
    background-color: #D3E0E8;
}
.chartContainer
{
    border-color: #FFFFCC;
}

 .selectedChartContainer
{
    background-color: #D3E0E8;
}
.eventBox {
    top: -304px;
    width: 400px;
    height: 300px;
    background-color: rgb(255, 255, 255);
    opacity: 0.05;
    z-index: 50;
    cursor: pointer;
    position: relative;
    float: left;
}
.indexBox {
    width: 20px;
    height: 20px;
    padding: 4px;
    display: inline;
    position: relative;
    top: -598px;
    left: 300px;
    z-index: 100;
}

.editBox {
    width: 20px;
    height: 20px;
    padding: 4px;
    display: inline;
    cursor: pointer;
    position: relative;
    top: -602px;
    left: 2px;
    float: left;
    z-index: 100;
}


.detailBox {
    width: 20px;
    height: 20px;
    padding: 4px;
    display: inline;
    cursor: pointer;
    position: relative;
    top: -336px;
    left: -28px;
    float: left;
    z-index: 100;
}

.deleteBox {
    width: 20px;
    height: 20px;
    padding: 4px;
    display: inline;
    cursor: pointer;
    top: -602px;
    right: 2px;
    position: relative;
    float: right;
    z-index: 100;
}

.zoomBox {
    width: 20px;
    height: 20px;
    padding: 4px;
    display: inline;
    cursor: pointer;
    top: -336px;
    right: -28px;
    position: relative;
    float: right;
    z-index: 100;
}