.header{
    font-size:1.5em;
    color: #000000;
}
.body{
    font-size:0.9em;
    color: #000000;
}

.tabit{
    font-family: Arial, Helvetica, sans-serif; 
    display:block; 
    position: absolute; 
    left: 10px; 
    top: 73px; 
    background:#ffffff; 
    height:18px; width:100%;
}

a:link {
    text-decoration: none;
    color: #000000;
}
a:visited {
    text-decoration: none;
    color: #000000;
}

a:hover {
    text-decoration: underline;
    color: #000000;
}

a:active {
    text-decoration: underline;
    color: #000000;
}

.Actor_Select {
   padding:0px 2px 0px 2px;
   color:#333333;
   border: thin solid #ffffff;
}

.Margin {
    position: relative;
    top: 0px;
    left: 0px;
    height: 0px;
    background:#0000FF;
}
.Page_Header {
    position: relative;
    top: 0px;
    background:#FFFFFF;
    margin:2px 2px 15px 2px; 
}
.Canvas {
    position: relative;
    background:#FFFFFF;
    white-space: nowrap;
    font-family: Arial, Helvetica, sans-serif; 
}

.popuppi {
    position:absolute; 
    top:0px;
    left:0px; 
    z-index:1000;
    width:100%;
    height:100%;
    padding:100px;
    background: rgba(240, 240, 240, .6);
    display:none;
}
.si_oc {
    display: inline-block;
    width:60px;
    height:45px;
    background:#FFFF99;
}

.si_oc_container {
    width:200px;
    background: rgba(255, 255, 153, .9);
    padding:2px; 
    visibility:hidden;
    margin-left:4px;
    margin-top:6px;
    color:#000000;
    position:relative;
    z-index:1900;
    border: 1px solid #dede85;
    white-space: normal;
}
.si_oc_list {
    padding: 0px;
    margin: 15px;
    margin-top: -5px;
    text-indent: -5px;
}

#ProcessStep {
    padding:0px 0px 0px 6px; 
    background-image: url("arrow_small.png");
    background-repeat: no-repeat;
    background-position: -2px 12px;
    background-clip: padding-box;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
}


.Process_Step_text_box {
    font-family: Arial, Helvetica, sans-serif; 
    background: rgba(255, 255, 255, .4);
    font-size:1.1em;
    margin:0px; 
    padding: 3px;
    min-height:43px;
    border: 2px solid white;
}

.Processing_Process_Step {
    background: rgba(124, 187, 0, 1);
    margin:0px 0px 0px 0px; 
    display:block;
}
.Transportation_Process_Step {
    background: rgba(255, 187, 0, 1);
    margin:0px 0px 5px 0px; 
    display:block;
}
.Storage_Process_Step {
    background: rgba(0, 161, 241, 1);
    margin:0px 0px 5px 0px; 
    display:block;
}
.Inspection_Process_Step {
    background: rgba(246, 83, 20, 1);
    margin:0px 0px 5px 0px; 
    display:block;
}
.Undefined_Process_Step {
    background: rgba(230, 230, 230, 1);
    margin:0px 0px 5px 0px; 
    display:block;
}
.ProcessStepOpacity {
    padding:0px 0px 0px 0px; 
    width:157px;
    border: 2px solid white;
    margin:0px 0px 0px 0px; 
}

.process_step_more {
    position: relative;
    top: 0px;
    display: none;
    padding:2px 0px 0px 0px; 
    margin:0px 0px 0px 0px; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size:0.9em;
    color:#999999;
    background:#FFFFFF;
    border-top-style:none;
    border-right-style:solid;
    border-bottom-style:solid;
    border-left-style:solid;
    border-width:0px;
    }

.OperationalStep_details {
    display: none;
    padding:0px 0px 0px 0px; 
    margin:2px 2px 2px 2px; 
    background:#eeeeff;
    border-top-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-left-style:solid;
    border-width:1px;
    border-color: #eeeeff;
    opacity: 0.8;
    font-family: Arial, Helvetica, sans-serif; 
    font-size:0.9em;
   white-space: normal;
}

.OperationalStep_details_content {
    font-family: Arial, Helvetica, sans-serif; 
    font-size:0.9em;
    color:#000000;
   white-space: normal;
}
.Processing_Operational_Step {
    background: rgba(124, 187, 0, 1);
    margin:5px 0px 0px 0px;
}
.Transportation_Operational_Step {
    background: rgba(255, 187, 0, 1);
    margin:5px 0px 0px 0px;
}
.Storage_Operational_Step {
    background: rgba(0, 161, 241, 1);
    margin:5px 0px 0px 0px;
    width:157px;
}
.Inspection_Operational_Step {
    background: rgba(246, 83, 20, 1);
    margin:5px 0px 0px 0px;
}

.Undefined_Operational_Step {
    background: rgba(240, 230, 230, 1);
    margin:5px 0px 0px 0px;
}

.OperationalStepOpacity {
    background: rgba(255, 255, 255, .4);
    padding:2px 2px 2px 2px; 
    display:block;
    width:149px;
    color:#000000;
    border: 2px solid white;
}