body {
	background-color: #FFFFFF;


	
	text-align: center;
	font-family:  arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #6F6F6F;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
.bgder {
	background-image: url(images/bgder.gif);
	background-repeat: repeat-y;
}
.title01 {
	color: #CC0000;
	text-decoration: none;
}
.title {
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	font-family: "Trebuchet MS", Tahoma, Verdana;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #A8A8A8;
	padding: 0px;
	background-image: url(images/bgsup.gif);
}
.search {
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	font-family: "Trebuchet MS", Tahoma, Verdana;
	padding: 16px;
	background-image: url(images/bgsup.gif);
}
input {
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #6F6F6F;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D4D0C8;
	border-right-color: #A8A8A8;
	border-bottom-color: #A8A8A8;
	border-left-color: #D4D0C8;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}
.boton {
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #A8A8A8;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D4D0C8;
	border-right-color: #A8A8A8;
	border-bottom-color: #A8A8A8;
	border-left-color: #D4D0C8;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	cursor: pointer;
}
.lista {
	vertical-align: top;
	font-size: 10px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 0px;
		
}
a {
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
	font-size: 12px;
}
a:hover {
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
	font-size: 12px;
}
.urlweb {

	font-size: 11px;
	font-weight: normal;
	color: #BBBBBB;
	text-decoration: none;
}
.action {
	font-size: 11px;
	font-weight: normal;
	color: #CC0000;
	text-decoration: none;
}
a.action:hover {
	font-size: 11px;
	font-weight: normal;
	color: #CC0000;
	text-decoration: none;
	background-color: #FFE1E1;
}
#swfvideo {
	background-color: #000000;
	height: 310px;
	width: 360px;
	
	font-size: 12px;
	text-decoration: none;
	vertical-align: middle;
	margin-top: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.name {
	font-weight: bold;
	color: #3354AA;
	text-decoration: underline;
	font-size: 12px;
}
.descdet {
	font-weight: normal;
	color: #6F6F6F;
	text-decoration: none;
	font-size: 12px;
}
.namedet {
	font-weight: bold;
	color: #3354AA;
	text-decoration: none;
	font-size: 13px;
}
#pagnum {
	font-weight: bold;
}
.paginate {
	font-size: 12px;
	text-decoration: none;
	background-color: #F2F2F2;
	border-left-width: 16px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D4D0C8;
	margin-bottom: 10px;
	border-right-width: 16px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
#query {

	font-weight: bold;
}
.supres1 {
	font-size: 12px;
	text-decoration: none;
	background-color: #F2F2F2;
	border-left-width: 12px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D4D0C8;
	margin-bottom: 10px;
}
.supres2 {
	font-size: 12px;
	text-decoration: none;
	background-color: #F2F2F2;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D4D0C8;
	margin-bottom: 10px;
	padding-right: 10px;
	border-right-width: 13px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.copy {
	font-size: 12px;
	font-weight: normal;
	color: #6F6F6F;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 16px;
	padding-bottom: 5px;
	padding-left: 16px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A8A8A8;
}
#loadData {
	font-size: 12px;
	padding-left: 26px;
}
#adsvideo {

	background-color: #F2F2F2;
	height: 250px;
	width: 306px;
	border: 1px solid #D4D0C8;
	font-size: 12px;
	text-decoration: none;
	vertical-align: middle;
}
a.name:hover {

	font-weight: bold;
	color: #3354AA;
	text-decoration: underline;
	font-size: 12px;
}
.borde {
	background-color: #F2F2F2;
	border: 1px dashed #D4D0C8;
	font-size: 12px;
	text-decoration: none;
	margin: 0px;
	text-align: left;
	padding: 5px;
	
}
.bordeder {

	background-color: #F2F2F2;
	width: 310px;
	border: 1px dashed #D4D0C8;
	font-size: 12px;
	text-decoration: none;
	vertical-align: middle;
	margin-top: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.subder {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	font-family: "Trebuchet MS", Tahoma, Verdana;
	background-image: url(images/bgsup.gif);
	color: #CC0000;
}

a.buttonhome {
display: block;
background-color: transparent;
background-image: url(btn_s/btn_home.png);
background-repeat: no-repeat;
width: 100px;
height: 26px;
text-align: center;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}
a.buttonhome:hover, a.buttonhome:active {
background-image: url(btn_s/btn_home_over.png);
background-repeat: no-repeat;
}

a.buttonnews {
display: block;
background-color: transparent;
background-image: url(btn_s/btn_news.png);
background-repeat: no-repeat;
width: 100px;
height: 26px;
text-align: center;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}
a.buttonnews:hover, a.buttonnews:active {
background-image: url(btn_s/btn_news_over.png);
background-repeat: no-repeat;
}


a.buttonfeatures {
display: block;
background-color: transparent;
background-image: url(btn_s/btn_features.png);
background-repeat: no-repeat;
width: 100px;
height: 26px;
text-align: center;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}

a.buttonfeatures:hover, a.buttonfeatures:active {
background-image: url(btn_s/btn_features_over.png);
background-repeat: no-repeat;
}

a.buttondrivers {
display: block;
background-color: transparent;
background-image: url(btn_s/btn_drivers.png);
background-repeat: no-repeat;
width: 100px;
height: 26px;
text-align: center;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}

a.buttondrivers:hover, a.buttondrivers:active {
background-image: url(btn_s/btn_drivers_over.png);
background-repeat: no-repeat;
}







a.buttonteams {
display: block;
background-color: transparent;
background-image: url(btn_s/btn_teams.png);
background-repeat: no-repeat;
width: 100px;
height: 26px;
text-align: center;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}

a.buttonteams:hover, a.buttonteams:active {
background-image: url(btn_s/btn_teams_over.png);
background-repeat: no-repeat;
}





a.buttoncircuits {
display: block;
background-color: transparent;
background-image: url(btn_s/btn_circuits.png);
background-repeat: no-repeat;
width: 100px;
height: 26px;
text-align: center;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}

a.buttoncircuits:hover, a.buttoncircuits:active {
background-image: url(btn_s/btn_circuits_over.png);
background-repeat: no-repeat;
}

a.buttoninterviews {
display: block;
background-color: transparent;
background-image: url(btn_s/btn_interviews.png);
background-repeat: no-repeat;
width: 100px;
height: 26px;
text-align: center;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}

a.buttoninterviews:hover, a.buttoninterviews:active {
background-image: url(btn_s/btn_interviews_over.png);
background-repeat: no-repeat;
}

a.buttonseassons {
display: block;
background-color: transparent;
background-image: url(btn_s/btn_seasons.png);
background-repeat: no-repeat;
width: 100px;
height: 26px;
text-align: center;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}

a.buttonseassons:hover, a.buttonseassons:active {
background-image: url(btn_s/btn_seasons_over.png);
background-repeat: no-repeat;
}








a.buttonpodcasts {
display: block;
background-color: transparent;
background-image: url(btn_s/btn_podcasts.png);
background-repeat: no-repeat;
width: 100px;
height: 26px;
text-align: center;
font-family: Helvetica;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}

a.buttonpodcasts:hover, a.buttonpodcasts:active {
background-image: url(btn_s/btn_podcasts_over.png);
background-repeat: no-repeat;
}


















b.rtop {display:block;background: #FFF}
b.rtop b{display:block;height: 1px;
    overflow: hidden; background: #ff0000}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4{margin: 0 1px;height: 2px}
div#nifty{ margin: 0 1;background: #FF0000}

.box{
font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;




}
2.box{
font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;




}

#buttonOK{
	padding-left: 5px;
}


.top_sec{
 width: 400px;
overflow: hidden;
 }


.box2{
font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;




}
 .box-content{
 color:black;
 font-size: 10px;
 text-align:left;
 clear:both;
 }
  
  .2box-content{
 color:black;
 font-size: 11px;
 text-align:left;
 clear:both;
 }
  
  
   .box-content2{
 color:black;
 font-size: 12px;
 text-align:left;
 clear:both;
 }
  .box-tittle{
 padding-top: 10px;
 font-size: 14px;
  clear:both;
  text-align: left;
 }
 
 
 .2box-tittle{
 padding-top: 10px;
 font-size: 14px;
  clear:both;
 }


 .box-link {

 float:left;
  padding-left: 1px;
  font-size: 9px;
  color: grey;
 }
 
 
 .2box-link {

 float:left;
  padding-left: 1px;
  font-size: 11px;
 }
  .box-date {

 float:left;
  padding-left: 1px;
  font-size: 9px;
  clear:right;
    color: grey;
 }
 
  .2box-date {

 float:left;
  padding-left: 1px;
  font-size: 11px;
  clear:right;
 }
 
 
 .box-link2 {

 float:left;
  padding-left: 5px;
  font-size: 12px;
 }
  .box-link2 a {

 color: red;
 font-size: 10px;


 }
 
 .box-link a {

 color: red;
 font-size: 9px;


 }
 
 
  .2box-link a {

 color: red;
 font-size: 9px;


 }
 
 .box-info  {
	font-size: 10px;
 color: grey;
 }
 
 .boxheader{ 
 text-align: center;
 background: #ff0000;
 color: white;
 }
 
 
 


a.buttonDis {

display:-moz-inline-box; /* Gecko */
    display:inline-block; /* IE, Opera and Safari */
    border-width:5px 5px;
    border-style:solid;
    border-color: black;
font-family:  Tahoma, Verdana;
background-color: black;
color: white;

text-align: center;
float:left;
margin: 5px 5px 5px 5px;
font-size: 12px;

text-decoration: none;
}

a.buttonDis:link, a.buttonDis:visited {
color: white;
}



a.buttonDis:hover, a.buttonDis:active {
display:-moz-inline-box; /* Gecko */
    display:inline-block; /* IE, Opera and Safari */
    border:5px solid #ccc;
}







/* .yui-navset defaults to .yui-navset-top */
.yui-skin-sam .yui-navset .yui-nav,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */
    border:solid #cccccc; /* color between tab list and content */
    border-width:0 0 0px;
    Xposition:relative;
    zoom:1;
     padding-left: 0px;
 
      margin-right: 3px;
      
}

.yui-skin-sam .yui-navset .yui-nav li,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav li {
    margin:0 0 0 0; /* space between tabs */
    padding:0px 0 0; /* gecko: make room for overflow */
    zoom:1;
;
}

.yui-skin-sam .yui-navset .yui-nav .selected,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected { 
    margin:0 0em 0px 0; /* for overlap */
    
}

.yui-skin-sam .yui-navset .yui-nav a,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a {
    background:	 url(img/btn_solapa_red/btn_solapa_red.jpg) repeat-x; /* tab background */
    border:solid #a3a3a3;
    border-width:0 0px;
    width: 60px;
    height: 24px;
    color:#ccc;
    text-decoration:none;
    
    
}

.yui-skin-sam .yui-navset ,
.yui-skin-sam .yui-navset .yui-navset-top {
    border:solid #a3a3a3;
    border-width:0 0 0;
    cursor:hand;
    
    left:0; right: 0; bottom: 0; /* protect from other orientations */
    top:0px; /* for 1px rounded corners */
    position:relative;
    
   
}

.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-skin-sam .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
     background:	 url(img/btn_solapa_red/btn_solapa_red.jpg) repeat-x; /* tab background */ /* selected tab background */
    color:#fff;
    
}

.yui-skin-sam .yui-navset .yui-nav a:hover,
.yui-skin-sam .yui-navset .yui-nav a:focus {
   background:	 url(img/btn_solapa_red/btn_solapa_red.jpg) repeat-x;
    outline:0;

}

.yui-skin-sam .yui-navset .yui-nav .selected a em {
    border-width:0 0 0;
   
}

.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a em {
    border-color:green; /* selected tab border color */
    border-width:0px 0 0;
       
}


.yui-skin-sam .yui-navset ,
.yui-skin-sam .yui-navset .yui-navset-top  {
    border:0px solid #808080; /* content border */
    border-top-color:#243356; /* different border color */
     padding:0em 0em ;
    
        
}
.yui-content {
    background:transparent; /* content background color */

	 margin-right: 3px;
	margin-left: 3px;	
	
    
    
    
    
}

.yui-skin-sam .yui-navset .yui-nav .selected a em{ 
padding:0.35em 0.75em;

}
.yui-skin-sam .yui-navset .yui-nav a em,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em{ 
border:solid #a3a3a3;border-width:1px 0 0;cursor:hand;padding:0.25em .75em;left:0;right:0;bottom:0;top:-1px;position:relative;

} 


#video {
color: #000!important;
}

#overlay{ background-image: url(images/overlay.png);  }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
	
#close{
cursor: pointer;
}
	
	
	
	
	
	
	
	
	
div.workarea { padding:10px; float:left; text-align: left; }

ul.draglist { 
    position: relative;
    width: 200px; 
    height:120px;
    background: #f7f7f7;
    
    list-style: none;
    margin:0;
    padding:0;
}
ul.draglistf { 
    position: relative;
    width: 180px; 
	height:40px;
    background: #f7f7f7;
    
    list-style: none;
    margin:0;
    padding:0;
    font-size: 12px;
  
}

ul.draglist li {
    margin: 1px;
    cursor: move; 
    text-align:left;
    list-style: none;
    font-size: 12px;
      text-align: center;
}

ul.draglist_alt { 
    position: relative;
    width: 200px; 
    list-style: none;
    margin:0;
    padding:0;
    /*
       The bottom padding provides the cushion that makes the empty 
       list targetable.  Alternatively, we could leave the padding 
       off by default, adding it when we detect that the list is empty.
    */
    padding-bottom:20px;
}



li.list1 {
    background-color: #D1E6EC;
    border:1px solid #7EA6B2;
}

li.list2 {
    background-color: #D8D4E2;
    border:1px solid #6B4C86;
}

#user_actions { float: right; }





.menu1 { margin:0; list-style:none;   position:relative; text-align:center;}
.menu1 li {background:#fff url(images/menu/button1.gif);  list-style:none; }
.menu1 li a {display:block;  height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:9px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer;}
.menu1 li a b { display:block; padding:0 4px 0 1px; text-align:center;}
.menu1 li.current a {color:#fff; background:url(images/menu/button3.gif);}
.menu1 li.current a b {background:url(images/menu/button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(images/menu/button2.gif);}
.menu1 li a:hover b {background:url(images/menu/button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(images/menu/button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(images/menu/button3.gif) no-repeat right top;}	



.mensmall { margin:0; list-style:none;   position:relative; text-align:left;}
.mensmall li {float:left;clear:both;background:#fff url(images/menu/button1.gif);  list-style:none; }
.mensmall li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:12px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer;}
.mensmall li a b {float:left; display:block; padding:0 8px 0 4px;}
.mensmall li.current a {color:#fff; background:url(images/menu/button3.gif);}
.mensmall li.current a b {background:url(images/menu/button3.gif) no-repeat right top;}
.mensmall li a:hover {color:#fff; background:#000 url(images/menu/button2.gif);}
.mensmall li a:hover b {background:url(images/menu/button2.gif) no-repeat right top;}
.mensmall li.current a:hover {color:#fff; background:#000 url(images/menu/button3.gif); cursor:default;}
.mensmall li.current a:hover b {background:url(images/menu/button3.gif) no-repeat right top;}	





#josOverlay{
	color:#FFFFFF;
	display:none;
	position: absolute;
	top: 120px;
	left: 0;
	z-index: 90;
	width: 1px;
	height: 1px;
	filter:alpha(opacity=80);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 11px;
	font-weight: bold;
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#ss{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 530px;
	z-index: 91;
	visibility: hidden;
}





























/* rounded */

/* $Id: rounded.css 7112 2007-05-10 19:37:05Z vkulov $ */
/* 
 * Tabs theme.
 *
 * Copyright (c) 2004-2006 by Zapatec, Inc.
 * http://www.zapatec.com
 * 1700 MLK Way, Berkeley, California,
 * 94709, U.S.A.
 * All rights reserved.
 */

/* Font styling for tab bar buttons */
.zpTabsRounded {
  font: bold 11px tahoma, verdana, sans-serif;
  overflow: hidden;
  white-space: nowrap;
}

.zpTabsRounded a,
.zpTabsRounded a:visited,
.zpTabsRounded a:link {
  text-decoration: none;
  white-space: nowrap;
}

/* Left part of menu button if unselected (all) */

.zpTabsRounded .zpTabLinkOuter {
  background: url(rounded/left.gif) no-repeat bottom left;
  cursor: pointer;
  float: left;
  padding-left: 15px;
}

/* Right part of menu button if unselected (all) */
.zpTabsRounded .zpTabLinkInner {
  background: url(rounded/right.gif) no-repeat right bottom;
  padding-right: 15px;
  color: #a5a5a5;
  height: 18px;
  float: left;
}

.zpTabsRounded .zpTab {
  float: left;
  margin-right: 2px;
}

.zpTabsRounded .zpTabLinkInner .zpTabAnchorHolder {
  margin-top: 2px;
  float: left;
}

/*menu buttons text color on mouseover*/
.zpTabsRounded .zpTabsHover .zpTabLinkInner {
  color: #ea9894;
}
.zpTabsRounded a u {
  color: ButtonText;
}

/* Left part of menu button if selected */
.zpTabsRounded .zpTabsActive .zpTabLinkOuter {
  background: url(rounded/left_sel.gif) no-repeat left bottom;
  color: ButtonText;
}

/* Left part of menu button if selected */
.zpTabsRounded .zpTabsActive .zpTabLinkInner {
  background: url(rounded/right_sel.gif) no-repeat right bottom;
  height: 19px;
  color: ButtonText;
}

/*menu button active letter color*/
.zpTabsRounded .zpTabsActive u {
  color: red;
}

.zpTabsRounded .zpTabClosable {
  padding-right: 7px;
}

.zpTabsRounded .zpTabClose {
  margin: 1px 0 0 8px;
  float: left;
  cursor: default;
}

.zpTabsRounded .zpTabsClearer {
  clear: both;
}

.zpTabsRoundedContent {
  border: 2px solid #a7b4b8;
  font: 11px tahoma, verdana, sans-serif;
  padding: 5px;
  background: #f1f4f5;
  border-width: 1px 1px 2px 1px;
  clear: both;
}

/** Styles for tab scrollers **/
.zpTabsScrolly  {
  color: #aaa;
  cursor: pointer;
  width: 30px;
  float: left;
  border: #a7b4b8 solid;
  border-width: 0 1px 1px 1px;
  position: relative;
/*  z-index: 999999;*/
}

.zpTabsScrolly div {
  padding: 0 3px;
  float: left;
}

.zpTabsRoundedContent .zpTab,
.zpTabsRoundedAccordionContent .zpTab {
  overflow: hidden;
}

.zpTabsRoundedContent .zpTabsNoOverflow,
.zpTabsRoundedAccordionContent .zpTabsNoOverflow {
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

/** Accordion styles **/
.zpTabsRoundedAccordionContent {
  border: 2px solid #a7b4b8; 
  font: 11px tahoma, verdana, sans-serif;
  padding: 5px;
  background: #f1f4f5;
  border-width: 1px 1px 2px 1px;
}

.zpTabsRoundedAccordionContent div {
  background: white;
}

.zpTabsRoundedAccordionContent div.tabChooser,
.zpTabsRoundedAccordionContent div.tabChooser .zpTabAnchorHolder {
  color: white;
  background: ButtonFace;
  cursor: pointer;
}

.zpTabsRoundedAccordionContent div.tabChooser a {
  color: black;
  text-decoration: none;
  margin: 0 3px;
  line-height: 23px;
}

.zpTabsRoundedAccordionContent div.tabChooser a u {
  color: red;
}

/* red */

/* $Id: red.css 7112 2007-05-10 19:37:05Z vkulov $ */
/*
 * Tabs theme.
 *
 * Copyright (c) 2004-2006 by Zapatec, Inc.
 * http://www.zapatec.com
 * 1700 MLK Way, Berkeley, California,
 * 94709, U.S.A.
 * All rights reserved.
 */

/*
 * CSS Theme for "red" theme. Notice the name zpTabsRed needs to be
 * used as the start of all definitions.
 * If the themes was named "blue" you would need to start with zpTabsBlue
 */


/*
 * Base definition for tabs headers container
 */

.zpTabsRed {
  border-spacing: 0px; /* for Mozilla */
  font: 12px tahoma, verdana, sans-serif;
  overflow: hidden;
  white-space: nowrap;
}


/*
 * Definition of links in tabs in the header
 */

.zpTabsRed a,
.zpTabsRed a:visited,
.zpTabsRed a:link {
  text-decoration: none;
  white-space: nowrap;
}

/*
 * Left part of the tab header (or footer)
 * In red theme, for example, pictures are done only for header
 */

.zpTabsRed .zpTabLinkOuter {
  background: url(red/tab_bg1_left.gif) top left no-repeat;
  line-height: 20px;
  cursor: pointer;
  float: left;
  padding-left: 16px;
}


/*
 * Right part of the tab header (or footer)
 * In red theme, for example, pictures are done only for header
 */
 
.zpTabsRed .zpTabLinkInner {
  background: url(red/tab_bg1_right.gif) top right no-repeat;
  padding-right: 16px;
  color: #767696;
  font-weight: bold;
  line-height: 20px;
  cursor: pointer;
  float: left;
}

/*
 * Left part of the active tab header (or footer)
 * In red theme, for example, pictures are done only for header
 */

.zpTabsRed .zpTabsActive .zpTabLinkOuter {
  background: url(red/tab_bg2_left.gif) top left no-repeat;
}


/*
 * Right part of the active tab header (or footer)
 * In red theme, for example, pictures are done only for header
 */

.zpTabsRed .zpTabsActive .zpTabLinkInner {
  color: #eeeeee;
  background: url(red/tab_bg2_right.gif) top right no-repeat;
}

.zpTabsRed .zpTab,
.zpTabsRed .zpTabLinkInner .zpTabAnchorHolder {
  float: left;
}

/*
 * Definition of access key in inactive tab header when tab header is hovered
 */

.zpTabsRed .zpTabsHover .zpTabLinkInner u {
  color: #dd0000;
}

/*
 * Definition of access key in active tab header when it's hovered over
 */

.zpTabsRed .zpTabsActive .zpTabsHover u {
  color: #eeeeee;
}

/*
 * Definition of access key in inactive tab header
 */
.zpTabsRed .zpTabLinkInner u {
  color: #060339;
}

/*
 * Definition of access key in active tab header
 */
.zpTabsRed .zpTabsActive u {
  color: #eeeeee;
}

.zpTabsRed .zpTabClose {
  margin: 4px 0 0 5px;
  float: left;
  cursor: default;
}

.zpTabsRed .zpTabsClearer {
  clear: both;
}

/*
 * Base definition for the content area (where tab content is displayed)
 */

.zpTabsRedContent {
  border: 1px solid #07030f;
  border-top: solid 5px #CC3333;
  background: url(red/bg.gif);
  font: 11px tahoma, verdana, sans-serif;
  clear: both;
}


/*
 * Definition for container where scroll buttons are located
 */

.zpTabsScrolly
	{
	color: #aaa;
	cursor: pointer;
	width: 30px;
	float: left;
	border: #CC3333 solid;
	border-width: 1px 1px 0 1px;
	background: url(red/bg.gif);
	}


/*
 * Style for left/right scroll arrows (arrows to scroll tab headers)
 */

.zpTabsScrolly div
	{
	padding: 0 3px;
	}

.zpTabsRedContent .zpTab,
.zpTabsRedAccordionContent .zpTab {
  overflow: hidden;
}

.zpTabsRedContent .zpTabsNoOverflow,
.zpTabsRedAccordionContent .zpTabsNoOverflow {
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

/*
 * Base definition for tabs container if tabs are using Accordion style
 */

.zpTabsRedAccordionContent
	{
	border: 1px solid #07030f;
	border-top: solid 5px #CC3333;
	background: url(red/bg.gif);
	font: 11px tahoma, verdana, sans-serif;
	}


/*
 * Style for tab container
 * if tabs use Accordion style
 */

.zpTabsRedAccordionContent div
	{
	background-image: url(red/bg.gif);
	}


/*
 * Definition for tabs headers
 * if tabs use Accordion style
 */

.zpTabsRedAccordionContent div.tabChooser
	{
	color: white;
	background: #cc3333;
	cursor: pointer;
	font-weight: bold;
	}


/*
 * Definition for links in tab header
 * if tabs use Accordion style
 */

.zpTabsRedAccordionContent div.tabChooser a
	{
	color: white;
	text-decoration: none;
	margin: 0 3px;
	line-height: 23px;
	}