body
{
    font-size:12pt;
    margin-top:0px;
    margin-left:0px;
}


h1.title 
{
    margin:0px;
    background:#d7d7d7
}

div#header
{
    border-bottom:1px solid black;
    background:#d7d7d7
}

input[type="button"]
{
    cursor: pointer;
}

select
{
    cursor: pointer;
}

input.tab_behind
{
    text-align: center;
    color: black;
    border:black 1px solid;
    height: 25px;
    position:relative;
    top:1px;
    background-color: #d7d7d7;
    cursor: pointer;
}

input.tab_infront
{
    text-align: center;
    color: black;
    border:black 1px solid;
    height: 25px;
    position:relative;
    top:1px;
    background-color: #ffffff;
    border-bottom:white 1px solid;
    cursor: default;
}



div.page
{
    background:white;
    overflow:auto;
}


div.page .tab_heading
{
    font-weight: bold;
}







.ok 
{ 
    background-color:#80FF80;
} 

.alarm 
{ 
    background-color:#FF8080;
}

.acked
{
    background-color: orange;
}

.prealarm
{
    background-color: yellow;
}

.off
{
    background-color: #2864ff;
}

.changing
{
    background-color: #ff80ff;
}


div.page {
    overflow:auto;
}

div.nav_current
{
    border-top:1px solid gray;
    background-color:#35b133;
}

div.nav_history
{
    border-top:1px solid gray;
    background-color:#b17333;
}


div.nav_refresh_required
{
    border-top:1px solid gray;
    background-color:#afb133;
}


form#control
{
    margin:0px;
}

div#back
{
    position:absolute;
    top: 5px;
    left: 5px;
}

div#refresh_pick
{
    position:absolute;
    top: 5px;
    right: 5px;
}


/*
status indicator used on a block
*/
div#status
{
    position:absolute;
    top: 5px;
    left: 100px;
    width:180px;;
    text-align: center;
}


div.child
{
    border:none;
    margin:0px;
    padding:0px;
    border: 1px solid black;

}

table.child
{
    padding: 0px;
    margin: 0px;
    border-collapse:collapse;
    border:none;
    font: 10pt Arial, sans-serif;

}


table.child tr
{
    border: none;
    padding:0px;
    margin:0px;
}

table.child td
{
    border: none;
    padding:0px;
    margin:0px;
}

table.child img
{
    border-style: none;
    margin: 0px;
}


table.child th
{
    text-align:center;
}

table.child .description
{
    text-align:right;
    padding-right: 5px;
    padding-left: 5px;
}

table.child .value
{
    text-align:right;
    padding-right: 10px;
    padding-left: 5px;
}

table.child .units
{
    text-align:left;
    padding-right: 10px;
    padding-left: 5px;
}



table.data
{
    border-collapse:collapse;
    border:1px solid gray;
}

table.data th
{
    font:bold;
}

table.data tr
{
    padding: 0px;
}

table.data td
{
    padding: 0px;
}

table.data .datetime
{
    text-align:right;
    border: 1px solid gray;
    padding-right: 5px;
    padding-left: 5px;
}


table.data .description
{
    text-align:right;
    border: 1px solid gray;
    padding-right: 5px;
    padding-left: 5px;
}

table.data .value
{
    text-align:right;
    border-top:1px solid gray;
    border-bottom:1px solid gray;
    border-left:1px solid gray;
    padding-right: 10px;
    padding-left: 5px;
}

table.data .units
{
    text-align:left;
    border-top:1px solid gray;
    border-bottom:1px solid gray;
    border-right:1px solid gray;
    padding-right: 10px;
    padding-left: 5px;
}

table.data td.button
{
    border:none;
}


table.data .text
{
    border:black 1px solid;
    text-align:left;
    padding:5px;
}

table.data p.button
{
    font-size: 8pt;
    background-color:silver;
    border-style:solid;
    text-align: center;
    border-width: 2px;
    border-top-color:white;
    border-bottom-color:gray;
    border-left-color:white;
    border-right-color:gray;
    margin:0px;
}

table.data .message
{
    background-color: #96f2f1;
}

table.data .message_fail
{
    background-color: #ff7d66;
}

table.data .message_in
{
    background-color: #bbff99;
}


table.log 
{
    width:90%;
}

table.log .datetime
{
    width:25%;
}

table .heading
{
    text-align:center;
    background-color: #ffcc66;
    padding-right: 5px;
    padding-left: 5px;
}

table.block_table .heading
{
    background-color: skyblue;

}


/*
text area on the set tag popup
*/
textarea#setvalue
{
    color:darkblue;
}



table.block_info
{
    text-align:left;
    border: 1px solid gray;
	border-collapse:collapse;
    padding-right: 5px;
    padding-left: 5px;
}


table.block_info td
{
    text-align:left;
    border: 1px solid gray;
	border-collapse:collapse;
    padding-right: 5px;
    padding-left: 5px;
}


table.block_info th
{
	font:bold;
    text-align:left;
    border: 1px solid gray;
	border-collapse:collapse;
    padding-right: 5px;
    padding-left: 5px;
}