/*
  America.gov CSS: Print Stylesheet
  United States Department of State, IIP/W

/* 1 Global Styles
--------------------------------------------------------------------------------------- */

  body {
    background: white;
    font-family: Verdana, Helvetica, sans-serif; 
    font-size: 9pt;
    line-height: 14pt; 
  }

  *, ul, li { border: 0; list-style: none; margin: 0; padding: 0; }

  p, h1, h2, h3, h4, h5 { margin-bottom: 14px; }

  /*  - Link Styles -  */

  a {
    color: #037;
    text-decoration: none;
  }

  a:active { color: #f00; }
  a:visited { color: #660033; }

  p a { text-decoration: underline; }
  
  a.help,
  a.feedback {
    display: none;
  }

  /*  - Generic Styles (Text, Button and Images) -  */
  
  .small {
    color: #999;
    font-size: 7.5pt;
  }
  
  .subtitle.border {
    border-bottom: 1px solid #ccc;
    padding-bottom: 12px;
  }
  
  .also {
    font-size: 8pt;
    font-weight: bold;
    margin-bottom: 0;
  }
    
  .also a {
    background-position: right top;
    background-repeat: no-repeat;
    font-weight: normal;
    margin: 0 10px 0 10px;
    padding-right: 20px;
    text-decoration: none;
  }
  
  .button {
    float: none;
    outline: none;
  }
  
  .image {
    background-color: white;
    border: 1px solid #ccc;
    float: left;
    margin: 0 10px 4px 0;
    padding: 3px;
  }
  
  .image.placeholder { border: 1px solid white; }

  /*  - Headers -  */
  
  h1 { }

  h2 {
    font-size: 14pt;
    line-height: 22px;
    margin-bottom: 6px;
  }

  h3 {
    font-size: 14pt;
    margin-bottom: 4px;
  }
  
  h3 .back {
    color: #999;
    float: right;
    margin-top: -18px;
    padding-left: 20px;
  }

  h4 {
    color: #900;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7.5pt;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 14pt;
    margin-bottom: 6px;
    text-transform: uppercase;
  }

  h5 {
    font-size: 9.5pt;
    margin-bottom: 0;
  }

  h6 {
    font-size: 9pt;
    margin-bottom: 0;
  }

  /*  - Main Content Blocks -  */

  .body {
    background: white;
    border-top: 3px solid black;
    margin: 10px auto 16px auto;
    padding: 16px 0 4px 0;
    width: 616px;
  }

  .body .column-left,
  .body .column-middle,
  .body .column-right,
  .body .column-two {
    float: none;
    margin-right: 0;
    width: 616px;
  }

  #index .body .column-left {
    float: left;
    margin-right: 16px;
    width: 300px;
  }

  #index .body .column-middle {
    float: left;
    width: 300px;
  }
  
  .body .column-two.player { margin-bottom: 16px; }

  .body .column-three { clear: both; } 

  /*  - Generic Clears and Floats -  */

  .clear {
    background: 0;
    border: 0;
    clear: both;
    margin: 0;
    padding: 0;
    visibility: hidden;
  }

  .left {
    float: left;
    margin: 0 16px 6px 0;
  }

  .right {
    float: right;
    margin: 0 0 6px 16px;
  }
  
  .body:after,
  #content:after,
  #package:after,
  #footer .footer-middle:after,
  .column-three:after,
  .nav:after,
  .box-body:after {
    clear: both; 
    content: "."; 
    display: block; 
    height: 0; 
    visibility: hidden;
  }  

  /* -- Related and More Boxes -- */

  .related { margin: -16px 0 16px 0; }

  .related ul {
    background: white;
    border-top: 1px solid #e5e5e5;
    border: 1px solid #ccc;
    border-top: 0;
    font-size: 8pt;
    line-height: 12pt;
    margin: 0;
    padding: 10px 10px 10px 10px;
  }

  .related ul li {
    padding: 4px 10px 4px 24px;
  }

  .related .title {
    background: transparent;
    border-bottom: none;
    font-weight: bold;
    margin-bottom: 2px;
    padding: 0;
  }

  .more { font-size: 8pt; }

  div.more {
    background: white;
    border: 1px solid #ccc;
    border-top: 0;
    margin: -16px 0 16px 0;
    padding: 6px 10px;
    text-align: right;
  }

/* 2 Header
--------------------------------------------------------------------------------------- */

  #header {
    height: auto;
    margin: 0 auto;
    width: 616px;
  }

  /* 2.1 Branding
  ------------------------------------------------------------------------------------- */
   
    #header .banner { background: white; }

    #header .banner .editions { width: auto; }

    #header .banner .editions li { display: none; }
    
    #header .banner .editions .department-of-state {
      display: block;
      font-weight: bold;
      text-align: right;
    }

    #header .banner .editions .department-of-state a {
      background: white;
      color: black;
      height: auto;
      margin: 0;
      text-indent: 0;
      width: auto;
    }
    
    /* Branding Elements */

    #header .branding {
      height: 50px;
      width: auto;
    }
  
    #header .branding h1 {
      border: none;
      display: inline;
      float: left;
      margin: 0;
      padding: 0;
      height: auto;
      line-height: 20pt;
    }
  
    #header .branding h1 a {
      background: white;
      color: #009;
      display: block;
      height: auto;
      text-indent: 0;
      width: auto;
    }

    #header .branding h1 a em {
      color: #900;
      display: block;
      font-size: 10pt;
    }

  /* 2.2 Search
  ------------------------------------------------------------------------------------- */

    #header .branding .updated { 
      clear: right;
      color: #ccc;
      display: block;
      float: right;
      font-size: 8pt;
      padding-top: 0;
    }

    #header .branding .search { display: none; }

    #menu { display: none; }

  /* 2.5 Page Tools
  ------------------------------------------------------------------------------------- */

    #page-tools {
      font-size: 7.5pt;
      height: 20px;
      margin: 0 auto 10px auto;
      padding: 0;
      width: 616px;
    }

    /* 2.5.1 Breadcrumbs
    ----------------------------------------------------------------------------------- */
  
      .breadcrumbs {
        float: left;
        font-size: 7.5pt;
        width: auto;
      }

      .breadcrumbs li {
        color: #666;
        display: inline;
        font-weight: bold;
        margin-right: 8px;
      }

      .breadcrumbs li a { font-weight: normal; }

      .breadcrumbs .current {
        background: none;
        font-weight: normal;
      }

      .tools { display: none; }

/* 3 Footer and Disclaimer
--------------------------------------------------------------------------------------- */

  #footer {
    border-top: 1px solid black;
    clear: both;
    display: block;
    font-size: 7.5pt;
    margin: 0 auto;
    padding-top: 16px;
    text-align: center;
    width: 616px;
  }

  #footer .disclaimer {
    color: #999;
    line-height: 10pt;
    width: auto;
  }

  #footer .footer-top,
  #footer .footer-middle,
  #footer .footer-bottom { display: none; }

  
/* 4 Content Channels
--------------------------------------------------------------------------------------- */

  /* 4.1 Generic Content Channel Styles
  ------------------------------------------------------------------------------------- */

    .box {
      margin-bottom: 16px;
      clear: both;
    }

    .box h4 {
      background: white;
      border: 1px solid #ccc;
      border-bottom: 0;
      height: 24px;
      margin: 0;
      padding: 5px 0 0 10px; 	
    }

    .box h4 strong { text-transform: none; }

    .box h4 span { display: none; }

    .box-body {
      background: white;
      border: 1px solid #ccc;
      border-top: 1px dashed #ccc;
      overflow: visible;
      padding: 12px;
    }

    .box-body h4 {
      background: none;
      margin: 0;
      padding: 0;
    }

    .box .image {
      border: 1px solid #ccc;
      padding: 3px;
      background-color: white;
      float: left;
      margin: 0 10px 4px 0;
    }

    .box.set .box-body .elements li {
      float: left;
      height: 142px;
      line-height: 12pt;
      margin: 0 12px 12px 0;
      overflow: hidden;
      padding: 5px;
      width: 120px;
    }

    .box.set .box-body .elements li h5 {
      font-size: 8pt;
      padding: 4px 6px 2px 6px;
    }

    .box.set .box-body .elements li span.detail {
      color: #999;
      display: inline;
      font-size: 7pt;
      font-weight: normal;
      margin: 0;
    }

  /* 4.2 Specific Content Channel Types
  ------------------------------------------------------------------------------------- */

    /* 4.2.1 Basic View (no borders, backgrounds, etc)
    ----------------------------------------------------------------------------------- */
    
      .box.basic { margin-bottom: 4px; }
    
      .box.basic,
      .box.basic h4,
      .box.basic .box-body {
        background: none;
        border: 0;
        padding: 0;
      }

      .box.basic h4 span {
        background: none;
        display: none;
      }

      /* Highlight (includes a bottom divider) */

      .box.basic.highlights {
        border-bottom: 2px solid #e6e6e6;
        margin-bottom: 16px;
        padding-bottom: 6px;
      }

      .box.basic.highlights h5 { font-size: 11pt; }

    /* 4.2.2 Scrolling Box
    ----------------------------------------------------------------------------------- */

      .box.scroll .box-body {
        padding-bottom: 0;
        padding-right: 0;
        width: auto;
      }

    /* 4.2.3 eJournal
    ----------------------------------------------------------------------------------- */

      .box.ejournal h4 span { margin: -16px 10px 0 0; }

      .box.ejournal .box-body { padding: 0; }

      .box.ejournal .box-body h5 a {
        border-bottom: 1px solid #ccc;
        display: block;
        height: 61px;
        margin: 0 0 6px 0;
        padding: 0 0 10px 0;
        text-indent: -999em;
        width: 114px;
      }

      .box.ejournal .box-body a {
        font-size: 8pt;
        font-weight: bold;
      }

    /* 4.2.4 Event Single
    ----------------------------------------------------------------------------------- */

      .box.event .description { margin: 4px 0 6px 0; }

      .box.event h5 {
        font-size: 10.5pt;
        margin-bottom: 4px;
      }

      .box.event .detail {
        background-color: #f5f5f5;
        border: 1px solid #e9e9e9;
        color: black;
        font-size: 8pt;
        margin: 0;
        padding: 6px;
      }

      .box.event .time,
      .box.event .type {
        border-top: 1px solid white;
      }

      .box.event .type { margin-bottom: 8px; }

      .box.event .detail span { font-weight: bold; }

    /* 4.2.5 Feature
    ----------------------------------------------------------------------------------- */

      .box.feature h5 {
        font-size: 14pt;
        line-height: 22px;
        margin-bottom: 6px;
      }

      .box.feature .box-body {
        border-top: 0;
        width: 274px;
      }

    /* 4.2.6 Featured Item Scroll
    ----------------------------------------------------------------------------------- */

      .box.featured-items {
        background: white;
        border: 12px solid #e8e8e8;
        padding: 2px;
      }

      .box.featured-items .box-body {
        border: 0;
        padding-bottom: 0;
        padding-right: 0;
      }

      .box.featured-items .box-body .elements li {
        border: none;
        float: left;
        height: 130px;
        line-height: 12pt;
        margin-bottom: 16px;
        margin-right: 12px;
        padding-right: 6px;
        width: 270px;
      }

      .box.featured-items .box-body .elements h4 {
        border: 0;
        color: #999;
        height: auto;
        margin-bottom: 0px;
      }

      .box.featured-items .box-body .elements h5 { margin-bottom: 2px; }

      .box.featured-items .box-body .elements h5,
      .box.featured-items .box-body .elements p {
        color: #666;
        font-size: 8pt;
      }

      .box.featured-items .box-body .elements p {
        display: block;
        float: left;
        margin-bottom: 0;
        width: 160px;
      }

      .box.featured-items .nav { display: none; }
      
    /* 4.2.7 Generic Box
    ----------------------------------------------------------------------------------- */

      .box.generic h5 { display: inline; }

      .box.generic li {
        border-bottom: 1px solid #E8E8E8;
        margin-bottom: 12px;
     }

      .box.generic li.last-child {
        border-bottom: 0;
        margin-bottom: 0;
     }

      .box.generic li:after {
        clear: both; 
        content: "."; 
        display: block; 
        height: 0; 
        visibility: hidden;
      }
      
    /* 4.2.8 Package List
    ----------------------------------------------------------------------------------- */
    
      .package-list {
        color: #ccc;
        float: left;
        line-height: 12pt;
      }

      .package-list h4 {
        display: inline;
        height: auto;
        margin-bottom: 0px;
      }

      .package-list h5 { margin-bottom: 2px; }

      .package-list h5,
      .package-list p {
        color: #666;
        font-size: 8pt;
      }

      .package-list li {
        border-bottom: 1px dashed #ccc;
        float: left;
	    height: 111px;
        margin: 0 16px 12px 0;
        width: 290px;
      }
      
      #index .package-list li.element2,
      #index .package-list li.element4 {
        margin-right: 0;
      }
      
      #index .package-list li.element3,
      #index .package-list li.element4 {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
      }
      
    /* 4.2.9 Quick Poll
    ----------------------------------------------------------------------------------- */

      .box.poll .box-body ul { margin: 10px 10px 12px 14px; }

      .box.poll .box-body li { margin: 2px 0; }

      .box.poll .box-body h5 {
        border-bottom: 0;
        padding-bottom: 0;
      }

      .box.poll .box-body input {
        margin-right: 4px;
        vertical-align: middle;
      }

      .box.poll .box-body .button {
        margin: 0 8px 0 0;
        width: 56px;
      }

      .box.poll .box-body .small {
        clear: both;
        margin-bottom: 6px;
        padding-top: 6px;
      }
      
    /* 4.2.10 Tabbed Box
    ----------------------------------------------------------------------------------- */

      .box.tabbed .box-body .tab-header { clear: both; }

      .box.tabbed .box-body .tab-nav,
      .box.tabbed .modified li a.tab-nav,
      .box.tabbed .modified.wide a.tab-nav { display: none; }

      .box.tabbed .modified .tab-content,
      .box.tabbed .modified.wide .tab-content {
        background: white;
        border: 0;
        display: inline;
        float: none;
        height: auto;
        margin: 0;
        padding: 0;
        width: auto;
      }

      .box.tabbed .box-body .tab-header h5 {
        border-bottom: 2px solid #ccc;
        clear: both;
        margin-bottom: 12px;
        padding-bottom: 12px;
      }

      .box.tabbed .box-body h6 {
        font-size: 9pt;
        margin-bottom: 3px;
      }
      
      /* Embedded Content Channel Within Tab */

      .box.tabbed .box,
      .box.tabbed .box h4,
      .box.tabbed .box .box-body {
        background: none;
        border: 0;
        padding: 0;
        margin: 0;
      }

      .box.tabbed .tab-content { display: inline; }

      .box.tabbed .box-body .box h5 {
	    clear: none;
        background: none;
        border: 0;
        padding: 0;
      }

      .box.tabbed li.last-child {
        border-bottom: 1px solid #E8E8E8;
        margin-bottom: 12px;
      }

    /* 4.2.11 Candidates
    ----------------------------------------------------------------------------------- */

    h3.sectionheader {
      clear: both;
      font-size: 14pt;
      margin: 0 20px 4px 0;
      padding: 20px 20px 20px 0;
    }

    h3.withdrawn {
      font-size: 13pt;
      padding-bottom: 12px;
    }

    h4 .withdrawn {
      color: #900;
      font-size: 8pt;
      letter-spacing: normal;
    }

    .list-survey li {
      width: 195px;
      float: left;
      border-bottom: 1px solid #e0e0e0;
      padding:  0 10px 10px 0;
      margin-bottom: 10px;
      font-size: 8pt;
    }

    .list-survey li img {
      float: left;
      margin-right: 8px;
    }

    .list-survey li p { margin-bottom: 0; }

    .list-survey li .name {
      font-weight: bold;
      font-size: 9pt;
      margin-top: 2px;
    }

    .list-survey li a { text-decoration: underline; }

    .list-survey .details a {
      padding-right: 14px;
    }

    .list-full li {
      border-bottom: 1px solid #e0e0e0;
      margin: 0 20px 20px 0;
      padding:  0 0 34px 0;
    }

    .list-full h4 { 
      color: black;
      display: inline;
      font-size: 11pt;
      text-transform: none;
    }

    .list-full .website {
      float: left;
      font-weight: bold;
    }

    .list-full .return {
      color: #999;
      float: right;
      font-size: 8pt;
      padding-right: 38px;
    }


    /* Generic Box Full Image
    --------------------------------------------------------------------------------------- */

    .box-full {
      border: 1px solid #ccc;
      padding: 0;	
    }

    .box-full .image {
      border: none;
      padding: 0;
      background-color: white;
      margin: 0;
    }

    .box-full h5,
    .box-full p {
      clear: both;
      margin: 0 12px;
    }
   
    .box-full p { margin-bottom: 12px; } 


    /* Quiz Box
    ----------------------------------------------------------------------------------- */

      .box.quiz h5 {
        display: block;
        margin-bottom: 8px;
      }

      .box.quiz .question .description { display: none; }

      .box.quiz .answers li {
        border-bottom: 1px solid #e8e8e8;
        cursor: pointer;
        padding: 8px 0 8px 30px;
      }

      .box.quiz .answers li.clicked-correct {
        color: green;
        font-weight: bold;
      }

      .box.quiz .answers li.clicked-incorrect {
        color: #c00;
        font-weight: bold;
      }

      .box.quiz .result { 
        background-color: #f5f5f5;
        border-bottom: 1px solid #e8e8e8;
        padding: 12px;
      }

      .box.quiz .result .description {
        font-weight: normal;
        margin-bottom: 0;
      }

      .box.quiz .result .title {
        font-weight: bold;
        margin-bottom: 0;
      }

      .box.quiz .result .title.correct { color: green; }
      .box.quiz .result .title.incorrect { color: #c00; }

      .box.quiz .details { padding-top: 12px; }

      .box.quiz .details .status {
        float: left;
        font-size: 8pt;
        font-weight: bold;
        text-align: right;
      }

      .box.quiz .details .next {
        display: none;
        float: right;
        margin: 0;
        width: 130px;
      }

      .box.quiz .details .end {
        background: transparent;
        display: inline;
        color: #999;
        cursor: default;
        float: right;
        font-weight: bold;
        text-indent: 0;
        width: auto;
      }

/* 5 General and Landing Page Styles
--------------------------------------------------------------------------------------- */

   .box.world-regions { display: none; }

  /* 5.2 Landing Page
  ------------------------------------------------------------------------------------- */
    
    .landing-page {
      padding: 0;
      width: 616px;
    }

    .landing-page  h2 {
      font-size: 24pt;
      letter-spacing: .8px;
      margin: 15px 16px 30px 0;
      text-transform: capitalize;
    }
 
    .landing-page .help-feedback { display: none; }

    /* Collection Styles */

    .tabbed-collection { margin-right: 0; }

    .tabbed-collection .box {
      background: white;
      border: 12px solid #e8e8e8;
      padding: 2px;
    }
    
    .tabbed-collection .box .box-body {
      border: 0;
      padding: 18px 0 0 16px;
    }
  
    .tabbed-collection .box .box-body .elements li { margin: 0 16px 18px 0; }
    
    .tabbed-collection .box .box-body .elements li.active { border:1px solid #CC0000; }

    .tabbed-collection .collection-nav { height: 31px; }
    
    .tabbed-collection .collection-nav li {
      display: inline;
      float: left;
      font-size: 8pt;
      font-weight: bold;
      height: 30px;
      margin-right: 8px;
      text-transform: uppercase;
    }

    .tabbed-collection .collection-nav li a {
      height: 24px;
      display: block; 
      padding: 6px 18px 0 18px;
      font-size: 7.5pt;
      font-weight: bold;
      letter-spacing: 1px;
      float: left;
    }
    
    .tabbed-collection .collection-nav li.active { background-position: left -30px; }
    
    .tabbed-collection .collection-nav li.active a {
      border-bottom: 1px solid #e8e8e8;
      color: #900;
    }

  /* 5.3 Webchat Landing
  ------------------------------------------------------------------------------------- */
  
    #webchats .webchats {
      border-bottom: 1px solid #ccc;
      margin-bottom: 16px;
      padding: 16px 16px 16px 0;
      width: 616px;
    }

    #webchats .webchats .details {
      display: inline;
      float: left;
      font-size: 8pt;
      margin-right: 16px;
      width: 128px;
    }

    #webchats .webchats .details .image { margin: 0 0 10px 0; }

    #webchats .webchats .details p {
      border-bottom: 1px solid #ccc;
      padding-bottom: 6px;
    }

    #webchats .webchats .details p strong { display: block; }

    #webchats .webchats .description {
      display: inline;
      float: left;
      width: 472px;
    }

    #webchats .webchats .description h3 {
      line-height: 18pt;
      margin-bottom: 16px;
    }

/* 6 Package Styles
--------------------------------------------------------------------------------------- */

    #package {
      background: white;
      border-bottom: 0;
      margin: 0 auto;
      padding: 0;
      width: 616px;
    }

    #package .package-body {
      margin: 0;
      padding: 0;
      width: auto;
    }

    #package .package-content { padding: 0; }

    #package .package-title { padding: 0 0 10px 0; }

    #package .column-left,
    #package .column-middle {
      float: none;
      width: 616px;
    }

    #package .column-right {
      background: white;
      border: 0;
      clear: both;
      float: none;
      margin: 0;
      padding: 0;
      width: 616px;
    }

  /* 6.2 Header
  ------------------------------------------------------------------------------------- */

    .package-header { height: auto; }

    .package-header h2 {
      border-bottom: 1px solid #ccc;
      color: black;
      display: block;
      font-size: 14pt;
      margin: 0;
      padding: 10px 0 12px 0;
    }
    
    .package-header h2 em { font-size: 10pt; }

  /* 6.3 Article Listing (Add. Coverage) and Resources
  ------------------------------------------------------------------------------------- */

    #package .column-right .list {
      border: 1px solid #ccc;
      border-top: 0;
      font-size: 8pt;
      line-height: 12pt;
      margin-bottom: 16px;
    }
  
    #package .column-right .title  {
      border: 1px solid #ccc;
      border-bottom: 0;
    }

    #package .column-right .title h3 {
      border-bottom: 1px solid #ccc;
      font-size: 8.5pt;
      height: 24px;
      margin-bottom: 0;
      padding: 8px 0 0 15px;
    }

    #package .column-right .list li {
      border-bottom: 1px dashed #e5e5e5;
      padding: 10px 15px;
    }

    #package .column-right .list li:last-child { border-bottom: 0; }

  /* 6.4 Tabbed Package Menu
  ------------------------------------------------------------------------------------- */

    #package .menu  {
      height: 34px;
      margin-top: 0;
      padding-top: 10px;
    }

    #package .menu li { display: inline; }

    #package .menu li a,
    #package .menu li a.active {
      background: white;
      color: #999;
      margin: 0 20px 0 0;
      padding: 0;
      width: auto;
    }
    
    #package .menu li.last a { margin-right: 0; }
    
    #package .menu li.active a {
      color: black;
      font-weight: bold;
    }

/* 7 JavaScript Elements / Interactions
--------------------------------------------------------------------------------------- */

    .nav { display: none; }

    .container { display: inline; }

    .cycle { float: left; }
    
    .cycle .box-body { margin-top: -4px; }


/* 8 SAP
--------------------------------------------------------------------------------------- */

    #sidebar { display: none; }