.tabs-container .ui-tabs { 
  padding: .2em;
   zoom: 1; 
   background:#FFF; }
   
.tabs-container .ui-tabs-nav { 
  list-style: none; 
  position: relative; }
  
.tabs-container .ui-tabs-nav li { 
  position: relative; 
  float: left; }
  
.tabs-container .ui-tabs-nav li a ,
.tabs-container .ui-tabs-nav li a span{
    display: block;
	float:left;
    padding: 0 10px;}

.tabs-container .ui-tabs-nav li a span{
  height: 20px; /* IE 6 treats height as min-height */
    min-height: 20px;
    padding-top: 6px;
    padding-right: 10px;
	 background:#FFF;
	border:1px solid #CCC;
	border-width:1px 1px 0 1px;}

.tabs-container .ui-tabs-nav li a{
    position: relative;
    z-index: 2;
    padding-left: 0;
    color: #676565;
    font-size:1.2em !important;
	list-style:none !important;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
	text-transform:uppercase;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    }

.tabs-container .ui-tabs-nav li.ui-tabs-selected a{
  top:1px !important;}

*>.tabs-container .ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-container .ui-tabs-nav .tabs-selected a span {
 	background:#F4F4F4;}

.tabs-container .ui-tabs-nav li.ui-tabs-selected a span { 
   color: #3A3939;
   background:#F4F4F4;}
  
.tabs-container .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { 
  color: #3A3939;}
  
.tabs-container .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
  cursor: pointer;
   } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
  
.tabs-container .ui-tabs .ui-tabs-panel { 
  }
  
.tabs-container .ui-tabs .ui-tabs-hide { 
  display: none !important; }

#tabs-1, #tabs-2, #tabs-3{
  border:1px solid #AEAEAE;
  background:#F7F7F7;
  clear:both;
  padding:10px;}