*{ margin: 0; padding: 0; }* 
body { margin-bottom:10px;font-family:Arial; font-size:0.8em; /*line-height: 1.6em;*/ background: #999 url(../../images/sectors/design/tilebg.jpg) repeat; color: #333;}

* :focus { outline: 0; }

a {	color: #333;	background: inherit; text-decoration: none; }
a:hover { color: #999; background: inherit; text-decoration: none; }
p { margin: 0 0 15px 0; }
h1 { font: normal 2.8em Times New Roman, Arial; color: #444; }
h2 { font: normal 1.1em Arial; margin: 0 0 10px; padding: 0 0 3px; color: #333; border-bottom: 1px solid #eee; }
h3 { font: bold 1.1em Arial; color: #da8f00; text-transform: uppercase;padding:5px 0px; }
img { border: 0; }
ul {list-style:none;}
.hidden {display:none;}
.button:hover {opacity:0.8;filter:alpha(opacity=80);}

/*a:focus {width:0px;height:0px;}*/

.accordion .ui-state-focus{outline: none;}


#base {z-index:200;left:0;position:fixed;bottom:0px;width:100%;height:20px;padding:5px 0px;background:#333;}
#base_span {width:1020px;height:20px;margin:0 auto;padding-left:10px;}
#base_span .logo {width:200px;height:18px;float:left;}
#base_span .disclaimer {width:800px;height:20px;color:#fff;font-size:80%;float:right;margin-top:3px;}

#base_span .disclaimer a {color:#ccc;}
#base_span .disclaimer a:hover {color:#fff;}

.latest_us{background: #fff url(../../images/sectors/design/hash_purple.png) repeat;padding:10px 10px 0px 10px;}
.latest_int {background:#fff url(../../images/sectors/design/hash_blue.png) repeat;padding:10px 10px 0px 10px;margin-bottom:10px;}

/*FONT CLASSES*/

.outer_links {color:#333;}
.outer_links a {text-decoration:none;color:#333;}
.outer_links a:hover{color:#000;}

/*PUBLICATIONS*/

.publications ul  {margin:5px 0px 0px 0px;padding-bottom:5px;}
.publications ul li {display:block;/*font-size:85%;*/background:#fff;padding:2px 5px 4px 5px;}
.publications ul li a {color:#000;font-weight:normal;font-style:italic;}
.publications ul li a:hover {color:#999;text-decoration:none;}
.publications ul li.odd {background:#fff;}

.tools ul li {background:none;padding:2px 5px 4px 0px;}
.tools ul li a {color:#000;}
.tools ul li.odd {background:none;}

/*.us ul li.odd {background: url(../../images/sectors/design/hash_purple.png) repeat;}
.international ul li.odd {background:url(../../images/sectors/design/hash_blue.png) repeat;}*/

.clear { clear: both;margin:0px; }

/*BULLET STYLES*/

.pdf {background:url(../../images/sectors/design/arrow_red_on.png) 0px 3px no-repeat;padding-left:15px;zoom:1;}
.pdf:hover {background:url(../../images/sectors/design/arrow_red_off.png) 0px 3px no-repeat;padding-left:15px;zoom:1;}

.web {background:url(../../images/sectors/design/arrow_blue_off.png) 0px 3px no-repeat;padding-left:15px;zoom:1;}
.web:hover {background:url(../../images/sectors/design/arrow_red_off.png) 0px 3px no-repeat;padding-left:15px;zoom:1;}

.audio {background:url(../../images/sectors/design/arrow_green_off.png) 0px 3px no-repeat;padding-left:15px;zoom:1;}
.audio:hover {background:url(../../images/sectors/design/arrow_red_off.png) 0px 3px no-repeat;padding-left:15px;zoom:1;}

.video {background:url(../../images/sectors/design/arrow_purple_off.png) 0px 3px no-repeat;padding-left:15px;zoom:1;}
.video:hover {background:url(../../images/sectors/design/arrow_red_off.png) 0px 3px no-repeat;padding-left:15px;zoom:1;}

/*.excel {background:url(../../images/sectors/design/excel_off.png) top left no-repeat;padding-left:40px;zoom:1;}
.excel:hover {background:url(../../images/sectors/design/excel.png) top left no-repeat;padding-left:40px;zoom:1;}
*/


/*SITE STRUCTURE*/

.history_wrapper {width:620px;margin:0px auto;}

#wrapper {width:1020px;margin:0px auto;/*background:#363f48 url(../../images/sectors/design/shadow.png) repeat-y top left;*/}
#wrapper .top {width:1020px;height:20px;background:#363f48 url(../../images/sectors/design/shadow_top.png) no-repeat bottom;}
#wrapper .tail {width:1020px;height:20px;background:#363f48 url(../../images/sectors/design/shadow_tail.png) no-repeat top;}

/*main tabs*/

#tabnav {margin:0 auto;padding-left:40px;width:1020px;height:30px;margin-bottom:10px;}

#tabnav ul li a, #tabnav ul li a:visited {color:#fff;background:#333 /*url(../../images/sectors/design/top_tab_white.png) no-repeat*/;margin-bottom:2px;display:block;width:130px;padding:5px 10px;text-align:center; overflow:hidden;margin-right:10px;}
#tabnav ul {padding:0; margin:0;list-style-type: none; }
#tabnav ul li {font-size: 80%; float:left; margin-right:1px; position:relative;text-transform:uppercase;}
#tabnav ul li ul {display: none;}

/* specific to non IE browsers */
#tabnav ul li:hover a {text-decoration: none;margin-bottom:0px;border-top:2px #da8f00 solid;}
#tabnav ul li.active a {color:#fff;background:#da8f00 /*url(../../images/sectors/design/top_tab_orange.png) no-repeat*/;margin-bottom:2px;}

#toplinks {text-align:right;float:right;padding:5px 40px 0px 0px;font-size:90%;}
#toplinks a {color:#333;}
#toplinks a:hover {color:#666;}

/*content*/

#content { /*background:#ccc url(../../images/sectors/design/m_bg_1.jpg) repeat-y;*/padding:10px 0px 0px 0px;width: 980px; height:100%;margin: 0px auto;}

/*HEADER*/

#header {width:100%;height:100px;margin-bottom:5px;}

#logo { width: 180px; height:80px;float: left; background:url(../../images/sectors/design/logo_black.png) no-repeat 15px 0px;}
#logo p { margin:0px;}

#title {width: 450px; height:60px; float:left;padding:40px 10px 0px 0px; background:url(../../images/sectors/design/title.png) no-repeat 0px 30px;}
body.munis #title {background:url(../../images/munis/design/title.png) no-repeat 0px 30px;}
body.sp500 #title {background:url(../../images/sp500/design/title.png) no-repeat 0px 30px;}
body.commodities #title {background:url(../../images/commodities/design/title.png) no-repeat 0px 30px;}
body.asia #title {background:url(../../images/asia/design/title.png) no-repeat 0px 30px;}

#social {width:280px;height:32px;/*float:right;*/text-align:right;margin-bottom:10px;margin-top:-60px;}
#social img {border:0px;margin-top:4px;}
#social img:hover {padding-bottom:2px;margin-top:0px;border-bottom:2px #da8f00 solid;}

#topright {width:280px;height:30px; float:right;margin-top:40px;}

/*LEFT*/

#left {width:660px;float:left;font-size:80%;}

/*tabsheet*/

#tabs-1, #tabs-2, #tabs-3, #tabs-4, .tabholder {min-height:480px;background:#fff /*url(../../images/sectors/design/tabsheet_top.png) no-repeat top*/;}
#tabsheet_bottom {background:#fff /*url(../../images/sectors/design/tabsheet_bottom.png) no-repeat bottom*/;height:14px;width:100%;}

.tab_welcome {width:100%;}
.tab_left, .tab_right {width:300px;float:left;}
.tab_left {margin-right:20px;}

.tab_wide {width:600px;padding:5px 10px;margin-bottom:5px;/*border-bottom:1px #ccc solid;*/}

.muni_indices .tab_left, .sp500_tab .tab_left, .sp500_tab .tab_right  {width:290px;}
.muni_indices .tab_right  {padding-top:5px; width:290px;}

.muni_indices {background:url(../../images/sectors/design/hash_grey.png) repeat;}

.muni_home .tab_left, .muni_home .tab_right {border-bottom:1px #ccc solid;}

.tab_right table {background:#fff;margin-bottom:5px;padding:0px 2px;}

.tabinner {border-bottom:1px #ccc dotted;}

.tabinner .moreheader, .tab_wide .moreheader {float: left; width:80%;height:30px;}
.tabinner .more, .tab_wide .more {float: right; width: 20%; height: 30px; text-align: right; padding-top: 0px;}

#tools {margin-top:10px;width:600px;background:url(../../images/sectors/design/hash_grey.png) repeat;color:#000;padding:0px 10px 0px 10px;}
#tools_bottom {/*background: #eee url(../../images/sectors/design/tools_bottom.png) no-repeat top*/;height:0px;width:620px;}

#factsheets {float:left;width:300px;margin-right:10px;}
#factsheets2 {float:left;width:290px;padding-top:26px;}

#factsheets ul, #factsheets2 ul  {padding-bottom:10px; padding-top:5px;margin-bottom:-5px;}
#factsheets h3 {padding:10px 0px 0px 0px;}
#factsheets2 h3 {padding:2px 0px 0px 0px;}

#twitter_left {float: left; width: 60px; margin-right: 5px;}
#twitter_right {float: left;}

/*bios*/

.bio_us {width: 290px; background: url(../../images/sectors/design/hash_purple.png) repeat; padding: 5px; margin:0px 20px 5px 0px; float: left;}
.bio_int {width: 290px; background: url(../../images/sectors/design/hash_blue.png) repeat; padding: 5px; margin-right: 20px; float: left;}
.bio_us img, .bio_int img {margin-right:10px;}

.bio_button {width:50px;height:13px;float:left;position:relative;left:0px;top:10px;background:url(../../images/sectors/design/bio_button.png) no-repeat;}

.expandable {width:100%;min-height:30px;}

.bio_column {background:url(../../images/sectors/design/hash_grey.png) repeat;border:0px #ccc dotted;margin-bottom:5px;padding:5px 5px 0px 5px;}
.bio_docs {width:100%;min-height:30px;}
.thumb {min-height:110px;}
.thumb h3 {margin-top:0px; padding-top:0px;}
.thumb img {float:left; margin-right:5px;border:none;width:80px;}

/*SP500 HISTORY*/

#history_viewer {width:620px;height:213px;}

/*RIGHT*/

#right {width:280px;float:right;margin-top:0px;}

#videobox {width:100%;min-height:200px;}
#videobox_player {width:100%;height:300px;background:#000;z-index:1;}
#videobox_bottom {width:100%;background: #000 /*url(../../images/sectors/design/videobox_bottom.png) no-repeat bottom*/;height:14px;}
#videobox_top {width:120px; padding:5px 10px;background: url(../../images/sectors/design/grey_tab_bg.png) repeat-x bottom;height:16px;}
#videobox_top p {color:#fff;margin:0px;font-size:85%;}

#banner {width:100%;height:100px;/*background:#000;*/margin:10px 0px;}
/*#banner img:hover {opacity:0.8;filter:alpha(opacity=80);}*/

#spotlight_top {background:#da8f00 /*url(../../images/sectors/design/topright_top.png) no-repeat*/;height:9px;width:100%;margin-top:10px;}
#spotlight_bottom {background: #da8f00 /*url(../../images/sectors/design/topright_bottom.png) no-repeat*/;height:9px;width:100%;}

#spotlight {width:100%;height:50px;background:#DA8F00 url(../../images/sectors/design/banner_header.png) no-repeat top center; padding:35px 0px 0px 0px;}

#spotlight .form {padding:0px 5px 0px 12px;}
#spotlight .form .input {font-size:80%; color:#999; }
#spotlight .form .emailinput {background-color: #f1d9b3;padding: 2px; }
#spotlight .form .button {background:url(../../images/sectors/design/submit.png) no-repeat top left;border:none;width:40px;height:20px;margin-left:5px;cursor:pointer;}
#spotlight .form h3 {color:#fff;}
#spotlight .form p {color:#fff; font-size:0.8em;text-transform:uppercase;line-height:normal;}
#spotlight .form .formtext {font-size:85%; color:#fff;font-weight:normal;}

.errors {font-size:80%;position:absolute;text-transform:uppercase;font-weight:bold;padding:5px 5px 5px 10px;width:257px;height:24px;background:#cc0000; color:#fff;line-height:120%;margin:-40px 0px 0px -8px;float:left;} 

/*FOOTER*/

#footer {width:700px;height:10px;margin:10px 0px 30px 0px;float:left;font-size:105%;}

/*MUNI TICKER SYMBOLS*/

#tickers table {/*border-collapse:collapse;*/width:100%;border:none;}
#tickers td {border-bottom:1px #ccc dotted;padding:5px 0px;}
#tickers td.name {width:60%;color:#da8f00;text-transform:uppercase;font-size:80%;}
#tickers td.symbol {width:40%;text-align:right;text-transform:uppercase;color:#666;font-size:90%;font-weight:bold;}

/*SCROLL PANE*/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/*TWITTER FEED STYLES*/

#tweet {font-size:85%; margin-bottom:5px; border-bottom:1px #fff dotted;}

#tweet a {font-weight:bold;}

.tweetdate {text-transform:uppercase;color:#da8f00;text-align:right;margin:2px 0px;}

/* Tooltip
----------------------------------*/
.ui-tooltip {
font-size:85%;
	padding:8px;
	position:absolute;
	width:180px;
	z-index:9999;
	background:#cc0000;
	-o-box-shadow: 0 0 5px #aaa;
	-moz-box-shadow: 0 0 5px #aaa;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background: #cc0000;
}
body .ui-tooltip { border-width:0px; font-size:85%;color:#fff;}