/* ==========================================================================*/
/* This css file should establish tag styles that're shared by all sections  */
/* ==========================================================================*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	background-color: #E5E5E5;
}

body          { font-size: 75%; }   /* IE */
html > body   { font-size: 12px; }  /* Other browsers */

#bodybody{
	background-image: url(/lib/yhst-37542584897213/background-ship-free.gif);
	background-repeat: no-repeat;
	background-position: right top;}

#orderform{
	background-image: url(/lib/yhst-37542584897213/background-order-form.gif);
	margin: 0;
	padding: 18px 18px 0 18px;
	line-height: normal;
}


body, table, div, td, p {
	font-family: 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	color: #7D7E79;
	font-size: 11px;
}


body          { font-size: 75%; }   /* IE */
html > body   { font-size: 12px; }  /* Other browsers */

.mainbody { 
	width: 925px;
	text-align: left;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

/* Links  */

a:link, a:visited { 
	color: #FF9900; 
	text-decoration: underline; }  /* 5C8800 */

a:hover { 
	text-decoration: underline; }
.dlg_tabs a,.dlg_tabs a:link,.dlg_tabs a:visited,.dlg_tabs a:hover {text-decoration: none;}
a.glossary { /*cluetips*/
	color: #4c4c4c;
}
/* Breadcrumb links */

.navlink a, .navlink a:visited {
	color:#7D7E79; 
	text-decoration:none;
	border-bottom: 1px solid #FFFFFF;
	font-size: .8em; 
	font-weight:bold;
	}
	
.navlink a:hover {
	color:#FF9900;
	}


.ahem {
	display:	none;
}

h1, h2 {
font-family:Helvetica, Arial, sans-serif;
} 
h3 ,h4, h5, h6, h7{
font-family:'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif; 
} 


hr { 
	height:1px;
	margin: 0; 
	padding:0;
	border:none; 
	color: #CCCCCC;}
	


/*Header -------------- */

/* Main Site Typography */

h1, h2, h3 { color:#111; font-family: Helvetica, Arial, sans-serif; margin:0px; padding:0px;}

h1 {font-size: 180%; margin:6px 0 12px 0; padding-bottom:4px; line-height:1.1em;}

h2 {font-size:130%; margin-top:12px;padding-top:10px;}

h2 a:link, h2 a:hover, h2 a:visited {text-decoration:none;border-bottom:none;color:#111;}

p {font-weight: normal; line-height: 18px; margin: 7px 0 7px 0;}

p.pagethis {font-weight: normal; line-height: 12px; margin: 0; padding: 9px 0 0 0;}

p.short {font-weight: normal; line-height: 16px; margin: 0; padding-top: 0;}

p.bottomlist {font-weight: normal; line-height: 12px; margin: 7px 0 0 0;}



.red a:link {color: #CC0000;}
.orange {color: #FF9900;}
.alert {
	color: #CC0000;
	padding-left:26px;
	}
	
.hr {color:#CCCCCC; border-top: 1px solid #cccccc; padding: 0; margin: 0px;}



 /*----ORIGINAL -------*/

.popTop {
	background-color: #9FA095;
	color: #FFFFFF;
	padding: 7px;
	margin: 0;
}


.dark {


	color: #474744;


	}



a.dark {

	color: #474744;
	text-decoration: none;


	}



a.dark:visited {

	color: #474744;


	}



a.dark:hover {

	color: #474744;
	text-decoration: underline;


}


.white {


	color: #FFFFFF;


	}



a.white {

	color: #FFFFFF;
	text-decoration: none;


	}


a.white:link {

	color: #FFFFFF;
	text-decoration: underline;

}


a.white:visited {

	color: #FFFFFF;


	}



a.white:hover {

	color: #FFFFFF;
	text-decoration: underline;


}


.footer {


	color: #7D7E79;


	}



a.footer {

	color: #7D7E79;
	text-decoration: none;


	}



a.footer:visited {

	color: #7D7E79;


	}



a.footer:hover {

	color: #7D7E79;
	text-decoration: underline;


}

.bottombar {


	color: #FFFFFF;


	}



a.bottombar {

	color: #7D7E79;


	}



a.bottombar:visited {

	color: #7D7E79;


	}

a.bottombar:link {

	color: #7D7E79;
	text-decoration: none;


	}



a.bottombar:hover {

	color: #7D7E79;
	text-decoration: underline;


}

/* ************** SPECIALTY ITEMS ****************** */

/* CSS for top navigation rollover */

img.topbutton
	{
	border-bottom: 1px solid #FFFFFF;
	}

img.topbutton:visited 
	{
	border-bottom: 1px solid #FFFFFF;
	}
img.topbutton:link 
	{
	border-bottom: 1px solid #FFFFFF;
	text-decoration: none;
	}

img.topbutton:hover 
	{
	border-bottom: 1px solid #999999;
	text-decoration: none;
	}

/* CSS for more-images rollover */

#rollup {
	position: relative;
	color: #4c4c4c;
	text-decoration: none;
}

#rollup a span {
	display:none;
	text-decoration: none;
	font-weight: bold;
}

#rollup a:link span {
	color: #4c4c4c;
	text-decoration: none;
	font-weight: bold;
}

#rollup a:visited span {
	color: #4c4c4c;
	text-decoration: none;
	font-weight: bold;
}


#rollup a:hover span {
	position:absolute;
	top: 7px;
	left: 72px;
	width:350px;
	text-align: left;
	height:18px;
	display:inline;
	color: #FF9900;
	text-decoration: none;
	font-weight: bold;
}

/* CSS for swatches rollover */

#rollupswatch {
	position: relative;
	color: #4c4c4c;
	text-decoration: none;
}

#rollupswatch a span {
	display:none;
	text-decoration: none;
	font-weight: bold;
}

#rollupswatch a:link span {
	color: #4c4c4c;
	text-decoration: none;
	font-weight: bold;
}

#rollupswatch a:visited span {
	color: #4c4c4c;
	text-decoration: none;
	font-weight: bold;
}


#rollupswatch a:hover span {
	position:absolute;
	top: 7px;
	left: 55px;
	width:350px;
	text-align: left;
	height:18px;
	display:inline;
	color: #FF9900;
	text-decoration: none;
	font-weight: bold;
}

img.swatch
	{
	border: 1px solid #9FA095;
	text-decoration: none;
	}

img.swatch:visited 
	{
	border: 1px solid;
	color: #9FA095;
	text-decoration: none;
	}
img.swatch:link 
	{
	border: 1px solid #9FA095;
	text-decoration: none;
	color: #9FA095;
	}

img.swatch:hover 
	{
	border: 1px solid #9FA095;
	text-decoration: none;
	color: #9FA095;
	}

img.swatchlink
	{
	border: 1px solid #9FA095;
	text-decoration: none;
	}

img.swatchlink:visited 
	{
	border: 1px solid;
	color: #9FA095;
	text-decoration: none;
	}
img.swatchlink:link 
	{
	border: 1px solid #9FA095;
	text-decoration: none;
	color: #9FA095;
	}

img.swatchlink:hover 
	{
	border: 1px solid #9FA095;
	text-decoration: none;
	color: #9FA095;
	}



/*** End CSS for swatches rollover */



.redback {background-color: #330000; }

.ppcwhite {color: #FFFFFF; line-height: 18px; font-size: 14px }

#rfxImage {margin: 0px; padding: 0px; border: 0px; }

.rfxSwatch { cursor:hand; width:20px; height:20px; margin-left:1; margin-right:1; border: 1px solid #CCCCCC; }




/* ******************** BOXES ********************** */

.captionheader {
	background-image: url(/lib/yhst-37542584897213/background-order-form.gif);
	background-color: #FFFFFF;
	color: #4C4C4C;
	padding: 5px;
	font-weight: bold;
}

.tan {
	background-color: #F6F8EE;
	color: #7B7B78;
	padding: 0;
	margin: 0;
}

.darktan {
	background-color: #CCCCCC;
	color: #7D7E79;
	padding: 0;
	margin: 0;
}

/* ************ Crumb rollover ************ */

.crumb {
	background-color: #EDEFE5;
	color: #7D7E79;
	padding: 7px;
	margin: 0;
}

a.crumblink { 
	text-decoration: none; 
	border: none; 
	color: #7D7E79;
}

a.crumblink:visited 
	{
	text-decoration: none;
	color: #7D7E79;
	}

a.crumblink:link 
	{
	text-decoration: none;
	color: #7D7E79;
	}

a.crumblink:hover 
	{
	text-decoration: underline;
	color: #7D7E79;
	}

/* ************ END Crumb ************ */

.paging {
	background-color: #EDEFE5;
	color: #7D7E79;
	padding: 7px;
	margin: 0;
}

.paginglight {
	background-color: #F6F8EE;
	color: #7D7E79;
	padding: 7px;
	margin: 0;
}


li.block {
font-weight: normal;
margin-bottom: 3px;
}

ul.block {
margin: 0em 1.5em;
padding: 0;
list-style-type: square;
font-size: small;
}


/* ******************** HEADERS ********************** */

h1.headline  {
	font: lighter 17px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	font-weight: normal;
	padding-top: 0;
	padding-bottom: 12px;
	color: #4c4c4c;
	margin:0;
}

h1  {
	font: 12px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #4c4c4c;
	padding: 10px 0px 00px 0px;
	margin:0;
}


h2 {
	font: 12px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	color: #4c4c4c;
	padding: 10px 0 5px 0;
	margin:0;
}

h3 {
	font: 12px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #4c4c4c;
	padding: 0px 0px 10px 0px;
	margin:0;
}

h4 {
	font: 11px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	line-height: 14px;
	font-weight: bold;
	color: #;
	padding: 10px 0 0px 0;
	margin:0;
}


h5 
	{
	font: 12px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	color: #332A29;
	text-decoration: none;
	font-weight: lighter;
	margin-top: 2px;
	margin-bottom: 2px;
	}

h6 
	{
	font: 11px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
	margin-bottom: 0px;
	}



a.homelink:link {
	font: 12px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #4c4c4c;
	padding: 0px 0px 10px 0px;
	margin:0;
	text-decoration: none;
}

a.homelink:hover {
	font: 12px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #999966;
	padding: 0px 0px 10px 0px;
	margin:0;
	text-decoration: none;
}

a.homelink:visited {
	font: 12px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #4c4c4c;
	padding: 0px 0px 10px 0px;
	margin:0;
	text-decoration: none;
}

/* ************************ OTHER GLOBAL STUFF ************************ */
/* This is necessary bc IE does not deal with hr correctly */
div.separator {
	margin: 12px 0 12px 0;	
	background-image:url(http://www.filemakertrial.com/business_tracker/images/20040808_filemaker_landing_dotted.gif);
	background-repeat:repeat-x;
	background-position: top;
	clear:both;
	height: 1px;
	width: 100%;
	line-height: 1px;
 color:#fff;
 
}

form 
	{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

.ordertable {
        background-color: #FFFFFF;
	color: #7D7E79;
        padding: 9px;
} 

textarea, input, select, option {
	font: 11px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif; 
	}

input.field {
	color : #7B7B78;
	text-decoration : none;
	width : 250px;
	height : 20px;
	border-color : #7D7E79;
	border-width : 1px;
	border-style : solid;
}

input.yellow {
	color : #7B7B78;
	background-color: #FFFFCC;
	text-decoration : none;
	width : 250px;
	height : 18px;
	border-color : #7D7E79;
	border-width : 1px;
	border-style : solid;
}


input.keywords {
	color : #7B7B78;
	text-decoration : none;
	width : 120px;
	height : 20px;
	border-color : #7D7E79;
	border-width : 1px;
	border-style : solid;
}

input.account {
	color : #7B7B78;
	text-decoration : none;
	width : 185px;
	height : 18px;
	border-color : #7D7E79;
	border-width : 1px;
	border-style : solid;
}

textarea.area {
	color : #7B7B78;
	text-decoration : none;
	width : 325px;
	border-color : #7D7E79;
	border-width : 1px;
	border-style : solid;
}

textarea.sharing {
	color : #7B7B78;
	text-decoration : none;
	width : 290px;
	border-color : #7D7E79;
	border-width : 1px;
	border-style : solid;
}

dl {
	font-size: 12px;
	margin-bottom: 0px;
	}

dt, dd {
	margin-top: 0px;
	margin-bottom: 0px;;
	}

sup
	{
	font-size: 10px;
	text-decoration: none;
	}

i
	{
	font-family: Arial, Helvetica, sans-serif;
	}


img 
	{
	border: 0;
	}

.note, 
.note a 
	{
	font-size: 10px;
	text-decoration: none;
	}
	
	
/* ==============================================================*/
/*			Removes margin from top of elements			*/
/* ==============================================================*/

.noTop
	{
	margin-top: 0px;
	}

.redback {
	background-color: #330000;
	color: #FFFFFF;
}

.graydark {
	background-color: #333333;
	color: #F2F2F2;
	padding: 0px;
	margin: 0px;
}

.graydarkpad {
	background-color: #333333;
	color: #7D7E79;
	padding: 3px 8px 3px 8px;
	margin: 0;
	font-size: 10px;
} 

.graylink {
	color: #7D7E79;
	font-size: 10px;
} 

.grayBackToppad {
	background-color: #4C4C4C;
	color: #7D7E79;
	padding: 3px 8px 3px 8px;
	margin: 0;
	border-right: 1px solid #7D7E79;
	font-size: 10px;
}


.grayXdarkpad {
	background-color: #4C4C4C;
	color: F2F2F2;
	padding: 12px 8px 12px 8px;
	margin: 0;
}


.graytop {
	background-color: #FFFFFF;
}

.grayback {
	background-color: #F4F4F4;
}

.grayside {
	background-color: #F4F4F4;
}

.graysidepad {
	background-color: #FFFFFF;
	padding: 12px;
	margin: 0;
}

.graylines {
	background-color: #6B6B6B;
}

.fillerbar {
	border-left: 1px solid #6B6B6B;
	border-bottom: 1px solid #6B6B6B;
}


.red {
	color: #CC0000;
}

.textdarkgray {
	color: #474744
}

.textlightgray {
	color: #7D7E79;
}


.shade {
	background-color: #EDF4F8;
}


.whitebody {
	background-color: #FFFFFF;
	padding: 0px 20px 30px 0px;
	margin: 0;
}


.cushion {
	padding: 5px;
}

.cushion10 {
	padding: 10px;
}



/* ==============================================================*/
/*			Lists			*/
/* ==============================================================*/


li {
font-weight: normal;
margin-bottom: 0;
}

ul {
margin:0;
padding: 0;
list-style: none;
}



/* =============================== */
/*            Dropdowns            */
/* =============================== */


#nav A {font-family: 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif; font-style: normal; text-decoration: none; font-size: 8pt; font-style: normal; display: block; color: #7D7E79}


#nav A:hover {font-style: normal; text-decoration: none; background-color: #EDEFE5; border-bottom: 1px solid #7B7B78; padding: 3px; }
#nav A:link {font-style: normal; display: block; color: #7D7E79; border-bottom: 1px solid #7B7B78; padding: 3px;}
#nav A:visited {font-style: normal; border-bottom: 1px solid #7B7B78; padding: 3px; }

form {

        margin: 0;
        padding: 0;
}

#nav, #nav ul{ /* all lists */
	padding: 0px;
	margin: 0;
	list-style: none;
	line-height: 1.4;
        background-color: #ffffff;
        display: block;
}


#nav li { /* all list items */
	float: left;
        width: 16em; /* width needed or else Opera goes nuts */
	margin: 0px;
        padding: 0;
	background-color: #ffffff;
	
}

#nav li ul { /* second-level lists */
	position: absolute;
        width: 16em;
        border-top: 1px solid #7B7B78;
        border-right: 1px solid #7B7B78;
        border-left: 1px solid #7B7B78;
        background-color: #ffffff;
	left: -999em;   /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
        position: absolute;
        margin: -1.5em 0 0 10em;  /* False value for IE4-5.x/Win */
        margin: -1.5em 0 0 10em;	 /* Actual value for conformant browsers */
}


#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul ul{
	left: -999em;
	color: #7D7E79;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul{ /* lists nested under hovered list items */
	left: auto;
}


#subnav A {font-family: 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif; font-style: normal; text-decoration: none; font-size: 8pt; font-style: normal; display: block; color: #7D7E79}


#subnav A:hover {font-style: normal; text-decoration: none; background-color: #EDEFE5; border-bottom: 1px solid #7B7B78; padding: 3px; }
#subnav A:link {font-style: normal; display: block; color: #7D7E79; border-bottom: 1px solid #7B7B78; padding: 3px;}
#subnav A:visited {font-style: normal; border-bottom: 1px solid #7B7B78; padding: 3px; }

#subnav, #subnav ul{ /* all lists */
	padding: 0px;
	margin: 0;
	list-style: none;
	line-height: 1.4;
        background-color: #ffffff;
        display: block;
}


#subnav li { /* all list items */
	float: left;
        width: 16em; /* width needed or else Opera goes nuts */
	margin: 0px;
        padding: 0;
	background-color: #ffffff;
	
}

#subnav li ul { /* second-level lists */
	position: absolute;
        width: 16em;
        border-top: 1px solid #7B7B78;
        border-right: 1px solid #7B7B78;
        border-left: 1px solid #7B7B78;
        background-color: #ffffff;
	left: -999em;   /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#subnav li ul ul { /* third-and-above-level lists */
        position: absolute;
        margin: -1.5em 0 0 10em;  /* False value for IE4-5.x/Win */
        margin: -1.5em 0 0 10em;	 /* Actual value for conformant browsers */
}


#subnav li:hover ul ul, #subnav li.sfhover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul ul{
	left: -999em;
	color: #7D7E79;
}

#subnav li:hover ul, #subnav li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul{ /* lists nested under hovered list items */
	left: auto;
}


#content {
	clear: left;
	color: #7B7B78;
}


/* =============================== */
/*             Sidebar             */
/* =============================== */
#sidebarnav {padding-left:0px;text-align:left;font-size:11px;}

ul#sidebarsections {list-style-type: none;margin: 0;padding: 0; text-transform: capitalize;}
ul#sidebarsections li a{
	text-align: left;
	display: block;
	margin: 0;
	line-height: 1.1em;
	padding: 3px 0 3px 0px;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;}
ul#sidebarsections li a:hover{
	color: #FF9900;
	border-bottom:1px solid #cccccc;}
ul#productabs ul {
	text-align: left;
	list-style-type: none;
	margin: 0; padding: 0;
	text-transform: Capitalize;
	font-size:11px;
	font-weight: normal;}
		
ul#sidebarsections ul li {line-height: 1.1em;padding: 1px 0px 1px 0px; background:url(/lib/yhst-37542584897213/side-bar-square.gif) no-repeat left 50%;}
ul#sidebarsections li ul li a {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#5D5D5D;
	border-bottom: none;
	margin-left:10px;} 
ul#sidebarsections li ul li a:hover {border-bottom:none; color:#333333;}



#sidebar h4 {
	font: 11px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	line-height: 14px;
	font-weight: bold;
	color: #cc0000;
	padding: 0 0 5px 0;
	margin:0;
}


#sidebar h4 a:link, a:hover a:visited {text-decoration:none;border-bottom:none;color:#4C4C4C;}


/* =hovermore Code
----------------------------------------------------------------------*/

.hovermore
{
	cursor: pointer;
	list-style: none;
        margin: 0;
	padding: 0;
	text-align: left;

}

.hovermore a .preview
{
	cursor: pointer;
	display: none;
}

.hovermore a:hover .preview
{
	display: block;
	position: absolute;
	top: -216px;
	left: 16px;
	z-index: 1000;
}

.hovermore img
{
	background: #fff;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 0;
	vertical-align: top;
	top: 0;
	left: 0;
	width: 45px;
	height: 45px;
}

.hovermore li
{
	background: #fff;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
}

.hovermore .preview
{
	border-style: solid;
	border-width: 1px; 
	border-color: #CCCCCC;
        padding: 10px;
        margin: 0px;
	width: 230px;
	height: 230px;
}

.dottedLine p {
	background-image: url(gray-dots.gif);
	line-height: 1px;
	padding: 0 0 5px 0;
	margin: 0;
}

/*****Itembox changes for Kava javascript ***/
/***make the javascript onclick stuff change the cursor to a link pointer */
.trigger_tell_a_friend, .trigger_product_question, .trigger_review, .trigger_product_zoom, .trigger_liveperson, .trigger_contact_us, .trigger_rt_inventory {
	cursor: pointer;
}


/*
 * jQuery UI screen structure and presentation
 * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI
 * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com
 * Visit ThemeRoller.com
*/

/*
 * Note: If your ThemeRoller settings have a font size set in ems, your components will scale according to their parent element's font size.
 * As a rule of thumb, set your body's font size to 62.5% to make 1em = 10px.
 * body {font-size: 62.5%;}
*/

/*UI tabs*/
#thetabs .ui-tabs-nav {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	/*font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;*/
	float: left;
	position: relative;
	z-index: 1;
	/*border-right: 3px solid #ffffff;*/
	bottom: 0px;
}
#thetabs .ui-tabs-nav ul {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
}
#thetabs .ui-tabs-nav li {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	border-right: 2px solid #ffffff;
}
#thetabs .ui-tabs-nav li a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	/*font-size: 1em;*/
	font-weight: bold;
	text-decoration: none;
	padding: .4em 1em;
	color: #8F908A;
	background: #e9e9e9;
}
#thetabs .ui-tabs-nav li a:hover {
	background: #dadada;
	color: ##8F908A;
}
#thetabs .ui-tabs-nav li.ui-tabs-selected {
	/*border: 2px solid #9e9f9a;*/
}
#thetabs .ui-tabs-nav li.ui-tabs-selected a, #thetabs .ui-tabs-nav li.ui-tabs-selected a:hover {
	background: #9e9f9a;
	color: #e6e6e6;
}
#thetabs .ui-tabs-panel {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	/*font-family: Verdana,Arial,sans-serif;*/
	clear:left;
	border-top: 1px solid #cccccc;
	background: #ffffff;
	color: #222222;
	padding:10px 0 0 0;	
	/*font-size: 1.1em;*/
}
#thetabs .ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}


/*hidden elements*/
#thetabs .ui-hidden {
	position: absolute; left: -99999999px*/;
}
#thetabs .ui-accessible-hidden {
	 position: absolute; left: -99999999px;
}
/*reset styles*/
#thetabs .ui-reset {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
}
/*clearfix class*/
#thetabs .ui-clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#thetabs .ui-clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .ui-clearfix {height: 1%;}
#thetabs .ui-clearfix {display: block;}
/* End hide from IE-mac */

/* Note: for resizable styles, use the styles listed above in the dialog section */

/* Note: Control Image Fad */

a:link img.fade, a:visited img.fade
{
    /* seems to prevent flickering in Mozilla-based browsers */
    opacity:0.999;
}

a:active img.fade, a:hover img.fade, a:focus img.fade
{
    /* for Mozilla/Firefox/Safari */
    opacity:0.75;
    /* IE5.5 upwards */
    filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=75);
}
/*
 * Glossary
 * apply styles to the glossary here, to style the actual tip "container" use the section clueTip CSS below. Use caution there.
 */
a.glossary,
#thetabs a.glossary { /* glossary / cluetip  links, the 'glossary' class is added by javascript when clueTip runs at pageload*/
	text-decoration:none;
	border-bottom:1px dotted #aaa;
}
.glossary-definition h6 {
	margin:0 0 10px 0;
}
/*
 * END Glossary
 */


/*
 * clueTip CSS
 * These styles affect the basic functionality of the plugin, border, spacing, etc. Use caution. To style the content within the cluetip, go to the 'glossary' style section above
 */

/* global */
.glossary-definition {
	display:none;
}
#cluetip .glossary-definition {
	display:block;
}
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-close {
  float: right;
  position: relative;
}
/*#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(images/wait.gif);
}*/
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

#cluetip.cluetip-default {
  margin-top:-30px; /*set .cluetip-arrows to the opposite  */
}
.cluetip-default {
  /*margin-top:-30px; /*set .cluetip-arrows to the opposite  */
  background-color: #fff;
}
.cluetip-default #cluetip-outer {
  position: relative;
  background-color: #fff;
  border:1px solid #ccc;
}
#cluetip .dropShadow {
	margin:1px;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #ccc;
  color: #fff;
}
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */
.cluetip-arrows {
	margin-top:30px;/*set to the opposite value of .cluetip-default*/
}
.clue-right-default .cluetip-arrows {
  background-image: url(http://lib.store.yahoo.net/lib/yhst-37542584897213/sprite-glossary-arrow-left.png);
  width:10px;
  height:13px;
  left:-7px;
}
.clue-left-default .cluetip-arrows {
  background-image: url(http://lib.store.yahoo.net/lib/yhst-37542584897213/sprite-glossary-arrow-right.png);
  left: 99%;
  margin-right: -11px;
  width:10px;
  height:13px;
}
/* END Cluetips */