/*


1 Content Channels
  1.1 Generic Content Channel Styles
  1.2 Specific Content Channel Types
    1.2.1 Generic Box
    1.2.2 Basic View (no borders, backgrounds, etc)
    1.2.3 Feature
    1.2.4 Scrolling Box
    1.2.5 eJournal
    1.2.6 Event Single
    1.2.7 Featured Item Scroll
    1.2.8 Quick Poll
    1.2.9 Tabbed Box
    1.2.10 Quiz Box
    1.2.11 More Resources
    1.2.12 Main Internal Area Fixes
    1.2.13 Video
2 JavaScript Elements / Interactions for Content Channels
  2.1 Navigation Elements
  2.2 Scroller
  2.3 Cycle (Feature)

*/


/* 1 Content Channels
--------------------------------------------------------------------------------------- */

  /* 1.1 Generic Content Channel Styles
  ------------------------------------------------------------------------------------- */
.page-break { display:block; 
               page-break-before:always; }
               
               
    .box {
	  background:transparent url('../images/box-top-bg.jpg') no-repeat scroll 0 0;
      margin-bottom: 16px;
    }

    .box h4 {
	  background:transparent url('../images/box-top-right-bg.jpg') no-repeat scroll right top;
      color: #23373B;
      font-size: 18px;
      margin: 0;
      padding: 9px 0 11px 10px;
    }

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

    .box h4 span {
      background-repeat: no-repeat;
      background-position: top right;
      background-image: url('/uploads/ax/NO/axNOwb4X46FwcA7QZzbGMA/page_sm.png');
      display: block;
      height: 16px;
      line-height: 10pt;
      margin: -15px 10px 0 0;
    }

    .box-body {
	  background-color: red; /*white-space;*/
      border: 1px solid #ccc;
      border-top: none;
      overflow: hidden;
      padding: 12px;
    }

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

    .box .image {
      float: left;
      margin: 0 10px 4px 0;
    }

    .box a.image:hover { border: 1px solid #900; }
    
    .box.set .box-body .elements li {
      background: green;/*white;*/
      border: 1px solid #ccc;
      float: left;
      height: 142px;
      line-height: 12pt;
      margin: 0 12px 12px 0;
      overflow: hidden;
      padding: 5px;
      width: 300px;

    }

    .box.set .box-body .elements li h5 {
      font-size: 8pt;
      padding: 4px 6px 2px 6px;
    }
    .box.set .box-body .elements li h6 {
      font-size: 10pt;
      line-height:11pt;
    }
    .box.set .box-body .elements li span.detail {
      color: #999;
      display: inline;
      font-size: 7pt;
      font-weight: normal;
      margin: 0;
    }
.box-full {
background: none;
border: 1px solid #ccc;
border-top: 0;
overflow: hidden;
padding: 0;
}
    .box-full .image {
      background-color:white;
      border:medium none;
      margin:0pt;
      padding:0pt;
      float:none;
     }
    .box-full h5, .box-full p {
      clear:both;
      margin:0pt 12px;
     }
    .box-full p {
      margin-bottom:12px;
     }

    /* Right Column Styles */

    .column-right .box,    
    .column-right .box h4 {
      border-color: #cc9;
    }

    .column-right .box .box-body { border-color: #cc9; }

  /* 1.2 Specific Content Channel Types
  ------------------------------------------------------------------------------------- */

    /* 1.2.1 Generic Box
    ----------------------------------------------------------------------------------- */

      .box.generic h5 { display: inline; }

      .box.generic li {
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 16px;
        font-size:medium;
      }


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

      #index .box.generic li h5 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        line-height: 24px;
        margin-bottom: 15px;
		color:#4F2801;
      }
	  
	  #index .box.resources li h5 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10.5pt;
        line-height: 24px;
        margin-bottom: 25px;
      }
  
      #index .box.generic li .image { margin-right: 16px; }


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

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

      .box.basic li:last-child {
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 16px;
      }

      /* Basic Feature */

      .box.basic.feature .box-body { border-top: 0; }

      .box.basic.feature li {
        border-bottom: 1px solid #ccc;
        margin-bottom: 16px;
      }

      .box.basic.feature .image {
        margin-bottom: 16px;
        margin-right: 16px;
      }

      .box.basic.feature h5 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        margin-left: 316px;
      }

      .box.basic.feature p { margin-left: 316px; }

    /* 1.2.3 Feature
    ----------------------------------------------------------------------------------- */

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

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


   /* 1.2.11 More Resources
    ----------------------------------------------------------------------------------- */

      .box.resources li h5,
      #index .box.resources li h5 {
        font-size: 9pt;
      }

      .box.resources li {
        background: transparent url('../images/bullet_square.png') no-repeat scroll 2px 13px;
        border-bottom: 0;
        margin-bottom: 0;
        padding: 0 2px 2px 12px;
      }

      .column-right .box.resources .box-body {
        background: #fbf8ee;
        border: 0;
      }

      .column-right .box.resources h4 {
        border-left: 0;
        border-right: 0;
        border-top: 0;
      }


/* 2 JavaScript Elements / Interactions for Content Channels
--------------------------------------------------------------------------------------- */

  /* 2.1 Navigation Elements
  ------------------------------------------------------------------------------------- */  

    .nav {
      background: #f5f5f5 url('/uploads/Qi/rt/QirtveT4G0odQhuYDZN5LA/box_related_bg.png') repeat-x;
      border: 1px solid #ccc;
      border-top: 0;
      margin: 0;
      padding: 7px 11px 5px 11px;
    }

    .nav .button {
      height: 23px;
      margin: 0;
      width: 25px;
    }
    
    .nav .button:hover { background-position: 0 -23px; }
    .nav .button:active { background-position: 0 -46px; }

    .nav .button.disabled,
    .nav .button.disabled:hover,
    .nav .button.disabled:active {
      background-position: 0 -69px;
    }
    
    .nav .previous { background-image: url('/uploads/L-/pT/L-pTjnBxDEIfqBXD95UuKg/btn_nav_previous.png') }
    .nav .next { background-image: url('/uploads/fA/7A/fA7Avjo-piV-qLINqHdptA/btn_nav_next.png') }
    .nav .pause { background-image: url('/uploads/Nm/bf/NmbfLdc2obW1UfOaS-RI3g/btn_nav_pause.png') }
    .nav .play { background-image: url('/uploads/v5/v1/v5v1bejmVZUW_DQQhysS5A/btn_nav_play.png') }

    .nav .numbers {
      background: transparent url('/uploads/0S/ZA/0SZA6urvqK5gZiVm2DfPqQ/nav_num_bg_left.png') no-repeat left top;
      float: right;
      height: 21px;
      margin-top: 1px;
      padding-left: 4px;
    }
    
    .nav .numbers li { display: inline }
    
    .nav .numbers li a {
      background: transparent url('/uploads/_D/Xi/_DXiaCnzSyNDPSN1V6oslw/nav_num_bg_number.png') no-repeat right top;
      display: block;
      float: left;
      font-size: 7.5pt;
      font-weight: bold;
      height: 20px;
      padding: 1px 8px 0 5px;
    }

    #package .nav .numbers li a { padding: 0 8px 0 5px;}
    
    .nav .numbers li a:hover { text-decoration: none; }
    
    .nav .numbers li.last a { background: transparent url('/uploads/L6/xf/L6xfjPQsuOV_8bDuskPXMw/nav_num_bg_right.png') no-repeat right top; }

    .nav .numbers li a:active,
    .nav .numbers li.active a {
      background-position: right -21px;
      color: #900;
    }
    
    .nav .numbers li:last-child a:active,
    .nav .numbers li.active:last-child a {
      background-position: right -21px;
    }