/********************************** 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;
		background-color:#000;
		color:#fff;	
		}
		/*--------------------------------------------------
		  .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 {
		 margin: 0;
		 padding: 10px 0px 5px 0;
		 text-align: left;
		 background-color:#000;
		 width: 410px;
		 position: relative;
		 z-index: 1;
    }
		/*--------------------------------------------------
		  ul.ui-tabs-nav = the tab navigation list
		  li.tabberactive = the active tab
		  --------------------------------------------------*/
		ul.ui-tabs-nav
		{
		    padding-top: 5px;
			width: 410px;
            display: block;

			line-height:.5em;
		}
		ul.ui-tabs-nav li
		{
			list-style: none;
			margin: 0;
			float: left;
			font-size:.725em;
			height:70px;
			position: relative;
			border: 2px solid #000000;
			border-width: 5px 5px 5px 5px;

		}
		ul.ui-tabs-nav li.first	{
            margin-left: 5px;
        }
		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-color: #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 {
			width: 410px;
			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 {
			color:#2C65A2;
		}
		/* 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 {
			float: left;
			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;
		}