﻿.siteFlowImagePanel
{
    padding:11px 0px 0px 0px;
    text-align:center;
    width:741px;
    height:302px;
    position:relative;
    }    
.IE .siteFlowImagePanel
{
    width:742px;
    }    
.IE7 .siteFlowImagePanel
{
    width:746px;
    }    
.siteFlowImageBlock
{
    background-color: #F7F7F6;
    border: 1px solid #D9EAFF;
    /*width:675px;*/
    height:302px;
    position:absolute;
    left:34px;
    right:29px;
    z-index:1;
    }
.siteFlowMmap
{
    position:relative;
    }    
.siteFlowImage
{
    width:100%;
    height:100%;
    background-image:url("../images/ImageFlow1.png");
    background-repeat:no-repeat;
    background-position: 161px 2px;
    }    
/*.transOcean .siteFlowImage
{
    background-image:url("../images/ImageFlow2.png");
    background-position: 79px 2px;
    }    */

.siteFlowTitlePanel
{
    position: absolute;
    left: 190px;
    top: 2px;
    padding:2px;
    background-color:#fdfdfc;
    }

.transOcean .siteFlowTitlePanel
{
    position: absolute;
    left: 115px;
    top: 2px;
    padding:2px;
    background-color:#fdfdfc;
    }
.siteFlowTitle
{
    color:#0d2b88;
    font-size:16px;
    }
.siteFlowTextBlock
{
    position:absolute;
    top:186px;
    left:88px;
    padding-top:6px;
    text-align:left;
    }    
.stepImage
{
    margin-top:60px;
    }    
.siteFlowTextHeader
{
    font-size:12px;
    font-weight:bold;
    color:#0d2b88;
    padding-left:4px;
    height:40px;
    }    
.siteFlowText
{
    font-family:Tahoma;
    font-size:12px;
    font-weight:normal;
    color:#534A44;
    }
.siteFlowLabel
{
    margin-top:5px;
    width:106px;
    padding-left:10px;
    }    
.siteFlowTextPanel
{
    width:150px;
    }    
.siteFlowDescriptionBlock
{
    background-color:#f7f7f6;
    border:1px solid #d9eaff;
    padding:10px;
    left:34px;
    right:28px;
    /*margin-right:28px;*/
    height:282px;
    position:absolute;
    z-index:0;
    overflow-y:auto;
    overflow-x:hidden;
    }    
.siteFlowDescBlockText
{
    min-height:194px;
    line-height:18px;
    padding-top:10px;
    text-align:left;
    }
.stepBox
{
    background-repeat:no-repeat;
    background-position:center 60px;
    margin-left: 0px;
    width: 160px;    
    display:inline-block;
    *display:inline;/*For IE7*/
    zoom:1;/*For IE7*/
    margin:0px;
    height:100%;
    vertical-align:top;
    }
.step1
{
    /*background-image:url("../images/siteFlow_step1.png");*/
    }    
.step2
{
    /*background-image:url("../images/siteFlow_step2.png");*/
    }    
.step3
{
    /*background-image:url("../images/siteFlow_step3.png");*/
    }            
.step4
{
    /*background-image:url("../images/siteFlow_step4.png");*/
    }            
.stepDescription
{
    margin-top: 35px;
    text-align:left
    }
.step1Desc
{
    }    
.step2Desc
{
    }    
.step3Desc
{
    }            
.step4Desc
{
    }                
    
/*New Process Flow design*/    
.processFlowBlock
{
    /*border: 1px solid #D9EAFF;*/
    width:726px;
    /*height:312px;*/
    padding-left:6px;
    }
.processFlowStepDescBLock
{
    /*border: 1px solid #D9EAFF;*/
    width:715px;
    /*height:312px;*/
    position:absolute;
    left:14px;
    top:10px;
    z-index:0;
    }    

.IE .processFlowStepDescBLock
{
    width:717px;
}

.IE7 .processFlowStepDescBLock
{
    width:717px;
}
.processFlowStepBLock 
{
    min-width:100px;
    /*height:315px;*/
    margin-right:3px;
    vertical-align:top;
    cursor:pointer;
    }    
.stepsArrowMargin
{
    margin-left:5px;
    margin-right:5px;
    }
.closeStep
{
    vertical-align:top;
    margin-top:10px;
    }    
.IE7 .processFlowStepBLock 
{
    margin-right:5px !important;
    }    
.processFlowHeaderBlock
{
    Height: 31px;
    padding:5px 5px 5px 5px;
    color:#ffffff;
    font-size:14px;
    position:relative;
    }    
.processFlowStepDescBLock .processFlowHeaderBlock
{
    Height: 40px;
    font-size:18px;
}
/*.titleWithStepNumber .processFlowHeaderBlock
{
    Height: 45px;
}*/
.processFlowHeaderNumberBlock
{
    padding:5px 5px 5px 5px;
    color:#ffffff;
    font-size:14px;
    font-family:sans-serif;
    position:relative;    
    margin-top:5px;
    }

.processStep1 .processFlowHeaderBlock, .processStep1 .processFlowHeaderNumberBlock
{
    background-color:#0154a0;
    }    
.processStep2 .processFlowHeaderBlock, .processStep2 .processFlowHeaderNumberBlock
{
    background-color:#54a546;
    }    
.processStep3 .processFlowHeaderBlock, .processStep3 .processFlowHeaderNumberBlock
{
    background-color:#f3ad1a;
    }    
.processStep4 .processFlowHeaderBlock, .processStep4 .processFlowHeaderNumberBlock
{
    background-color:#E4420A;
    }    
.headerRightSection
{
    position:absolute;
    right:10px;    
    top:5px;
    }    
.processFlowContainer
{
    background-image:url('../images/processFlowBackground.jpg');
    background-repeat:repeat;
    height:262px;
    overflow-y:auto;
    }    

.processFlowImageBlock
{
    padding:10px;
    min-width:75px;
    min-height:68px;
    display:block;
    }    
   
.processFlowBody
{    
    text-align:left;
    line-height:18px;
    padding:0px 10px 10px 10px;
    display:block;
}    
.stepImageHeight
{
    height:68px;
    }
/*.processFlowStepDescBLock .processFlowBody
{
    text-align:left;
    line-height:18px;
    padding:0px 10px 0px 10px;
    display:block;
    min-height: 200px; 
    height :auto !important; 
    height: 200px; 
    }    
.processFlowStepDescBLock .descCloseButtonPanel
{
    height:50px;
    }    */
.IE7 .processFlowContainer
{
    position:relative;
}    
.processFlowStepDescBLock .processFlowBody
{
    text-align:left;
    line-height:18px;
    padding:0px 10px 50px 10px;
    display:block;
    min-height: 200px; 
    height :auto !important; 
    height: 200px; 
    position:relative;
    }    
.processFlowStepDescBLock .descCloseButtonPanel
{
    position:absolute;
    bottom:10px;
    left:0px;
    right:0px;
    }    
    
    
.widthSteps3
{
    width:235px;
    }    
.IE7 .widthSteps3
{
    width:236px;
    }    
.widthSteps4
{
    width:171px;
    }
    .processFlowImages
    {
        cursor:pointer;
    }        
    
    
/*Ends - New Process Flow design*/    