/*
---

name: SPIN 2 Tabs

description: Provides tabs layout for SPIN2

provides: [CSS.SPIN2Tabs]

...
*/


.tabbedblocksSpin:AFTER {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.tabbedblocksSpin {
	min-height: 1px;
	padding: 0;
	width: 100%;
}
	.tabbedblocksSpin .heading {
		border: solid #fff;
		border-width: 1px 1px 0;
		background-color: #006BAB;
		color: #fff;
		cursor: pointer;
		float: left;
		font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
		line-height: 18px;
		height: 18px;
		margin: 0 3px 0 0;
		padding: 5px 8px;
	}
	.tabbedblocksSpin .heading:hover {
		text-decoration: none;
	}
	.tabbedblocksSpin .selected .heading {
		background-color: #fff;
		background-image: none;
		border: solid #829197;
		border-width: 1px 1px 0;
		color: #000;
		cursor: default;
		padding-bottom: 6px;
		position: relative;
	}
	.tabbedblocksSpin .selected .content {
		border-top: 1px solid #829197;
		clear: right;
		float: right;
		left: auto;
		margin-top: 29px;
		margin-left: -964px;
		padding: 0 0 0px;
		position: static;
	}
		.tabbedblocksSpin .content > div {
			padding-top: 8px;
		}
	.tabbedblocksSpin .content {
		background-color: #fff;
		left: -9999px;
		position: absolute;
		width: 975px;
	}
	.tabbedblocksSpin div.block:first-child {
		padding-left: 9px;
	}
	#top .tabbedblocksSpin .content,
	#main .tabbedblocksSpin .content,
	#foot .tabbedblocksSpin .content,
	#mainright .tabbedblocksSpin .content {
		padding-top: 12px;
	}

#mainright .tabbedblocksSpin {
	border-bottom: 7px solid #fff;
}

/* TOP/FOOT [One column] */
#top .oneColumn .tabbedblocksSpin .content, #foot .oneColumn .tabbedblocksSpin .content {
	margin-left: -964px;
	width: 964px;
}

/* TOP/FOOT [Two columns] */
#top .twoColumns .column .tabbedblocksSpin .content, #foot .twoColumns .column .tabbedblocksSpin .content {
	margin-left: -472px;
	width: 472px;
}

/* TOP/FOOT [Two columns small right] */
#top .twoColumnsSmallRight .columnOne .tabbedblocksSpin .content, #foot .twoColumnsSmallRight .columnOne .tabbedblocksSpin .content {
	margin-left: -636px;
	width: 636px;
}
#top .twoColumnsSmallRight .columnTwo .tabbedblocksSpin .content, #foot .twoColumnsSmallRight .columnTwo .tabbedblocksSpin .content {
	margin-left: -308px;
	width: 308px;
}

/* TOP/FOOT [Two columns small left] */
#top .twoColumnsSmallLeft .columnOne .tabbedblocksSpin .content, #foot .twoColumnsSmallLeft .columnOne .tabbedblocksSpin .content {
	margin-left: -308px;
	width: 308px;
}
#top .twoColumnsSmallLeft .columnTwo .tabbedblocksSpin .content, #foot .twoColumnsSmallLeft .columnTwo .tabbedblocksSpin .content {
	margin-left: -636px;
	width: 636px;
}

/* TOP/FOOT [Three columns] */
#top .threeColumns .column .tabbedblocksSpin .content, #foot .threeColumns .column .tabbedblocksSpin .content {
	margin-left: -308px;
	width: 308px;
}

/* TOP/FOOT [Three columns wide left] */
#top .threeColumnsWideLeft .columnOne .tabbedblocksSpin .content, #foot .threeColumnsWideLeft .columnOne .tabbedblocksSpin .content {
	margin-left: -390px;
	width: 390px;
}
#top .threeColumnsWideLeft .columnTwo .tabbedblocksSpin .content, #foot .threeColumnsWideLeft .columnTwo .tabbedblocksSpin .content {
	margin-left: -226px;
	width: 226px;
}
#top .threeColumnsWideLeft .columnThree .tabbedblocksSpin .content, #foot .threeColumnsWideLeft .columnThree .tabbedblocksSpin .content {
	margin-left: -308px;
	width: 308px;
}

/* TOP/FOOT [Three columns wide right] */
#top .threeColumnsWideRight .columnOne .tabbedblocksSpin .content, #foot .threeColumnsWideRight .columnOne .tabbedblocksSpin .content {
	margin-left: -308px;
	width: 308px;
}
#top .threeColumnsWideRight .columnTwo .tabbedblocksSpin .content, #foot .threeColumnsWideRight .columnTwo .tabbedblocksSpin .content {
	margin-left: -226px;
	width: 226px;
}
#top .threeColumnsWideRight .columnThree .tabbedblocksSpin .content, #foot .threeColumnsWideRight .columnThree .tabbedblocksSpin .content {
	margin-left: -390px;
	width: 390px;
}

/* MAIN [One column]*/
#main .oneColumn .tabbedblocksSpin .content {
	margin-left: -636px;
	width: 636px;
}

/* MAIN [Two columns] */
#main .twoColumns .tabbedblocksSpin .content {
	margin-left: -308px;
	width: 308px;
}

/* MAIN [Two columns small left]*/
#main .twoColumnsSmallLeft .columnOne .tabbedblocksSpin .content {
	margin-left: -226px;
	width: 226px;
}
#main .twoColumnsSmallLeft .columnTwo .tabbedblocksSpin .content {
	margin-left: -390px;
	width: 390px;
}

/* MAIN [Two columns small right]*/
#main .twoColumnsSmallRight .columnOne .tabbedblocksSpin .content {
	margin-left: -390px;
	width: 390px;
}
#main .twoColumnsSmallRight .columnTwo .tabbedblocksSpin .content {
	margin-left: -226px;
	width: 226px;
}

/* MAIN [Three columns]*/
#main .threeColumns .column .tabbedblocksSpin .content {
	margin-left: -198px;
	width: 198px;
}

/* MAINRIGHT [One column]*/
#mainright .oneColumn .tabbedblocksSpin .content {
	margin-left: -308px;
	width: 308px;
}

/* MAINRIGHT [Two column]*/
#mainright .twoColumns .column .tabbedblocksSpin .content {
	margin-left: -144px;
	width: 144px;
}