/********************************** TAB STYLE *****************************************/
    /*--------------------------------------------------
      REQUIRED to hide the non-active tab content.
      But do not hide them in the print stylesheet!
      --------------------------------------------------*/
    #tab_rotator .ui-tabs-hide {
     display:none;
    }
    .tab1 {
    width: 95px;
    }
    /*--------------------------------------------------
      .tabber = before the tabber interface is set up
      #tab_rotator = after the tabber interface is set up
      --------------------------------------------------*/
    .tabber {
     margin-left: 0px;
     margin-top: 10px;
     font-size: 0.6875em;
    }
    #tab_rotator {
     position: relative;
     z-index: 1;
}
    /*--------------------------------------------------
      ul.ui-tabs-nav = the tab navigation list
      li.tabberactive = the active tab
      --------------------------------------------------*/
    ul.ui-tabs-nav
    {
        display: block;
    }
    ul.ui-tabs-nav li
    {
        list-style: none;
        float: left;
        position: relative;
        /*border: 1px solid #C4CA48;*/
        border-width: 1px 1px 1px 1px;

    }
    ul.ui-tabs-nav li.first	{
    }
    ul.ui-tabs-nav li a
    {

    }
    ul.ui-tabs-nav li a:link { color: #fff; }
    ul.ui-tabs-nav li a:visited { color: #fff; }
    ul.ui-tabs-nav li a:hover
    {
        color: #FFF;
        filter: alpha(opacity=85);
        opacity: .85;

    }

    ul.ui-tabs-nav li.ui-tabs-selected a span
    {
        font-weight: bold;
    }
    ul.ui-tabs-nav li.ui-tabs-selected a
    {
        color: #FFF;
    }

    ul.ui-tabs-nav li.ui-tabs-selected
    {
        border:1px solid #fff;
    }


    ul.ui-tabs-nav li.ui-tabs-selected a
    {
        filter: alpha(opacity=85);
        opacity: 0.85;
    }

    /*--------------------------------------------------
      .tabbertab = the tab content
      Add style only after the tabber interface is set up (#tab_rotator)
      --------------------------------------------------*/
    #tab_rotator .ui-tabs-panel {
        overflow: hidden;
        clear: both;
        position: relative;
        z-index: 0;
        /*background-image:url(../images/tab_body_bg.jpg);
    /* font-size: .625em;*/
     /* If you don't want the tab size changing whenever a tab is changed
        you can set a fixed height */
     /* height:200px; */
     /* If you set a fix height set overflow to auto and you will get a
        scrollbar when necessary */
     /* overflow:auto; */
    }
    #tab_rotator item a {
    }
    /* If desired, hide the heading since a heading is provided by the tab */
    #tab_rotator .tabbertab h2 {
     display:none;
    }
    #tab_rotator .tabbertab h3 {
     display:none;
    }

    /* Example of using an ID to set different styles for the tabs on the page */
    #tab_rotator#tabx1 {
    }

    #tab_rotator#blogtab {
        margin-right: 10px;
    }

    #tab_rotator#blogtab .tabbertab {
        padding: 0px;
        margin:0px
    /*	overflow: auto;*/
    }

    .tabphoto {
        font-size: 11px;
        border:0;
    }

    .tabphoto a img {
        border:0;
    }

    .tabphoto a.art_link {
        line-height: 0 !important;
        display: block;
    }

    .tab_content, div.photo_info {

    }

    .tab_content tr, .tab_content td {
        vertical-align: top;
    }

    #nav-fragment a {
        display: block;
        color: #fff;

    }

    #nav-fragment a.last {
        display: block;
        color: #fff;
        margin-right: 0px !important;
    }

    .ui-tabs-nav-item{
        overflow: hidden;
    }

    .ui-tabs-nav-item a span{
    }

    .ui-tabs-nav-item a span img{
        border:none;
    }

    #tab_rotator .tab_teaser_text {
        color: #FFFFFF;
        background-color: #000000;
        padding: 10px 6px;
        position: absolute;
        bottom: 0px;
        width: 398px;
        opacity: .8;
        filter: alpha(opacity=80);

    }
    #tab_rotator h4 {
        font-size: 1.5em;
        margin-top: 2px;
        margin-left: 2px;
    }

    #tab_rotator h4 a {
        color:#FFFFFF;
    }

    #tab_rotator h5 {
        font-size: 1.25em;
        margin-top: 0px;
        margin-left: 2px;
        color:#AAAAAA;
    }

    #tab_rotator ul.footer a, #tab_rotator p.read_more a, #tab_rotator p.date a {
        color: #000;
    }

    #tab_rotator .more_links {
        position: absolute;
        top: 262px;
        left: 400px;
        opacity: .7;
    }