/*	---------------------------------------------------------------
		@filename		tabs.css
		@author			david.milton@akqa.com
		@description	Page layout + global style definitions for the content page individual components
		
		Contents
		0. General layout rules
		1. Navigation
			1a. Sub-nav Menu
			1b. Get-help Menu
		2. Main Content Page Components
			2a. Tab Block Container
			2b. Drawer Container
			2c. Expandable Content Container
			2d. 2-col Section Landing Intro container
			2e. Instruction Manual
			2f. Product features section
			2g. Compare Products and Services section
		3. 
		4. Minor Page Components
		4a. FAQ Link
		4b. Page Intro
		4c. Page Header with Image
		4d. Right Sidebar Promo Bucket
		4e. Might Find Helpful container
		4f. Related Publications container
		4g. Info Bucket container
		4h. Get Help Callout container
		4i. Shooting Blanks container

	--------------------------------------------------------------- */
/*	
	=========== 0. General layout rules ===========
*/


/*
	=========== 2. Major Page Components ===========
*/
/*	
	=========== 2a. Content Tab Container ===========
	
*/
.layout-2col-tmpl .cap-bottom-med {
	background-position: 0 -24px;
}
.layout-2col-tmpl #tabs a {
	padding-left: 18px;
	padding-right: 24px;
}
.layout-3col #tabbed-content{
	width: 476px;
}
#tabbed-content #space{
	clear:both;
	display:none;
}
h2.tab-group-title {
	font-size: 1.6em;
	font-weight: bold;
	padding: 0 0 10px 10px;
}
#tabs,
.tabs{
	height:36px;
	position:relative;
	z-index:100;
	background:transparent url(/about/global/images/global/sprites/gry_hdr_tall_sprite.png) repeat-x 0px -36px;
}

.tab-panel {
	min-height: 400px;
}

.dj_ie6 .tab-panel {
	height: 300px;
}

#tabs span.cap,
.tabs span.cap{
	position:absolute;
	top:0px;
	background:transparent url(/about/global/images/global/sprites/gry_hdr_tall_sprite.png) no-repeat 0px 0px;
	height:36px;
}

#tabs span.cap-right,
.tabs span.cap-right{
	background-position:-4px 0px;
	width:4px;
	right:0px;
}

#tabs span.cap-left,
.tabs span.cap-left{
	background-position:0px 0px;
	width:4px;
	left:0px;
}

.bottom{
	height:37px;
	position:relative;
	background:transparent url(/about/global/images/global/sprites/gry_hdr_alt3.png) no-repeat;
	padding: 10px 0 0 10px;
}
	
.bottom span.cap{
	position:absolute;
	top:0px;
	background:transparent url(/about/global/images/global/sprites/gry_hdr_tall_sprite.png) no-repeat 0px -72px;
	height:36px;
}
.bottom span.cap-right{
	display:none;
	background-position:-4px -72px;
	width:4px;
	right:0px;
}
.bottom span.cap-left{
	display:none;
	background-position:0px -72px;
	width:4px;
	left:0px;
	}

#tab-content .tab-panel {
	padding: 20px;
}

#tab-content .pane-left {
	float: left;
	width:47%;
}

#tab-content .pane-right {
	float: right;
	width:47%;
}
		
#tabs div {
	float:left;
}

#tabs .button-div {
	padding:10px 0 0 10px;
}
	
#tabs h2 {
	color:#363636;
	font-size:1.2em;
	height:34px;
	line-height:34px;
	margin:0 7px 0 13px;
	display:inline;
	font-weight:normal;
}

#tabs span.button-link {
	margin-top:8px;
	display:inline;
	position:relative;
	font-size:.9em;
	background-position:0px -130px;
}

.tab-panel {
	padding: 10px;
}

.tab-panel.hidden {
	display: none;
}

#tabs .dijitInline {
	float:none;
	margin:0;
}
/*	
	=========== 2a1. Tabbed Content design-list ===========
	
*/
.tab-panel .design-list h3 {
	color: #202020;
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px 0 5px 0;
}

.tab-panel .design-list p {
	color: #202020;
	margin-bottom: 10px;
	padding-left: 0;
	width: 450px;
}	
.tab-panel .design-list ul {
}
.tab-panel .design-list li {
	border-bottom: 1px solid #d9d9d9;
	padding: 20px 0;
}
.tab-panel .design-list li img {
}
.tab-panel .design-list li.last {
	border-bottom: none;
	padding-bottom: 0;
}
.tab-panel .design-list li img {
	float: left;
	height: 118px;
	margin-right: 10px;
	width: 144px;
}
.tab-panel .design-list li .description {
		float: left;
	width: 298px;
}
.tab-panel .design-list li .description p {
	font-size: 1.1em;
	margin: 5px 0;
	width: 290px;
}
.tab-panel .design-list li .description p.get-started {
	margin: 0;
}

.tab-panel .design-list li img.logo, 
.tab-panel .design-list li h3 {
	float: none;
	height: 25px;
	width: auto;
} 
.tab-panel .design-list p.get-started a {
	color: #2f6fa9;

	font-weight: bold;
}
#my_nest_row_1 ul, #content ul {
    margin-left: 13px; 
	list-style: disc outside none;
}
.dj_ie7 #my_nest_row_1 ul, .dj_ie7 #content ul {
    margin-left: 17px; 
}	
#my_nest_row_1 ol, #content ol {
    list-style: decimal outside none;
    margin-left: 17px;
}
.dj_ie7 #my_nest_row_1 ol { 
    margin-left: 24px;
}
#disc_dec ul{
	list-style: disc outside none;
	padding-bottom:5px;
	margin-left:13px;
}
.dj_ie7 #disc_dec ul{
	margin-left:17px;
} 
#disc_dec ol {
    list-style: decimal outside none; 
    margin-left: 17px;
	padding-bottom:5px;
}
.dj_ie7 #disc_dec ol {
    margin-left: 22px;
	list-style: decimal outside none;
}
.dj_ie7 #content ul {
    margin-left: 17px; 
}	

.dj_ie7 #content ol { 
    margin-left: 22px;
}

#related-links ul {
    list-style: none;
	margin-left: 0 !important;
}