/* @override http://preview.dubai.invescooffshore.app.amvescap.net/css/HUB_UK_INVESCO.css */

/* ================================================== */
/* =============== Invesco Stylesheet =============== */
/* =========== Copyright Invesco Ltd 2008 =========== */
/* ================================================== */


/* Controls the font style, size, colour, margins & background colours for the site */
body {
	font-family: verdana;
	color: #000000;
	font-size: 74%;
	margin: 0px;
	background-color: #FFFFFF;
}

/* Begin link styles */
/* Controls the appearance of links in their various states */
a {
	color: #003399;
}

a:link {
	color: #003399;
}

a:visited {
	color: #003399;
}

a:active {
	color: #003399;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

/* End link styles */


/* Begin standard styles */
h1 {
	color: #000000;
	font-family: verdana, sans-serif;
	font-size: 1.2em;
	margin-top: 0px;
	margin-bottom: 12px;
	border-top: 1px solid #000000;
}

h2 {
	color: #000000;
	font-family: verdana, sans-serif;
	font-size: 1em;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #000000;
}

h3 {
	color: #000000;
	font-family: verdana, sans-serif;
	font-size: 1em;
	margin-top: 1px;
	margin-bottom: 8px;
}

h4 {
	color: #000000;
	font-family: verdana, sans-serif;
	font-size: 1em;
	margin-top: 8px;
	text-decoration: underline;
	margin-bottom: 8px;
}

p {
	margin-top: 2pt;
	font-size: 0.99em;
}

/* smallprint class for warnings & contact details etc */
p.smallprint {
	font-size: 0.8em;
}

ul {
	list-style-type: square;
	padding-left: 16px;
	margin: 0px;
}

li {
	margin: 0px;
	padding: 1px 0px 5px 0px;
}

ol {
	margin: 0px;
	padding: 1px 0px 5px 25px;
}

form {
	color: #000000;
	text-decoration: none;
	font-family: verdana, arial, helvetica;
	font-size: 1em;
	margin: 0pt;
}

hr {
	height: 1px;
	color: #000000;
}

blockquote {
	color: #193989;
	margin-left: 2.5em;
	margin-right: 2.5em;
	text-indent: -0.5em;
}

caption {
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding: 0px 0px 5px 0px;
}

select {
	font-size: 1em;
	font-family: verdana, arial, helvetica;
}

input {
	font-size: 1em;
	font-family: verdana, arial, helvetica;
}

/* End standard styles */


/* Begin table styles */
/* NB as the site layout uses tables, table styles will apply to all text */

table {
	font-size: 1.1em;
	color: #000000;
	border-spacing: 0px;
}

td {
	font-size: 0.91em;
	font-family: verdana;
	color: #000000;
}

th {
	font-size: 0.91em;
	font-family: verdana;
	text-align: left;
}

/* Table class="coloured" styles */

table.coloured th, th.coloured {
	background-color: #e6e7e8;
	color: #000000;
	border-top: 1px solid #000000;
	padding: 3px;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
}

table.coloured caption {
	background-color: #e6e7e8;
	font-weight: bold;
	border-top: 1px solid #000000;
	padding: 3px;
}

table.coloured td, td.coloured {
	background-color: #e6e7e8;
	border-top: 1px solid #ffffff;
	padding: 3px;
	vertical-align: top;
}

table.coloured a, td.coloured a {
	color: #003399;
}

table.coloured a:hover, td.coloured a:hover {
	color: #000000;
}

table.coloured .blank {
	background-color: #FFFFFF;
	border: none;
}

/* End table class="coloured" styles */


table.fundTable {
	border-color: #e0e0e0;
	border-width: 0pt;
}

/* Begin literature download table styles */
table.coloured2 {
	background-color: #e6e7e8;
}

th.coloured2 {
	background-color: #e6e7e8;
	color: #000000;
	border-top: 1px solid #000000;
}

td.coloured2 {
	background-color: #e6e7e8;
	border-top: 1px solid #ffffff;
}

/* End literature download table styles */


th.highlight {
	background-color: #ffffff;
	border-top: 1px dotted #000000;
	text-align: left;
}

td.highlight {
	background-color: #ffffff;
	color: #000000;
	border-top: 1px solid #000000;
}

th.coloured3 {
	background-color: #ffffff;
	color: #000000;
	border-top: 1px dotted #000000;
	text-align: left;
}

select.coloured {
	background-color: #E6EFFA;
}

/* End table styles */




/* ===================================== */
/* ====== Begin navigation styles ====== */
/* ===================================== */

/* Begin housekeeping navigation styles */
/* Use td selectors to modify appearance of background */
/* Use a selectors to modify appearance of text (links) */
td.hkSelected {
	color: #000000;
	height: 24px;
	text-align: center;
	background: none;
}

td.hkUnselected {
	color: #000000;
	height: 24px;
	text-align: center;
	background: none;
}

a.hkSelected {
	position: relative;
	left: 100px;
	font-size: 11px;
	color: #000000;
	width: 100%;
	text-decoration: none;
	padding: 4px;
	height: 24px;
	z-index: 200;
}

a.hkUnselected {
	position: relative;
	left: 100px;
	font-size: 11px;
	color: #000000;
	width: 100%;
	text-decoration: none;
	padding: 4px;
	height: 24px;
	z-index: 200;
}

a:visited.hkSelected {
	position: relative;
	left: 100px;
	color: #000000;
	width: 100%;
	text-decoration: none;
	padding: 4px;
	height: 24px;
	z-index: 200;
}

a:visited.hkUnselected {
	position: relative;
	left: 100px;
	color: #000000;
	width: 100%;
	text-decoration: none;
	padding: 4px;
	height: 24px;
	z-index: 200;
}

a:hover.hkSelected {
	position: relative;
	left: 100px;
	color: #003399;
	text-align: center;
	text-decoration: underline;
	height: 24px;
	z-index: 200;
}

a:hover.hkUnselected {
	position: relative;
	left: 100px;
	color: #003399;
	text-align: center;
	text-decoration: underline;
	height: 24px;
	z-index: 200;
}

a.hkUnselected {
	position: relative;
	left: 100px;
	color: #000000;
	width: 100%;
	text-decoration: none;
	padding: 4px;
	height: 24px;
	z-index: 200;
}

/* End housekeeping navigation styles */



/* Begin level 1 navigation styles */
/* Use td selectors to modify appearance of background */
/* Use a selectors to modify appearance of text (links) */

tr.level1 {
	position: relative;
	left: 0px;
	top: -5px;
}

td.levelOneSelected {
	background-color: #ffffff;
	background-image: url(/images/ig/nav-tab-bg-1000.png);
	background-position: right;
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #9699ac;
	height: 22px;
}

td.levelOneUnselected {
	background-image: url(/images/ig/nav-bg.png);
	background-repeat: repeat-x;
	text-align: center;
	border-bottom: 1px solid #9699ac;
	height: 22px;
}

a.levelOneSelected {
	font-size: 11px;
	color: #000000;
	width: 100%;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	background: none;
}

a:link.levelOneSelected {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

a:visited.levelOneSelected {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

a:hover.levelOneSelected {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

a.levelOneUnselected {
	font-size: 12px;
	color: #000000;
	width: 100%;
	text-decoration: none;
	text-align: center;
	background: none;
}

a:link.levelOneUnselected {
	font-size: 12px;
	color: #000000;
}

a:visited.levelOneUnselected {
	color: #000000;
	font-size: 12px;
}

a:hover.levelOneUnselected {
	font-size: 12px;
	color: #000000;
	background-color: #cce4f2;
	text-decoration: none;
	font-weight: bold;
}

/* End level 1 navigation styles */


/* Begin level 2 navigation styles */
/* Use td selectors to modify appearance of background */
/* Use a selectors to modify appearance of text (links) */
td.levelTwoSelected {
	background-color: #acc2d2;
	text-align: center;
	border: 1px solid #ffffff;
	height: 20px;
}

td.levelTwoUnselected {
	background-color: #acc2d2;
	text-align: center;
	border: 1px solid #ffffff;
	height: 20px;
}

a.levelTwoSelected {
	color: #000000;
	width: 100%;
	background-color: #acc2d2;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}

a:link.levelTwoSelected {
	color: #000000;
	font-weight: bold;
}

a:visited.levelTwoSelected {
	color: #000000;
	font-weight: bold;
}

a:hover.levelTwoSelected {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

a.levelTwoUnselected {
	color: #000000;
	width: 100%;
	background-color: #acc2d2;
	text-decoration: none;
	text-align: center;
}

a:link.levelTwoUnselected {
	color: #000000;
}

a:visited.levelTwoUnselected {
	color: #000000;
}

a:hover.levelTwoUnselected {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
	background-color: #acc2d2;
}

/* End level 2 navigation styles */


/* Begin level 3 navigation styles */
/* Use td selectors to modify appearance of background */
/* Use a selectors to modify appearance of text (links) */
table.level3 {
	border-color: #ffffff;
	border-width: 0pt;
}

td.level3Selected {
	color: #000000;
	background-color: #acc2d2;
	padding: 8px 0px 8px 0px;
	text-align: left;
	font-weight: bold;
	border: none;
	border-top: 0px solid #000000;
}

td.level3Unselected {
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
	padding: 8px 1px 8px 1px;
}

a.level3Selected {
	font-size: 0.95em;
	color: #000000;
	width: 100%;
	text-decoration: none;
	padding: 2pt;
	font-weight: bold;
}

a.level3Unselected {
	font-size: 0.95em;
	color: #000000;
	width: 100%;
	text-decoration: none;
	padding: 2pt;
}

a:link.level3Selected {
	font-size: 0.95em;
	color: #000000;
	width: 100%;
	text-decoration: none;
	padding: 2pt;
	font-weight: bold;
}

a:link.level3Unselected {
	font-size: 0.95em;
	color: #000000;
	width: 100%;
	text-decoration: none;
	padding: 2pt;
}

a:visited.level3Selected {
	font-size: 0.95em;
	color: #000000;
	width: 100%;
	text-decoration: none;
	padding: 2pt;
	font-weight: bold;
}

a:visited.level3Unselected {
	font-size: 0.95em;
	color: #000000;
	width: 100%;
	text-decoration: none;
	padding: 2pt;
}

a:hover.level3Selected {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

a:hover.level3Unselected {
	color: #000000;
	text-decoration: underline;
}

/*End level 3 navigation*/


/* Begin level 4 navigation styles*/
/* Use td selectors to modify appearance of background */
/* Use a selectors to modify appearance of text (links) */
td.level4Selected {
	color: #000000;
	background-color: #acc2d2;
	text-align: left;
	font-weight: bold;
	padding-left: 0px;
	border: 1px solid white;
	padding: 8px 1px 8px 1px;
}

td.level4Unselected {
	color: #000000;
	background-color: #e6e7e8;
	text-align: left;
	border-width: 2pt;
	padding-left: 0px;
	padding: 7px 1px 7px 1px;
	border: 1px solid white;
}

a.level4Selected {
	font-size: 0.95em;
	color: #000000;
	width: 100%;
	text-decoration: none;
	padding: 2pt;
	font-weight: bold;
}

a.level4Unselected {
	font-size: 0.95em;
	color: #000000;
	width: 100%;
	text-decoration: none;
	padding: 2pt;
}

a:link.level4Selected {
	font-size: 0.95em;
	color: #000000;
	width: 100%;
	text-decoration: none;
	padding: 2pt;
	font-weight: bold;
}

a:link.level4Unselected {
	font-size: 0.95em;
	color: #000000;
	width: 100%;
	text-decoration: none;
	padding: 2pt;
}

a:visited.level4Selected {
	font-size: 0.95em;
	color: #000000;
	width: 100%;
	text-decoration: none;
	padding: 2pt;
	font-weight: bold;
}

a:visited.level4Unselected {
	font-size: 0.95em;
	color: #000000;
	width: 100%;
	text-decoration: none;
	padding: 2pt;
}

a:hover.level4Selected {
	color: #000000;
	text-decoration: underline;
}

a:hover.level4Unselected {
	color: #000000;
	text-decoration: underline;
}

/* End level 4 navigation styles */


/* =================================== */
/* ====== End navigation styles ====== */
/* =================================== */



/* Begin advert tile styles */
td.advertTile {
	font-size: 0.85em;
	color: #000000;
	border-bottom: 0px solid #9699ac;
	border-top: 1px solid #000000;
}

td.advertTile h3 {
	margin: 0px;
	padding-bottom: 2px;
}

html>body td.advertTile h3 {
	position: relative;
	top: -6px;
	padding: 0px;
}

a.advertTile {
	color: #000000;
	width: 100%;
	padding: 2px;
}

a:visited.advertTile {
	color: #000000;
	width: 100%;
	text-decoration: none;
	padding: 2px;
}

a:hover.advertTile {
	color: #003399;
}

hr.advertTile {
	color: #ffffff;
}

#advertTile {
	border-top: solid 1px #ccc;
	padding: 4px 0px;
}

#advertTilehome1 {
	border-top: solid 1px #000000;
	padding: 5px 2px 5px 1px;
}

#advertTilecareers {
	border-top: solid 1px #000000;
	padding: 4px 0px;
	background-color: #FFF6E8;
}

#advertTilehome1 h2 {
	border-bottom: solid 1px #000000;
	border-top: none;
	margin: 0px 0px 10px;
}

#advertTilehome2 {
	border-top: solid 1px #000000;
	padding: 7px 0px 10px 1px;
}

/* End advert tile styles */


/* Begin questionnaire styles */
/* Each selector below is specific to one questionnaire. */ 
/* To style a new questionnaire, you will need to add a new selector */
/* Copy the pair of selectors below and modify the questionnaire instance number */
#pagequestionnairequestions32632207 {
	background-color: #ffffff;
}

#pagequestionnairequestions32632207Div {
	background-color: #a7a9ac;
}

#pagequestionnairequestions32628999 {
	background-color: #ffffff;
}

#pagequestionnairequestions32628999Div {
	background-color: #a7a9ac;
}

#pagequestionnairequestionsnolevel332628999 {
	background-color: #ffffff;
}

#pagequestionnairequestionsnolevel332628999Div {
	background-color: #a7a9ac;
}

#pagequestionnairequestionsnolevel336010825 {
	background-color: #ffffff;
}

#pagequestionnairequestionsnolevel336010825Div {
	background-color: #a7a9ac;
}

/* End questionnaire styles */




/* ================================ */
/* ===== Miscellaneous styles ===== */
/* ================================ */


/* Begin banner controls */
/* Controls background color, visibility etc of banner area */
/* Change the image URL here to modify top portion of banner image (behind housekeeping nav) */
table.banner {
	height: 22px;
}

.banner {
	background-color: #ffffff;
	color: #ffffff;
}

/*IE hack*/
#bannerImage {
	position: relative;
	left: 0px;
	top: -28px;
	z-index: 100;
}

html>body #bannerImage {
	position: relative;
	left: 0px;
	top: -25px;
	z-index: 100;
}

/*End IE hack*/

#bannerSeparator {
	visibility: hidden;
}

/* End banner controls */


.match a:link, .match a:visited, .match a:active {
	color: #ffffff;
	text-decoration: underline;
}

.match a:hover {
	color: yellow;
	text-decoration: underline;
}

#leftDivider {
	visibility: hidden;
}

#rightDivider {
	visibility: hidden;
}

#hkBottomDivider {
	display: none;
}

HR.adTileDivLine {
	visibility: hidden;
}

#wealthWarning {
	background-color: #ffffff;
}

#level34BaseLine {
	visibility: hidden;
}

#regionSelectorSpan {
	background-color: #acc2d2;
	border-top: 2px solid #000000;
	padding: 6px 239px 6px 20px;
}

#regionSelectorP {
	text-align: left;
	line-height: 25px;
}

td.noLevel3Body {
	padding-left: 10px;
}

#csvDownloadDiv {
	text-align: right;
}

table.histPriceChoice {
	background-color: #cce4f2;
	border-top: 2px solid #000000;
	padding: 2px;
}

acronym, .helpText {
	border: 1px dashed #1b0069;
	color: #000000;
	cursor: help;
}

#symbolKey {
	visibility: hidden;
}

/* Begin container for Trustee Training Online */
.ttocontainer {
	position: relative;
	top: -29px;
}

/* End container for Trustee Training Online */


/* Begin styles for DIV boxes */
/* adjacent navigation boxes on home page*/
.navbox1 a {
	display: block;
	width: 5.5em;
	height: 1.5em;
	line-height: 1.5em;
	border:0.25em #296DC1;
	border-style: double;
	background: #E6EFFA;
}

.navbox1 ul {
	list-style: none;
	margin: 0em 0em 0em 2em;
	padding: 0em 0em 0em 3em;
}

.navbox1 li {
	float: left;
	margin: 0.5em 2em 1em 2em;
	display: inline;
}

.navbox1 a:link {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

.navbox1 a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

.navbox1 a:active {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

.navbox1 a:hover {
	color: #E6EFFA;
	text-decoration: none;
	background: #000000;
	font-weight: bold;
	text-align: center;
}

.box1 {
	float: left;
	border: 0.3em #296DC1;
	border-style: outset;
	background: #E6EFFA;
	margin: 1em 1em 1em 1em;
	padding: 0.2em 0.4em 0.4em 0.5em;
	width: 23.5em;
	width:17.5em;
}

/* IE5 Hack */
html>body .box1 {
	width: 17.5em;
}

/* End IE5 Hack */


.box2 {
	float: right;
	border: 0.3em #296DC1;
	border-style: inset;
	background: #E6EFFA;
	margin: 1em 1em 1em 1em;
	padding: 0.2em 0.4em 0.4em 0.5em;
	width: 23.5em;
	width:17.5em;
}

/* IE5 Hack */
html>body .box2 {
	width: 17.5em;
}

/* End IE5 Hack */

.box1 h2 {
	margin: 0;
	font-size: 1.2em;
	color: #888600;
	font-weight: bold;
}

.box2 h2 {
	margin: 0;
	font-size: 1.2em;
	color: #888600;
	font-weight: bold;
}

.box2 body {
	margin:  0;
	color: black;
}

.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
}

/* bottom of splash front page navigation buttons */
#navadditional {
	text-align: left;
}

#navadditional ul {
	list-style: none;
	padding: 0;
	margin: 15px 0;
	width: 39em;
}

#navadditional li {
	float: left;
	margin: 0 0.2em;
}

#navadditional a {
	display: block;
	width: 9em;
	border-top: 0.1em solid #000000;
	height: 2em;
	line-height: 2em;
	text-decoration: none;
	text-align: left;
	float: left;
}

/* IE5 Mac hack \*/
#navadditional a {
	float: none;
}

/* End hack */



/* Begin primary coloured DIV */
/* Note selector names are left the same to ensure compatibility with existing sites */
/* HEX codes can be amended as per brand guidelines */
/* tl, tr, bl & br selectors are left in to allow positioning of a background image to those corners if required */
/* Adjust width with style="width: XXpx;" in HTML */
#container {
	width: 95%;
}

.box p {
}

.box {
	width: 100%;
	float: none;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	border-top: solid 1px #000000;
	background-color: #acc2d2;
}

.box h2 {
	color: #000000;
	font-family: verdana, sans-serif;
	font-size: 1em;
	border-top: none;
	border-bottom: none;
	background-color: #acc2d2;
	margin: 0px;
	padding: 0px;
}

.tl {
	background-image: none;
	background-repeat: no-repeat;
	background-position: top left;
	position: relative;
}

.tr {
	background-image: none;
	background-repeat: no-repeat;
	background-position: top right;
	position: relative;
}

.bl {
	background-image: none;
	background-repeat: no-repeat;
	background-position: bottom left;
	position: relative;
}

.br {
	background-image: none;
	background-repeat: no-repeat;
	background-position: bottom right;
	position: relative;
	padding: 3px;
}

.box a:link, h2.box a:link {
	color: #000000;
	text-decoration: underline;
}

.box a:visited, h2.box a:visited {
	color: #000000;
	text-decoration: underline;
}

.box a:active, h2.box a:active {
	color: #000000;
	text-decoration: underline;
}

.box a:hover, h2.box a:hover {
	color: #003399;
	text-decoration: underline;
	font-weight: inherit;
}

/* End primary coloured DIV */


/* Begin secondary coloured DIV */
/* Note selector names are left the same to ensure compatibility with existing sites */
/* HEX codes can be amended as per brand guidelines */
/* tl, tr, bl & br selectors are left in to allow positioning of a background image to those corners if required */
/* Adjust width with style="width: XXpx;" in HTML */

#containergrey {
	width: 95%;
}

.boxgrey {
	width: 100%;
	float: none;
	margin: 2px;
	border-top: solid 1px #000000;
	background-color: #e6e7e8;
}

.boxgrey h2 {
	color: #000000;
	font-family: verdana, sans-serif;
	font-size: 1em;
	border-top: none;
	border-bottom: none;
	background-color: #e6e7e8;
	margin: 0px;
	padding: 2px 0px 2px 0px;
}

.tlgrey {
	background-image: none;
	background-repeat: no-repeat;
	background-position: top left;
	position: relative;
}

.trgrey {
	background-image: none;
	background-repeat: no-repeat;
	background-position: top right;
	position: relative;
}

.blgrey {
	background-image: none;
	background-repeat: no-repeat;
	background-position: bottom left;
	position: relative;
}

.brgrey {
	background-image: none;
	background-repeat: no-repeat;
	background-position: bottom right;
	position: relative;
	padding: 3px;
}

.boxgrey a:link, h2.boxgrey a:link {
	color: #003399;
	text-decoration: underline;
}

.boxgrey a:visited, h2.boxgrey a:visited {
	color: #000000;
	text-decoration: underline;
}

.boxgrey a:active, h2.boxgrey a:active {
	color: #000000;
	text-decoration: underline;
}

.boxgrey a:hover, h2.boxgrey a:hover {
	color: #003366;
	text-decoration: underline;
	font-weight: inherit;
}

/* End secondary coloured DIV */


/* Styles for a two column list of funds */

#fundlist {
	background-color: #E3E4E4;
	float: left;
	width: 100%;
	padding-bottom: 3px;
}

#fundlist div {
	width: 364px;
}

#fundlist .leftcol {
	float: left;
	margin-right: 50px;
}

#fundlist .rightcol {
	float: left;
}

#fundlist ul {
	list-style: none;
	margin: 0px;
	padding-left: 0px;
}

#fundlist li {
	padding: 3px;
	width: 100%;
	border-bottom: 1px solid #FFF;
}

/* End styles for a two column list of funds */




/* ================================ */
/* ==== Investor Online styles ==== */
/* ================================ */

#ioarticlepage {
	position: absolute;
	left: 170px;
	top: 190px;
	background-color: #ffffff;
	width: 609px;
}

#ioarticlebanner {
	position: absolute;
	left: -10px;
	top: -14px;
	width: 1000px;
	height: 60px;
	background-color: #ffffff;
	padding-left: 10px;
}

#ioarticlebackground {
	position: absolute;
	left: 0px;
	top: 70px;
	width: 610px;
	height: 775px;
	background-color: #ffffff;
	background-image: url(/vgn/images/portal/cit_1278/46/50/52030237Investor_online_sept07_article_back.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#ioarticleleftcol {
	position: absolute;
	left: 0px;
	top: 110px;
	width: 410px;
	height: 420px;
	background-color: #ffffff;
	padding: 5px;
	padding-top: 12px;
	overflow: auto;
}

#ioarticlepanel1 {
	background-color: #ffffff;
	position: absolute;
	padding: 5px;
	left: 445px;
	top: 110px;
	width: 140px;
	height: 160px;
}

#iowholepage {
	position: absolute;
	left: 0px;
	top: 175px;
	background-color: #ffffff;
	width: 780px;
}

#iobanner {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1000px;
	height: 60px;
	background-color: #ffffff;
}

#iobackground {
	position: absolute;
	left: 0px;
	top: 70px;
	width: 780px;
	height: 600px;
	background-color: #ffffff;
	background-image: url(/vgn/images/portal/cit_1278/47/30/52023078Investor_online_sept07_back.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#ioleftcol {
	position: absolute;
	left: 2px;
	top: 110px;
	width: 300px;
	height: 350px;
	background-color: #ffffff;
	padding: 5px;
	padding-top: 12px;
}

.ioleftcolitem {
	border-top: 2px solid #000000;
	padding: 5px;
	padding-right: 20px;
	height: 100px;
	font-size: 14pt;
}

.ioleftcolitem a {
	color: #000000;
	text-decoration: none;
}

.ioleftcolitem a:visited {
	color: #000000;
	text-decoration: none;
}

.ioleftcolitem a:hover {
	color: #000000;
	text-decoration: underline;
}

#iopanel1 {
	background-color: #ffffff;
	position: absolute;
	padding: 5px;
	left: 345px;
	top: 110px;
	width: 180px;
	height: 160px;
}

#iopanel2 {
	background-color: #ffffff;
	position: absolute;
	left: 555px;
	top: 110px;
	width: 180px;
	height: 160px;
	padding: 5px;
}

#iopanel3 {
	background-color: #ffffff;
	position: absolute;
	padding: 5px;
	left: 555px;
	top: 300px;
	width: 180px;
	height: 160px;
}

#iopanel1, #iopanel2, #iopanel3 {
	font-size: 14px;
	color: #000000;
}

#iopanel1 a {
	color: #000000;
}

#iopanel2 a {
	color: #000000;
}

#iopanel3 a {
	color: #000000;
}

/* ================================ */
/* == End Investor Online styles == */
/* ================================ */



/* ================================= */
/* == Tax Year End feature styles == */
/* ================================= */


#tyecontainer {
	background-color: #FFFFFF;
	background: url(/UK/images/tyebackground.jpg) no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1000px;
	float: left;
	text-align: center;
	padding-top: 0px;
	height: auto;
	z-index: 10000;
}

#tyecontainer #tyepage {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 1px;
}

#tyecontainer h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #19388A;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	visibility: hidden;
	border: none;
}

#tyecontainer #tyepage #tyecontent {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	float: left;
	width: 100%;
	background-color: #fff;
	padding-top: 20px;
}

#tyenav {
	float: left;
	width: 120px;
}

#tyestory {
	float: left;
	width: 300px;
	padding-bottom: 10px;
}

#tyecontent p {
	margin-top: 0px;
	font-size: 1em;
}

#tyecontent h2 {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 10px;
	border: none;
}

#tyenav ul {
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-left: 0px;
	border-bottom: 1px solid #999;
}

#tyenav li {
	margin: 0px;
	background: url(/UK/images/tyebullet.jpg) no-repeat left center;
	padding: 0px;
}

#tyenav ul li a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	border-top: 1px solid #999;
	padding-top: 5px;
	display: block;
	margin: 0px;
	padding-bottom: 5px;
	width: 100%;
	padding-left: 2px;
}

#tyenav .selected {
	background: #EEE;
}

#tyenav ul li a:hover {
	background-color: #CCC;
	text-decoration: underline;
}

#tyenav a.selected:hover {
	background-color: #E6E7E8;
}

#tyewealthwarning {
	padding-bottom: 10px;
	float: left;
	clear: both;
	width: 100%;
	margin-top: 25px;
}

#tyewealthwarning p {
	border-top: 1px solid #000000;
	margin-left: 151px;
	margin-right: 10px;
}

#tyerightpanel {
	float: left;
	width: 170px;
}

#tyepagehead {
	background: url(/UK/images/tyepagetop.jpg) no-repeat top;
	padding-left: 150px;
	padding-top: 65px;
}

.pdf {
	color: #19388A;
	text-decoration: none;
	background-image: url(/UK/images/pdf_icon.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 20px;
	display: inline-block;
}

/*Bug fix for IE6 Whitespace bug - leave display: inline-block and display: block in place*/
.pdf {
	display: block;
}

.tyelinklist {
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
}

.tyelinklist li {
	padding-bottom: 5px;
}

a.pdf:hover {
	text-decoration: underline;
}

.rule {
	border-top: 1px solid #000000;
	padding-top: 0px;
}

.tyelinklist a {
	color: #19388A;
	text-decoration: none;
}

.tyelinklist a:hover {
	text-decoration: underline;
}

#mipfund {
	background: url(/UK/images/mip-heading.jpg) no-repeat;
	visibility: visible;
	display: block;
	height: 70px;
	position: relative;
	top: 10px;
}

#highincomefund {
	background: url(/UK/images/high-income-heading.jpg) no-repeat;
	visibility: visible;
	display: block;
	height: 70px;
}

#incomefund {
	background: url(/UK/images/income-heading.jpg) no-repeat;
	visibility: visible;
	display: block;
	height: 70px;
}

#euroequityincome {
	background: url(/UK/images/european-equity-income-heading.gif) no-repeat;
	visibility: visible;
	display: block;
	height: 70px;
}

#euroopportunities {
	background: url(/UK/images/european-opportunities-heading.gif) no-repeat;
	visibility: visible;
	display: block;
	height: 70px;
}

#emergingeuropean {
	background: url(/UK/images/emerging-european-heading.gif) no-repeat;
	visibility: visible;
	display: block;
	height: 70px;
}

#tyeaward {
	margin-top: 20px;
}

.AccordionPanelContent td {
	padding: 3px;
	border-bottom: 1px solid #CCCCCC;
}

#tyewealthwarning a {
	color: #19388A;
}

#tyenav a {
	color: #1A398B;
}

/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	border-bottom: solid 1px #999;
	overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	background-color: #E6E7E8;
	border-top: solid 1px #999;
	border-bottom: solid 0px #999;
	margin: 0px;
	padding: 2px;
	font-weight: bold;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	height: 200px;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #E6E7E8;
}

.AccordionPanelTab h3 {
	background-image: url(/UK/images/rightarrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 55%;
	padding: 2px;
	padding-left: 15px;
	margin: 0px;
}

.AccordionPanelOpen .AccordionPanelTab h3 {
	background-image: url(/UK/images/downarrow.gif);
	background-repeat: no-repeat;
	background-position: 4px 55%;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	background-color: #CCC;
	text-decoration: underline;
}

.AccordionPanelOpen .AccordionPanelTabHover {
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
/*	background-color: #3399FF;*/
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
/*	background-color: #33CCFF;*/
}

/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	font-weight: bold;
	background-color: #DDD;
	margin: 0px;
	padding: 3px;
	cursor: pointer;
	width: 100%;
	-moz-user-select: none;
	-khtml-user-select: none;
	border-top: 1px solid #999;
}

.CollapsiblePanelTab h3 {
	background-image: url(/UK/images/rightarrow.gif);
	background-repeat: no-repeat;
	background-position: 4px 55%;
	padding: 2px;
	padding-left: 15px;
	margin: 0px;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-bottom: solid 1px #999;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #CCC;
}

.CollapsiblePanelOpen .CollapsiblePanelTab h3 {
	background-image: url(/UK/images/downarrow.gif);
	background-repeat: no-repeat;
	background-position: 4px 55%;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CCC;
}

.CollapsiblePanelTabHover {
	text-decoration: underline;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #CCC;
}

/* End SpryAccordion.css - Revision: Spry Preview Release 1.4 */


#isacontainer {
	float: left;
	width: 1000px;
	position: absolute;
	left: 1px;
	top: 176px;
	background-color: #fff;
}

#isacontainer #threecol #leftcol {
	float: left;
	width: 200px;
}

#isacontainer #threecol #leftcol a {
	font-size: 11px;
}

#isacontainer #threecol #centercol {
	float: left;
	width: 500px;
}

#isacontainer #threecol #rightcol {
	float: left;
	width: 200px;
}

#isacontainer #threecol #rightcol p {
	font-size: 11px;
	padding: 3px;
}

#linkbox {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

#linkbox ul {
	margin: 0px;
	padding: 0px;
}

#linkbox li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

#linkbox a {
	padding: 3px;
	margin-right: 5px;
	display: block;
	width: 230px;
	border: 1px solid #999;
	background-color: #eee;
	color: #000;
	font-weight: bold;
}

#linkbox a:hover {
	background-color: #DDD;
}

.spacer {
	float: left;
	width: 40px;
}

.panel {
	border: 1px solid #999;
	border-top: none;
}

.panel h3 {
	padding: 3px;
	background-color: #eee;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
}

.panel p {
	font-size: 11px;
	padding: 3px;
}

.panel a {
	font-size: 11px;
}

#isatwocolcontainer {
	float: left;
	width: 100%;
}

#isatwocolcontainer #twocol {
	float: left;
}

#isatwocolcontainer #twocol #leftcol {
	float: left;
	width: 600px;
}

#isatwocolcontainer #twocol #rightcol {
	float: left;
	width: 185px;
}

.panellink {
	width: 100%;
}

.panellink a {
	border: 1px solid #999;
	display: block;
	padding: 3px;
	font-weight: bold;
	color: #000;
	background-color: #eee;
}

.panellink a:hover {
	border: 1px solid #999;
	display: block;
	padding: 3px;
	font-weight: bold;
	color: #000;
	background-color: #ddd;
}

/* ===================================== */
/* == End Tax Year End feature styles == */
/* ===================================== */




/* ================================ */
/* ===== Miscellaneous styles ===== */
/* ================================ */


#welcome {
	visibility: hidden;
	display: block;
	height: 17px;
}

#headingimage {
	visibility: visible;
	background: url(/ig/images/welcometoip.jpg) no-repeat -4px -2px;
	display: block;
	height: 28px;
}

.focusFundHeading {
	font-size: 18px;
	font-weight: normal;
	display: block;
	padding: 4px;
	margin-top: -1px;
	background-image: url(/UK/images/focusFundHeading-background.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	color: #575757;
}

#focusFundContent {
	margin-left: 5px;
}

.focusFundPanel {
}

.focusFundPanel h2 {
	border-top-color: #797b7f;
	color: #006699;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: -5px;
	margin-right: -5px;
}

/* ========================= */
/* ===== Slider styles ===== */
/* ========================= */

#sliderWrapper {
	width: 835px;
}

#slider {
	position: relative;
	top: -13px;
	float: left;
	width: 835px;
}

html>body #slider {
}

.scroll {
	height: 490px;
	width: 835px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
	background-color: #E5F2F7;
	margin-top: 4px;
}

.scrollContainer div.panel {
	padding: 20px;
	height: 490px;
	border: none !important;
	padding-left: 90px;
	width: 835px;
}

html>body .scrollContainer div.panel {
	padding: 20px;
	height: 450px;
	border: none !important;
	padding-left: 90px;
	width: 725px;
}

.scrollContainer div.panel h2 {
	margin-top: 0;
}

.scrollContainer div.panel p {
	padding: 0;
	margin-bottom: 15px;
}

#shade {
	background: #EDEDEC;
	height: 50px;
}

ul.navigation {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 49px;
	display: block;
	float: left;
	width: 745px;
}

ul.navigation li {
	margin: 0px !important;
	padding: 0px !important;
	float: left;
	display: block;
}

ul.navigation a {
	color: #FFFFFF !important;
	text-decoration: none !important;
	display: block;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	width: 90px;
	margin-right: 12px;
	border-left: 1px solid #FFFFFF;
	height: 2.5em;
	padding-left: 2px;
}

ul.navigation a:hover {
	text-decoration: underline !important;
}

ul.navigation a.selected {
	color: #193989 !important;
}

ul.navigation a.selected:hover {
	text-decoration: underline !important;
}

.navName {
	display: block;
	cursor: pointer;
	padding-left: 39px;
	padding-top: 19px;
	padding-bottom: 19px;
	width: 139px;
	font-size: 14px;
	font-weight: bold;
}

html>body .navName {
	width: 100px;
}

ul.navigation a:hover {
	text-decoration: underline;
}

ul.navigation a.selected {
	color: #193989;
}

ul.navigation a.selected:hover {
	text-decoration: underline;
}

ul.navigation a:focus {
	outline: none;
}

.scrollButtons {
	position: absolute;
	top: 150px;
	cursor: pointer;
}

.scrollButtons.left {
	left: -20px;
}

.scrollButtons.right {
	right: -20px;
}

.hide {
	display: none;
}

.last {
	margin-right: 0px !important;
}

#sliderWrapper #slider #header {
	background-color: #7FBED8;
	padding-left: 90px;
	padding-top: 20px;
	padding-bottom: 10px;
	float: left;
}

#header h1.focusfund {
	font-size: 26px;
	border-top: none !important;
	color: #FFFFFF;
	position: relative;
}

h2.focusfund {
	font-size: 20px;
	border-top: none;
	color: #193989;
}

h3.focusfund {
	color: #193989;
	margin-bottom: 3px;
}

.bigtext {
	font-size: 17px;
	color: #000000;
}

.smalltext {
	font-size: 11px;
}

/* .focusfund table styles */
table.focusfund th {
	color: #000000;
	border-top: 1px solid #000000;
	padding: 3px;
	text-align: left;
	font-weight: bold;
}

table.focusfund h4 {
	margin-top: 0px;
	padding-top: 0px;
}

table.focusfund p {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

table.focusfund h3 {
	font-size: 14px;
	margin-bottom: 2px;
}

table.focusfund td {
	border-top: 1px solid #ffffff;
	padding: 3px;
}

table.focusfund {
	background-color: #BCD8EA;
}

/* End .focusfund table styles */


/* ================================ */
/* ===== End focusfund styles ===== */
/* ================================ */

/* Dubai IIS styles
----------------------------------- */
#panelcontainer {
	float: right;
	padding-left: 10px;
	background-color: #FFF;
	padding-right: 10px;;
}

#panelcontainer .panel, .archivepanel {
	border: 1px solid #e3e3e3;
	margin-bottom: 10px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 5px;
}

#panelcontainer .panel h2, .archivepanel h2 {
	border-top: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 10px;
	color: #4d4d4d;
	background-image: url(/UK/images/link-pane-heading-bg.jpg);
	background-repeat: repeat-x;
}

#panelcontainer .panel p, .archivepanel p {
	padding: 10px;
	margin: 0;
}

.archivepanel {
	margin-right: 10px;
}


/* ============================= */
/* ====== Homepage styles ====== */
/* ============================= */

#homepagecontainer {
}

#homepagecontainer #col1 {
	float: left;
	width: 445px;
	margin-right: 5px;
}

#homepagecontainer #col2 {
	float: left;
	width: 260px;
	margin-right: 5px;
}

#homepagecontainer #col3 {
	float: left;
	width: 280px;
}

.homebox {
	margin-bottom: 5px;
}

.homebox h2 {
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0;
	padding: 3px;
	border-top: 1px solid #000000;
}

.homebox p {
	margin: 0px !important;
	padding: 3px;
}

.blue {
	background-color: #DAE9F3;
}

.grey {
	background-color: #E6E7E8;
}

.white {
	background-color: #FFFFFF;
}

.black {
	background-color: #000000;
	color: #FFFFFF;

}

.black h2, .black a, .black a:hover {
	color: #FFFFFF !important;
}

.doublesize {
	height: 116px;
}

.triplesize {
	height: 180px;
}

.halfsize {
	height: 25px;
}

.foursize {
	height: 240px;
}

#heroad {
	border-top-width: 1px;
	border-top-style: solid;
	margin-bottom: 5px;
	border-top-color: #000000;
}

.quicklinks {
}

.quicklinks ul {
	margin: 0px;
	list-style-type: none;
	padding: 0;
}

.quicklinks a {
	color: #000000;
	text-decoration: none;
	display: block;
	padding: 3px;
	padding-left: 15px;
	margin: 0;
	height: 16px;
	background-image: url(/UK/images/rightarrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 50%;
}

.quicklinks li {
	padding: 0px;
	margin: 0px;
}

.quicklinks a:hover {
	color: #000000;
	background: #FFFFFF;
	background-image: url(/UK/images/rightarrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 50%;
	text-decoration: underline;
}

.quicklinks a:visited {
	color: #000000;
}

/* End homepage styles */

/* Questionnaire progress bar styles */
table.progressBar {
	border: 1px solid #000000;
}

table.progressBar td.complete {
	background-color: #B2C7D3;
}

table.progressBar td.remaining {
	background-color: #FFFFFF;
}
/* End questionnaire progress bar styles */


/* ====================================================== */
/* =============== End Invesco Stylesheet =============== */
/* ============= Copyright Invesco Ltd 2008 ============= */
/* ====================================================== */