﻿        html[xmlns] .clearfix{display:block;}
        * html .clearfix{height:1%}
        .clearfix:after{content: "."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
        .clearfix{display:inline-block;}
    
        body { font-family:Arial;margin: 0;padding: 0;border: 0;background-image: url("../images/banner-blend.png");background-position: 0 360px;background-repeat: repeat-x;}
        ul{padding:0 0 0 15px; margin:10px 0 0 0;}
        #twitter_update_list{font-family:Arial;margin:0px; padding:0px;font-size:12px; color:#666666; margin:10px 0 0 0;}
        #twitter_update_list li{list-style:none; margin-bottom:10px;}
        #twitter_update_list li a{color:#007DC5;}
         input{background-color:#E6E7E8; border:1px solid #919195; width:400px; height:20px;}
         .siteContent {margin: auto;width: 900px;}
         .formText{margin:20px 0 0 0; color:#000000; font-size:12px;}
         .submitButton{font-size:14px; font-family:Arial; color:#bad1ed; height:35px; width:185px; background-color:#007DC5;margin:20px 0 0 0; cursor:pointer;}
        .headerWrapper{width:900px;}
        .header{height:60px; width:900px;}
        .headerImage{background:url('../images/image-one.png') no-repeat top left; height:300px; width:455px;float:left;}
        .headerImageTwo{background:url('../images/image-two.png') no-repeat top left; height:300px; width:455px;float:left;}
        .headerImageForm{background:url('../images/header-chart.png') no-repeat top left; height:280px; width:469px; margin:20px 0 0 0; float:left;}
        .headerText{color:#007DC5; font-size:27px;padding:80px 0 0 0;}
        .headerImageText{background:url('../images/banner-one.png') no-repeat top left; height:180px; width:900px;float:left;}
        .headerImageTextTwo{background:url('../images/banner-two.png') no-repeat top left; height:180px; width:900px;float:left;}
        .headerImageThree{background:url('../images/image-three.png') no-repeat top left; height:300px; width:420px;float:left;}
        .headerImageTextThree{background:url('../images/banner-three.png') no-repeat top left; height:180px; width:900px;float:left;}
        .headerImageTextForm{background:url('../images/wp.png') no-repeat top left; height:180px; width:900px;float:left;}
        .headerImageTextFormComplete{background:url('../images/wp-post.png') no-repeat top left; height:180px; width:900px;float:left;}
        
        .headerImageTextFormWebinar {background:url('../images/webinar.png') no-repeat top left; height:180px; width:900px;float:left;}
        .headerImageTextFormWebinarCio{background:url('../images/agenda.png') no-repeat top left; height:180px; width:900px;float:left;}
        
        .contentWrapper{width:900px; margin:0 0 40px 0;}
        .leftPane{width:580px; padding:0 20px 0 0; float:left;margin:40px 0 0 0;}
        .leftPaneHeader{font-size:20px; line-height:22px;}
        .leftPaneBlueHeader{color:#007DC5; font-size:18px;line-height:20px; margin:20px 0 0 0;}
        .percentWrapper{font-size:14px; color:#666666;}
        .percentImage{float:left;width:40px; margin:20px 20px 0 0;}
        .percentText{float:left; width:420px;margin:20px 0 0 0;}
        .leftPaneText{font-size:12px; color:#666666; margin:5px 0 0 0; padding:0 20px 0 0;}
        .graphWrapper{margin:20px 0 0 0;}
        .graphLeft{background:url('../images/chart-left.png') no-repeat top left; height:279px; width:94px;float:left; cursor:pointer;}
        .floatItemContent{float:left; border-bottom:1px solid #CCCCCC; padding-left:15px; line-height:30px; font-size:12px; width:344px;color:#666666;}
        .floatHeader{float:left; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding-left:15px; width:180px; line-height:30px; font-size:12px; color:#FFFFFF; background-color:#007DC5}
        
        .graphOn{background:url('../images/chart-one-on.png') no-repeat top left; height:279px; width:102px;position:absolute; z-index:11;}        
        .stageOne{background:url('../images/chart-one-off.png') no-repeat top left; height:279px; width:102px;float:left;}
        .stageOne span{background:url('../images/chart-one-off.png') no-repeat top left; height:279px; width:102px;position:absolute; z-index:10;}        
        .stageOne span:hover{background:url('../images/chart-one-on.png') no-repeat top left; cursor:pointer;}
        
        .stageTwo{background:url('../images/chart-two-off.png') no-repeat top left; height:279px; width:90px;float:left;}
        .stageTwo span{background:url('../images/chart-two-off.png') no-repeat top left; height:279px; width:90px; position:absolute;}
        .stageTwo span:hover{background:url('../images/chart-two-on.png') no-repeat top left; cursor:pointer;}
        
        .stageThree{background:url('../images/chart-three-off.png') no-repeat top left; height:279px; width:86px;float:left;}
        .stageThree span{background:url('../images/chart-three-off.png') no-repeat top left; height:279px; width:90px; position:absolute;}
        .stageThree span:hover{background:url('../images/chart-three-on.png') no-repeat top left; cursor:pointer;}

        .stageFour{background:url('../images/chart-four-off.png') no-repeat top left; height:279px; width:79px;float:left;}
        .stageFour span{background:url('../images/chart-four-off.png') no-repeat top left; height:279px; width:90px; position:absolute;}
        .stageFour span:hover{background:url('../images/chart-four-on.png') no-repeat top left; cursor:pointer;}        
        
        .stageFive{background:url('../images/chart-five-off.png') no-repeat top left; height:279px; width:78px;float:left;}                                        
        .stageFive span{background:url('../images/chart-five-off.png') no-repeat top left; height:279px; width:90px; position:absolute;}
        .stageFive span:hover{background:url('../images/chart-five-on.png') no-repeat top left; cursor:pointer;} 

        .graphRight{background:url('../images/chart-right.png') no-repeat top left; height:279px; width:34px;float:left;}        
        .graphResult{background:#000000 url('../images/stage-one-copy.png') no-repeat top left; height:191px; width:560px;}        
        
        .actionItemsWrapper{margin:20px 0 0 0;}
        .actionItem{float:left; width:285px;}
        .actionItemHeader{font-size:14px; color:#007DC5;}
        .actionItemContent{font-size:12px; color:#666666; margin:10px 0 0 0;}
        .button{font-size:14px; color:#bad1ed; height:25px; width:185px; background-color:#007DC5; text-align:center; padding:10px 0 0 0; text-decoration:none; display:block; margin:10px 0 0 0;}
        .button:hover{color:#FFFFFF;}
        .rightPane{background:url(../images/blend-right.png) repeat-x; height:1335px; width:300px; float:left;}
        .learnMore{background:url(../images/text-learn-more.png) no-repeat; height:24px; width:98px;margin:40px 0 0 20px;}
        .leftPaneActionItemWrapper{margin:0 0 0 20px;}
        .actionItemImage{float:left; width:30px; margin:2px 5px 0 0;}
        .actionItemContentLink{font-size:12px; color:#666666; margin:10px 0 0 0; display:block; text-decoration:none;}
        .actionItemContentLink:hover{color:#144474;}
        .robo{background:url(../images/text-robo.png) no-repeat; height:24px; width:191px;margin:20px 0 0 20px;}
        .community{background:url(../images/text-community.png) no-repeat; height:24px; width:95px;margin:20px 0 0 20px;}
        .leftPaneNotebook{background:url(../images/notebook.png) no-repeat; height:242px; width:390px;margin:20px 0 0 20px;}
        .leftPaneChart{background:url(../images/chart-fix.png) no-repeat; height:442px; width:555px;margin:20px 0 0 0;}
        .footerWrapper{background-image: url("../images/banner-blend.png");background-repeat: repeat-x; height: 180px; min-width:900px;}
        .footerContent{width:900px; margin:auto;}
        .leftPaneFooter{width:744px; float:left; margin-top:40px;}
        .rightPaneFooter{width:156px; float:left; margin-top:40px;}
        
        .leftPaneLearnMore{width:140px; float:left;}
        .leftPaneLearnMore div{color:#FFFFFF; font-size:12px;}
        .leftPaneLearnMore a{text-decoration:none; display:block;color:#bad1ed; font-size:11px;}
        .leftPaneLearnMore a:hover{text-decoration:underline;}
        
        .leftPaneROBO{width:150px; float:left;}
        .leftPaneROBO div{color:#FFFFFF; font-size:12px;}
        .leftPaneROBO a{text-decoration:none; display:block;color:#bad1ed; font-size:11px;}
        .leftPaneROBO a:hover{text-decoration:underline;}
        
        .leftPaneCommunity{width:150px; float:left;}
        .leftPaneCommunity div{color:#FFFFFF; font-size:12px;}
        .leftPaneCommunity a{text-decoration:none; display:block;color:#bad1ed; font-size:11px;}
        .leftPaneCommunity a:hover{text-decoration:underline;}   