﻿/*
Should contain all Styles used by page templates and layout
*/
        
/*.Clear{
    clear: both;
}

.FloatLeft {
    float: left;
}

.FloatRight {
    float: right;
}*/

div {
    /*(border: #000 1px solid;*/
}

body, html {
    margin: 0;    
    background-color: #bee7fb;
    height: 100%;
    width: 100%;
    font-family: Arial, Sans-Serif;
}

.Center {
    width: 950px;
    margin: 0 auto;
    padding-top: 19px;
}

.Container {   
    width: 878px;
    height: 718px; 
    background: transparent url('../Img/Backgrounds/Canvas.png') no-repeat top left;
    padding: 24px 36px 22px 36px;    
}

.ContentHeader {
   margin-bottom: 57px;
   _margin-bottom: 0px;
   height: 75px; 
   color: #6d6e71;
   font-size: 9px; 
   width: 878px;  
}

.ContentHeader .Logo {
    width: 219px;
    height: 75px;
    float:left;
}

.ContentHeader  a,
.ContentHeader a:visited{
    color: #6d6e71;
     text-decoration: none;
     font-weight: bold;
}

.ContentHeader .TopLinks{
    float: right;        
    height: 22px;
}

.ContentHeader .Search {
    float: right;
    height: 22px;    
}

.ContentHeader .ShareThis {
    float: right;
    height: 22px;
}

.ContentHeader .Navigation{
    height: 57px;
    position: relative;  
    z-index:900;  
}

.ContentHeader .Navigation ul,
.ContentHeader .Navigation li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.ContentHeader .Navigation .menuItems li{
    padding-bottom: 16px;    
}

.ContentHeader .Navigation .menuItems li a.Active{
    border-bottom: 2px solid #90b3d4;
}

#MainNavMenu {
    position: absolute;
    z-index: 1000;
}

.Nav {
    width: 550px;
}

.ContentHeader .Navigation a,
.ContentHeader .Navigation a:visited{
    color: #fff;
    font-size: 13px;
    font-weight: normal;    
}

.ContentHeader .Navigation .menu0{
    width: 214px;  
    height: 57px;    
    float: left;  
    
    background: url('../Img/Header/Nav/YourKnowledge.gif') no-repeat;
}

.ContentHeader .Navigation .menu1{
    width: 219px;  
    height: 57px;      
    float: left;
    
    background: url('../Img/Header/Nav/YourSubscription.gif') no-repeat;
}

.ContentHeader .Navigation .menu2{
    width: 221px;  
    height: 57px;      
    float: left;
    
    background: url('../Img/Header/Nav/YourTools.gif') no-repeat;
}

.ContentHeader .Navigation .menu3{
    width: 220px; 
    height: 57px;       
    float: left;
    
    background: url('../Img/Header/Nav/YourSupport.gif') no-repeat;
}

.ContentHeader .Navigation .menuItems{
    margin: 57px 0px 0 0px;
    padding-left: 18px; 
    display: none;
}

.ContentHeader .Navigation .KnowledgeMenu{           
    background:  transparent url('../Img/Header/Nav/YourKnowledgeMenuBg.gif') repeat-y;
    padding-left: 12px; 
}

.ContentHeader .Navigation .KnowledgeMenuFooter{
    background: transparent url('../Img/Header/Nav/YourKnowledgeMenuFooterBg.gif') no-repeat;
    height: 8px;
    display: none;
}

.ContentHeader .Navigation .YourSubscriptionMenu {
    background: transparent url('../Img/Header/Nav/YourSubscriptionMenuBg.gif') repeat-y;
}

.ContentHeader .Navigation .YourSubscriptionMenuFooter{
    background: transparent url('../Img/Header/Nav/YourSubscriptionMenuFooterBg.gif') no-repeat;
    height: 9px;
    display: none;
}

.ContentHeader .Navigation .YourToolsMenu {
    background: transparent url('../Img/Header/Nav/YourToolsMenuBg.gif') repeat-y;
}

.ContentHeader .Navigation .YourToolsMenuFooter{
    background: transparent url('../Img/Header/Nav/YourToolsMenuFooterBg.gif') no-repeat;
    height: 9px;
    display: none;
}

.ContentHeader .Navigation .YourSupportMenu {
    background: transparent url('../Img/Header/Nav/YourSupportMenuBg.gif') repeat-y;
}

.ContentHeader .Navigation .YourSupportMenuFooter{
    background: transparent url('../Img/Header/Nav/YourSupportMenuFooterBg.gif') no-repeat;
    height: 9px;
    display: none;
}

.ContentHeader .Navigation .Hover {
    cursor: pointer; 
}

.ContentHeader .Navigation .menu0Hover{    
    background: url('../Img/Header/Nav/YourKnowledgeEx.gif') no-repeat;    
    height: 320px;    
}

.ContentHeader .Navigation .menu1Hover{    
    background: url('../Img/Header/Nav/YourSubscriptionEx.gif') no-repeat;    
    height: 320px;
}

.ContentHeader .Navigation .menu2Hover{    
    background: url('../Img/Header/Nav/YourToolsEx.gif') no-repeat;
    height: 320px;
}

.ContentHeader .Navigation .menu3Hover{    
    background: url('../Img/Header/Nav/YourSupportEx.gif') no-repeat;
    height: 320px;
}

.HeaderBuffer {
    height: 23px;
    display: block;    
    background-color: #fff;
    overflow: hidden;
}

.HomepageHeaderBuffer{
    height: 8px;
    display: block;    
    background-color: #fff;
    overflow: hidden;
}

.SplashArea {
    width: 653px;
    height: 314px;
    overflow: hidden;
}

.ContentFooter {    
    bottom: 0;
    padding-top: 30px;
    _padding-top: 15px;
    padding-left: 1px;    
}

.ContentFooter ul,
.ContentFooter li{
    margin: 0;
    padding: 0;
    list-style: none;
}

.ContentFooter li {
    float: left;
}

.ContentFooter .Left{
    background: url('../Img/Footer/CornerLeft.jpg') no-repeat;
    width: 16px;
    height: 19px;
    float: left;
}

.ContentFooter .Content
{
    background: url('../Img/Footer/FooterBg.jpg');
    float: left;
    width: 854px;
    height: 19px;
    display:inline-block;
    vertical-align: middle;
    color: #8f8f92;
    font-size: 12px;
    text-transform: uppercase;
}

.ContentFooter .Content a
{
    color: #8f8f92;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: normal;
}

.ContentFooter .Content a:hover
{
    text-decoration: underline;
}

.ContentFooter .Right{
    background: url('../Img/Footer/CornerRight.jpg') no-repeat;
    width: 6px;
    height: 19px;
    float: left;
}

.SiteFooter{
    color: #6d6e71;
    text-align: right;
    font-size: 9px;
    margin-bottom: 20px;
}

.MainContent{
    min-height: 479px;
    _height: 459px;    
}

.Homepage .Bottom{    
    height: 168px;
    overflow: hidden;
}

.Homepage .Bottom .LeftContent{
    float: left;
    width: 438px;
    margin-top: 6px;
    padding-top: 1px;
}

.Homepage .Bottom .RightContent{
    float: left;
    width: 436px;
    margin-top: 6px;
    padding-top: 1px;
}

.HomepageNewsModule .PrefixText {
    color: #1b559b;
    font-weight: bold;    
}

.HomepageNewsModule .NewsTitle {
    color: #4d4d4d;
    font-weight: normal;
}

.HomepageNewsModule .NewsTitle a,
.HomepageNewsModule .NewsTitle a:visited {
    color: #4d4d4d;
    font-weight: normal;
    text-decoration: underline;
    font-size: 11px;
}

/*.SharedRichText{
    float: left;
    width: 433px;    
    margin-top: 6px;
    padding-top: 1px;
    font-size: 11px;
    overflow: hidden;
}

.SharedRichText .DecoBg{
    background: url('../Img/Backgrounds/DecoGradientBg.gif') no-repeat;
    width: 188px;
    height: 65px;    
    margin-right: 8px;
    padding: 13px 12px 0px;    
    margin-bottom: 5px;
}

.SharedRichText .PowderBlueBg{
    background: url('../Img/Backgrounds/PowderBlueGradientBg.gif') no-repeat;
    width: 184px;
    height: 150px;    
    padding: 13px 14px 0;    
}*/

.SharedContentBody .Left{
    width: 433px;
}

.SharedContentBody .Left .ImageArea{
    width: 433px;
    height: 288px;
}

.SharedContentBody .Left .SectionSubTopics{
    margin-top: 6px;
    padding: 1px;   /* Firefox margin-top fix */
    width: 433px;
    height: 161px;
}

.SharedContentBody .Left .SectionSubTopics ul{
    margin: 0;
    padding: 0;
    margin-top: 14px;
    padding-left: 14px;
    list-style: none;
}

.SharedContentBody .Left .SectionSubTopics li {
    list-style: none;
    padding-bottom: 0.25em;
}

.SharedContentBody .Left .SectionSubTopics li a,
.SharedContentBody .Left .SectionSubTopics li a:visited{
    color: #2b93d1;
    text-decoration: none;
    font-size: 11px;
}

.SharedContentBody .Left .SectionSubTopics li a.Active{
    color: #1b559b;
}

.SharedContentBody .Right{  
    margin-left: 6px;
    width: 433px;
}

.SharedContentBody .Right .MainContentArea{
    width: 433px;
    height: 458px;
    font-size: 11px;
}

.SharedContentBody .Right .Overview {
        height: 254px;
}

.SharedContentBody .Right .MainContentArea .Top{
    background: url(../Img/Backgrounds/MarketingTierMainContentTop.png) no-repeat;
    height: 254px;
    padding: 29px 12px 7px;    
    width: 410px;
    #width: 410px;
}

.SharedContentBody .Right .MainContentArea .Long {
    background: url(../Img/Backgrounds/MarketingTierMainContentFull.png) no-repeat;
    height: 423px;
    padding: 29px 12px 7px;
}

/*.SharedContentBody .Right .MainContentArea h1 {
    font-size: 20px;
    font-weight: 400;
    color: #1b559b;
    margin: 0;
    margin-bottom: 13px;    
}

.SharedContentBody .Right .MainContentArea h2,
.SharedContentBody .Right .MainContentArea h3{
    font-weight: bold;
    font-size: 11px;
    color: #1b559b;
    margin: 0px;
}*/

.SharedContentBody .Right .Column {
    float: left;    
    width: 200px;        
    margin-top: 1em;
}

.SharedContentBody .Right .AdjacentColumn{
    float: left;  
    width: 194px;  
    padding-left: 6px;
    margin-top: 1em;
}
/*.SharedContentBody .Right .MainContentArea .BottomContent {
    float: left;
    height: 123px;
    width: 189px;
    padding: 20px 12px;    
    margin-top: 6px;
}

.SharedContentBody .Right .MainContentArea .BottomLeft {
    background: url(../Img/Backgrounds/MarketingTierMainContentBottomLeft.png) no-repeat;    
}*/

.SharedContentBody .Right .MainContentArea .BottomRight{
    /*background: url(../Img/Backgrounds/MarketingTierMainContentBottomRight.png) no-repeat;   */
    margin-top: 6px;     
}

.ContentTemplate .FlexiableContainer {
    width: 878px;
    min-height: 669px;
    position: relative;
    /*_height: 718px;*/
    background: transparent url('../Img/Backgrounds/Canvas1px.png') repeat-y top left;
    padding: 24px 36px 0px 36px;    
}

.ContentTemplate .ContentFooter2{
    background: transparent url('../Img/Backgrounds/ContentFooter.png') no-repeat top left;    
    
    height: 50px;
    width:950px;
}

.ContentTemplate .SiteFooter{
    margin-top: 22px;
}