/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
      .newssection-tabs-hide {
            display: none;
            }
    
      .newssection-tabs-panel    {
            /*width      : 520px;
            height     : 200px;*/
            }
      }

/* Hide useless elements in print layouts... */
@media print {
      .newssection-tabs-nav {
         display: none;
         }
      }

/* Skin */
.newssection-tabs-nav, .newssection-tabs-panel {
      font-family : Arial, Verdana, "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
      font-size   : 11px;
      }
.newssection-tabs-nav {
      list-style  : none;
      margin      : 0;
      padding     : 0 0 0 0px;
      margin-left : 200px;;
      margin-bottom : 10px;
      }
.newssection-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
      display  : block;
      clear    : both;
      content  : " ";
      }
            
      
.newssection-tabs-nav li {
      float    : left;
      margin   : 0 0px 0 0;
      /*min-width: 84px;*/ /* be nice to Opera */
      }
.newssection-tabs-nav a, .newssection-tabs-nav a span {
      display  : block;
      padding  : 0 0px 0 10px;
      }
.newssection-tabs-nav a {
      margin         : 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
      padding-left   : 0;
      color          : #FFFFFF;
      font-weight    : bold;
      /*line-height    : 1.2;*/
      text-align     : left;
      text-decoration: none;
      white-space    : nowrap; /* required in IE 6 */    
      outline        : 0; /* prevent dotted border in Firefox */
      }
.newssection-tabs-nav .newssection-tabs-selected a {
      position    : relative;
      top         : 1px;
      z-index     : 2;
      margin-top  : 0;
      color       : #FFFFFF;    
    
      /*background  : #5A5A5A;*/
      }
.newssection-tabs-nav a span {
      /*width          : 180px;*/ /* IE 6 treats width as min-width */
      /*min-width      : 180px;*/
      /*height         : 18px;*/ /* IE 6 treats height as min-height */
      /*min-height     : 18px;*/
      /*padding-top    : 6px;*/
      padding-right  : 0;
      margin-bottom  : 0px;
      }
*>.newssection-tabs-nav a span { /* hide from IE 6 */
      width : auto;
      height: auto;
      }
.newssection-tabs-nav .newssection-tabs-selected a span {
      /*padding-bottom: 1px;*/      
      }
.newssection-tabs-nav .newssection-tabs-selected a, .newssection-tabs-nav a:hover, .newssection-tabs-nav a:focus, .newssection-tabs-nav a:active {
      background-position: 100% -50px;
      }
.newssection-tabs-nav a, .newssection-tabs-nav .newssection-tabs-disabled a:hover, .newssection-tabs-nav .newssection-tabs-disabled a:focus, .newssection-tabs-nav .newssection-tabs-disabled a:active {
      background-position: 100% -50px;
      }
.newssection-tabs-nav .newssection-tabs-selected a span, .newssection-tabs-nav a:hover span, .newssection-tabs-nav a:focus span, .newssection-tabs-nav a:active span {
      background-position: 0 -50px;
      }
.newssection-tabs-nav a span, .newssection-tabs-nav .newssection-tabs-disabled a:hover span, .newssection-tabs-nav .newssection-tabs-disabled a:focus span, .newssection-tabs-nav .newssection-tabs-disabled a:active span {
      background-position: 0 0;
      }
.newssection-tabs-nav .newssection-tabs-selected a:link, .newssection-tabs-nav .newssection-tabs-selected a:visited, .newssection-tabs-nav .newssection-tabs-disabled a:link, .newssection-tabs-nav .newssection-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
      cursor: text;    
      /*color       : #FFFFFF;    
      background  : #5A5A5A;      */
      }
.newssection-tabs-nav a:hover, .newssection-tabs-nav a:focus, .newssection-tabs-nav a:active,
.newssection-tabs-nav .newssection-tabs-unselect a:hover, .newssection-tabs-nav .newssection-tabs-unselect a:focus, .newssection-tabs-nav .newssection-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
      cursor      : pointer;
      /*background  : #FFFFFF;
      color       : #FF0000;      */
      }
.newssection-tabs-disabled {
      opacity: .4;
      filter: alpha(opacity=40);
      }
.newssection-tabs-panel {
      /*border      : 1px solid #DFDAD4;*/ 
      /*padding     : 1em 8px;*/ 
      /*background  : #FEF9EF;*/ /* declare background color for container to avoid distorted fonts in IE while fading */
      }
.newssection-tabs-loading em {

      }

/* Additional IE specific bug fixes... */
* html .newssection-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
      display: inline-block;
      }
*:first-child+html .newssection-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
      display: inline-block;
      }







