/* Index page */
div.index {
	top: 10px;
	height: 612px;
	background: #000000 url(/images/index/bg.jpg) no-repeat 322px 58px;
}
div.index div.leftTabs {
	height: 29px;
	width: 312px;
	margin-left: 10px;
	color: #ffffff;
}
div.index div.leftTabs div.tab {
	float: left;
	width: 104px;
	height: 23px;
	font-style: italic;
	font-size: 9px;
	text-align: center;
	padding-top: 6px;
	cursor: pointer;
}
div.index div.leftTabs div.hover {
	color: #ffffff;
	background: #00ff00;
}
div.index div.leftTabs div.red {
	background: #720b04 url(/images/index/tab-red.gif) no-repeat;
}
div.index div.leftTabs div.redText {
	color: #b88581;
}
div.index div.leftTabs div.black {
	background: #000000 url(/images/index/tab-black.gif) no-repeat;
}
div.index div.leftMain {
	width: 302px;
	border: 1px solid #ffffff;
	border-top: none;
	height: 582px;
	margin-left: 10px;
	overflow: auto;
	background: #242022 url(/images/index/left-bg.gif) repeat-x fixed bottom left;
	padding: 4px;
}
div.index div.leftMain div.title {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
}
div.index div.leftMain div.links {
	padding: 4px 4px 5px 0;
	text-align: right;
}

div.index div.magnify {
	position: absolute;
	left: 670px;
	top: -7px;
	background: #000000 url(/images/index/magnify.jpg) no-repeat;
	width: 328px;
	height: 440px;
}
div.index div.magnify div.search {
	position: absolute;
	left: 42px;
	top: 106px;
}
div.index div.magnify div.search textarea {
	border-top: 1px solid #939393;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #8c8b8b;
	border-left: 1px solid #545252;
	width: 220px;
	height: 55px;
	background: #ffffff url(/images/index/textbox-bg.gif) repeat-y;
	font-size:13px;
	line-height:18px;
	padding:4px;
}
div.index div.rightHead {
	position: absolute;
	top: 0px;
	left: 336px;
	background: #5a6d8c url(/images/index/top-ten-bg.gif) repeat-x;
	height: 26px;
	width: 500px;
}
div.index div.rightMain {
	position: absolute;
	top: 0px;
	left: 336px;
	width: 661px;
	height: 372px;
	background: #000000 url(/images/index/bg-cards.jpg) no-repeat 0px 60px;
	border-left: 1px solid #ffffff;
}
div.index div.rightMain div.questions {
	position: absolute;
	top: 35px;
	left: 10px;
	padding-left: 20px;
	width: 290px;
}
div.index div.rightMain div.questions a {
	color: #ffffff;
}
div.index div.rightMain div.questions ol, div.rightMain div.questions li {
	list-style: decimal outside;
	padding-bottom: 6px;
}

div.index div.magnifyHandle {
	position: absolute;
	top: 387px;
	left: 946px;
}
div.index div.popularTitle {
	position: absolute;
	top: 320px;
	left: 550px;
	width: 212px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
div.index div.popularTitle div.subtitle {
	font-size: 10px;
}
div.index div.popularTabs {
	position: absolute;
	top: 359px;
	left: 336px;
	width: 640px;
	height: 28px;
	cursor: pointer;
}
div.index div.popularMain div.list {
	position: absolute;
	top: 387px;
	left: 336px;
	width: 127px;
	height: 231px;
	border: 1px solid #ffffff;
	border-width: 1px 0px 1px 1px;
	color: #000000;
}
div.index div.popularMain div.list a {
	color: #000000;
}
div.index div.popularMain div.list div.head {
	text-align: center;
	padding-top: 3px;
	height: 21px;
	border-bottom: 1px solid #ffffff;
	margin-bottom: 2px;
	font-weight: bold;
}
div.index div.popularMain div.list div.entry {
	padding: 2px 0px 0px 10px;
	height: 18px;
	clear: both;
}
div.index div.popularMain div.list div.entry div.number {
	float: left;
	width: 18px;
}
div.index div.popularMain div.two {
	left: 464px;
}
div.index div.popularMain div.three {
	left: 592px;
}
div.index div.popularMain div.four {
	left: 720px;
}
div.index div.popularMain div.five {
	left: 848px;
	border-width: 1px;
}
div.index div.popularMain div.mostPopular div.list {
	background: #c0a772;
}
div.index div.popularMain div.mostPopular div.dark {
	background: #9a865b;
}
div.index div.popularMain div.mostPopular div.five {
	background-image: url(/images/index/most-popular-bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
div.index div.popularMain div.entertainment div.list {
	background: #a3b6b6;
}
div.index div.popularMain div.entertainment div.dark {
	background: #829292;
}
div.index div.popularMain div.entertainment div.five {
	background-image: url(/images/index/entertainment-bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
div.index div.popularMain div.media div.list {
	background: #e5be4e;
}
div.index div.popularMain div.media div.dark {
	background: #b7983e;
}
div.index div.popularMain div.media div.five {
	background-image: url(/images/index/media-bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
div.index div.popularMain div.purchasableResources div.list {
	background: #ac8647;
}
div.index div.popularMain div.purchasableResources div.dark {
	background: #8a6b39;
}
div.index div.popularMain div.purchasableResources div.five {
	background-image: url(/images/index/purchasable-resources-bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
div.index div.popularMain div.informationalResources div.list {
	background: #9cb695;
}
div.index div.popularMain div.informationalResources div.dark {
	background: #7d9277;
}
div.index div.popularMain div.informationalResources div.five {
	background-image: url(/images/index/informational-resources-bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

/* TODO: Possibly move these open/close out to shared */
div.leftMain a {
	color: #fdc96d;
}
div.leftMain a:hover {
	color: #ffe0aa;
}
div.leftMain div.openButton {
	padding-bottom: 4px;
}
div.leftMain div.openButton a {
	padding-left: 16px;
	background-image: url(/images/index/open-box.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
div.leftMain div.closeButton a {
	background-image: url(/images/index/close-box.gif) !important;
}
div.leftMain div.openEntry {
	padding: 4px 0px 0px;
}
/* END: Index page */