@media screen
{
    body, html 
    {
        width:100%;
        background-color:#f4f4f4;
        color:#888888;
        margin:0;
        padding:0;
        font-family: Verdana, Arial, Helvetica, Sans-Serif;
    }
    div 
    {
        margin:0;
        padding:0;
    }
    div.paddingP 
    {
        margin:10px 15px 10px 15px;
        padding:0;
        line-height:14px;
    }
    p
    {
        margin:0;
        padding:0 0 10px 0;
        line-height:14px;
    }
    a 
    {
        color:#ee9933;
        text-decoration:none;
    }
    :focus 
    {
        -moz-outline-style: none; 
    }
    .indexcenterpanel
    {
        position:absolute;
        left:50%;
        top:50%;
        margin:-200px 0 0 -329px;
        border: 0;
        width:658px;
        height:400px;
        background-color:Aqua;
    }
    .table 
    {
        width:660px;

    }
    .Panelcontainer 
    {
        position:absolute;
        left:50%;
        margin:0 0 0 -329px;
        border: 0;
        top:0;
        width:658px;
    }
    .Panelcontainershadows 
    {
        position:absolute;
        left:50%;
        margin:0 0 0 -350px;
        border: 0;
        border-top:0;
        border-bottom:0;
        top:0;
        height:910px;
        width:700px;
        background-image: url('shadow.gif');
    }
    .Panelcontainerborders 
    {
        position:absolute;
        left:50%;
        margin:0 0 0 -330px;
        border: 1px solid #CCCCCC;
        border-top:0;
        border-bottom:0;
        top:0;
        width:660px;
        height:910px;
         background-color:#e6ECF0;
    }
    .titlepanel 
    {
        background-color:White;
        color:#ee9933;
        font-weight:bold;
        width:258px;
        font-size:14px;
        padding:3px 0;
        text-align:center;
        border:1px dotted #999999;
    }
    .top 
    {
        height:80px;
    }
    .top1
    {
        height:80px;
        background-color:#D8E3E9;
        width:260px;
    }
    .top2 
    {
        height:80px;
        background-color:#CDDCE5;
        vertical-align:middle;
        width:400px;
    }
    
    .middle 
    {
        height:100px;
    }
    .middle1 
    {
        height:100px;
        vertical-align:top;
        background-color:#E6ECF0;
    }
    .middle2
    {
        height:100px;
        vertical-align:top;
        background-color:#D8E3E9;
    }
    .footer 
    {
        text-align:left;
    }
    .footer1 
    {
        vertical-align:top;
    }
    .footer2 
    {
        vertical-align:top;
    }
    .contentrightpanel 
    {
        background-color:#b7cdd9;
        color:#BB6600;
        font-weight:bold;
        width:100%;
        margin:0;
        border:0;
        padding:0;
    }
    .pagetexpanel 
    {
        font-size:11px;
        background-color:#E6ECF0;
        width:260px;
        text-align:left;
        padding-bottom:5px;
        
    }
    .footerpanel
    {
        position:absolute;
        top:890px;
        left:0;
        width:655px;
        font-size:10px;
        text-align:left;
        height:18px;
        background-color:#F8F8F8;
        padding-top:5px;
        padding-left:5px;
        border-top:1px dotted #999999;
    }
    .importantparagraphsectors 
    {
        font-size:12px;
        line-height:16px;
        text-align:left;
        font-weight:normal;
        background-color:#f8F8F8;
        padding:20px 15px 20px 20px;
        color:#ee9933;
    }
    #workerSlider 
    {
        height:250px;
        white-space:nowrap;
        overflow:auto;
        width:400px;
    }
    #workerSlider img 
    {
        padding:0 1px;
        border-bottom:0;
        border-top:0;
        opacity:0.5;
        background-color:White;
        cursor:pointer;
    }
    #workerSlider img.active 
    {
        opacity:1;
    }
    #workerDetails 
    {
        font-family:Verdana;
        font-size:11px;
        min-height:150px;
        text-align:left;
        padding:0px 20px 14px 16px;
    }
    #workerFunction 
    {
        font-size:12px;
        padding-bottom:16px;
    }
    #workerLegend 
    {
        font-size:11px;
    }
     #workerDetails #workerName
    {
        font-size:12px;
        font-weight:bold;
        font-family:Verdana;
    }
    .tip-wrap 
    {
       font-size:11px;
       background-color: #D8E3E9;
       color:#888888;
       padding:5px;
       border:1px solid #888888;
    }
    #workerDetails #workerName .note 
    {
        color:#EE9933;
        font-weight:normal;
        font-size:11px;
        padding-top:7px;
    }
}