/********************************************************************************
	Tabview core
********************************************************************************/

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/* default space between tabs */
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li,
.yui-navset .yui-navset-bottom .yui-nav li {
    margin:0 0.5em 0 0; /* horizontal tabs */
}
.yui-navset-left .yui-nav li,
.yui-navset-right .yui-nav li {
    margin:0 0 0.5em; /* vertical tabs */
}

.yui-navset .yui-content .yui-hidden {
	display: none;
    position:absolute;
    left:-999999px;
    visibility:hidden;
}

/* default width for side tabs */
.yui-navset .yui-navset-left .yui-nav,
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-left .yui-nav,
.yui-navset-right .yui-nav { width:6em; }

.yui-navset-top .yui-nav,
.yui-navset-bottom .yui-nav {
    width:auto;
}
.yui-navset .yui-navset-left,
.yui-navset-left { padding:0 0 0 6em; } /* map to nav width */
.yui-navset-right { padding:0 6em 0 0; } /* ditto */

.yui-navset-top,
.yui-navset-bottom {
    padding:auto;
}
/* core */

.yui-nav,
.yui-nav li {
    margin:0;
    padding:0;
    list-style:none;
}
.yui-navset li em { font-style:normal; }

.yui-navset {
    position:relative; /* contain absolute positioned tabs (left/right) */
    zoom:1;
}

.yui-navset .yui-content,
.yui-navset .yui-content div {
    zoom:1;
}

.yui-navset .yui-content {
	background-color: #242628;
}

.yui-navset .yui-content:after {
    content:'';
    display:block;
    clear:both;
}

.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li, /* in case nested */
.yui-navset .yui-navset-bottom .yui-nav li {
    display:inline-block;
    display:-moz-inline-stack;
    *display:inline; /* IE */
    vertical-align:bottom; /* safari: for overlap */
    cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */
    zoom:1; /* IE: kill space between horizontal tabs */
}

.yui-navset-left .yui-nav li,
.yui-navset-right .yui-nav li {
    display:block;
}

.yui-navset .yui-nav a { position:relative; } /* IE: to allow overlap */

.yui-navset .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset-bottom .yui-nav li a {
    display:block;
    display:inline-block;
    vertical-align:bottom; /* safari: for overlap */
    zoom:1;
}

.yui-navset-left .yui-nav li a,
.yui-navset-right .yui-nav li a {
    display:block;
}

.yui-navset-bottom .yui-nav li a {
    vertical-align:text-top; /* for inline overlap (reverse for Opera border bug) */
}

.yui-navset .yui-nav li a em,
.yui-navset-top .yui-nav li a em,
.yui-navset-bottom .yui-nav li a em { display:block; }

/* position left and right oriented tabs */
.yui-navset .yui-navset-left .yui-nav,
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-left .yui-nav,
.yui-navset-right .yui-nav {
   position:absolute;
   z-index:1; 
}

.yui-navset-top .yui-nav,
.yui-navset-bottom .yui-nav {
    position:static;
}
.yui-navset .yui-navset-left .yui-nav,
.yui-navset-left .yui-nav { left:0; right:auto; }

.yui-navset .yui-navset-right .yui-nav,
.yui-navset-right .yui-nav { right:0; left:auto; }

/********************************************************************************
	Tabview skin for TOML
********************************************************************************/


  /***********************/
 /* global tabview skin */
/***********************/

.yui-navset-top {
	padding: 10px;
}
.yui-g .yui-navset-top {
	padding: 0;
}


.yui-navset-top .yui-nav-corner-tr {
	width: 20px;
	height: 32px;
	background: #000 url('../images/sprite_toml_backgrounds.png') no-repeat 0 -342px;
	border: 1px solid #3f4246;
	border-width: 0 1px 0 0;
	float: left;
}

.yui-navset-top .yui-nav {
	margin: 0px;
	padding: 0;
	list-style: none;
	height: 33px;
	margin: 0 0 -1px 20px;	
	background: #000 url('../images/sprite_toml_backgrounds.png') no-repeat 100% -342px;
}

.yui-gf .yui-u .yui-navset-top .yui-nav-corner-tr, .yui-gf .yui-u .yui-navset-top .yui-nav  {
	background-color: #242628;
}

.yui-navset-top .nav-separator {
	height: 1px;
	border: 1px solid #3f4246;
	border-width: 1px 1px 0 1px;
	background-color: #242628;
}

.yui-navset-top .yui-nav li {
	margin: 0px;
	float: left;
	border: 1px solid #3f4246;
	border-width: 1px 1px 0 0;
}
.yui-navset-top .yui-nav li.selected {	
	border-width: 1px 1px 1px 0;
	border-bottom-color: #242628
}

.yui-navset-top .yui-nav li a {
	background: #000 url('../images/sprite_toml_backgrounds.png') no-repeat 100% -384px;
	padding-right: 10px;
	text-decoration: none;
}

.yui-navset-top .yui-nav li a em {
	font-size: 116%;
	background: #000 url('../images/sprite_toml_backgrounds.png') no-repeat 0 -384px;
	color: #808f90;
	line-height: 31px;
	text-align: center;
	padding-left: 10px;
	display: block;
	font-weight: bold;
}

.yui-navset-top .yui-nav li a:hover, .yui-navset-top .yui-nav li.over a {
	background-position: 100% -426px;
	color: #fff;
}

.yui-navset-top .yui-nav li a:hover em, .yui-navset-top .yui-nav li.over a em {
	background-position: 0 -426px;
	color: #fff;
}

.yui-navset-top .yui-nav li.selected a,
.yui-navset-top .yui-nav li.selected a:focus,
.yui-navset-top .yui-nav li.selected a:hover {
	background-position: 100% -426px;
	color: #fff;
}

.yui-navset-top .yui-nav li.selected a em,
.yui-navset-top .yui-nav li.selected a:focus em,
.yui-navset-top .yui-nav li.selected a:hover em {
	background-position: 0 -426px;
	color: #fff;
	font-weight: bold;
}

.yui-navset-top .yui-nav li.disabled a,
.yui-navset-top .yui-nav li.disabled a:focus,
.yui-navset-top .yui-nav li.disabled a:hover {
	background-position: center -343px;
	cursor: not-allowed;
	color: #757e85;
}

.yui-navset-top .yui-nav li.disabled a em,
.yui-navset-top .yui-nav li.disabled a:focus em,
.yui-navset-top .yui-nav li.disabled a:hover em {
	background-position: center -343px;
	cursor: not-allowed;
	color: #3f4246;
	font-weight: normal;
}

  /***********************/
 /* Top navigation skin */
/***********************/

#mainnavbar.yui-navset-top {
	padding: 0px;
}

#mainnavbar.yui-navset-top .yui-nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 28px;
	margin: 0 0 -1px 217px;
	background: none;
}


#mainnavbar.yui-navset-top .nav-separator {
	background-color: #737475;
	height: 1px;
	border-right: 1px solid #3f4246;
	border-left: 1px solid #3f4246;
	border-top: 1px solid #3f4246;
}

#mainnavbar.yui-navset-top .yui-nav li {
	margin: -20px 4px 0px 0px;
	float: left;
	border-width: 0;
}

#mainnavbar.yui-navset-top .yui-nav li a{
	background: transparent url('../images/sprite_toml_backgrounds.png') no-repeat 0 0;
	padding-left: 10px;
	padding: 0 0 0 10px;
	text-decoration: none;
	height: 47px;
}

#mainnavbar.yui-navset-top .yui-nav li a span {
	background: transparent url('../images/sprite_toml_backgrounds.png') no-repeat 100% -40px;
	display: block;
	height: 47px;
	line-height: 30px;
	padding-right: 10px;
}
#mainnavbar.yui-navset-top .yui-nav li a em {
	background: transparent url('../images/sprite_toml_backgrounds.png') no-repeat center -40px;
	display: block;
	height: 47px;
	line-height: 30px;
	margin: 0 10px;
	padding: 0;
	text-align: center;
	font-size: 116%;
	font-weight: bold;
	color: #757e85;
}


#mainnavbar.yui-navset-top .yui-nav li a:hover, #mainnavbar.yui-navset-top .yui-nav li.over a,
#mainnavbar.yui-navset-top .yui-nav li a:active, #mainnavbar.yui-navset-top .yui-nav li.over a:active {
	background-position: 0 -80px;
}
#mainnavbar.yui-navset-top .yui-nav li a:hover span, #mainnavbar.yui-navset-top .yui-nav li.over a span,
#mainnavbar.yui-navset-top .yui-nav li a:active span, #mainnavbar.yui-navset-top .yui-nav li.over a:active span {
	background-position: 100% -120px;
}

#mainnavbar.yui-navset-top .yui-nav li a:hover em, #mainnavbar.yui-navset-top .yui-nav li.over a em,
#mainnavbar.yui-navset-top .yui-nav li a:active em, #mainnavbar.yui-navset-top .yui-nav li.over a:active em {
	background-position: center -120px;
	color: #757e85;
}

#mainnavbar.yui-navset-top .yui-nav li.selected a,
#mainnavbar.yui-navset-top .yui-nav li.selected a:focus,
#mainnavbar.yui-navset-top .yui-nav li.selected a:hover,
#mainnavbar.yui-navset-top .yui-nav li.selected a:active {
	background-position: 0 -240px;
}

#mainnavbar.yui-navset-top .yui-nav li.selected a span,
#mainnavbar.yui-navset-top .yui-nav li.selected a:focus span,
#mainnavbar.yui-navset-top .yui-nav li.selected a:hover span,
#mainnavbar.yui-navset-top .yui-nav li.selected a:active span  {
	background-position: 100% -285px;
}

#mainnavbar.yui-navset-top .yui-nav li.selected a em,
#mainnavbar.yui-navset-top .yui-nav li.selected a:focus em,
#mainnavbar.yui-navset-top .yui-nav li.selected a:hover em,
#mainnavbar.yui-navset-top .yui-nav li.selected a:active em {
	background-position: center -285px;
	color: #757e85;
}

#mainnavbar.yui-navset-top .yui-nav li.disabled a,
#mainnavbar.yui-navset-top .yui-nav li.disabled a:focus,
#mainnavbar.yui-navset-top .yui-nav li.disabled a:hover,
#mainnavbar.yui-navset-top .yui-nav li.disabled a:active {
	background-position: 0 -160px;
	cursor: not-allowed;
	color: #757e85;
	font-weight: normal;
}
#mainnavbar.yui-navset-top .yui-nav li.disabled a span,
#mainnavbar.yui-navset-top .yui-nav li.disabled a:focus span,
#mainnavbar.yui-navset-top .yui-nav li.disabled a:hover span,
#mainnavbar.yui-navset-top .yui-nav li.disabled a:active span {
	background-position: 100% -200px;
	cursor: not-allowed;
}

#mainnavbar.yui-navset-top .yui-nav li.disabled a em,
#mainnavbar.yui-navset-top .yui-nav li.disabled a:focus em,
#mainnavbar.yui-navset-top .yui-nav li.disabled a:hover em,
#mainnavbar.yui-navset-top .yui-nav li.disabled a:active em {
	background-position: center -200px;
	cursor: not-allowed;
	color: #3f4246;
	font-weight: normal;
}

/*************************************************************
	Skinning the content of a tabview
**********************************************************/	
.yui-navset-top .yui-content {
	padding: 0;
	border: 1px solid #3f4246;
	border-width: 0 1px;
}

.yui-gf .yui-u .yui-navset-top .yui-content {	
	border-width: 0 1px 1px 1px;
}

.yui-navset-top .loading {
	height: 200px;
}

/*************************************************************
	In tab navigation, blocks don't have background-image
	for their title. The block is defined to fit the whole
	space, therefore, padding and marginare reset.
	Nested blocks remain standard.
**********************************************************/	

.yui-navset-top .blk_c1 h2 {
	color: #fff;
	background: none;
	margin: 0;
	padding: 0 13px;
	border: 1px solid #3f4246;
	border-width: 0 0 1px 0;
	background-color: #242628;
}
.yui-navset-top .h2 {	
	background: none;
}
.yui-navset-top .blk_c1 .inside {
	border: 0;
}

/********************************************************************************
	CSS corrections (bug from other Jumbo CSS)
********************************************************************************/

.yui-navset-top {
	text-align: left;
}

.yui-navset-top .blk_c1 {
	margin: 0px;
	padding: 0px;
	background-color: #242628;
}

/********************************************************************************
	Tabview modal specific
********************************************************************************/

.yui-module .yui-content {
	background-color: #242628;
}

/********************************************************************************
	Customization for category navbar
********************************************************************************/

#mainnavbar {
	padding: 0;
	clear: both;
	display: inline;
}
#nav-separator {
	height: 20px;
	margin-top: -17px
}