﻿@media screen
{
    /*
    Copyright (c) 2009, Our Comapny Ltd All rights reserved.
    version: 0.1
    */
    em
    {
        font-style: italic;
    }
    b, strong
    {
        font-weight: bold;
    }
    a
    {
        cursor: pointer;
        text-decoration: none;
        outline: expression(hideFocus='true');
        outline: 0;
        -moz-outline: 0;
    }
    a:hover *
    {
        cursor: pointer;
    }
    a:focus
    {
        outline-style: none;
    }
    /** **/
    body, html
    {
        width: 100%;
        height:100%;
        background-color: #f4f4f4;
        color: #888888;
        margin: 0;
        padding: 0;
        font-family: Verdana, Arial, Helvetica, Sans-Serif;
    }
    form 
    {
        height:100%;
    }
    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:relative;
        min-height:100%;
        margin:0 auto;
        width: 660px;
        padding:0 21px;
        background-image: url('/assets/shadow.gif');
    }
    #corps 
    {
        padding-bottom: 54px;
    }
    .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;
        max-height: 582px;
        overflow: hidden;
    }
    .footerpanel
    {
        position: absolute;
        bottom: 0;
        left: 21px;
        right:21px;
        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;
    }
    .importantparagraphsectorsGrey
     {
        font-size: 12px;
        line-height: 16px;
        text-align: left;
        font-weight: normal;
        background-color: #f8F8F8;
        padding: 5px 15px 20px 20px;
    }
    #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;
    }
    #teamMenu
    {
    }
    #teamMenu a
    {
        margin-top: 10px;
        padding-left: 19px;
        font-size: 11px;
        color: #9D9D9C;
        height: 12px;
        line-height: 12px;
        background-image: url(/assets/arrowMenu.gif);
        background-repeat: no-repeat;
        background-position: left center;
        display: block;
    }
    #teamMenu a.active, #teamMenu a:hover
    {
        color: #F39200;
    }
    #workerContent
    {
        overflow: auto;
        padding-left: 43px;
    }
    #workerContent .workerBox
    {
        float: left;
        text-align: left;
        width: 159px;
        margin-bottom: 13px;
    }
    #workerContent .leftColumn
    {
        margin-right: 23px;
    }
    #workerContent .workerBox a
    {
        border: 0;
        color: #9D9D9C;
        font-size: 10px;
    }
    #workerContent .workerBox a img
    {
        border: 0;
    }
    #workerContent .workerBox a .imgSpaceBlock
    {
        height: 139px;
    }
    #popupWarper
    {
        cursor: pointer;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 90;
        display: none;
    }
    #popupContainer
    {
        width: 530px;
        height: 290px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -265px;
        margin-top: -145px;
        background-color: White;
        border: 1px solid #9D9D9C;
        color: #9D9D9C;
        -moz-box-shadow: 3px 3px 4px #9D9D9C;
        -webkit-box-shadow: 3px 3px 4px #9D9D9C;
        box-shadow: 3px 3px 4px #9D9D9C; /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#9D9D9C')"; /* For IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#9D9D9C');
        cursor:default;
    }
    #popupContainer .popupRight
    {
        float: right;
        width: 276px;
        height: 264px;
        padding: 11px 20px 13px 15px;
        overflow: auto;
        font-size: 11px;
        text-align: left;
    }
    #popupContainer .popupLeft
    {
        float: left;
        width: 218px;
        height: 290px;
        text-align: left;
    }
    .clear
    {
        clear: both;
        float: none;
        width: 1px;
        height: 1px;
    }
    
     #referenceMenu a
    {
        margin-top: 10px;
        padding-left: 19px;
        font-size: 11px;
        color: #9D9D9C;
        height: 12px;
        line-height: 12px;
        background-image: url(/assets/arrowMenu.gif);
        background-repeat: no-repeat;
        background-position: left center;
        display: block;
    }
    #referenceMenu a.active, #referenceMenu a:hover
    {
        color: #F39200;
    }
    
    #littleImageBlender 
    {
        width:260px;
        height:160px;
    }
    #littleImageBlender a, #littleImageBlender a img 
    {
        border:0;
    }
    span.sup 
    {
        vertical-align:super;
        font-size:9px;
    }
    span.suptitle 
    {
        vertical-align:super;
        font-size:10px;
    }
    .rightIntroText 
    {
        text-align:left;
        font-size:11px;
        padding:15px 0 0 15px;
    }
}

