/*=============================================================
| GLOBAL STYLES
\------------------------------------------------------------*/
  body {
    Font: 12px/16px Verdana, arial,helvetica,sans-serif;
    Color: #444;
    Background: #FFF url(/Education/Connect/Images/Layout/Body.Background.jpg) repeat-x left top;
    Margin: 0;
    }

  img { Border-Width: 0; }

  p { Margin: 2px 0 4px; }

  a:Link, a:Visited {
    Color: #0066A7;
    Text-Decoration: None;
    }
  a:Hover { Text-Decoration: Underline; }

  h1 {
    Font: 24px/28px arial,helvetica,sans-serif, Arial;
    Margin: 2px 0 8px;
    Padding: 0;
    Color: #0066A7;
    
    }
  h1.ConnectHeader {
    Padding-Top: 8px;
    Font: 22px/25px arial,helvetica,sans-serif, Arial;
    Margin: 0 0 8px 0;
    }
  h1.NoCaseStudiesConnectHeader {
   _Display: Block;
   _Width: 500px;
    Padding-Top: 8px;
    Font: 28px/32px arial,helvetica,sans-serif, Arial;
    }
  h1.HomeTitleHeader, h1.CommonTitleHeader {
    Color: #444;
    Margin: 4px 0px 10px 0px;
    }
  h1.HomeTitleHeader {
    Font: Normal 32px/36px arial,helvetica,sans-serif, Arial;
    }
  h1.CommonTitleHeader {
    Font: Normal 24px/28px arial,helvetica,sans-serif, Arial;
    }
  h2.TitleSubHead {
    Font: 24px/28px arial,helvetica,sans-serif, Arial;
    Color: #444;
    Margin-Bottom: 8px;
    }
  h2 {
    Font: bold 14px/18px arial,helvetica,sans-serif, Arial;
    Margin: 8px 0 10px;
    Color: #444;
    }

  h3, h3 a {
    Font: bold 14px/18px arial,helvetica,sans-serif, Arial;
    Color: #0066A7;
    Margin-Bottom: 0;
    }

  h4 {
    Font: bold 12px/16px Verdana, arial,helvetica,sans-serif;
    Margin: 4px 0;
    }

  td { Font: 12px/16px Verdana, arial,helvetica,sans-serif; }

  .Logo {
    Height: 30px;
    Position: Relative;
    Top: 0px;

    Left: 0px;
    Float: Left;
    Margin: 0 0 6px;

    }

/*=============================================================
| LAYOUT
\------------------------------------------------------------*/
  div#PageContainer {
    Position: Relative;
    Left: 0px;
    Top: 0px;
    Max-Width: 1275px;
   _Width: expression(Math.min(parseInt(this.offsetWidth), 1275 ) + "px");
    Background: transparent url(/Education/Connect/Images/Layout/Page.Background.jpg) no-repeat left top;
    Padding: 12px;
    Margin-Right: 4px;
    }

/*=============================================================
| TOP LINKS
\------------------------------------------------------------*/
  div.TopLinks {
   Float: Right;
   Margin: 8px 0 0;
   White-Space: Nowrap;
   
   }
  div.TopLinks, div.TopLinks a:Link, div.TopLinks a:Visited, div.TopLinks a:Hover {
    Font: 11px/11px arial,helvetica,sans-serif, Arial;
    Letter-Spacing: .08em;
    Color: #FFF;
    Text-Transform: Uppercase;
    }
  div#AncillaryNavigationContainer select {
    Width: 160px ! Important;
    Font: 11px/14px Verdana;
    }
  span.CountrySelectLabel {
    Font: 10px/12px Verdana;
    Color: #FFF !Important;
    Text-Transform: Uppercase !Important;
    Margin-Top: -5px ! Important;
    }

/*=============================================================
| TIER 1 NAVIGATION
\------------------------------------------------------------*/
  td.Tier1NavigationItem, .Tier1NavigationItem a {
    Font: 14px/31px arial,helvetica,sans-serif, Arial;
    Color: #FFF;
    }
  .Tier1NavigationItem a, .Tier1NavigationItem a:Hover { Text-Decoration: None; }
  td.Tier1NavigationItem {
    Width: 25%;
    Height: 31px;
    Background: url('/Education/Connect/Images/Layout/Tier1Navigation/Background.png') repeat-x left top;
    Text-Align: Center;
    Vertical-Align: Top;
    Margin: 0;
    }
  .Tier1NavigationItem img.Separator {
    Width: 3px;
    Height: 31px;
    Float: Right;
    Margin: 0;
   _Margin-Right: -4px;
    }
  .Active { Background: url(/Education/Connect/Images/Layout/Tier1Navigation/Background.Active.png) repeat-x left top; }

/*=============================================================
| HEADER PANE
\------------------------------------------------------------*/

  div.NoCaseStudiesContainer {
    
    }
  div.ConnectHeaderContainer {
    _Width: 680px;
    _Height: 70px;
    
    }
  table#TryItTable, table#TryItTableNoCaseStudies, table.HomeTryIt {
    Height: 24px;
    Padding: 0;
    Border-Width: 0px;
    Border-Collapse: Collapse;
    Border-Spacing: 0px;
    }
  table#TryItTable, table#TryItTableNoCaseStudies {
    Position: Absolute;
    Right: 20px;
    Top: 35px;
    _Right: 40px;
    }
  table.HomeTryIt {
    Top: 105px ! Important;
    }
  table.CommonTryIt {
    Top: 70px ! Important;
    }
  span.HeaderPanesEnrollNow {
    Position: Absolute;
    Right: 20px;
    _Right: 40px;
    Top: 135px;
   _Width: 200px;
    Text-Align: Right;
    }
  span.NoCaseStudiesHeaderPanesEnrollNow {
    Position: Absolute;
    Right: 20px;
    _Right: 40px;
    Top: 65px;
    }
  div.HeaderEnroll { Margin: 10px 15px 0px 0px; Display: None; }

  div.NoCaseStudiesTryItContainer {
    Text-Align: Right;
    Margin-Right: 8px;
    }
  td.CTAButton {
    Font: bold 13px/24px Verdana, arial,helvetica,sans-serif ! Important;
    Color: #FFF;
    Background: Transparent url(/Education/Connect/Images/Layout/CTAButton/Repeat.png) Repeat-X Left Top;
    Vertical-Align: Middle ! Important;
    Padding: 0px 12px ! Important;
    Margin: -2px 0px 0px;
   #Margin: 0px ! Important;
    Height: 20px ! Important;
    }
  td.CTAButton a, td.CTAButton a#Hover {
    Color: #FFF;
    Text-Decoration: None;
    Font: bold 13px/13px Verdana, arial,helvetica,sans-serif ! Important;
    }

/*=============================================================
| CONTENT
\------------------------------------------------------------*/
  div.ContentContainer { Clear: Both; }
  div.ContentArea {
    Padding: 0 18px 22px 22px;
    
    }
  table#ContentContainerTable, table#ContentContainerTable td {
    Border-Width: 0;
    Border-Collapse: Collapse;
    Border-Spacing: 0;
    Padding: 0;
    
    }
  div.ContentArea img#PageTitleImg {
    Vertical-Align: Middle;
    
    }
  div.ContentArea p.HomeIntro {
    Font: 16px/20px arial,helvetica,sans-serif, Arial;
    Margin-Bottom: 18px;
    }
/* Home Page layout - here for BiDi */
  div.HomeSubContent {
    Width: Auto;
    Clear: Both;
    }
  div.ContentIntros {
    Position: Relative;
    Width: 66%;
    Float: Left;
    Vertical-Align: Top;
    xClear: Right;
    Margin-Top: 0px;
    }
  div.Sidebar {
    Width: 30%;
    Float: Left;
    Vertical-Align: Top;
    }
  ul.SidebarList {
    
    Text-Align: Left;
    Max-Width: 180px;
    Margin: 0px 7px 0 5px;
    Padding: 0px 20px 0px 15px;
    Font-Weight: Bold;
    Color: #0066A7;
    }
  ul.SidebarList li {
    Margin-Bottom: 18px;
    
    }
  .PageIntroduction { Font: 16px/22px arial,helvetica,sans-serif; }
  ul.SubFeatureList {
    Font-Size: 11px;
    Line-Height: 16px;
    Margin: 6px 0 6px 10px;
    Padding-Left: 10px;
    }
  a.MoreLink {
    Color: #0066A7;
    }
  a.MoreLink .Video { Color: #F07522; }
  div.Section h2 { }
  div.Feature {
    Vertical-Align: Top;
    Height: 100%;
    }
  div.Divided {
    Width: 44%;
    Height: 265px;
    Float: Left;
    Margin: 15px 12px 15px 0;
    Padding-Right: 12px;
    }
  td.FeatureContent {
    Font: 12px/16px Verdana, arial,helvetica,sans-serif;
    }

/*=============================================================
| CALLOUT
\------------------------------------------------------------*/
  div.Callout h1 { Color: #31A4DD; }
  td.Top5FAQListNumber {
    Width: 26px;
    }
  div.CalloutContent {
    Background: Transparent Url(/Education/Connect/Images/Layout/Callout/Middle.png) No-Repeat Center Top;
    Margin-Top: -4px !Important;
    Border-Left: 1px solid #CCC;
    Border-Right: 1px solid #CCC;
    }
  table#Top5FAQTable {
    Width: 222px;
   _Width: 198px;
    Margin-Top: 12px;
   _Margin-Left: 10px;
    Border-Width: 0;
    Border-Spacing: 0;
  
    }
  img.Number {
    Width: 26px;
    Height: 26px;
    Padding-Left: 12px;
    Margin: 0;
    }
  h1.CalloutHeader {
    Font: 24px/28px arial,helvetica,sans-serif;
    Color: #31A4DD;
    Margin-Top: 0px;
    Padding-Left: 12px;
    }

/*=============================================================
| DEPLOYMENT - HERE FOR BIDI
\------------------------------------------------------------*/
  #OptionsTable td {
    Font: 12px/16px Verdana, arial,helvetica,sans-serif;
    Vertical-Align: Top;
    Margin-Left: 20px;
    }
  tr.BodyRow td {
    Padding: 5px 20px;
    
    }
  tr.Enroll td {
    Direction: LTR ! Important;
    
    }
  table.OptionFeatures td {
    Width: 50%;
    Height: 18px;
    Font-Size: 12px;
    Text-Align: Left;
    Padding: 3px 10px 3px 0px !Important;
    Vertical-Align: Middle !Important;
    
    }
  #OptionsTable tr.Recommended td ul {
    Margin: 4px 0 12px 16px;
    Padding-Left: 0;
    }
  td.DevNote {
    Padding: 15px 0 0 0;
    Border-Left: 0;

    }
/*=============================================================
| FOOTER
\------------------------------------------------------------*/
  div.Footer { Padding-Top: 8px; }
  div.Footer, div.Footer a:Link, div.Footer a:Visited {
    Font: 11px/11px arial,helvetica,sans-serif;
    Color: #A2A2A2;
    Text-Transform: Uppercase;
    Text-Decoration: None;
    }
  div.Footer a:Hover {
    Color: #A2A2A2;
    Text-Decoration: Underline;
    }