#dashboard
{
    background-color: #f0f0f0;
    
    width: 935px;
    height: 630px;
    
    position: absolute;
    top: 120px;
    left: 50%;
    margin-left: -490px;
    
    padding : 10px 10px 10px 10px;
    
    border-style: solid;
    border-width: 10px;      
    
    -moz-box-shadow: 10px 10px 10px #8a8a8a;
    -webkit-box-shadow: 10px 10px 10px #8a8a8a;
    box-shadow: 10px 10px 10px #8a8a8a;
    
    /*CSS3 properties*/
    /*border-radius: 30px 30px 30px 30px;
    -webkit-border-radius: 30px 30px 30px 30px;
    -moz-border-radius: 30px 30px 30px 30px;*/
}

#dashboard_side_panel_title
{
    position: absolute;
    top: 10px;
    left: 670px;
    width:250px;
    height: 40px;
}

.dashboard_title_large
{
    font-size: 1.5em;
    text-align:center;
}

.dashboard_title
{
    position: absolute;
    top: 10px;
    left: 10px;
    width:650px;
    height: 40px;
}

.dashboard_main_panel
{
    background-color: #9bb;
    
    position: absolute;
    top: 50px;
    left: 10px;
    width:650px;
    height: 550px;

    overflow: auto;
}

.dashboard_side_panel
{
    position:absolute;    
    top: 50px;
    left: 670px;
    width: 250px;
    height: 590px;
                        
    background-color: #bdd;
    text-align: left;
    padding-left: 10px;
    overflow: auto;
}

#dashboard_switch_link
{
    position: absolute;
    color: #825;
    font-weight: bold;
    
    cursor: pointer;

    text-align:center;

    top: 600px;
    left: 10px; 
    width: 650px;
    height: 40px; 
    line-height: 40px;
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dashboard_switch_link_option
{
    float:left;
}

#close_button
{
    width: 25px;
    height: 25px;
    
    position: absolute;
    top: 5px;
    right: 5px;
    
    cursor: pointer;
}
    
.dashboard_header
{
    position: absolute;
    text-align: center;
}

.dashboard_canvas
{
    position: absolute;
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dashboard_netbox_info 
{
    text-align: left;
    position: absolute;
    display: block;
}
    
.dashboard_netbox_info p
{
    margin:5px 5px 5px 5px;
}

.setpoint_col1_field
{
    width: 140px;
    left: 10px;
    position: absolute;
    background-color: #bdd;
    font-size: 1.2em;
    margin: 5px 5px 5px 5px;
    padding: 0px 0px 0px 5px;
}

.setpoint_col2_field
{
    width: 125px;
    left: 170px;
    position: absolute;
    background-color: #bdd;
    font-size: 1.2em;
    margin: 5px 5px 5px 5px;
    padding: 0px 0px 0px 5px;
}
    
.setpoint_col3_field
{
    width: 125px;
    left: 315px;
    position: absolute;
    background-color: #eee;
    font-size: 1.2em;
    margin: 5px 5px 5px 5px;
    padding: 0px 0px 0px 5px;

    border: 1px solid black;
}

.setpoint_col3_hdr
{
    width: 125px;
    left: 315px;
    position: absolute;
    background-color: #bdd;
    font-size: 1.2em;
    margin: 5px 5px 5px 5px;
    padding: 0px 0px 0px 5px;
}

.setpoint_col4_field
{
    width: 50px;
    left: 460px;
    position: absolute;
    background-color: #bdd;
    font-size: 1.2em;
    margin: 5px 5px 5px 5px;
    padding: 0px 0px 0px 5px;
}

.setpoint_col5_field
{
    width: 85px !important;
    left: 530px !important;
    position: absolute !important;
    font-size: 1.2em !important;
    margin: 5px 5px 5px 5px !important;
    padding: 0px 0px 0px 0px !important;
}

.centred_dialog
{
    background-color: #f0f0f0;
    
    position: absolute;
    top: 50%;
    left: 50%;
    padding : 10px 10px 10px 10px;
    
    border-style: solid;
    border-width: 10px;      
    
    -moz-box-shadow: 10px 10px 10px #8a8a8a;
    -webkit-box-shadow: 10px 10px 10px #8a8a8a;
    box-shadow: 10px 10px 10px #8a8a8a;
    
    /*CSS3 properties*/
    /*border-radius: 30px 30px 30px 30px;
    -webkit-border-radius: 30px 30px 30px 30px;
    -moz-border-radius: 30px 30px 30px 30px;*/
}

.genset_history_log_item
{
    cursor: pointer;
}

.genset_history_log_item:hover
{ 
    cursor: pointer;
    background-color: #f0f0f0;
}

#history_dialog
{
    width: 420px;
    height: 470px;

    top: 70px;
    left: 185px;
}

#history_prev
{
    width: 200px;
    height: 25px;

    text-align: left;
    color: #825;
    font-weight: bold;
    
    position: absolute;
    bottom: 5px;
    left: 10px;
    
    cursor: pointer;
}

#history_next
{
    width: 200px;
    height: 25px;

    text-align: right;
    color: #825;
    font-weight: bold;
    
    position: absolute;
    bottom: 5px;
    right: 10px;
    
    cursor: pointer;
}

.history_dialog_label
{
    position: static;
    float: left;
    width: 170px;
    height: 25px;
    text-align: left;
    padding-left: 30px;
}

.history_dialog_value
{
    position: static;
    float: right;
    width: 170px;
    height: 25px;
    text-align: right;
    padding-right: 30px;
}

.fams_level_title
{
    margin:0px;
    padding:0px;

    text-align:center;

    position:absolute;
}

.fams_level_input
{
    margin:0px;
    padding:0px;

    position:absolute;
}

.fams_level_apply
{
    margin:0px;
    padding:0px;

    color: #825;
    font-weight: bold;
    cursor: pointer;
    text-align:center;

    position:absolute;
}

.indicator_img {
    margin-bottom: 3px;
}