﻿/* Tag redefinitions - start */
html, body {
	height: 100%;
	padding: 0;
	border: 0;
	line-height: 17px;
}

body {
	font-family: Tahoma, Helvetica;
	font-size: 11px;
	padding: 0;
}

h1 {
	font-family: Tahoma, Helvetica;
	margin-bottom: 0;
	font-size: 22px;
	margin: 9px 0;
	font-weight: bold;
}

h2 {
	font-size: 17px;
	font-weight: bold;
}

h3 {
	font-family: Tahoma, Helvetica;
	font-size: 13px;
	margin: 0;
	font-weight: bold;
}

h6 {
	font-weight: bold;
}

.chromeHeader {
	font-family: Tahoma, Helvetica;
	font-size: 1.2em !important;
}

ol, ul {
	padding-left: 20px;
}

#prodDesc li li {
	list-style-type: circle;
	margin-left: 5px;
}

#prodDesc ul ul {
	margin: 2px 0 6px 0;
}

.indentedPara {
	margin-left: 32px;
}

a {
	text-decoration: none;
	color: #00326E;
}

.docPanelBody a {
	font-size: 11px;
}

.docPanelBody {
	font-size: 11px;
}

.flyOutMenu a {
	font-size: 11px;
}

a:hover {
	text-decoration: underline;
	color: #00326E;
}

/* Tag redefinitions - end */

#tileSummaries {
	font-size: 12px;
}


#header {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	/*position: relative;*/
	height: 80px;
	margin: 0 0 10px 0;
	top: -320px;
	left: 12px;
}

#search {
	border: solid 1px #c5c5c5;
	float: right;
	padding: 2px;
	width: 180px;
	display: none;
}

#crumbtrail {
	margin-bottom: 26px;
}

.floatRight {
	float: right;
}

#rightSide {
	background: url('../img/rightImg.gif') no-repeat;
	width: 250px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

/* indexTable rules - start */

#indexTable td {
	border: solid #e5e5e5 1px;
	text-align: center;
	padding: 0;
}

#indexTable.withholdingtaxTable td {
	padding: 3px 5px;
}


td.indexNameCol {
	width: 330px;
	text-align: left !important;
	font-weight: bold;
}

th.indexNameCol {
	width: 330px;
	text-align: left !important;
	font-weight: bold;
}

td.lastCol {
	width: 66px;
}

td.returnCol {
	width: 56px;
}

.indexTableHeaderReturn {
	background-color: #3B6E8F;
	color: #fff;
	border: solid 1px #3B6E8F !important;
	border-left: solid 1px #fff !important;
}

.indexTableHeaderLast {
	background-color: #3B6E8F;
	color: #fff;
	border: solid 1px #3B6E8F !important;
	border-right: solid 1px #fff !important;
}


/*datatable plugin - styles*/

.dataTables_wrapper {
	position: relative;
	clear: both;
}

.indexTableWidth {
	width: 940px;
}

.sorting_asc {
	background: url(../img/asc.gif) no-repeat center left;
	/*padding-left: 5px;*/
	cursor: pointer;
}

.sorting_desc {
	background: url(../img/desc.gif) no-repeat center left;
	/*padding-left: 5px;*/
	cursor: pointer;
}

.sorting {
	background: url(../img/bg.gif) no-repeat center left;
	cursor: pointer;
}

/*datatable plugin - style end*/



#secondaryHeader td {
	height: 22px;
	font-weight: bold;
	border-bottom: solid 1px #CACACA;
}

.cellPadding {
	padding: 0 5px;
}

.nameHeaderCellPadding {
	padding-left: 20px;
}


.currencyTab {
	width: 60px;
	float: left;
	text-align: center;
	font-weight: bold;
	background: url('../img/tabLeftNotSelected.gif') no-repeat;
	cursor: default;
}

.currencyTabSelected {
	background: url('../img/tabLeftSelected.gif') no-repeat;
	color: #fff;
	cursor: default;
}
.locationTab {
	width: 150px;
	float: left;
	text-align: center;
	font-weight: bold;
	background: url('../img/tabLocationNotSelected.gif') no-repeat;
}


.locationTabSelected {
	background: url('../img/tabLocationSelected.gif') no-repeat;
	color: #fff;
}

.returnTab {
	width: 100px;
	float: right;
	text-align: center;
	font-weight: bold;
	background: url('../img/tabRightNotSelected.gif') no-repeat;
}

.returnTabSelected {
	background: url('../img/tabRightSelected.gif') no-repeat;
	color: #ffffff;
}

#tabUnderline {
	height: 3px;
	background-color: #3B6E8F;
	float: left;
	border-bottom: solid 1px #fff;
	width: 100%;
}

#tabLocationUnderline {
	height: 3px;
	background-color: #3B6E8F;
	float: left;
	border-bottom: solid 1px #fff;
	width: 298px;
}

.tabLocationUnderline {
	height: 3px;
	background-color: #3B6E8F;
	float: left;
	border-bottom: solid 1px #fff;
	width: 298px;
}

#tabEndStop {
	float: right;
	width: 10px;
}

#indexTableDiv {
	/*overflow: visible;*/
	/*overflow: auto;*/
	position: relative;
	width: 980px;
	font-size: 11px;
}

#selectionPanels {
	overflow: auto;
}

.indexTableDivError {
	min-height: 45px;
}

.verticalSpace25px {
	height: 25px;
}

#ie7SpacerIndexAnalyticsMenu, #ie7SpacerIndicesMenu {
	height: 0;
	display: none;
}

#indexTableContainer {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#indexTableContainerError {
	width: 800px;
	min-height: 45px;
	padding-top: 50px;
}

#indexTableContainer2 {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#indexTableContainer2Error {
	width: 800px;
	min-height: 45px;
	padding-top: 50px;
}

.indexTableError {
	font-size: 16px;
	font-weight: bold;
	padding-top: 25px;
}

#tabContainer {
	float: left;
	width: 100%;
}

	#tabContainer .tabHover {
		cursor: pointer;
	}

	#tabContainer .tabPointerDefault {
		cursor: default;
	}

#demoMessage {
	display: none;
	position: absolute;
	left: -60px;
	background-color: #c5c5c5;
	width: 250px;
	height: 130px;
	z-index: 99;
	padding: 20px;
	border: solid 1px #232323;
}

#indexTable {
	margin-left: 1px;
}

.boldLink {
	float: left;
	font-weight: bold;
	color: #00326E;
	/*font-family: FrankRegular;*/ /*Uncomment when issue resolved*/
	font-size: 16px;
	margin: 25px 0;
}

	.boldLink a {
		text-decoration: underline;
	}

	.boldLink img {
		margin-right: 5px;
		vertical-align: middle;
	}

#indexTable #dateStamp {
	float: right;
}

#indexTable #footerRow td {
	height: 40px;
	vertical-align: middle;
}

/* indexTable rules - end */


/* doc panels - start */

.table_container {
	display: table;
	width: 100%;
}

.docPanelcell {
	display: table-cell;
	border: 1px solid #c5c5c5;
	background: #fff;
	vertical-align: top;
	position: relative;
}

.docPanelGutter {
	display: table-cell;
	width: 16px;
}



.docPanelHead {
	background-color: #efefef;
	border-bottom: solid 4px #3B6E8F;
	width: 100%;
	position: relative;
	height: 50px;
	font-size: 17px;
	font-weight: bold;
}

.docPanelHeading {
	position: absolute;
	top: 8px;
	left: 10px;
	height: 50px;
}

.docPanel1, .docPanel1 .docPanelHead {
	width: 648px;
}

.docPanel2, docPanel2 .docPanelHead, .docPanel3, .docPanel4, .docPanel5, docPanel3 .docPanelHead, docPanel4 .docPanelHead, docPanel5 .docPanelHead {
	width: 316px;
}

.docPanelBody a {
	font-size: 11px;
}

.docPanelBody {
	padding: 5px 10px 10px 10px;
	font-size: 11px;
	overflow: visible;
}

	.docPanelBody #indexChangeNoticeTable div.docIcon {
		width: 16px;
		height: 16px;
		background: url('../img/seeAllArrowIcon.gif') no-repeat scroll 2px 3px;
		float: left;
	}

	.docPanelBody ul, .docPanelBody li {
		margin-left: -10px;
	}

	.docPanelBody li {
		list-style-type: none;
		background: url('../img/seeAllArrowIcon.gif') 2px 5px no-repeat;
		padding-left: 16px;
		line-height: 20px;
	}

		.docPanelBody li.seeAll {
			background: none;
			margin: 10px 0 0 -16px;
			border-bottom: none;
		}
/* doc panels - end */

#indexChangeNoticeTable {
	margin-bottom: 12px;
}

#indexChangeNoticeTableHeader {
	font-weight: bold;
	height: 44px;
}

#indexChangeNoticeTable .indexChangeNoticeCol1 {
	width: 402px;
	text-align: left;
}

#indexChangeNoticeTable .indexChangeNoticeCol2 {
	width: 116px;
	padding-left:20px;
}

#indexChangeNoticeTable .indexChangeNoticeCol3 {
	padding-left:10px;
}

#indexChangeNoticeTable .indexChangeNoticeCol3 {
	width: 60px;
	text-align: left;
	text-indent: 18px;
}

#indexChangeNoticeTable #indexNoticeHeaderCol1 {
	text-indent: 20px;
}

#indexChangeNoticeTitle {
	max-width: 376px;
	background: url('../img/seeAllArrowIcon.gif') no-repeat scroll 2px 3px;
	padding-left: 15px;
}

.indexChangeNotice div {
	float: left;
}

.indexChangeNoticeText {
	text-align: center !important;
}

.noTopMargin {
	margin-top: 0 !important;
}

.line_horz_fullWidth_1_blue {
	background-color: #01326c;
	height: 1px;
	margin-bottom: 5px;
}

.line_horz_fullWidth_3_blue {
	background-color: #01326c;
	height: 3px;
	margin-bottom: 5px;
}

.line_horz_980_1_grey {
	background-color: #c0c0c0;
	height: 1px;
	margin-bottom: 5px;
}

.floatLeft {
	float: left;
}

.clearBoth {
	clear: both;
}

/*.docPanelBody .seeAll {
	margin: 10px 0 0 15px;
}*/

.seeAll img {
	margin-bottom: 3px;
}

#selections {
	border: solid 1px #ccc;
	height: 28px;
	font-size: 1.1em;
	padding: 3px 3px 3px 6px;
	margin: 0 0 0 0;
	/*overflow: visible;*/	
}

	#selections div {
		float: left;
	}

	#selections img {
		margin-top: 3px;
	}

#tileSummaries div {
	width: 221px;
	float: left;
	margin: 10px 0 8px 0;
	padding: 3px;
}

#tileSummaries span { /* panel separater */
	width: 24px;
	float: left;
}

.horzSpace {
	height: 7px;
}

.headerSpan {
	font-weight: normal;
}

.redText {
	color: #f00;
}

/* tiles - start */


.tile0 {
	display: block;
	float: left;
	height: 61px;
	cursor: pointer;
	background-color: #6684a8;
	-moz-box-shadow: inset 0px 0px 1px #FFFFCC;
	-webkit-box-shadow: inset 0px 0px 1px #FFFFCC;
	box-shadow: inset 0px 0px 1px #FFFFCC;
	text-decoration: none;
	color: #ffffff;
	overflow: hidden;
	position: relative;
	margin: 0 5px 5px 0;
}

.tile1 {
	display: block;
	float: left;
	height: 61px;
	cursor: pointer;
	background-color: #a4a19a;
	-moz-box-shadow: inset 0px 0px 1px #FFFFCC;
	-webkit-box-shadow: inset 0px 0px 1px #FFFFCC;
	box-shadow: inset 0px 0px 1px #FFFFCC;
	text-decoration: none;
	color: #ffffff;
	overflow: hidden;
	position: relative;
	margin: 0 5px 5px 0;
}

.tile2 {
	display: block;
	float: left;
	height: 61px;
	cursor: pointer;
	background-color: #be9d72;
	-moz-box-shadow: inset 0px 0px 1px #FFFFCC;
	-webkit-box-shadow: inset 0px 0px 1px #FFFFCC;
	box-shadow: inset 0px 0px 1px #FFFFCC;
	text-decoration: none;
	color: #ffffff;
	overflow: hidden;
	position: relative;
	margin: 0 5px 5px 0;
}


.tile3 {
	display: block;
	float: left;
	height: 61px;
	cursor: pointer;
	background-color: #e6cb86;
	-moz-box-shadow: inset 0px 0px 1px #FFFFCC;
	-webkit-box-shadow: inset 0px 0px 1px #FFFFCC;
	box-shadow: inset 0px 0px 1px #FFFFCC;
	text-decoration: none;
	color: #ffffff;
	overflow: hidden;
	position: relative;
	margin: 0 5px 5px 0;
}


.tile-content {
	width: 100%;
	vertical-align: top;
	padding: 5px 10px 0px 5px;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-family: FrankRegular, Tahoma, Helvetica;
	font-size: 12px;
	color: #000000;
	color: #fff;
}

.tile-selected0 {
	background-color: #00326F !important;
}

.tile-selected1 {
	background-color: #666257 !important;
}

.tile-selected2 {
	background-color: #965b17 !important;
}

.tile-selected3 {
	background-color: #d4a936 !important;
}

.tile0:hover {
	background-color: #00326F !important;
}

.tile1:hover {
	background-color: #666257 !important;
}

.tile2:hover {
	background-color: #965b17 !important;
}

.tile3:hover {
	background-color: #d4a936 !important;
}

.container {
	height: 100%;
}

.container_geis {
	height: 100%;
}

/* tiles - end */


/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
	font-size: 100%;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
	-ms-text-size-adjust: 100%;
	/* 2 */
}
/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
html,
button,
input,
select,
textarea {
	font-family: sans-serif;
}

img {
	border: 0;
}

/* Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

button,
input {
	line-height: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
	/* 1 */
	margin: 0;
	/* 2 */
	vertical-align: baseline;
	/* 3 */
	*vertical-align: middle;
	/* 3 */
}


/*
 * Addresses margins set differently in IE6/7
 */
p,
pre {
	margin: 12px 0;
}

/*
 * Remove most spacing between table cells
 */
table.collapse {
	border-collapse: collapse;
	border-spacing: 0;
}


/* tile styles - END */

.imagesize {
	width: 18px;
	height: 18px;
}

.checkpos1 {
	position: absolute;
	bottom: 1px;
	right: 4px;
}

.vertical-thin {
	height: 28px;
}

.vertical-thick {
	height: 61px;
}

.vertical-thick-half {
	height: 94px;
}

.width-single {
	width: 72px;
}

.width-double {
	width: 149px;
}

.width-triple {
	width: 226px;
}

.width-quad {
	width: 340px;
}

.height-double {
	height: 127px;
}

.vmiddle {
	float: left;
}

	.vmiddle img#partnerLogo {
		max-height: 60px;
		margin-right: 30px;
	}

	.vmiddle h1 {
		margin: 20px 20px 0 -3px;
	}

.block {
	margin-top: 15px;
}

.headingUnderline {
	border-top: 1px solid #c5c5c5;
	margin: 5px 0;
}

.headingNonUnderline {
	height: 11px;
}

.container_geis #prodDesc {
	border-top: 1px solid #c5c5c5;
	padding-top: 10px;
	margin-top: 5px;
}

#prodDesc {
	margin-bottom: 15px;
}

.TwoColumnLayout div {
	float: left;
	width: 50%;
}

.TwoColumnLayout .Column1 {
	padding: 0 10px 0 0;
}

.TwoColumnLayout .Column2 {
	padding: 0 0 10px;
}

.ThreeColumnLayout div {
	float: left;
	width: 33%;
}

.ThreeColumnLayout .Column1 {
	padding: 0 10px 0 0;
}

.ThreeColumnLayout .Column2 {
	padding: 0 0 0 10px;
}

.ThreeColumnLayout .Column3 {
	padding: 0 0 0 10px;
}

.FourColumnLayout div {
	float: left;
	width: 25%;
}

.FourColumnLayout .Column1 {
	padding: 0 10px 0 0;
}

.FourColumnLayout .Column2 {
	padding: 0 0 0 10px;
}

.FourColumnLayout .Column3 {
	padding: 0 0 0 10px;
}

.FourColumnLayout .Column4 {
	padding: 0 0 0 10px;
}

/* Footer - START */
#footer {
	width: 980px;
	height: 50px;
}

	#footer #leftCol {
		width: 300px;
		float: left;
	}

	#footer #midCol {
		width: 380px;
		float: left;
		text-align: center;
	}

	#footer #rightCol {
		width: 300px;
		float: left;
		text-align: right;
	}

/* Footer - END */

/* tile styles - END */

/*
Moved in from metro.css END
*/

/* ======================================================= */
/*  Table & bullet styles for templates  - start   */

.ftseTable tr td:FIRST-CHILD {
	font-weight: bold;
	width: 95px;
}

.ftseTable tr:first-child td, .ftseTable tr:first-child th {
	border: solid #01326c;
	border-width: 0 0 3px 0;
	font-size: 16px;
}

.ftseTable tr:last-child td, .ftseTable tr:last-child th {
	border-bottom: 1px solid #DDDDDD;
}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
	padding-left: 0;
}

.ftseBulletList1 {
	padding: 0 0 3px 20px;
}

	.ftseBulletList1 > li {
		background: url(../img/tick_bullet.png) no-repeat left top;
		padding: 3px 0 2px 22px;
		list-style: none;
		margin: 0 0 0 -22px;
	}

/*  Table & bullet styles for templates  - end  */
/* ================================================== */


#searchResultsTable {
	margin: 20px;
}

.searchResultsTableHide {
	visibility: hidden;
}

#searchResultsTable.td {
	border: solid #e5e5e5 1px;
	text-align: left;
	padding-left: 5px;
}

.searchMatchHighlight {
	background: yellow;
}

#mediaContactsTable th, #mediaContactsTable td {
	padding: 3px;
}

	#mediaContactsTable th:nth-child(1), #mediaContactsTable td:nth-child(1) {
		min-width: 120px;
	}

	#mediaContactsTable th:nth-child(2), #mediaContactsTable td:nth-child(2) {
		min-width: 130px;
	}

	#mediaContactsTable th:nth-child(3), #mediaContactsTable td:nth-child(3) {
		min-width: 120px;
}
	
#mediaContactsTable {
	border-collapse: collapse;
	border-spacing: 0;
}

#searchControls legend {
	border: none;
	margin-bottom: 10px;
}

#searchResultsContainer {
	border: none;
	min-height: 100px;
	display: block;
	margin-left: -20px;
}

#searchResultsTableContainer .ftseTable tr:first-child th {
	border-color: #01326C;
	border-image: none;
	border-style: solid;
	border-width: 0 0 3px;
	text-align: left;
}

#searchResultsTableContainer .ftseTable tr:first-child td {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #01326C;
	border-image: none;
	border-style: inherit;
	border-width: 0 0 3px;
	font-size: inherit;
}

#lblResultsContainer {
	float: left;
	margin-right: 10px;
}

#searchResultViewSetterTop, #searchResultViewSetterBottom {
	display: block;
	margin-left: 20px;
}

#searchResultsPageNumber {
	margin-left: 10px;
	margin-right: 10px;
}

#searchResultsNextPageTop, #searchResultsNextPageBottom {
	padding-left: 10px;
}

#pageSizeSelectorTop, #pageSizeSelectorBottom {
	margin-left: 20px;
}

.searchPagingButton {
	background: none;
	font-size: 16px;
	font-weight: bold;
	color: #00326E;
}

#TemplateImageSide1, #TemplateImageSide2 {
	width: 100%;
}

a.uline, #prodDesc a, .productsFootnote a {
	text-decoration: underline;
}

/* Withholding tax service styles*/

.withholdingtaxheading {
	border: 1px solid white;
	background: #3B6E8F;
	color: white;
	padding: 2px;
}

.withholdingtaxrow {
	background: white;
	color: black;
}

	.withholdingtaxrow:hover {
		background: #E7E7E7;
		color: black;
		cursor: pointer;
}

#indexTable th, #indexChangeNoticeTable th {
	text-align: center;
}

#prodDesc {
	margin-top: 12px;
}

/* promotions - start */


.rowOf3, .rowOf2, .rowOf1 {
	text-align: center;
}

.rowOf3 .item1Container {
	margin: 5px 50px 5px 10px;
	display: inline-block;
}

.rowOf3 .item2Container {
	margin: 5px 30px;
	display: inline-block;
}

.rowOf3 .item3Container {
	margin: 5px 10px 5px 50px;
	display: inline-block;
}

.rowOf2 .item1Container {
	margin: 5px 40px 5px 10px;
	display: inline-block;
}

.rowOf2 .item2Container {
	margin: 5px 10px 5px 40px;
	display: inline-block;
}

.rowOf1 .item1Container {
	margin: 5px 10px;
	display: inline-block;
}

.item1Container img, .item2Container img, .item3Container img {
	margin-bottom: 5px;
}

.item1Container h2, .item2Container h2, .item3Container h2 {
	margin-top: 0;
}

.rowOf1, .rowOf2, .rowOf3 {
	margin: 20px 0 30px 0;
}

	.rowOf3 .item1Container, .rowOf3 .item2Container, .rowOf3 .item3Container {
		width: 22%;
	}

	.rowOf2 .item1Container, .rowOf2 .item2Container {
		width: 40%;
	}

	.rowOf1 .item1Container {
		width: 94%;
	}

#prodDesc .imageLink {
	text-decoration: none;
}

/* promotions - end */


/* InlineObjects - start */

.inlineObjectsRow .rowOf3, .inlineObjectsRow .rowOf2, .inlineObjectsRow .rowOf1 {
	text-align: center;
}

.rowOf3 .inlineObject1Container {
	margin: 5px 50px 5px 10px;
	display: inline-block;
}

.rowOf3 .inlineObject2Container {
	margin: 5px 30px;
	display: inline-block;
}

.rowOf3 .inlineObject3Container {
	margin: 5px 10px 5px 50px;
	display: inline-block;
}

.rowOf2 .inlineObject1Container {
	margin: 5px 20px 5px 10px;
	display: inline-block;
}

.rowOf2 .inlineObject2Container {
	margin: 5px 10px 5px 20px;
	display: inline-block;
}

.rowOf1 .inlineObject1Container {
	margin: 5px 10px;
	display: inline-block;
}

.inlineObject1Container img, .inlineObject2Container img, .inlineObject3Container img {
	margin-bottom: 5px;
}

.inlineObject1Container h2, .inlineObject2Container h2, .inlineObject3Container h2 {
	margin-top: 0;
}

.rowOf1, .rowOf2, .rowOf3 {
	margin: 15px 0 15px 0;
}

	.rowOf3 .inlineObject1Container, .rowOf3 .inlineObject2Container, .rowOf3 .inlineObject3Container {
		width: 22%;
	}

	.rowOf2 .inlineObject1Container, .rowOf2 .inlineObject2Container {
		width: 45%;
	}

	.rowOf1 .inlineObject1Container {
		width: 94%;
	}

#prodDesc span.inlineObjectsLinkContainer a {
	text-decoration: none;
}

/* InlineObjects - end */