/* 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... */
      .news-tabs-hide {
            display: none;
            }
    
      .news-tabs-panel    {
            width      : 259px;
            height     : 1050px;
            }
      }

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

/* Skin */
.news-tabs-nav, .news-tabs-panel, .news_tab_outer {
      font-family : Arial, Verdana, "Trebuchet MS", Trebuchet, Helvetica, sans-serif, sans !important;
      font-size   : 11px;
      }
.news-tabs-nav {
      list-style  : none;
      margin      : 2px 0 0 0;
      padding     : 0;
      }
.news-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
      display  : block;
      clear    : both;
      content  : " ";
      }
.news-tabs-nav li {
      float    : left;
      margin   : 0;
      min-width: 55px;
      margin-left: 5px;
      }
.news-tabs-nav a, .news-tabs-nav a span {
      display  : block;
      padding  : 0 5px 0 5px;
      }
.news-tabs-nav a {
      border: solid 1px #CCC;
      border-bottom: 0;
      background-color: #E9E9E9;
      padding-bottom: 2px;
      }
.news-tabs-nav a, .news_tab_outer a{
      margin         : 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
      padding-left   : 0;
      color          : #5178C8;
      font-weight    : bold;
      line-height    : 1.2;
      text-align     : center;
      text-decoration: none;
      white-space    : nowrap; /* required in IE 6 */    
      outline        : 0; /* prevent dotted border in Firefox */
      font-family    : Verdana, Arial, Sans !important; /* Sans for linux */
      font-size      : 10px;
      }
.news-tabs-nav .news-tabs-selected a {
      position    : relative;
      top         : 1px;
      z-index     : 2;
      margin-top  : 0;
      color       : #FFF;    
      }
.news-tabs-nav a span{ 
      padding-top    : 6px;
      padding-right  : 0;
      margin-bottom  : 5px;
      }
*>.news-tabs-nav a span { /* hide from IE 6 */
      width : auto;
      height: auto;
      }
.news-tabs-nav .news-tabs-selected a span {
      /*padding-bottom: 1px;*/
      }
.news-tabs-nav .news-tabs-selected a, .news-tabs-nav a:hover, .news-tabs-nav a:focus, .news-tabs-nav a:active {
      background-position: 100% -50px;
      }
.news-tabs-nav a, .news-tabs-nav .news-tabs-disabled a:hover, .news-tabs-nav .news-tabs-disabled a:focus, .news-tabs-nav .news-tabs-disabled a:active {
      background-position: 100% -50px;
      }
.news-tabs-nav .news-tabs-selected a span, .news-tabs-nav a:hover span, .news-tabs-nav a:focus span, .news-tabs-nav a:active span {
      background-position: 0 -50px;
      }
.news-tabs-nav a span, .news-tabs-nav .news-tabs-disabled a:hover span, .news-tabs-nav .news-tabs-disabled a:focus span, .news-tabs-nav .news-tabs-disabled a:active span {
      background-position: 0 0;
      }
.news-tabs-nav .news-tabs-selected a:link, .news-tabs-nav .news-tabs-selected a:visited, .news-tabs-nav .news-tabs-disabled a:link, .news-tabs-nav .news-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
      cursor: text;
      color: #000;   
      background-color: #FFF;
      border: solid 1px #B0B0B0;
      border-top: solid 1px #B0B0B0;
      border-bottom:0;
      padding-bottom: 3px;
      }
.news-tabs-nav a:hover, .news-tabs-nav a:focus, .news-tabs-nav a:active,
.news-tabs-nav .news-tabs-unselect a:hover, .news-tabs-nav .news-tabs-unselect a:focus, .news-tabs-nav .news-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
      cursor      : pointer;
      background  : transparent;
      color       : #FF0000;
      }
.news-tabs-disabled {
      opacity: .4;
      filter: alpha(opacity=40);
      
      }
.news-tabs-panel {
      border-top  : 1px solid #B0B0B0;
      padding     : 1em 8px;
      background  : #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
      border      : 1px solid #B0B0B0;
      }
.news-tabs-loading em {
/*
      padding: 0 0 0 20px;
      background: url(loading.gif) no-repeat 0 50%;
*/
      }
.news_tab_outer a:hover { color: red;}
.news_tab_outer
{
	float: right;
	padding-right: 10px;
	padding-top: 9px;
}

/* prevent inner text from pushing down on selected tab */
.tab_border { border-top: solid 1px transparent; }
  

/* Additional IE specific bug fixes... */
* html .news-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
      display: inline-block;
      }
*:first-child+html .news-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;
      }


div#follow_box {
    font-family: Verdana,Arial,Sans !important;
    font-size: 11px;
    text-align: center;
    width: 273px;
    height: 40px;
    /*background: #F5F5F5;*/
    background: url('../img/home/badge_back.png');
    border: solid 1px #CCC;
    margin-bottom: 5px;
}

div.follow_item {
    float: left; /* ie6 missed out on learning table-cell */
    width: 90px;
    padding: 4px 0 2px 1px;
    text-align: center;
    color: #515151;
}

div.follow_item a {
    display: block;
    width: 100%;
    height: 34px;
}

.hovered { /*div.follow_item*/
    background: #3F385A;
    color: #F5F5F5;
    cursor: pointer;
} 

#news-container {
      background  : #FFF; /*#DBDBDB;*/
      padding-top : 2px;
      width       : 275px;
      }

      #news-container p.news-item {
            font-size      : 11px;
            color          : #575757;
            padding-bottom : 12px;
            border-bottom  : 1px dotted #979797;
            }

            #news-container p.news-item a {
                  font-family    : Verdana, Arial, monospace;
                  font-size      : 11px;
                  color          : #000000;
                  text-decoration: none;
                  }
                  
                  #news-container p.news-item a:hover {
                        color          : #0578B7;
                        text-decoration: underline;
                        }                  

      #news-container p.symp-item {
            font-size      : 11px;
            color          : #575757;
            padding-bottom : 12px;
            border-bottom  : 1px dotted #979797;
            }

            #news-container p.symp-item  {
                  font-family    : Verdana, Arial, monospace;
                  font-size      : 11px;
                  color          : #000000;
                  text-decoration: none;
                  }
                  

      #news-container p.event-item {
            font-family    : Verdana, Arial, monospace;
            font-size      : 11px;
            color          : #000000;
            padding-bottom : 10px;
            border-bottom  : 1px dotted #979797;
            width: 250px;
            }
            
            #news-container p.event-item a {
                  font-family    : Verdana, Arial, monospace;
                  font-size      : 11px;
                  color          : #0578B7;
                  text-decoration: underline;
                  }
                  
                  #news-container p.event-item a:hover {
                        color          : #0578B7;
                        text-decoration: none;
                        }           
      #news-container p.more a {
            font-family    : Verdana, Arial, monospace;
            font-size      : 11px;
            font-weight    : bold;
            color          : #0578B7;
            text-decoration: underline;
            }

            #news-container p.more a:hover {
                  background  : #42395E;
                  color       : #FFFFFF;
                  }