/*
 * CSS for jQuery Tabs 
 */

/* Hide the selectNav.js selection menu dropdown by default */
.selectnav { display: none; }


/* left, vertical navigation menu */
li.ui-state-hover,
li.ui-tabs-selected,
li.ui-state-active,
li.ui-state-focus {
 background: none;
 border-left: none;
 border-right: none;
 border-bottom: none;
 outline-width: 0;
}
li.ui-tabs-selected a,
li.ui-state-active a,
li.ui-state-focus a {
 border: none;
 outline-width: 0;
 font-weight: bold; 
 color: #696969 !important;
}

/* color the left column */
#tabs #leftColumn {
 background: #C9CCD8;
}

/* tabs error page */
.error {
 height: 350px;
 background: transparent url('/images/error.png') no-repeat right top;
}
.error h1 {
 font-style: italic;
 margin: 20px 0 0 0;
 border: none;
 font-size: 1.5em;
 background: transparent url('/images/error.png') no-repeat right top;
}


/* this stuff is here because it controls the style of the external pointing links in the vert tabs menu */
.ui-state-disabled {
   opacity: 1;
}

/* nested (horizontal) tabs 
 --------------------------*/
.ui-tabs-hz,
.ui-tabs-hz .ui-tabs-nav { 
 width: 100%; 
 border: none;
 margin: 0;  
 padding: 0; 
}


.ui-tabs-hz .ui-tabs-nav li { 
 width: auto;
 font-size: 1.0em;
 line-height: 1.0em;
 clear: none;
 padding: 0; 
 margin: 0; 
 background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(227,228,230,0.5) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(227,228,230,0.5))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(227,228,230,0.5) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(227,228,230,0.5) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(227,228,230,0.5) 100%); /* IE10+ */
 background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(227,228,230,0.5) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#80e3e4e6',GradientType=0 ); /* IE6-9 */
 border: 1px solid #E3E4E6;
 cursor: pointer;
}

.ui-tabs-hz .ui-tabs-panel { 
 padding: 1%;
 margin: 0;   
 background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.55) 90%, rgba(227,228,230,0.5) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(90%,rgba(255,255,255,0.55)), color-stop(100%,rgba(227,228,230,0.5))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.55) 90%,rgba(227,228,230,0.5) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.55) 90%,rgba(227,228,230,0.5) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.55) 90%,rgba(227,228,230,0.5) 100%); /* IE10+ */
 background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.55) 90%,rgba(227,228,230,0.5) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#80e3e4e6',GradientType=0 ); /* IE6-9 */
 border: 1px solid #E3E4E6;
}


.ui-tabs-hz .ui-tabs-nav li a { 
 color: #696969;
 text-decoration: none;
}

.ui-tabs-hz .ui-tabs-nav li.ui-tabs-selected,
.ui-tabs-hz .ui-tabs-nav li.ui-state-active,
.ui-tabs-hz .ui-tabs-nav li.ui-state-focus {
 background: none;
 border-bottom: 1px solid #FFFFFF !important;
 outline-width: 0;
}

.ui-tabs-hz .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs-hz .ui-tabs-nav li.ui-state-active a,
.ui-tabs-hz .ui-tabs-nav li.ui-state-focus a {
 border: none;
 outline-width: 0;
 font-weight: bold; 
 color: #696969 !important;
}

.ui-tabs-hz .ui-tabs-nav li a:hover { 
 text-decoration: underline;
}



.ui-tabs-panel {
 padding: 0 0.5em 0 1em;
 float: left;
 width: 98%;
}

.nested .ui-tabs-panel {
	margin: 0;
	width: 98%;
}
#tabs h4 {
 margin: 20px 0;
}