/*
---

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 #999; 
		border-width: 1px 1px 0; 
		color: #666;
		cursor: pointer;
		float: left;
		font-size: 1em;
    	line-height: 20px;
		margin: 0 2px 0 0;
		padding: 0 5px 3px;
	}
		.tabbedblocksSpin .heading span {
			margin: 0;
		}
	.tabbedblocksSpin .heading:hover {
		text-decoration: none;
	}
	.tabbedblocksSpin .selected .heading {
		cursor: default;
		background:#FFF;
		position: relative;
	}
		.tabbedblocksSpin .selected .heading span {
			color: #C60508;
		}
	.tabbedblocksSpin .selected .content {
		border-top: 1px solid #999;
		clear: right;
		float: right;
		left: auto;
		margin-top: 23px;
		margin-left: -964px;
		position: static;
	}
		.tabbedblocksSpin .content > div > div > div:first-of-type,
		.tabbedblocksSpin .content > div > div > div:first-of-type + .twocolumn.right {
			border-top: 0;
			padding-top: 0;
		}
	.tabbedblocksSpin .content {
		background-color: #fff;
		left: -9999px;
		position: absolute;
		width: 975px;
	}
	#top .tabbedblocksSpin .content,
	#main .tabbedblocksSpin .content,
	#foot .tabbedblocksSpin .content,
	#mainright .tabbedblocksSpin .content {
		padding-top: 14px;
	}

/* 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;
}