/*
---

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-style: solid;
    border-color: #D8DDE3 ;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-width: 1px 1px 0px;
    background-color: #D8DDE3;
    background-image:none ;
    color: #333;
    cursor: pointer;
    float: left;
    font-family: Helvetica,sans-serif ;
    font-size: 1em;
    font-weight: bold;
    line-height: 18px;
    height: 18px;
    margin: 0px 2px 0px 0px;
    padding: 8px 8px ;
	}
	.tabbedblocksSpin .heading:hover {
		text-decoration: none;
	}
.tabbedblocksSpin .selected .heading {	
	background-color: #FFF;
    background-image: none;
    border-style: solid;
    border-color: #D8DDE3 ;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-width: 1px 1px 0px;
    color: #D10019;
    cursor: default;
    padding-bottom: 9px ;
    position: relative;
	}
	.tabbedblocksSpin .selected .content {
	border-top: 1px solid #D8DDE3 ;
    clear: right;
    float: right;
    left: auto;
    margin-top: 35px ;
    margin-left: -975px;
    padding: 0px 0px 10px;
    position: static;
	
	}
		.tabbedblocksSpin .content > div {
			padding-top: 8px;
		}
	.tabbedblocksSpin .content {
		background-color: #fff;
		left: -9999px;
		position: absolute;
		width: 975px;
	}
	.tabbedblocksSpin .content .style > div[class^=colour] > div:first-child {
		border-top: 0;
		padding-top: 0;
	}
	.tabbedblocksSpin .content .style > div[class^=colour] div[class*=twocolumn] {
		border-top: 1px solid #ccc;
		padding-top: 19px;
	}

.oneColumn .tabbedblocksSpin {
	margin-bottom: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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