/*** GENERIC ***/
body {
	font-family: Arial,Helvetica;
	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: 1.4;
}

p em {
	font-style: italic;
}

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

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

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



/*** 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: 197px;
		height: 36px;
		background-image: url('http://www.djindexes.com/global-img/dji-cme-logo-2010.png');
		margin: 0;
	}
	#hd #header #ad-zone {
		position: relative;
		float: left;
		top: 15px;
		left: 87px;
		width: 468px;
		height: 60px;
		margin: 0;
	}

/* top-nav */	
#hd #top-nav {
	background-color: #d2e0e0;
}

#hd #top-nav #my-account {
	float: right;
	width: 240px;
	height: 54px;
	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
	overflow: hidden;
}
	#hd #my-account .hd {
		margin: 0 1em 0 2em;
		padding: .6em 0 0 0;
	}
	#hd #my-account .ft {
		margin: 0 0 0 2em;
		padding: .2em 0 0 .5em;
		font-size: .8em;
	}
	#hd #my-account .username {
		font-weight: bold;
		color: #336699;
	}

#hd #top-nav #top-nav-menu {
	position: relative;
	width: 75%;
	height: 24px;
}

/* YUI SAM customizations */
.yui-skin-sam #top-nav-menu {
	border-color: #bbb;
}
	.yui-skin-sam #top-nav-menu li {
		border-color: #bbb;
	}
		.yui-skin-sam #top-nav-menu li a {
			border-color: #bbb;
			color: #222;
		}
		.yui-skin-sam #top-nav-menu li.search {
			background: transparent no-repeat url('/images/icons/silk/zoom.png') scroll 51px;
			border-right: none;
		}
			.yui-skin-sam #top-nav-menu li.search a:hover {
				background: #ffffdd no-repeat url('/images/icons/silk/zoom.png') scroll 51px;
				cursor: pointer;
				border-right: 1px solid #bbb;
				color: #000;
			}

/* breadcrumbs */
#hd #top-nav #breadcrumbs {
	position: relative;
	width: 75%;
	height: 29px;
	border-left: 1px solid #bbb;
}
	#hd #top-nav #breadcrumbs ul {
		padding: .5em;
		margin: 0;
	}
	#hd #top-nav #breadcrumbs li {
		display: inline;
		font-size: .9em;
		color: #326b97;
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		padding: 0 .2em 0 .2em;
		margin: 0;
	}
	#hd #top-nav #breadcrumbs li a {
		color: #326b97;
		text-decoration: none;
	}
	#hd #top-nav #breadcrumbs li a:visited {
		color: #326b97;
	}
	#hd #top-nav #breadcrumbs li a:hover {
		color: #328caa;
		text-decoration: none;
	}
	
/* banner */
#hd #banner {
	width: 100%;
	height: 150px;
	background: #336699 no-repeat url('../images/banner.jpg') top left;
}
	#hd #banner #subnav {
		background: #988b7b;
		position: relative;
		top: 120px;
		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: .95em;
			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;
		margin-bottom: 1em;
	}
	#bd .sidebar {
		padding: 1em 0 0 0;
	}
	
	#bd .footnote {
		margin: 1em 0 1em 0;
		padding: 1em;
		border-top: 1px dotted #bbb;
		border-bottom: 1px dotted #bbb;
		background-color: #f9f9f9;
		font-size: .9em;
		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 {
	text-align: left;
	visibility: collapse;
}

#search-results {
	margin-top: 2em;
}
#subnav #spinner {
	position: absolute;
	top: 0;
	left: 0;
	width: 26px;
	height: 23px;
	background: url('/images/icons/generic/ajax-loader.gif') no-repeat scroll 10px 7px;
	display: none;
}
#subnav #search-status {
	padding: 6px 0 0 10px;
	font-weight: bold;
	color: #fff;
}
	#subnav #search-status.error {
		color: #990000;
	}




ul.twocolumn { overflow: hidden; }
        ul.twocolumn li { width: 42%; float: left; margin: 0 0 1em 1.5em; }

ul.list, ol.list { padding: 0 0 0 4em; margin: 1em 0; }
ul.files, ol.files { padding: 0 0 0 1.5em; margin: 1em 0; }
        .list li, .files li { margin: .3em 0 0 0; list-style-type: disc; }
        .list li { list-style-type: disc; }
        .files li { list-style-type: none; }

ul.plain,
ul.arrows,ol.arrows,
ul.features,ol.features,
ul.info,ol.info,
ul.ticks,ol.ticks,
ul.list,ol.list { padding: 0 0 0 0; margin: 1.5em 0 1em 0; }
        .plain li { margin: .3em 0 0 0; padding: .2em 0 0 0; list-style: none; }
        .features li { margin: .3em 0 0 1em; background: transparent url('http://www.djindexes.com/global-img/icons/silk/bullet_go.png') no-repeat scroll left 3px; padding: .2em 0 0 1.4em; list-style: none; }
        .info li { margin: .3em 0 0 1em; background: transparent url('http://www.djindexes.com/global-img/icons/silk/information.png') no-repeat scroll left 3px; padding: .2em 0 0 1.4em; list-style: none; }
        .ticks li { margin: .3em 0 0 1em; background: transparent url('http://www.djindexes.com/global-img/icons/silk/tick.png') no-repeat scroll left 3px; padding: .2em 0 0 1.4em; list-style: none; }
        .arrows li { margin: .3em 0 0 1em; background: transparent url('http://www.djindexes.com/global-img/icons/silk/bullet_arrow_left.png') no-repeat scroll left 3px; padding: .1em 0 0 1.4em; list-style-type: none; }

/* http://devkick.com/lab/tripoli/ */
.amp { line-height: 1.2em; font-weight: normal; font-style: italic; font-family: 'baskerville italic', 'Warnock Pro', 'Goudy Old Style', 'Palatino', 'palatino linotype', 'Book Antiqua', Georgia, serif; }
/* http://www.imarc.net/communique/view/82/the_servicemark_sm_and_the_web#comment_2793 */
span.sm,span.tm { font-family: "Lucida Sans Unicode"; line-height: 0; font-weight: normal; }

/* data tables inside ext-components */
.x-data { width: 100%; background-color: #dfe8f6; border: 1px solid #99bbe8; margin: 1em 0; padding: 1em; }
        .x-data th,.x-data td { font-size: 1.2em; padding: .5em; text-align: left; vertical-align: baseline; }
        .x-data th { text-align: left; font-weight: bold; }
        .x-data td { border-bottom: 1px solid #99bbe8; vertical-align: top; }
        .x-data td.numeric { text-align: right; }
        .x-data thead, .x-data tfoot { background-color: #005596; color: #fff; }
        .x-data tbody {}
        .x-data tbody .shaded { background-color: #c8dae8; }
        .x-data tfoot { height: 1.3em; }

/* icons */
.pdf { background: transparent url('http://www.djindexes.com/global-img/icons/silk/page_white_acrobat.png') no-repeat scroll left 4px; padding: .3em 0 0 1.6em; }
.excel { background: transparent url('http://www.djindexes.com/global-img/icons/silk/page_white_excel.png') no-repeat scroll left 4px; padding: .3em 0 0 1.6em; }
.powerpoint { background: transparent url('http://www.djindexes.com/global-img/icons/silk/page_white_powerpoint.png') no-repeat scroll left 4px; padding: .3em 0 0 1.6em; }
.office { background: transparent url('http://www.djindexes.com/global-img/icons/silk/page_white_office.png') no-repeat scroll left 4px; padding: .3em 0 0 1.6em; }
.word { background: transparent url('http://www.djindexes.com/global-img/icons/silk/page_white_word.png') no-repeat scroll left 4px; padding: .3em 0 0 1.6em; }
.link { background: transparent url('http://www.djindexes.com/global-img/icons/silk/page_world.png') no-repeat scroll left 4px; padding: .3em 0 0 1.6em; }
.info { background: transparent url('http://www.djindexes.com/global-img/icons/silk/information.png') no-repeat scroll left 4px; padding: .3em 0 0 1.6em; }
.feed { background: transparent url('http://www.djindexes.com/global-img/icons/silk/feed.png') no-repeat scroll left 4px; padding: .3em 0 0 1.6em; }
.csv { background: transparent url('http://www.djindexes.com/global-img/icons/silk/database_table.png') no-repeat scroll left 4px; padding: .3em 0 0 1.6em; }
.vcard { background: transparent url('http://www.djindexes.com/global-img/icons/silk/vcard.png') no-repeat scroll left top; padding: 0 0 0 1.6em; }

.feature,a.feature { background: transparent url('http://www.djindexes.com/global-img/icons/silk/bullet_go.png') no-repeat scroll left 2px; padding: .3em 0 0 1.6em; }
a.pdf { background: transparent url('http://www.djindexes.com/global-img/icons/silk/page_white_acrobat.png') no-repeat scroll left top; padding: .3em 0 0 1.6em; }
a.excel { background: transparent url('http://www.djindexes.com/global-img/icons/silk/page_white_excel.png') no-repeat scroll left top; padding: .3em 0 0 1.6em; }
a.powerpoint { background: transparent url('http://www.djindexes.com/global-img/icons/silk/page_white_powerpoint.png') no-repeat scroll left top; padding: .3em 0 0 1.6em; }
a.office { background: transparent url('http://www.djindexes.com/global-img/icons/silk/page_white_office.png') no-repeat scroll left top; padding: .3em 0 0 1.6em; }
a.word { background: transparent url('http://www.djindexes.com/global-img/icons/silk/page_white_word.png') no-repeat scroll left top; padding: .3em 0 0 1.6em; }
a.link { background: transparent url('http://www.djindexes.com/global-img/icons/silk/page_world.png') no-repeat scroll left top; padding: .3em 0 0 1.6em; }
a.info { background: transparent url('http://www.djindexes.com/global-img/icons/silk/information.png') no-repeat scroll left top; padding: .3em 0 0 1.6em; }
a.feed { background: transparent url('http://www.djindexes.com/global-img/icons/silk/feed.png') no-repeat scroll left top; padding: .3em 0 0 1.6em; }
a.csv { background: transparent url('http://www.djindexes.com/global-img/icons/silk/database_table.png') no-repeat scroll left top; padding: .3em 0 0 1.6em; }
a.vcard { background: transparent url('http://www.djindexes.com/global-img/icons/silk/vcard.png') no-repeat scroll left top; padding: 0 0 0 1.6em; }