body 
{   
    font-size: 13px;
}
.Wrapper{
    width:100%;
    overflow:hidden;
    padding:0px;
    margin-top:10px;
    margin-left:10px;
    position:relative;   
    font-family: 'Open Sans', Arial;
    min-height:561px;
}
.HeaderLearnWrapper
{
    background-color:#d2d5d9; height:28px; width:100%
}
.HeaderLearnLeftDiv
{
    float:left; 
    margin-left:10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight:bold;
    color:#354D67;
    height:28px;
    line-height:28px;
}
.HeaderLearnRightDiv
{
    background-image:url('../../images/pages/helpcenter/learn_header.jpg');
    background-repeat:no-repeat;  
    float:right;
    height:28px;
    width:266px
}
.HeaderDivBar0
{
    width:100%;
    height:1px;             
    background-color:#ccd2d9; 
    line-height:1px;
    font-size:1px;
}
.HeaderDivBar1
{
    width:100%;
    height:1px;             
    background-color:#2e4969; 
    line-height:1px;
    font-size:1px;
}
.HeaderDivBar2
{
    width:100%;
    height:1px;              
    background-color:#3c577a; 
    line-height:1px;
    font-size:1px;
}
.HeaderDivBar3
{
    width:100%;
    height:1px;         
    background-color:#4c5c78; 
    line-height:1px;
    font-size:1px;
}
.HeaderDivBar4
{
    width:100%;
    height:1px;         
    background-color:#396e89; 
    line-height:1px;
    font-size:1px;
}
.HeaderDivBar5
{
    width:100%;
    height:1px;               
    background-color:#70bcdd; 
    line-height:1px;
    font-size:1px;
}
.HeaderDivBar6
{
    width:100%;
    height:1px;           
    background-color:#7d9ab4; 
    line-height:1px;
    font-size:1px;
}
.HeaderDivBar7
{
    width:100%;
    height:1px;           
    background-color:#354c6a; 
    line-height:1px;
    font-size:1px;
}
.HeaderDivBar8
{
    width:976px;
    height:1px;           
    background-color:#3f5b7d; 
    line-height:1px;
    font-size:1px;
}
.HeaderDivBar9
{
    width:100%;
    height:1px;           
    background-color:#364f6d; 
    line-height:1px;
    font-size:1px;
}
.HeaderDiv
{
    background-color:#314965; height:116px;         
}
.FooterDiv
{
    height:15px;
    background-color:#314965;
    width:100%;
    margin-bottom:10px;
    margin-left:10px;
}
.BorderDiv
{
    border-bottom: 1px dotted #8cc5e2; margin-left:38px; margin-right:38px;
}  
.BorderHowToDiv
{
    border-bottom: 1px solid #2781a4; margin-left:38px; margin-right:38px; margin-top:-8px;
} 
.PageHeaderText1 {
  position: relative;     
  font-size:24px;    
  height:45px; 
  line-height:42px;        
  font-family: 'Open Sans', Arial;
  margin:auto;  
  
  width:100%;    
  
}
.PageHeaderText1 span {
  position: absolute;
  top: 4px;
  padding-left: 2px;  
  color: #1d2b3c;  
  font-family: 'Open Sans', Arial;
  font-weight:600;
  height:30px; 
  width :100%;    
  text-align:center;
}
.PageHeaderText1 span.last {
  top: 2px;
  padding-left: 0px;
  color: #FFF;
  font-family: 'Open Sans', Arial;
  font-weight:600;
  
  text-align:center;              
}
.PageHeaderText2 {
  position: relative;     
  font-size:24px;     
  height:61px;    
  line-height:56px;     
  font-family: 'Open Sans', Arial;
  white-space:nowrap;
  width:100%;

}
.PageHeaderText2 span {
  position: absolute;
  top: 4px;
  padding-left: 0px;  
  color: #1d2b3c;
  font-family: 'Open Sans', Arial;
  font-weight:600;
  height:30px;    
  width:100%;
  margin-left:-400px;
  left:50%;      
  text-align:center;       
}
.PageHeaderText2 span.last {
  top: 2px;
  padding-left: 2px;
  color: #FFF;
  font-family: 'Open Sans', Arial;
  font-weight:600;
      width :100%;
  margin-left:-400px;
  left:50%;      
  text-align:center;   
}
.HowToDiv
{
    height:45px;
    margin-bottom:10px;
}  
.PageHowItText {
  position: relative;          
  line-height:32px; 
  height:36px; 
  font-family: 'Open Sans', Arial;
  font-size:20px;           
  top:10px;
  background-color:#2781a4;
  width:200px;
  padding:10px 5px 10px 5px;
  margin:auto;
}

.PageHowItText span {
  position: absolute;
  top: 4px;
  padding-left: 2px;  
  color: #174d62;
  font-family: 'Open Sans', Arial; 
  font-weight:600;
  height:30px;  
  text-align:center;   
  width:200px;
  margin-left:-100px;
  left:50%;
}
.PageHowItText span.last {
  top: 2px;
  padding-left: 0px;
  color: #FFF;
  font-family: 'Open Sans', Arial;
  font-weight:600;   
  text-align:center;    
}
.PageBlueHdrText
{
    font-family: Arial;
    font-weight:600;
    font-size:13px;
    color:#0975ce; 
}
.PageHdrText
{
    font-family: Arial;
    font-weight:600;
    font-size:13px;
    color:#000; 
}
.PageNormalHdrText
{
    font-family: Arial;
    font-size:13px;
    color:#000;
}
.PageNormalText
{
    font-family: Arial;
    font-size:13px;
    color:#000;
}

.LabelOrangSpacer
{
    margin-left:13px; text-align:left;
}
.StepBoldNumText
{
     font-family: 'Open Sans', Arial;
     font-weight:600;
     font-size:14px;     
     color:#000;         
     position:absolute; left:0px; top:3px; display:block;           
}
.StepOrangBoldText
{
     font-family: 'Open Sans', Arial;
     font-weight:600;
     font-size:16px;
     color:#f29638;   
     display:block;  
     letter-spacing: -1px; 
}
.StepOrangLrgBoldText
{
     font-family: 'Open Sans', Arial;
     font-weight:600;
     font-size:18px;   
     color:#f29638;             
}
.StepBoldNumLrgText
{
     font-family: 'Open Sans', Arial;
     font-weight:600;
     font-size:16px;    
     color:#000;     
}
.StepBlueLrgBoldText
{
     font-family: 'Open Sans', Arial;
     font-weight:600;
     font-size:16px;
     color:#2a4360; 
     letter-spacing: -1px;     
}
a.navClose
{
    font-family: 'Open Sans', Arial;
    font-size:16px;           
    color:#000; 
    letter-spacing: -1px;
    right:40px;  
    top:8px;  
    position:absolute;  
    text-decoration:none;
    z-index:100; 
    cursor:pointer;       
}
a.navClose :hover
{
    text-decoration:none;
}
.InnerWrapper
{
     margin-top:10px;
      position:relative;
      max-height:290px;
}
.InnerDivLeft
{
    width:42%;  
    float:left;
    z-index:2;
}
.InnerDivRight
{
    width:58%;    
    float:left; 
}
.InnerDivClear
{
    clear:both;
}
.BodyDiv
{
    margin-right:20px; margin-left:20px;
    background-image:url('../../images/pages/helpcenter/circles.png');
    background-repeat:no-repeat;  
}
.BodyContents
{  
    min-height:370px;
    max-width:760px; 
    width:100%;
    margin:auto;
   
}
ul.MainNav {  
    list-style: none;   
    margin:20px 0 0 0;
    padding:0; 
    float: left;  
    width:100%;
    ma-xheight:124px;
    text-align:center;
}  
ul.MainNav li {  
    float: left;  
    margin: 0;  
    padding: 0 0 0 0;  
    position: relative;
}  
ul.MoreInfoPopUp{
    list-style:none;
    margin:10px 0 1em 15px;
    padding: 0;
}
ul.MoreInfoPopUp li{
    line-height:16px;
    margin: 5px 0;
    padding: 0 0 0 15px;
    background:url(../../images/pages/helpcenter/bluebullet.png) no-repeat 0 3px;
   
}
.WhatsNewDiv
{
    background-color:White;
    background-image:url('../../images/pages/helpcenter/whatsnewbox.png');
    background-repeat:no-repeat;
    width:100%;
    max-width:478px;
    min-height:232px;
    padding-top:35px;
    padding-left:35px;    
}
.WhatsNewDivBody
{
    width:100%;
    max-width:412px;  
}
.ItemDivBody
{
    max-width:305px;
    margin-top:10px; 
    margin-left:10px;
}
.StepDiv
{
    padding-top:35px;
    position:relative;
}
.HoverInputDiv
{
    background-image:url('../../images/pages/helpcenter/hovercolor_input.png');
    background-repeat:no-repeat;
    width:149px;
    height:133px;
}
.NoSelectInputDiv
{
    width:149px;
    height:133px;
} 
.SelectInputDiv
{
    margin:5px; text-align:center; height:72px; position:relative; display:block;
}   
.SelectImgDiv
{
    position:relative; bottom:5px;
}
.BreadWrapper
{
    margin-bottom:20px;
    margin-top:20px;  
}

.BreadInputDiv, .BreadProcessDiv, .BreadCompareDiv, .BreadDetermineDiv {
    float:left; 
    background-repeat:no-repeat;
    width:325px;
    height:45px;
}
.BreadInputDiv
{
    background-image:url('../../images/pages/helpcenter/breadcrumbs_input.gif');
}
.BreadProcessDiv
{
    background-image:url('../../images/pages/helpcenter/breadcrumbs_process.gif');
}
.BreadCompareDiv
{
    background-image:url('../../images/pages/helpcenter/breadcrumbs_compare.gif');
}
.BreadDetermineDiv
{
    background-image:url('../../images/pages/helpcenter/breadcrumbs_determine.gif');
}
.navBreadInput
{
    display:inline-block; width:53px; height:45px; cursor:pointer; margin-right:13px;
}
.navBreadProcess
{
    display:inline-block; width:63px; height:45px; cursor:pointer; margin-right:13px;
}
.navBreadCompare
{
    display:inline-block; width:73px; height:45px; cursor:pointer; margin-right:13px;
}
.navBreadDetermine
{
    display:inline-block; width:78px; height:45px; cursor:pointer;
}
.navOffInput
{
    display:inline-block; width:53px; height:45px; margin-right:13px;
}
.navOffProcess
{
    display:inline-block; width:63px; height:45px; margin-right:13px;
}
.navOffCompare
{
    display:inline-block; width:73px; height:45px; margin-right:13px;
}
.navOffDetermine
{
    display:inline-block; width:78px; height:45px;
}
a.navMoreInfo
{
    color:#033591;
    cursor:pointer;
    font-family: Arial;
    font-weight:600;
    text-decoration:underline;
}
a.navMoreInfo :hover
{
    color:#0975ce;
    cursor:pointer;
    font-family: Arial;
    font-weight:600;
    text-decoration:underline;
}
.MoreInfoDiv
{
    float:right;  margin-top:10px;
}        
.MoreInfoFirstDiv
{
      float:right;  margin-top:30px;
}
.ArrowInputDiv
{
    width:50px;
    height:133px;     
}
.ArrowImage
{
    padding-top:55px;
}
a.navSteps
{	
    display:inline; width:149px; height:133px; text-decoration:none; cursor:pointer;
}
a.navSteps :hover
{
    text-decoration:none;
}
a.navArrow
{
    text-decoration:none; 
    cursor:pointer;
    font-family: 'Open Sans', Arial;
    font-weight:600;
    font-size:16px;
    color:#2a4360;                
}
a.navArrow :hover
{
    text-decoration:none;
}
a.navArrowDisabled
{
    text-decoration:none;      
    font-family: 'Open Sans', Arial;
    font-weight:600;
    font-size:16px;
    color:#d6d6d6;            
}
a.navArrowDisabled :hover
{
    text-decoration:none;
}
a.navHowTo
{
    text-decoration:none; cursor:pointer; 
}
a.navHowTo :hover
{
    text-decoration:none;
}
a.navInfo
{	
    text-decoration:none; cursor:pointer; 
    color:#2e4969;
    font-family: 'Open Sans', Arial;
    font-weight:600;
    font-size:14px;    
}
a.navInfo :hover
{
    text-decoration:none;
}
.ButtonOff
{
    background-image:url('../../images/pages/helpcenter/button_off.png');
    background-repeat:no-repeat;
    width:215px;
    height:52px;
    cursor:pointer;
    display:block;
}
.PanelButtonOff
{
   position:relative; left:20px; top:10px; display:block;
}   
  
#popupContact{  
    display:none;  
    position:absolute;               
    z-index:2;  
    font-size:13px;     
}     
#popBubble
{
    padding:12px;  
    border:solid 1px black;   
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
      
    background-color: #FFFFFF;     
}   
#backgroundPopup{  
    display:none;  
    position:fixed;  
    _position:absolute;
    height:100%;  
    width:100%;  
    top:0;  
    left:0;  
    z-index:1;            
}  
#popupClose{  
    font-size:14px;  
    line-height:14px;  
    right:6px;  
    top:4px;  
    position:absolute;  
    color:#6fa5fd;  
    font-family: 'Open Sans', Arial;
    font-weight:700; 
    display:block;  
    z-index:100;     
}  
#popupClose:hover
{    
    cursor:pointer;
}
div.Prev{
    float:left; margin-left:25px;
}
div.Next{
    float:right; margin-right:5px;
}
@media (max-width: 400px) {
 

    .InnerDivLeft {
        width: 100%;
        float: left;
        z-index: 2;
    }

    .InnerDivRight {
        width: 100%;
        float: left;
    }
    .MoreInfoFirstDiv
    {
        float:left;
    }
  
 .WhatsNewDiv
   {
       padding-left:0px;
   } 
}

@media (max-width: 350px) {
    .HeaderDiv
    {
        height:146px;
    }
    .BreadInputDiv, .BreadProcessDiv, .BreadCompareDiv, .BreadDetermineDiv {
        display:none;
    }
    div.Prev{
    float:none; margin-left:0px;
    }
    div.Next{
        float:none; margin-right:0px; margin-top:10px; 
    }

}