/*** GENERIC ***/
body {
	font-family: Arial;
	background-color: #fff;
	color: #222;
}

h1 {
	font-size: 1.6em;
	font-weight: bold;
	color: #326b97;
	margin: 1em 0 0 .6em;
}

h2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #326b97;
	margin: 1em 0 0 .8em;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #326b97;
	margin: 1em 0 0 1em;
}

p {
	margin: 1em;
	line-height: 150%;
}

a,
a:active,
a:visited {
	color: #005596;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

.right {
	text-align: right;
}
.left {
	text-align: left;
}

.pullquote {
	width: 40%;
	font-size: 110%;
	text-align: left;
	font-weight: bold;
	padding: 0 0 0 2.5em;
	background: #fff no-repeat url('../images/quote.gif') top left;
	margin: .5em;
	clear: none;
}
	.pullquote.right {
		float: right;
	}
	.pullquote.left {
		float: left;
	}

.thumbnail {
	width: 200px;
	padding: .5em;
	font-size: .8em;
	text-align: center;
	background: #ffffee;
	margin: 1em;
	border: 1px solid #988b7b;
	clear: none;
}
	.thumbnail.right {
		float: right;
	}
	.thumbnail.left {
		float: left;
	}



/*** CORE ***/

.container {
	background-color: #fff;
	padding: 0 1em 0 1em;
}

/* header */
#hd #header {
	width: 100%;
	height: 90px;
	clear: both;
}
	#hd #header #logo {
		position: relative;
		float: left;
		top: 35px;
		width: 204px;
		height: 21px;
		background-image: url('http://www.djindexes.com/global-img/logo-2007.gif');
		margin: 0;
	}
	#hd #header #ad-zone {
		position: relative;
		float: left;
		top: 15px;
		left: 85px;
		width: 468px;
		height: 60px;
		margin: 0;
	}

/* top-nav */
#hd #top-nav {
	position: relative;
	height: 24px;
}

/* breadcrumbs */
#hd #breadcrumbs {
	background-color: #d2e0e0;
}
	#hd #breadcrumbs ul {
		padding: .5em;
		margin: 0;
	}
	#hd #breadcrumbs li {
		display: inline;
		font-size: .8em;
		color: #326b97;
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		padding: 0 .2em 0 .2em;
		margin: 0;
	}
	#hd #breadcrumbs li a {
		color: #326b97;
		text-decoration: none;
	}
	#hd #breadcrumbs li a:visited {
		color: #326b97;
	}
	#hd #breadcrumbs li a:hover {
		color: #328caa;
		text-decoration: none;
	}
	
/* banner */
#hd #banner {
	width: 100%;
	height: 209px;
	background: #336699 no-repeat url('../images/banner.jpg') top left;
}
	#hd #banner #subnav {
		background: #988b7b;
		position: relative;
		top: 179px;
		left: 0;
		height: 30px;
	}
		#hd #banner #subnav ul {
			padding: .5em 0 0 0;
			margin: 0 0 0 1.2em;
		}
		#hd #banner #subnav li {
			display: inline;
			font-weight: bold;
			font-size: 11px;
			color: #fff;
			list-style-image: none;
			list-style-position: outside;
			list-style-type: none;
			padding: 0 2em 0 0;
			margin: 0;
		}
		#hd #banner #subnav a {
			color: #fff;
			text-decoration: none;
		}
		#hd #banner #subnav a:visited {
			color: #fff;
		}
		#hd #banner #subnav a:hover {
			color: #005596;
			text-decoration: none;
		}
		#hd #banner #subnav a.on,
		#hd #banner #subnav a:visited.on,
		#hd #banner #subnav a:hover.on {
			text-decoration: underline;
			color: #fff;
		}
	
#bd {
	background-color: #d2e0e0;
}
	#bd #yui-main .yui-b {
		background-color: #fff;
		border: 1px solid #fff !important;
	}
	#bd .sidebar {
		padding: 1em 0 0 0;
	}
	
	#bd .footnote {
		margin: 0 1em 1em 1em;
		padding: 1em;
		border-top: 1px dotted #bbb;
		border-bottom: 1px dotted #bbb;
		background-color: #f9f9f9;
		font-size: 85%;
		font-style: italic;
	}
	
#ft {
	margin: 0 0 1em 0;
	background-color: #336699;
}
	#ft #links ul {
		text-align: center;
		padding: .5em 0 0 0;
		margin: 0;
		width: 100%;
		height: 25px;
		color: #fff;
	}
		#ft #links li {
			display: inline;
			font-size: 80%;
			list-style-image: none;
			list-style-position: outside;
			list-style-type: none;
			margin: 0;
		}
			#ft #links li a:link,
			#ft #links li a:active,
			#ft #links li a:visited {
				padding: 0 1.5em 0 1.5em;
				font-weight: bold;
				color: #fff;
				text-decoration: none;
			}
			#ft #links li a:hover {
				color: #d2e0e0;
				text-decoration: underline;
			}
	#ft #copyright {
		border-top: 1px solid #d2e0e0;
		background-color: #988b7b;
		text-align: center;
		font-size: 80%;
		font-weight: bold;
		color: #fff;
		padding: .8em 0 0 0;
		height: 23px;
	}
	
/* search box */
#search-panel,
#my-account-panel {
	text-align: left;
}



	
/* YUI SAM customizations */
.yui-skin-sam #top-nav {
	border-color: #bbb;
}
	.yui-skin-sam #top-nav li {
		border-color: #bbb;
	}
		.yui-skin-sam #top-nav li a {
			border-color: #bbb;
			color: #222;
		}
		
/* hide DIV used by Stats package to tag a page with its family ID */
#familyTag {
	display: none;
}

a.pdf {
	background: transparent url('/global-img/icons/silk/page_white_acrobat.png') no-repeat scroll left top;
	padding: .2em 0 0 1.8em;
}
a.excel {
	background: transparent url('/global-img/icons/silk/page_white_excel.png') no-repeat scroll left top;
	padding: .2em 0 0 1.8em;
}
a.powerpoint {
	background: transparent url('/global-img/icons/silk/page_white_powerpoint.png') no-repeat scroll left top;
	padding: .2em 0 0 1.8em;
}
a.office {
	background: transparent url('/global-img/icons/silk/page_white_office.png') no-repeat scroll left top;
	padding: .2em 0 0 1.8em;
}
a.word {
	background: transparent url('/global-img/icons/silk/page_white_word.png') no-repeat scroll left top;
	padding: .2em 0 0 1.8em;
}

sup {
	font-size: .8em;
}




/* WSPROD-612
 * Leave this as the last rule to correct any issues introduced above
 */
.ext-component {
	margin: 1em;
	font: .9em Arial;
}
.ext-component html,
.ext-component body,
.ext-component div,
.ext-component dl,
.ext-component dt,
.ext-component dd,
.ext-component ul,
.ext-component ol,
.ext-component li,
.ext-component h1,
.ext-component h2,
.ext-component h3,
.ext-component h4,
.ext-component h5,
.ext-component h6,
.ext-component pre,
.ext-component form,
.ext-component fieldset,
.ext-component input,
/* .ext-component p, */
.ext-component blockquote,
.ext-component table,
.ext-component th,
.ext-component td {
	margin: 0;
}
.ext-component ul,
.ext-component ol {
	list-style: none;
}
.ext-component ul li,
.ext-component ol li {
	list-style-type: none;
}
.ext-component li {
	list-style-image: none;
}
.ext-component .x-tab-strip-active span.x-tab-strip-text,
.ext-component .x-tab-strip span.x-tab-strip-text,
.ext-component .x-panel-header,
.ext-component .x-panel-tl .x-panel-header,
.ext-component .x-form-item,
.ext-component .x-form-field {
	font-family: Arial;
	font-size: 1em;
}

.ext-component .x-form-item {
	margin: .3em
}