/* Claymore ETFs Stylesheet
   Updated: Tues 11.19.09 @ 9:21am
   Author: Chris Weed (cweed@claymore.com)
   --------------------------------------------------------------*/

/*COLORS
    ETF Links:                      #4AA63A
    ETF Background:                 #DFE8D6
    Literature Tables Background:   #EDEDEE
    ETF Secondary Nav Menu          #ADD69D
*/

/* ETF COLORS
-------------------------------------------------------------------------------------------*/
#content { background: #FFF url(/common/images/ETFFundBugs/etf-product-background.gif) repeat-y left top; margin: 0; border-top: 0; border-left: 0; *padding: 0;}

.tabs a,
#profile,
.resources,
.slider-wrap,
#holdings th,
.definitionMenu,
.nav .resources,
#priceHistory th,
#contentContainer,
#distributions th,
#taxInformation th,
#fundPerformance th,
#etfEducationSubNav,
#featuredLiterature table,
#contentContainer #content #productList,
.productHeader #navigationAndAssets { background-color:	#DFE8D6; }

#firms,
.definitionMenu,
.definition li,
#prospectusOfferingLanguage p { border: 1px solid #4AA63A; }

#content,
#holdings table,
#priceHistory table,
#distributions table,
#taxInformation table { border-bottom: 5px solid #DFE8D6; }

#profile table,
#featuredLiterature table { border:	5px solid #DFE8D6; }

#profile td,
#featuredLiterature td { background-color: #DFE8D6; }

a,
h3,
.nav,
#firms th,
.etf101 h1,
#content h1,
.feature h2 a,
#pshAssets a:hover,
#productList a:hover, 
#etfEducationSubNav .selected,
.education #currentPage h2,
.productHeader .navigation a.selected,
#quickNews ul li a:hover,
.definitionMenu li a:hover,
.resources a:hover,
.feature a,
#tv a:hover,
#articles a,
#products h3 a,
.crossLinks a,
#productList table tr.assetClass, 
#literature a{ color: #4AA63A; }

#rowhead,
#productList table tr.assetClass,
#productNavigation ul li.etf,
.sf-menu li li,
.sf-menu li li li,
.tabs .active { background-color: #4AA63A; }

#fundRisks,
#indexMethodology,
#indexConstruction { border-top: 6px solid #DFE8D6; }

.productHeader #ticker { background: #DFE8D6 url(/common/images/etffundbugs/generic_bug.gif) no-repeat bottom left; padding-top: 18px; }  

.productHeader ul.navigation li { border-right: solid 3px #DFE8D6; }

a:hover,
#articles a:hover,
#literature a:hover,
#productList a { color:	#333; }

.DottedBottom{border-bottom-style: dashed !important;}
.noBottom{border-bottom-style: none !important;}

.definition li:hover,
.productSubNavigation, .productSubNavigation ul, .productSubNavigation li {	background-color: #ADD69D;}

.languages a{color: #4AA63A; padding: 10px; font-weight: bold;}
.crossLinks a:hover,
.languages a:hover{color: #333333;}

/* pie chart colors */
.color1 { background-color: #4AA63A; }
.color2 { background-color: #ADD69D; }
.color3 { background-color: #DBE35C; }
.color4 { background-color: #8BC447; }
.color5 { background-color: #818285; }
.color6 { background-color: #4C545A; }
.color7 { background-color: #D1D2D4; }
.color8 { background-color: #03733E; }
.color9 { background-color: #009344; }
.color10 { background-color: #6A757C; }
.color11 { background-color: #50B145; }

.even { background-color: #DFE8D6; }
.even b,
#product a { color: #518736; }
.odd { background-color: #FFFFFF; color: #000000; }
.odd b { color: #518736; }

.resources a { background: transparent url(/common/images/resources-link.gif) no-repeat scroll 0 4px; }

#mainMenu ul li a[href$='etf-home'] { font-size: 20px !important; font-weight: 400; padding: 9px 5px 0 5px; }
#mainMenu ul li ul a[href$='etf-home'] { font-size: 11px !important; font-weight: normal !important; padding: 0.75em 1em !important; }


/* ETF SUPERFISH STYLES
------------------------------------------------------------------------------------------*/
.sf-menu a,
.sf-menu li { color:  #6A767E; }
    .sf-menu li li:hover,
    .sf-menu li li a:hover { color: #DFE8D5; }
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu li:hover a, 
.sf-menu li.sfHover a,
.sf-menu a:hover,
.sf-menu a:active { color: #FFF; background: #4AA647; outline: 0; }
.sf-hover a:focus { outline: 0; }   

/*  SELECTED TAB STYLE - FOR THE PRODUCT NAVIGATION
    ---------------------------------------------------------------------*/    

#productNavigation li.etf { width: 31.5%;	margin-top: 0; 	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius:5px; }
	#productNavigation li.etf p { padding: 8px 11px; font-size: 18px; color: #FFFFFF; }
	
/*  EDUCATION CODA SLIDER STYLES
    ---------------------------------------------------------------------*/

.educationCoda .stripNav li { width: auto; }
.educationSubCoda .stripViewer { border: 0; }
.educationSubCoda .stripNav { background-color: #FFF; }
.educationSubCoda .stripNav li a { border: 0 1px 0 0; background-image: none;}
.educationSubCoda .stripNav li a.current { background-image: none; }

/* CEO Corner / Ask the CEO styles  */
table.tblAskTheCEO { padding:0px; margin:0px 0px 0px 2px; }
table.tblAskTheCEO tr td { padding:0px; margin:0px 0px 30px 0px; color:#000; vertical-align:top; font-size:11px; }
table.tblAskTheCEO a{color: #4AA63A; }
table.tblAskTheCEO tr td input { width: 100px; font-size: 10px; }
table.tblAskTheCEO tr td textarea { width: 100px; font-size: 10px; height:50px; }
table.tblAskTheCEO tr#trSubmitRow td { padding: 6px 5px 3px 0px; text-align:right; }
table.tblAskTheCEO tr#trClickHereRow td { padding: 6px 5px 15px 5px; text-align:right; }