/* ====================== Resetting all styles to default all-browser values ============= */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body 
{
	line-height: 1;
}

ol,ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ================================= General typography ================================= */
	/* More body attributes are defined in 'General Page Layout' section */
body 
{
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}

a:link,a:active {
	color: #307ee9;
	text-decoration: none;
}

a:visited {
	color: #307ee9; /* Extractable proposes #6633cc; */
	text-decoration: none;
}

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

/*	Define marker for lists using ul element as square */
ul {
	list-style-type: square;
	margin-left: 15px;
	padding-left: 15px;
}
/*	Define marker for lists using ol element as decimal */
ol {
	list-style-type: decimal;
	margin-left: 15px;
	padding-left: 15px;
}

/*  Define spacing above a <p> tag which is extensively used within Content tool documents */
p {
	margin-top: 12px;
}

/* combo dropdown styles */
.genCombo  {
	color: #444444;
}

/* ================================ General page layout ========================== */
/* Some body attributes have been defined in 'Typography' sectioin */
body 
{
	margin: 0;
	padding: 0;
}

/* The outermost page element. It contains 'informationBanner', 'masterHeader', 'pageBanner',
   'content', and 'masterFooter'.  */
#container 
{
	min-width: 960px;
	margin-left: 20px;
	margin-right: 20px;
}

/* === min-width fix for IE6 === */
* html #container
{
	padding: 0 500px;
}
#container .minwidth_inner
{
	width:100%;
}
#container .minwidth_container
{
	margin: 0 -500px;
	position:relative;
	float:left;
}
/* === End min-width fix for IE6 === */


#mobileContainer
{
	margin-left: 2px;
	margin-right: 2px;
}

#printViewContainer
{
	margin-left: 20px;
	margin-right: 20px;
}

#popupViewContainer
{
	margin-left: 10px;
	margin-right: 10px;
}

/* Additional component for MyInsight */
#informationBanner {
	
}

/* Additional component for MyInsight */
#emulationBanner {
	background-color: yellow;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	color: black;
	text-align: center;
	border-bottom: 3px solid #3390ff;
}

/* The page 'body' component. It contains 'navigationBar' and 'content' */
#pageBody 
{
	border-top: 1px solid #e0e0e0;
	overflow: visible;
	position: relative;
	border-collapse: collapse;
	margin-bottom: 3px;
}

#navigationBar 
{
	width: 193px;
	background-color: #f6f6f6;
	border-right: solid 1px #e6e6e6;
	vertical-align: top;
}

#mobileContainer #navigationBar
{
	background-color: white;
	width: auto;
	clear: both;
}

/* The main page component. It contains 'pageSponsorship' and 'bodyView' */
#content {
	position: relative;
	margin-left: 12px;
}

#pageSponsorship {
	min-height: 0px; height: auto !important; height: 0px; /* trick for IE6 */
}

/* It contains the center and right hand side elements */
#bodyView {
	min-height:555px; height:auto !important; height:555px;  /* trick for IE6 */
}

#narrowBodyView {
	min-height:555px; height:auto !important; height:555px;  /* trick for IE6 */
}

#mobileBodyView {
	clear: both;
}

#printViewBodyView {
	clear: both;
}

/* ==================================== PDF page layout ================================ */

#pdfContainer {
	/* border: 1px dotted blue; */
}

/* =================================== Master header ================================== */
/* Mobile */
#mobileHeader {
//	width: 261px;
}

#mobileHeader span {
	font-family: Helvetica Neue, Arial;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	float: right;
	position: relative;
	top: -25px;
}

/* Print View */
#printViewHeader {
	border-top: 3px solid #3390ff;
	border-bottom: 1px solid #e0e0e0;;
	height: 63px;
}

#printViewHeader #logo {
	float: left;
	background-image: url("/claf/IHS_GI_logo.png");
	background-repeat: no-repeat;
}

#printViewHeader span {
	font-family: Helvetica Neue, Arial;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	float: right;
	position: relative;
	top: 30px;
}

/* ========================= ANDREW TRICKETT HEADER STYLES ================================= */


#masterHeader {
	border-top: 3px solid #3390ff;
	position: relative;
	background-color: #fff;
/*	padding-bottom: 8px;*/
	z-index: 40;
}

#masterHeader h1 {
	margin: 0;
}

#masterHeader h1 a {
	display: block;
	width: 52px;
	height: 57px;
	margin: 5px 0 2px 6px;
	padding: 0;
	background: url(/claf/masterheader/mainihslogo.jpg) top left no-repeat;
}

#masterHeader h1 span {
	display: none;
}

#masterHeader #welcometext {
	color: #222;
	font-size: 11px;
	width: 800px;
	text-align: right;
	float: right;
	margin-top: -58px;
}

#masterHeader #welcometext strong {
	color: #333;
	margin: 0 5px;
	padding-right: 6px;
	border-right: 1px solid #ebebeb;
}

#masterHeader #primaryNav {
	position: absolute;
	top: 38px;/*different code for ie6 & ie7*/
	left: 85px;
	font-size: 15px;
	width: 875px;
	z-index: 30;
}

#masterHeader #primaryNav dt {
	float: left;
	font-weight: bold;
	color: #666;
	padding-right: 15px;
	background: url(/claf/masterheader/headertabtext.gif) left 2px no-repeat;
	text-indent: -5000px;
	width: 122px;
}

#masterHeader #primaryNav dd {
	float: left;
	margin: -6px 0 0 0;
	padding: 6px 0 11px; /*different code for ie6 & ie7*/
}

#masterHeader #primaryNav dd#ihstab {
	width: 73px;
	z-index: 20;
}

#masterHeader #primaryNav dd#ceratab {
	width: 80px;
}

#masterHeader #primaryNav dd#fairplaytab {
	width: 100px;
}

#masterHeader #primaryNav dd#gitab {
	width: 126px;
}

#masterHeader #primaryNav dd#heroldtab {
	width: 81px;
}

#masterHeader #primaryNav dd#janestab {
	width: 82px;
}

#masterHeader #primaryNav dd#connecttab {
	width: 82px;
}

#masterHeader #primaryNav dd a {
	padding: 6px 19px 11px; /*different code for ie6 & ie7*/
	border-right: 1px solid #ebebeb;
	color: #666;
}

#masterHeader #primaryNav dd#ihstab a {
	background: url(/claf/masterheader/headertabtext.gif) 18px -24px no-repeat;
}

#masterHeader #primaryNav dd#ihstabHighlighted a {
	background: url(/claf/masterheader/headertabtext.gif) 18px -24px no-repeat #E9E9E9;
}

#masterHeader #primaryNav dd#ceratab a {
	background: url(/claf/masterheader/headertabtext.gif) 17px -56px no-repeat;
}

#masterHeader #primaryNav dd#fairplaytab a {
	background: url(/claf/masterheader/headertabtext.gif) 17px -88px no-repeat;
}

#masterHeader #primaryNav dd#gitab a {
	background: url(/claf/masterheader/headertabtext.gif) 14px -120px no-repeat;
	white-space: nowrap;
}

#masterHeader #primaryNav dd#heroldtab a {
	background: url(/claf/masterheader/headertabtext.gif) 17px -152px no-repeat;
}

#masterHeader #primaryNav dd#janestab a {
	background: url(/claf/masterheader/headertabtext.gif) 17px -184px no-repeat;
}

#masterHeader #primaryNav dd#connecttab a {
	background: url(/claf/masterheader/headertabtext.gif) 17px -216px no-repeat;
}

#masterHeader #primaryNav dd#ihstab.on a {
	background: url(/claf/masterheader/headertabtext.gif) -105px -24px no-repeat;
}

#masterHeader #primaryNav dd#ihstabHighlighted.on a {
	background: url(/claf/masterheader/headertabtext.gif) -105px -24px no-repeat;
}

#masterHeader #primaryNav dd#ceratab.on a {
	background: url(/claf/masterheader/headertabtext.gif) -106px -56px no-repeat;
}

#masterHeader #primaryNav dd#fairplaytab.on a {
	background: url(/claf/masterheader/headertabtext.gif) -107px -88px no-repeat;
}

#masterHeader #primaryNav dd#gitab.on a {
	background: url(/claf/masterheader/headertabtext.gif) -109px -120px no-repeat;
}

#masterHeader #primaryNav dd#heroldtab.on a {
	background: url(/claf/masterheader/headertabtext.gif) -106px -152px no-repeat;
}

#masterHeader #primaryNav dd#janestab.on a {
	background: url(/claf/masterheader/headertabtext.gif) -106px -184px no-repeat;
}

#masterHeader #primaryNav dd#connecttab.on a {
	background: url(/claf/masterheader/headertabtext.gif) -106px -216px no-repeat;
}


#masterHeader #primaryNav dd a span {
	visibility: hidden;
}

#masterHeader #primaryNav dd a:hover {
	text-decoration: none;
}

#primaryNav dd#ihstab a {
	padding-right: 29px;
	border-left: 1px solid #ebebeb;
}

#primaryNav dd#ihstabHighlighted a {
	padding-right: 29px;
	border-left: 1px solid #ebebeb;
	
}

#primaryNav dd#fairplaytab a {
	padding-right: 29px;
}

#masterHeader #primaryNav #FairplayHilight {
	background: url(/claf/masterheader/fairplaydropdown_2col.png) -2px top no-repeat;
	padding: 6px 0 12px;
	position: absolute;
	left: 2px;
	top: -34px;
	height: 30px;
	width: 110px;
	z-index: 10;
}

#masterHeader #primaryNav #ihsHilight {
	background: url(/claf/masterheader/ihsdropdown_2col.png) -2px top no-repeat;
	padding: 6px 0 12px;
	position: absolute;
	left: 2px;
	top: -34px;
	height: 30px;
	width: 84px;
	z-index: 10;
}

#masterHeader #primaryNav span#FairplayHilight a {
	background: url(/claf/masterheader/headertabtext.gif) 18px -94px no-repeat;
	font-size: 15px;
	padding: 0 29px 0 20px;
}

#masterHeader #primaryNav dd#fairplaytab.on span#FairplayHilight a {
	background: url(/claf/masterheader/headertabtext.gif) -106px -94px no-repeat;
}

#masterHeader #primaryNav span#ihsHilight a {
	background: url(/claf/masterheader/headertabtext.gif) 19px -30px no-repeat;
	font-size: 15px;
	padding: 0 29px 0 20px;
	border: none;
}

#masterHeader #primaryNav dd.on {
	background: #eee url(/claf/masterheader/headergradient.jpg) top left repeat-x;
	color: #000;
}

#IHSDropdown {
	background: url(/claf/masterheader/ihsdropdown_2col.png) left -34px no-repeat;
	left: -2px;
	display: none;
}

#FairplayDropdown {
	background: url(/claf/masterheader/fairplaydropdown_2col.png) left -34px no-repeat;
	left: 150px;
	display: none;
}

#masterHeader .primaryNavDropdown {
	font-size: 11px;
	position: absolute;
	top: 28px;/*different code for ie6 & ie7*/
	z-index: 5;
	padding: 3px 0 7px 14px;
	width: 350px;
}

#masterHeader .primaryNavDropdown ul {
	margin: 5px;
	padding: 0;
	float: left;
	list-style: none;
	width: 336px;
}

#masterHeader .primaryNavDropdown li {
	margin: 0;
	padding: 2px 3px;
	float: left;
	width: 162px;
}

#masterHeader .primaryNavDropdown li.header {
	float: none;
	font-weight: bold;
	display: block;
	width: 310px;
	clear: both;
	padding: 8px 3px 2px;
}

#masterHeader #primaryNav #ihstab .primaryNavDropdown li a, #masterHeader #primaryNav #fairplaytab .primaryNavDropdown li a, #masterHeader #primaryNav #ihstabHighlighted .primaryNavDropdown li a{
	color: #307ee9;
	margin: 0;
	padding: 0;
	border: none;
	background-image: none;
	display: block;
	background-color:#f6f6f6;
}

#masterHeader #primaryNav .primaryNavDropdown li a:hover {
	text-decoration: underline;
}

#masterHeader .primaryNavDropdown .dropdownbottom {
	background: url(/claf/masterheader/fairplaydropdown_2col.png) left bottom no-repeat;
	height: 12px;
	position: absolute;
	width: 100%;
	bottom: -12px;
	left: 0;
}

#masterHeader #secondaryNav {
	font-size: 11px;
	width: 100%;
	background: #ddd url(/claf/masterheader/headergradient.jpg) bottom left repeat-x;
	margin: 0 0 8px 0;
	padding: 6px 0;
	cursor: default;
}

#masterHeader #secondaryNav li, #masterHeader #secondaryNav dt, #masterHeader #secondaryNav dd {
	display: inline;
	margin: 3px 0 0 0;
}

#masterHeader #secondaryNav li a, #masterHeader #secondaryNav dt a, #masterHeader #secondaryNav dd a {
	padding: 3px 12px 6px 14px;
	margin: 0 0 0 10px;
}

#masterHeader #secondaryNav li.on a, #masterHeader #secondaryNav dt a {
	color: #666;
}

#masterHeader #secondaryNav li.hi a, #masterHeader #secondaryNav dd.hi a, #masterHeader #secondaryNav dt.hi a {
	background-color: #FFF;
}
/* ========================= END OF ANDREW TRICKETT HEADER STYLES ========================== */

/* MOBILE MODE SPECIAL MENU */

.mobileSpecialNavigation
{
   	clear: both;
	text-align:left;
   	margin: 0px auto 10px;
   	border-top: 1px solid #e9e9e9;
   	border-bottom: 1px solid #e9e9e9;
   	background-image: url("imgs/mobile/MobileSpecialNavigation-background-40px.png");
   	height: 40px;
   	font-weight: bold;
}

.mobileSpecialNavigation a {
	color: black;
	display: inline-block;
	position: relative;
	color: white;
	bottom: -6px;
	padding: 5px 10px;
	margin-left: 5px;
}

.mobileSpecialNavigation span {
	display: inline-block;
	height: 40px;
	padding: 5px 10px;
	position: relative;
	bottom: -6px;
	margin-left: 5px;
}

.mobileSpecialNavigation .active {
	background-image: url("imgs/mobile/MobileSpecialNavigation-button-40px.png"); 
	background-repeat: repeat-x;
	color: white;
	background-position: 0 -6px;
}

.mobileSpecialNavigation .inactive {
	color: #808080;
	font-weight: normal;
}
	
.mobileSpecialNavigation a:hover {
	text-decoration: none;
	cursor: pointer;	
}

.backToMobileView {
	border: 1px solid #808080;
	padding: 10px;
   	background-image: url("imgs/mobile/MobileSpecialNavigation-background-40px.png");
	margin: 0;
	margin-right: -20px;
	text-align: center;
	font-size: 18px;
	position: relative;
	left: -20px;
}

.backToMobileView a {
	color: white;
	font-weight: bold;
} 

/* ====================================== Page banner ====================================== */
#pageBanner {
	height: 68px;
/*	margin-top: 8px; */
	margin-bottom: 8px;
	background-color: #3490FF;
	background-image: url("/claf/IGI_Banner_Oct11.png");
	background-repeat: no-repeat;
	background-position:left; 
}

/* ======================================= Master Footer ================================== */
	/* PC footer */
#masterFooter {
	clear: both;
	border-top: 3px solid #3390ff;
	font-size: 10px;
	height: 170px;
	color: #999999;
}

#masterFooter p {
	margin-top: 0px;
}

#footerLinks,#footerCopyright {
	position: relative;
	top: 8px;
	line-height: 12px;
}

#footerLinks a {
	color: #999999;
	border-right: 1px solid #eeeeee;
	padding-left: 8px;
	padding-right: 8px;
}

#footerCopyright {
	color: #999999;
	padding-left: 8px;
	padding-right: 8px;
}

#footerLogo {
	float: right;
	text-align: right;
	height: 23px;
	background-image: url("/claf/IHS_footer_logo.png");
	background-repeat: no-repeat;
	position: relative;
	top: -10px;
}

#footerLogo a {
	font-size: 11px;
	font-weight: bold;
	color: #307ee9;
	padding-left: 25px;
	display: block;
	position: relative;
	top: 5px;
}

/* Mobile footer */
#mobileFooter {
	padding-top: 25px;
	clear: both;
	color: #999999;
}

#mobileFooter .footerCopyright,.footerLinks {
	font-size: 10px;
	line-height: 12px;
}

#mobileFooter .footerLinks a {
	font-size: 10px;
	color: #999999;
}

/* ===================================== Buttons ================================= */
	/* This code is stolen from Andrew Trickett. I have no idea what is going on here.
    */
.ihsStandardButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	background: #307ee9 url(/claf/button_overlay.png) repeat-x;
	display: inline-block;
	padding: 2px 8px 2px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	position: relative;
	cursor: pointer;
}

.ihsStandardButton a hover {
	color: red;
}

.ihsStandardButton:hover {
	background-color: #0059c2;
	color: white;
	text-decoration: none;
}

.ihsStandardButton:active {
	top: 1px;
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}

.ihsDisabledButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	background: #777777 url(/claf/button_overlay.png) repeat-x;
	display: inline-block;
	padding: 2px 8px 2px;
	color: #CCCCCC;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	position: relative;
	cursor: pointer;
}

.ihsDisabledButton:hover {
	color: #CCCCCC;
	text-decoration: none;
}


.ihsDisabledButton:active {
}

.ihsMobileButton {
	height: 36px;
	max-width: 65px;
	vertical-align: middle;
	white-space:normal;
	font-size: 12px;
}
/* ============================ Pane styles ========================= */
	/* Pane is a visual component. It contains header and content. Examples: Special Reports, Bulletins, etc.
   Also Service Selector is implemented as a pane. */
.pane {
	margin-top: 5px;
	text-align: left;
	color: #444444;
	font-size: 12px;
	background-color: #ededed;
}

/* A box on a top of a pane that contains pane title */
.paneHeader {
	background-image: url("/claf/generic_gradient.gif");
	height: 26px;
}

.paneTitleText {
	height: 26px;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
	padding-left: 12px;
	padding-top: 5px;
	vertical-align: middle;
}

#mobileContainer .paneTitleText {
	font-size: 18px;
}

.paneContent {
	padding-left: 12px;
	padding-right: 12px;
}

.paneContentStartText {
	color: black;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 5px;
}

.paneSeparator {
	border-top: 1px dotted #e0e0e0;
	margin-top: 10px;
	margin-bottom: 5px;
}

/* =========================================== Login page ==================================*/
	/* Login page is specific and maybe it will be re-implemented again, using developed styles.
   I started with login page, because it is the very first page user can see. */
#loginPage p {
	line-height: 18px;
	margin-top: 0px;
}

#loginPage input {
	margin-left: 0px;
	padding-left: 0px;
}

#loginPage #panes {
	height: 268px;
}


#mobileBodyView #panes {
	height: auto;
}

#loginPage .narrowPane {
	float: left;
	color: #444444;
	font-size: 12px;
	background-color: #ededed;
	width: 261px;
	height: 268px;
	margin-right: 15px;
}

#mobileBodyView .narrowPane {
	height: auto;
	padding-bottom: 10px;
	font-size: 18px;
	width: 100%;
}

#loginPage .paneTitle {
	font-size: 12px;
	font-weight: bold;
	color: #222222;
	background-image: url("/claf/generic_gradient.gif");
	height: 18px; /* 26 px height - 8 px padding top */
	padding-left: 10px;
	/* this gives 12px distance between 'L' in 'Log in' and left edge */
	padding-top: 8px;
}

#loginPage .paneContent {
	padding-top: 5px;
	padding-left: 9px;
	padding-right: 10px;
	line-height:14px;
}

#mobileBodyView #loginPage .paneTitle {
	font-size: 18px;
	background-image: none;
	background-color: #e1e1e1;
	padding-bottom: 8px;
}

#mobileBodyView #loginPage .paneContent {
	font-size: 18px;	
}

#mobileBodyView #loginPage input {
	font-size: 18px;	
}

#loginPage .widePane {
	height: 268px;
	font-size: 12px;
	color: #333333;
}

#loginPage .widePaneTitle {
	color: #858585;
	font-size: 18px;
	font-weight: normal;
	padding-left: 5px;
	padding-bottom: 5px;
}

#loginPage .helpLink {
	font-size: 10px;
}

.errorMessage {
	font-size: 12px;
	color: #ed1c24;
	text-align: left;
}

#loginPage .agreementInformation {
	font-size: 10px;
	line-height: 15px;
	margin-top: 12px;
	margin-bottom: 12px;
}

.selfRegInfo{
	line-height:15px;
	margin-left:280px;
}

/*********** EEI LOGIN PAGE STYLES ***************************/

#loginPage .eeiFirstBlock {
	width: 400px;
	float: left;
	padding-left: 40px;	
	padding-top: 40px;
	text-align: center;
}

#loginPage .eeiSecondBlock {
	width: 400px;
	float: left;
	padding-left: 60px;	
	padding-top: 40px;
	text-align: center;
}

#loginPage .eeiLoginForm {
	color: #444444;
	font-size: 12px;
	background-color: #ededed;
	width: 261px;
	height: 188px;
	margin-right:auto;
	margin-left:auto;
	text-align: left;
}

#loginPage .eeiFirstTextBlockStyle {
	width: 400px;
	height: auto;
	padding-bottom: 50px;
	padding-left: 10px;
	text-align: left;
}

#loginPage .eeiFirstTextTitleStyle {
	font-family: Calibri;
	font-size: 18px;
	font-weight: bold;
}

#loginPage .eeiFirstTextBodyStyle {
	font-family: Calibri;
	font-size: 17px;
}

#loginPage .eeiSecondTextBlockStyle {
	width: 460px;
	height: auto;
	padding-bottom: 50px;
	text-align: left;
}

#loginPage .eeiSecondTextTitleStyle {
	font-family: Calibri;
	font-size: 18px;
	font-weight: bold;
}

#loginPage .eeiSecondTextBodyStyle {
	font-family: Calibri;
	font-size: 17px;
}

#loginPage .eeiRegisterFormStyle {
	color: #444444;
	font-size: 12px;
	background-color: #ededed;
	width: 261px;
	height: 328px;
	margin-right:auto;
	margin-left:auto;
	text-align: left;
}

#loginPage .eeiMobileBlockStyle {
	width: 241px;
	height: auto;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align: left;
}

#loginPage .eeiMobileTitleStyle {
	font-family: Calibri;
	font-size: 14px;
	font-weight: bold;
}

#loginPage .eeiMobileBodyStyle {
	font-family: Calibri;
	font-size: 13px;
}

#afterEmailPage .textBlock {
	float: left;
	padding-left: 40px;	
	padding-top: 20px;
	height: auto;
	padding-bottom: 20px;
	text-align: left;
}

#afterEmailPage .mobileTextBlock {
	width: 241px;
	height: auto;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align: left;
	font-family: Calibri;
	font-size: 14px;
} 

/*********** END OF EEI LOGIN PAGE STYLES ********************/



/*================== Logo Styles ============================ */
/* Currently used on the login screen and in Nav Bar */
#logo {
	width: 193px;
	height: 43px;
	float: left;
	position: relative;
	top: 15px;
	background-image: url("/claf/IHS_GI_logo.png");
	background-repeat: no-repeat;
}

#mobileContainer #logo {
	float: none;	
}

/*================== End of Logo Styles ============================ */

/*================== Page Title Bar Styles ============================ */

/* Debug - border around divs */
/* div { border: 1px solid red !important; } */

/* Table implementation - used on all html pages */
/* Coded like this as it works well in IE6 and up */
.pageTitleBarTable {
	width: 100%;
	border-bottom: 1px solid #e0e0e0;
	height: 60px;
	margin-bottom: 5px;
}
.pageTitleBarTableHalfHeight {
	width: 100%;
	border-bottom: 1px solid #e0e0e0;
	height: 30px;
	margin-bottom: 5px;
}

/* Top Row */
/* -- Full Report (top-left text) in PageTitleBar -- */
.pageTitleBarTableTopLeft {
	text-align: left;
	margin-top: 7px;
}
/* -- Date (top-right text) in PageTitleBar -- */
.pageTitleBarTableTopRight {
	text-align: right;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #999999;
	margin-top: 7px;
}

/* Bottom row */
/* -- Page Header Font (page title text) -- */
.pageTitleBarTableBottomLeft {
	text-align: left;
	font-family: Helvetica Neue, Arial;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	margin-top: 5px;
}
/* -- Print/Word/PDF links (bottom right text) in PageTitleBar -- */
.pageTitleBarTableBottomRight {
	text-align: right;
	vertical-align: middle;
	margin-bottom: 3px;
}
	

/*=== Log In Page Title Bar Styles ===*/
#pageTitleBar {
	border-bottom: 1px solid #e0e0e0;
	height: 60px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 4px;
	overflow: hidden;
}
/* -- Page Header Font (page title bar) -- */
.pageTitleText {
	font-family: Helvetica Neue, Arial;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	position: relative;
	margin-top: 10px;
	padding-top: 23px;
}

/* There is no bottom border on the login screen */
#loginPage #pageTitleBar {
	border-bottom: none;
}
/* Specific settings for login page - adding large left margin to allow logo to float to the left.
   Also adding left padding - a distance between vertical bar and start of 'L' in 'Login or Register'. */
#loginPage .pageTitleText {
	margin-left: 192px;
	padding-left: 9px;
	border-left: 1px solid #e0e0e0;
}
/*=== End Log In Page Title Bar Styles ===*/


/*=== PDF Page Title Bar Styles ===*/
/* -- Date (top-right text) in PageTitleBar -- */
.titleBarTopRightText {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #999999;
	float: right;
	display:inline;
	position: relative;
	margin-top: 10px;
}

#pdfContainer .titleBarTopRightText {
	float:none;
	position: relative;
	top: 0px;
}

/*================== End of Page Title Bar Styles ============================ */

/* ========================= Toolbar styles ==================================== */
/* Defines Toolbar Icons (Print View, PDF, Word) for Country Risk Table and similar tables */

.toolBarControlLabel {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	margin-top: 2px;
	margin-right: 2px;
}
.toolBarControlText {
	font-family: Arial;
	font-size: 10px;
	color: #999999;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
}
.toolBarControlLinkText {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	margin-top: 3px;
	margin-left: 2px;
	margin-right: 2px;
}
.toolBarControlLinkImage {
	margin-top: 7px;
	margin-left: 2px;
	margin-right: 2px;
}


/* ========================= End of Toolbar styles ==================================== */

/* ============================= Search box in Page Banner ======================= */
	/* Search box */
#searchBox {
	float: right;
	position: relative;
	top: 40px;
	color: white;
	width: 210px;
}

#searchBox #searchField {
	float: left;
	position: relative;
	display: inline;
	margin-right: 3px;
}

#searchBox #searchField input {
	color: #999999;
}

#searchBox #searchLink {
	line-height: 8px;
	margin-top: 2px;
	padding-top: 0px;
	overflow: visible;
}

#searchBox a {
	color: white;
	font-size: 10px;
}

/* ================================= Search form and search results pages ============================== */

.searchFormLabel {
	width: 120px;
	padding-top: 10px;
	padding-right: 10px;
	font-weight: bold;
	vertical-align: middle;
}

.searchFormLabelMobile {
	width: 100%;
	padding-top: 10px;
	padding-left: 2px;
	margin-right: auto;
	font-weight: bold;
	vertical-align: middle;
	font-size: 18px;
}

.searchFormValue {
	padding-top: 10px;
}

.searchFormValueMobile select, .searchFormInputMobile {
	font-size: 18px;
}

.searchFormDateOptionRadioButton {
	width: 12px;
	height: 23px;
}

.searchFormDateOptionLabel {
	width: 70px;
}

.searchFormDateOptionLabelMobile {
	width: 55px;
	font-size: 18px;
}

.searchFormDateOptionInput {
	width: 178px;
	color: #444444;
}

.searchFormDateOptionInputMobile {
	width: 108px;
	color: #444444;
	font-size: 18px;
}

.searchFormPeriodInput {
	width: 208px;
	color: #444444;
}

.searchFormPeriodInputMobile {
	width: 140px;
	color: #444444;
	font-size: 18px;
}

.searchButtonsBar {
	margin-bottom: 24px;
}

.searchOptionsBar {
	background: #F7F7F7; /* Artur proposes #F7F7F7; */
	padding: 5px;
	margin-top: 24px;
	margin-bottom: 12px;
	line-height: 18px;
}

.searchOptionsBarMobile {
	background: #F7F7F7; /* Artur proposes #F7F7F7; */
	padding: 5px;
	margin-top: 24px;
	margin-bottom: 12px;
	line-height: 18px;
}

.searchOptionsBar span {
	margin-right: 10px;
	font-size: 12px;
	font-weight: normal;
	color: #696969;
}

.searchOptionsBarMobile span {
	font-size: 18px;
}

.searchOptionsBar select {
	font-size: 11px;
	color: #7f7f7f;
}

.searchOptionsBarMobile select {
	font-size: 18px;
}

.resetLink {
	display: inline-block;
	color: #307ee9;
	font-size: 11px;
	font-weight: normal;
	margin-left: 10px;
	margin-top: 0px;
	padding-bottom: 2px;
}

.verticallyCentered {
	display: block;
	float: left;
	margin-top: 2px;	
}

.searchFilterBox {
	margin-top: 12px;
}

.searchFilterBox select {
	width: 185px;
	font-size: 11px;
	color: #444444;
}

#mobileContainer .searchFilterBox select {
	width: 100%;
	font-size: 18px;
}

.searchFilterBox .documentTitle {
	font-size: 11px;	
}

#mobileContainer .searchFilterBox .documentTitle {
	font-size: 18px;	
}

.searchResultsBox {
	margin-right: 192px;
}

#mobileContainer .searchResultsBox {
	margin-right: 2px;
}

/* ================================= Service selector ================================= */
	/* Services selector */
.serviceSelectorElement {
	line-height: 14px;
	margin: 10px;
	font-size: 12px;
}

/* =============================== Main document style ==================================== */
	/* Main document style, used in SDA, Bulletins, Special Reports, Key Files, etc. */
	/* It was previously called 'relatedInfo'. */
	/* left FFE pane (containersection1) and non-FFE pages */
.document {
	margin-top: 5px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
}

#tagfloatright .document {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
}

#mobileContainer .document {
	font-size: 16px;
}

.document input {
	margin-left: 0px;
}

/* non-link document tag */
.documentTag {
	color: #444444;
	font-weight: bold;
	margin-top: 0px;
}

/* link document tag */
.documentTag a {
	color: #307ee9;
	font-weight: normal;
	margin-top: 0px;
}

/* non-link document link */
.documentLink {
	color: #307ee9;
	font-weight: normal;
	margin-top: 0px;
}

.documentDate {
	text-transform: uppercase;
	color: #444444;
	margin-top: 0px;
}

.documentTitle {
	font-weight: bold;
	color: #307ee9;
	margin-top: 0px;
}

/* creates a larger document title within a SearchDocList page */
#searchdoclist .documentTitle {
	font-size: 18px;
	font-weight: normal;
	color: #858585;
	padding: 15px 0px 5px 0px;
}

.documentBody {
	color: #444444;
	margin-top: 0px;
}

.documentMoreLink {
	text-align: right;
	margin-top: 5px;
	color: #444444;
}

.documentMoreLink a {
	padding-bottom: 10px;
}

.documentMoreLinkLeftAlign {
	text-align: left;
	margin-top: 5px;
	color: #444444;
}

.documentMoreLinkLeftAlign a {
	padding-bottom: 10px;
}


.documentImage {
	float: left;
	padding-right: 5px;
	position: relative;
	top: 2px;
}

.documentCounter {
	color: #444444;
}

.documentAvailableSoon {
	color: #444444;
}

.classificationString {
	font-size: 10px;
	color: #ed1c24;
	text-transform: uppercase; 
}

.dataReleaseListTitle {
	text-align: left;
	font-weight: bold;
	font-size: 20px;
	color: #858585;
	margin-top: 5px;
	padding-top: 10px;
	padding-bottom: 5px;
}

.publicationTitle {
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	margin-top: 0px;
}

.publicationIcon {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}


/* ==================================== FFE pages ==================================== */
.componentTemplate {
	vertical-align: top;
}

.componentElement {
	margin-bottom: 10px;
}

#containersection1 {
	
}

/* containersection2 - right FFE pane */
#containersection2 {
	margin-left: 12px;
/*	width: 180px; */
}


#containersection2 .document {
	margin-top: 5px;
	margin-bottom: 15px;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
}

/* ========================= FFE Editor styles ==================================== */
.ffeEditTableTemplate .componentTemplate{
	border-collapse:collapse;
	border-style:dashed;
	border-width:3px;
	border-color:#999999;
}
.ffeEditTable{
	border-style:solid;
	border-width:1px;
	border-color:#444444;
    padding: 5px 0px 5px 0px;
}
.ffeEditTableHeader{
	vertical-align: middle;
	height: 15px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
	color: #444444;
	background-color: #dcdcdc;
	padding: 2px 5px 2px 5px;
}
.ffeEditTableContent{
	height: 15px;
	vertical-align: middle;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;
	color: #444444;
	background-color: #e9e9e9;
	padding: 2px 5px 2px 5px;
}
/* ========================= End of FFE Editor styles ==================================== */

/* ============================ Tabbed pane styles ============================== */
	/* Used in SDA in Healthcare and Pharma Service, and for My Accounts & Alerts page */
.tabbedPane {
	margin-top: 13px;
	margin-bottom: 13px;
}

.tabbedPaneHeader {
	height: auto;
}

#tabs a {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
}

#tabs dt {
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	padding-top: 27px;
	float: left;
	width: 10px;
	height: 26px;
	background-image: url("/claf/tabbed_pane_gradient.png");
}

#tabs dd {
	float: left;
	height: 26px; /* 53 px height - 27 px padding top */
	padding-left: 17px;
	padding-right: 17px;
	padding-top: 27px;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	background-image: url("/claf/tabbed_pane_gradient.png");
}

#tabs dd a {
	color: #307ee9;
}

#tabs .selected {
	background-image: url("/claf/tabbed_pane_gradient_selected.png");
	border-bottom: 1px solid #ffffff;
}

#tabs .selected a {
	color: black;
}

#tabs .unselected {

}

.tabbedPaneContent {
	border: 1px solid #e9e9e9;
	padding: 5px;
	clear: both;
}


/* ============================ SDA additional styles =========================== */
.pageFilterBar {
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: left;
}

.categoryTitle {
	text-align: left;
	font-weight: bold;
	font-size: 20px;
	color: #858585;
	margin-top: 5px;
	padding-top: 10px;
	padding-bottom: 5px;
	border-top: 1px solid #e9e9e9;
}

.parentRegion {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: black;
	margin-bottom: 5px;
}
#mobileContainer .parentRegion {
	font-size: 16px;
}

.rssLinks {
	float: right;
	font-family: Arial;
	font-size: 10px;
	color: #307ee9;
}

.rssLinks a {
	margin-left: 5px;
	margin-right: 5px;
}

.rssLinks img {
	position: relative;
}


/* Document list styles (e.g. special reports, sda, etc.) */
.documentListButtons {
	margin-left: 0px;
	margin-bottom: 5px;
	line-height: 18px;
}

.documentListButtons input {
	margin-right: 10px;
}

.documentListButtons a {
	margin-right: 10px;
}

/* TABLE STYLES */

.tableCategory {
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	color: #444444;
	background-color: #e9e9e9;
	padding: 10px 5px 3px 3px;
}

.tableBodyText {
	font-family: Arial;
	font-size: 12px;
	color: #444444;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #f0f0f0;
}
.tableBodyTextNoBorder {
	font-family: Arial;
	font-size: 12px;
	color: #444444;
}

.alignRight{
	text-align: right;
}

.alignCenter{
	text-align: center;
}

.alignLeft{
	text-align: left;
}

.alignTop{
	vertical-align: top;
}

.alignBottom{
	vertical-align: bottom;
}

.searchWidth{
	width:300px;	
}

.searchWidthMobile{
	width: 100%;	
}


.searchWidthSmaller{
	width:295px;	
}

.searchWidthExpressionMobile{
	width: auto;	
	font-size: 18px;
}

.riskTableCategory {
	vertical-align: middle;
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: #444444;
	background-color: #e9e9e9;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
}
.riskTableCategoryWord {
	vertical-align: middle;
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: #444444;
	background-color: #e9e9e9;
}
.riskTableCategoryWordSmall {
	vertical-align: middle;
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	font-size: 9px;
	color: #444444;
	background-color: #e9e9e9;
}
.riskTableCategorySmall {
	vertical-align: middle;
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	font-size: 8px;
	color: #444444;
	background-color: #e9e9e9;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
}

/*additional style, not defined in styleguide, it is used to highlight selected sorting */
.riskTableCategorySelected {
	vertical-align: middle;
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: white;
	background-color: #a3a3a3;
}
.riskTableCategorySelectedSmall {
	vertical-align: middle;
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	font-size: 8px;
	color: white;
	background-color: #a3a3a3;
}

.riskTableDownArrowCell {
	text-align: center;
	vertical-align: top;
}

.riskTableUpArrowCell {
	text-align: center;
	vertical-align: bottom;
}

/*additional style, not defined in styleguide, it is used to make text visible in different background*/
.pdfHeaderLogo {
	vertical-align: bottom;
	text-align: left;
	height: 400px;
	background-image: url('imgs/pdf_images/IHS_GI_PDF_small_logo.png');
	background-position: left bottom; 
	background-repeat: no-repeat
}

.pdfStrip{
	background-image: url(/imgs/pdf_images/pdf_blue_stripe.png);
	/*height: 68px;*/ 
	width: 690px;
	vertical-align: bottom;
	text-align: left;
	font-size: 24px;
	font-family: Arial;
	color:white;
	margin-right:10px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
}

.pdfReportTitle {
	vertical-align: bottom;
	height: 50px;
	color: black;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #f0f0f0;
	font-size: 18px;
	font-family: Arial;
	Font-weight:bold;
	text-align: left;
	padding: 10px 10px 10px 10px;
}
.pdfDate {
	vertical-align: bottom;
	height: 50px;
	color: #999999;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #f0f0f0;
	font-size: 12px;
	font-family: Arial;
	text-align: right;
	padding: 10px 10px 10px 10px;
	text-transform: uppercase;
}


.riskTableBodyText {
	vertical-align: middle;
	height: 26px;
	color: black;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #f0f0f0;
	font-size: 12px;
	font-family: Arial;
	padding: 2px 2px 2px 2px;
}

.riskTableBodyTextCentered {
	vertical-align: middle;
	font-size: 12px;
	font-family: Arial;
	text-align: center;
	height: 26px;
	color: black;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #f0f0f0;
	padding: 2px 2px 2px 2px;
}
.PDFriskTableBodyText {
	height: 22px;
	vertical-align: middle;
	font-size: 9px;
	font-family: Arial;
	vertical-align: middle;
	border-bottom:1px solid #f0f0f0;
	padding: 2px 2px 2px 2px;
}

.PDFriskTableBodyTextCentered {
	height: 22px;
	vertical-align: middle;
	font-size: 9px;
	font-family: Arial;
	text-align: center;
	vertical-align: middle;
    border-bottom:1px solid #f0f0f0;
    padding: 2px 2px 2px 2px;
}

.myRiskTableBodyText {
	vertical-align: middle;
	height: 26px;
	color: black;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #f0f0f0;
	font-size: 12px;
	font-family: Arial;
}

.myRiskTableBodyTextCentered {
	height: 26px;
	vertical-align: middle;
	font-size: 12px;
	font-family: Arial;
	text-align: center;
	color: black;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #f0f0f0;
}

.myLibraryTableHeaderText{
	vertical-align: middle;
	height: 40px;
	color: black;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #f0f0f0;
	font-family: Arial;
	padding: 3px 0px 3px 6px;
	font-weight: bold;
	font-size: 12px;
}

.myLibraryTableHeaderTextSmall{
	height: 10px;
}

.myLibraryTableBodyText {
	vertical-align: middle;
	height: 40px;
	color: black;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #f0f0f0;
	font-size: 12px;
	font-family: Arial;
	padding: 3px 0px 3px 6px;
}

.sovereignRiskTableBodyText {
	vertical-align: middle;
	height: 32px;
	color: black;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #f0f0f0;
	font-size: 12px;
	font-family: Arial;
}

.sovereignRiskTableBodyTextCentered {
	height: 32px;
	vertical-align: middle;
	font-size: 12px;
	font-family: Arial;
	text-align: center;
	color: black;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #f0f0f0;
}
.PDFsovereignRiskTableBodyText {
	vertical-align: middle;
	height: 28px;
	color: black;
	border-bottom:1px solid #f0f0f0;
	font-size: 9px;
	font-family: Arial;
}

.PDFsovereignRiskTableBodyTextCentered {
	height: 28px;
	vertical-align: middle;
	font-size: 9px;
	font-family: Arial;
	text-align: center;
	color: black;
	border-bottom:1px solid #f0f0f0;
}

.emptycell {
	height: 18px;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #f0f0f0;
}
.emptycellsmall {
	height: 9px;
}

.riskGrade {
	vertical-align: middle;
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: black;
	background-color: #e9e9e9;
	height: 28px;
	
}

/* Ranking table styles */
.rankingTableFilter  {
	color: #444444;
}

.rankingTableFilter .genTableContent {
	border: none;
}

/*================== Data Release Calendar table Styles ============================ */

.calendarTableHeader{
	text-align: center;
	vertical-align: top;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	border-style:solid;
	border-width:1px;
	border-color:#f0f0f0;
	padding: 2px 2px 2px 2px;
}

.calendarTableContent{
	height: 100px;
	text-align: left;
	vertical-align: top;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	border-style:solid;
	border-width:1px;
	border-color:#f0f0f0;
	padding: 2px 2px 2px 2px;
}

/*================== End of Data Release Calendar table Styles ===================== */

/*================== Generic table Styles ============================ */
/* Used by Magellan tables, Publications & Files, Software Downloads, Data Documentation */
/* Country Summary, Risk History, NTSDM tables */

.pageTableContainer{
    border-collapse: separate;
    border-spacing: 0px;
    padding: 5px 5px 5px 5px;
}
/* table spacing (around outside of whole table) */
.genTable{
    border-collapse: separate;
    border-spacing: 0px;
    padding: 5px 0px 5px 0px;
}
.genTableEvenPadding{
    border-collapse: separate;
    border-spacing: 0px;
    padding: 8px 8px 8px 8px;
}
/* table title - Black text on white background */
.genTableTitle{
	height: 26px;
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	padding: 2px 0px 2px 0px;
}
.genTableTitleNoAlign{
	height: 26px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	padding: 2px 0px 2px 0px;
}
/* Dark Grey - Used as table header row when there are multiple header rows */
.genTableHeader{
	height: 26px;
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	background-color: #dcdcdc;
	border-top-style:solid;
	border-width:1px;
	border-color:#ffffff;
	padding: 2px 5px 2px 5px;
}
.genTableHeaderNoTextAlign{
	vertical-align: middle;
	height: 26px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	background-color: #dcdcdc;
	border-top-style:solid;
	border-width:1px;
	border-color:#ffffff;
	padding: 2px 5px 2px 5px;
}
.genTableHeaderNoAlign{
	height: 26px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	background-color: #dcdcdc;
	border-top-style:solid;
	border-width:1px;
	border-color:#ffffff;
	padding: 2px 5px 2px 5px;
}
.genTableHeaderWhiteBG{
	height: 26px;
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	background-color: #ffffff;
	padding: 2px 5px 2px 5px;
}

/* Light Grey - Used as table header row - except if there are multiple header */
/* rows, when it is used as a subheader */
.genTableSubHeader{
	height: 26px;
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	background-color: #e9e9e9;
	padding: 2px 5px 2px 5px;
}
.genTableSubHeaderNoTextAlign{
	height: 26px;
	vertical-align: middle;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	background-color: #e9e9e9;
	padding: 2px 5px 2px 5px;
}
.genTableSubHeaderNoAlign{
	height: 26px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	background-color: #e9e9e9;
	padding: 2px 5px 2px 5px;
}
/* Used for table content cells */
.genTableContent{
	height: 22px;
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#f0f0f0;
	padding: 2px 5px 2px 5px;
}
.genTableContentBold{
	height: 22px;
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#f0f0f0;
	padding: 2px 5px 2px 5px;
}
.genTableContentRight{
	height: 22px;
	text-align: right;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#f0f0f0;
	padding: 2px 5px 2px 5px;
}
.genTableContentRightBold{
	height: 22px;
	text-align: right;
	vertical-align: middle;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#f0f0f0;
	padding: 2px 5px 2px 5px;
}
.genTableContentCenter{
	height: 22px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#f0f0f0;
	padding: 2px 5px 2px 5px;
}
.genTableContentCenterBold{
	height: 22px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#f0f0f0;
	padding: 2px 5px 2px 5px;
}
.genTableContentNoBorder{
	height: 22px;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	color: #444444;
	line-height: 18px;
	padding: 2px 5px 2px 5px;
}
/* Used by Magellan tables for forecast cells */
.genTableContentForecast{
	height: 22px;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#f0f0f0;
	background-color: #dcdcdc;
	padding: 2px 5px 2px 5px;
}
/* Glossary table styles */
/* Used by Glossary table for term list parent cells */
.genTableGlossaryContentDarkGreyBackground{
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	line-height: 19px;
	color: #444444;
	border-top-style:solid;
	border-width:1px;
	border-color:#ffffff;
	background-color: #dcdcdc;
	padding: 2px 5px 2px 5px;
}
#mobileContainer .genTableGlossaryContentDarkGreyBackground {
	font-size: 17px;
	line-height: 20px;
}
/* Used by Glossary table for term list cells */
.genTableGlossaryContentGreyBackground{
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	border-top-style:solid;
	border-width:1px;
	border-color:#ffffff;
	background-color: #e9e9e9;
	padding: 2px 5px 2px 10px;
}
#mobileContainer .genTableGlossaryContentGreyBackground {
	font-size: 16px;
	line-height: 20px;
}
.genTableGlossaryContentWhiteBackground{
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	border-top-style:solid;
	border-width:1px;
	border-color:#ffffff;
	background-color: #ffffff;
	padding: 2px 5px 2px 10px;
}
/* End Glossary table styles */

.genTableContentSmall{
	height: 22px;
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-size: 10px;
	color: #444444;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#f0f0f0;
	padding: 2px 5px 2px 5px;
}

.genTableContentLink {
	font-weight: bold;
}
/* Used for table notes etc */
.genTableSmallText{
	text-align: left;
	font-family: Arial;
	font-size: 10px;
	color: #444444;
	background-color: #f7f7f7;
	padding: 5px 5px 5px 5px;
}
.genTableSmallTextNoAlign {
	font-family: Arial;
	font-size: 10px;
	color: #444444;
	background-color: #f7f7f7;
	padding: 5px 5px 5px 5px;
}
.genTableSmallTextBare {
	font-family: Arial;
	font-size: 10px;
	color: #444444;
	padding: 5px 5px 5px 5px;
}

/* Separate styles for Risk Snapshot Tables, as these need filled cells + different border colour */
.genTableSnapContent{
	height: 18px;
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	background-color: #e9e9e9;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#dbdbdb;
	padding: 2px 5px 2px 5px;
}
.genTableSnapContentBold{
	height: 18px;
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	background-color: #e9e9e9;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#dbdbdb;
	padding: 2px 5px 2px 5px;
}
.genTableSnapContentNoBorder{
	height: 18px;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	color: #444444;
	background-color: #e9e9e9;
	line-height: 18px;
	padding: 2px 5px 2px 5px;
}
.genTableSnapNotes{
	height: 18px;
	vertical-align: middle;
	font-family: Arial;
	font-size: 10px;
	color: #444444;
	background-color: #e9e9e9;
	line-height: 12px;
	padding: 5px 5px 5px 5px;
}

/* Separate styles for Dynamic Object Tables, as there can be user specified colours and alignment */
.genTableDynObjHeader{
	height: 26px;
	vertical-align: middle;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	background-color: #dcdcdc;
	line-height: 18px;
	padding: 2px 5px 2px 5px;
}
.genTableDynObjSubHeader{
	height: 26px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	background-color: #e9e9e9;
	line-height: 18px;
	padding: 2px 5px 2px 5px;
}
.genTableDynObjContent{
	height: 22px;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#dbdbdb;
	padding: 2px 5px 2px 5px;
}
.genTableDynObjContentNoBorder{
	height: 22px;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	padding: 2px 5px 2px 5px;
}
/*================== End of Generic table Styles ===================== */


/* =============================== Generic document styles ==================================== */
/* Generic document styles, used in Article display, Filter Report and for text on other non-standard pages */
.genDocumentTitle {
	font-family: Helvetica Neue, Arial;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	color: #858585;
	text-align: left;
	padding: 15px 0px 5px 0px;
	
}

#mobileContainer .genDocumentTitle {
	font-size: 22px;
	line-height: 22px;
}

.genDocumentTitleNoAlign {
	font-family: Helvetica Neue, Arial;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	color: #858585;
	padding: 15px 0px 5px 0px;
}

#mobileContainer .genDocumentTitleNoAlign {
	font-size: 22px;
	line-height: 22px;
}
 	 		
.genDocumentSubTitle {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color: #444444;
	text-align: left;
	padding: 5px 0px 5px 0px;
}
#mobileContainer .genDocumentSubTitle {
	font-size: 18px;
}
.genDocumentAbstract {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #444444;
	text-align: left;
	padding: 5px 0px 5px 0px;
}

#mobileContainer .genDocumentAbstract {
	font-size: 16px;
}

.genDocumentAbstractItalic {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	line-height: 18px;
	color: #444444;
	text-align: left;
	padding: 5px 0px 5px 0px;
}

#mobileContainer .genDocumentAbstractItalic {
	font-size: 16px;
}
.genDocumentBody {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #444444;
	text-align: left;
	padding: 5px 0px 5px 0px;
}

#mobileContainer .genDocumentBody {
	font-size: 16px;
}

.genDocumentBodySmall {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	line-height: 18px;
	color: #858585;
	text-align: left;
	padding: 5px 0px 5px 0px;
}

#mobileContainer .genDocumentBodySmall {
	font-size: 14px;

}

.genDocumentLink {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: #444444;
	text-align: left;
	padding: 5px 0px 5px 0px;
}
#mobileContainer .genDocumentLink {
	font-size: 16px;
}
.genDocumentBodyNoAlign {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #444444;
	padding: 5px 0px 5px 0px;
}
#mobileContainer .genDocumentBodyNoAlign {
	font-size: 16px;
}
#mobileContainer .genDocumentBodyNoAlign sub {
	font-size:xx-small; 
	vertical-align:bottom;
}
.genDocumentDateText {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	line-height: 18px;
	color: #444444;
	padding: 5px 0px 5px 0px;
}
#mobileContainer .genDocumentDateText {
	font-size: 14px;
}
.genDocumentDateTextItalic {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	line-height: 18px;
	color: #444444;
	padding: 5px 0px 5px 0px;
}
#mobileContainer .genDocumentDateTextItalic {
	font-size: 14px;
}
.genDocumentDivider {
	line-height: 1px;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#e9e9e9;
	padding: 5px 0px 5px 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	
}
/* ========================= End of Generic document styles ==================================== */

/* ========================= Generic Form styles =========================================== */

/* Form spacing (around outside of whole Form table) */
.genForm{
    border-collapse: separate;
    border-spacing: 0px;
	background-color: #e9e9e9;
    margin: 5px 0px 5px 0px;
    padding: 6px 6px 6px 6px;
}
.genFormWhite{
    border-collapse: separate;
    border-spacing: 0px;
	background-color: #FFFFFF;
    margin: 5px 0px 5px 0px;
    padding: 6px 6px 6px 6px;
}
.genFormHeader{
	vertical-align: top;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	line-height: 18px;
	color: #444444;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#666666;
	padding: 8px 0px 8px 6px;
}
.genFormLabel{
	text-align: right;
	vertical-align: top;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	padding: 8px 0px 8px 6px;
}
.genFormLabelNoAlign{
	vertical-align: top;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	padding: 8px 0px 8px 6px;
}
.genFormLabelNoVerticalAlign{
	text-align: right;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	padding: 8px 0px 8px 6px;
}
.genFormContent{
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	padding: 8px 6px 8px 8px;
}
.genFormContentNoAlign{
	vertical-align: top;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	padding: 8px 6px 8px 8px;
}
.genFormContentNoVerticalAlign{
	text-align: left;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	padding: 8px 6px 8px 8px;
}
.genFormContentNoTextAlign{
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	padding: 8px 6px 8px 8px;
}
.genFormButtonRow{
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	padding: 14px 6px 8px 6px;
}

.genFormButtonRowNoAlign{
	vertical-align: middle;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	padding: 14px 6px 8px 6px;
}
.genFormContent select{    
	font-family: Arial;    
 	font-size: 11px;
 	color: #444444;    
}
.genFormContentNoAlign select{    
	font-family: Arial;    
 	font-size: 11px;
 	color: #444444;    
}
.genFormContentThin select{    
	font-family: Arial;    
 	font-size: 11px;
 	color: #444444;    
}
.genFormContent input{    
	font-family: Arial;    
 	font-size: 11px;
 	color: #444444;    
}
.genFormContentNoAlign input{    
	font-family: Arial;    
 	font-size: 11px;
 	color: #444444;    
}
.genFormContentOptionBold{    
	font-family: Arial;    
 	font-size: 11px;
 	color: #333333;    
}
.genFormContainer{
    border-collapse: separate;
    border-spacing: 0px;
    margin: 0px 5px 0px 5px;
}

/* Smaller rows (height) - used by Alerts tab in My Account & Alerts */
.genFormLabelThin{
	text-align: right;
	vertical-align: top;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	padding: 3px 0px 3px 6px;
}
.genFormLabelThinNoAlign{
	vertical-align: top;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	padding: 3px 0px 3px 6px;
}
.genFormLabelThinNoAlignBlackLink a {
	vertical-align: top;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	padding: 3px 0px 3px 6px;
}
.genFormContentThin{
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	padding: 3px 6px 3px 8px;
}
.genFormContentThinNoAlign{
	vertical-align: top;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	padding: 3px 6px 3px 8px;
}
/* End of Smaller rows (height) - used by Alerts tab in My Account & Alerts */


/* ========================= End of Generic Form styles ==================================== */

.passwordRecoveryForm input[type="radio"] {
	position: relative;
	top: -2px;
}

.passwordRecoveryForm .genFormLabel {
	padding-left: 0px;
	padding-right: 10px;
	text-align: left;
}


/* ============================ NTSDM styles =========================== */

.ntsdmtabbedPaneContent {
	border-top: 1px solid #e9e9e9;
	padding: 10px 0px 10px 0px;
}
a.ntsdmlinknounderline:hover {
	text-decoration: none;
}
.ntsdmComboDiv {
	height: 150px;
	background-color: #e9e9e9;
	display: none;
	padding: 10px 10px 10px 10px;
}
.ntsdmComboSplitSearchDiv {
	height: 175px;
	background-color: #e9e9e9;
	display: none;
	padding: 10px 10px 10px 10px;
}
.ntsdmSingleComboDiv {
	background-color: #e9e9e9;
	display: none;
	padding: 10px 10px 10px 10px;
}
.ntsdmSingleInputDiv {
	background-color: #e9e9e9;
	display: block;
	padding: 10px 10px 10px 10px;
}
.ntsdmComboDiv select{    
	font-family: Arial;    
 	font-size: 11px;
 	color: #444444;    
}
.ntsdmComboSplitSearchDiv select{    
	font-family: Arial;    
 	font-size: 11px;
 	color: #444444;    
}
.ntsdmSingleComboDiv select{    
	font-family: Arial;    
 	font-size: 11px;
 	color: #444444;    
}
.ntsdmSingleInputDiv input{    
	font-family: Arial;    
 	font-size: 11px;
 	color: #444444;    
}
.ntsdmProfileTitle {
	font-family: Helvetica Neue, Arial;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	color: #858585;
	text-align: left;
	padding: 15px 0px 5px 0px;
}

.ntsdmSplitItem{
	vertical-align: top;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #307ee9;
	padding: 3px 0px 3px 6px;
}

a.ntsdmSplitItemSelected {
	color: black;
}
/* ============================ End NTSDM styles =========================== */

/* ============================ Glossary styles =========================== */
a.glossarylinknounderline:hover {
	text-decoration: none;
}
/* ============================ End NTSDM styles =========================== */

/*================== Category Selector Styles ============================ */
.tableCatSelect {
	border-collapse: separate;
	border-spacing: 2px;
	padding: 0px 2px 0px 2px;
}

.tableCatSelectContent {
	background-color: #a3a3a3;
}

.catSelectTitle {
	height: 18px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	color: #000000;
	padding: 3px 3px 3px 3px;
}

.catSelectParent {
	height: 18px;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #ffffff;
	vertical-align: middle;
	font-family: Arial;
	font-size: 13px;
	color: #ffffff;
	background-color: #a3a3a3;
	padding: 3px 0px 3px 10px;
}

.catSelectParentSelected {
	height: 18px;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #ffffff;
	vertical-align: middle;
	font-family: Arial;
	font-size: 13px;
	color: #333333;
	background-color: #f0f0f0;
	padding: 3px 0px 3px 10px;
}

.catSelectChildContent {
	border-collapse: separate;
	border-spacing: 2px;
	padding: 2px 2px 2px 2px;
}

.catSelectChild {
	height: 18px;
	font-family: Arial;
	line-height: 15px;
	font-size: 12px;
	vertical-align: top;
	color: #307ee9;
	background-color: #f0f0f0;
	padding: 3px 2px 3px 2px;
}

.catSelectChildHeader {
	color: #333333;
	padding: 3px 2px 3px 2px;
}

/*================== End of Category Selector Styles ===================== */

/*================== Map Navigation Styles ============================ */
.tableMapNav {
	padding: 15px 15px 15px 15px;
}

/*================== End of Map Navigation Styles ============================ */

/*============================= Default Landing Page Style ======================================== */
.defaultlandingpage {
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
	color: #444444;
}

/*============================= End Default Landing Page Style ======================================== */

/*============================= CL&F CONTENT TOOL STYLES =============================================*/

/*-- For use inside documents for headings --*/

/*-- BODY CONTENT STYLES --*/
/*-- For CL&F, these have all been made the same font size, and have the same line-height and margin details --*/
.bodyHeading1 {
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	line-height: 18px;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 0px;
}
#mobileContainer .bodyHeading1 {
	font-size: 22px;
}

.bodyHeading2 {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	line-height: 18px;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 0px;
}
#mobileContainer .bodyHeading2 {
	font-size: 20px;
}

.bodyHeading3 {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #000000;
	line-height: 18px;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 0px;
}
#mobileContainer .bodyHeading3 {
	font-size: 18px;
}

.bodyHeading4 {
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	color: #000000;
	line-height: 18px;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 0px;
}
#mobileContainer .bodyHeading4 {
	font-size: 18px;
}

.bodyHeading5 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 18px;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 0px;
}
#mobileContainer .bodyHeading5 {
	font-size: 16px;
}

.bodyHeading6 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 18px;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px 0px 8px 6px;
}
#mobileContainer .bodyHeading6 {
	font-size: 16px;
}


/*-- END BODY CONTENT STYLES --*/

/*-- OTHER TEXT STYLES --*/
/* -- Medium Header Text Links (Document Title / Region Link etc)  -- */
.documentTitleMedium {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #444444;
	text-decoration: none;
}
blockQuote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #444444;
	text-decoration: none;
	margin-bottom: 10px;
	margin-right: 0.5in;
	margin-left: 0.5in;
}
/*-- GLOBAL INSIGHT TABLE AND PERSPECTIVE STYLES --*/

/*-- Table titles --*/
td.tableTitle {
	height: 26px;
	color: #000000;
	background-color: #dcdcdc;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	padding: 2px 5px 2px 5px;
}
p.tableTitle {
	margin: 0px 3px 0px 3px
}
td.tableTitleBold {
	height: 26px;
	color: #000000;
	background-color: #dcdcdc;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
}
p.tableTitleBold {
	margin: 0px 3px 0px 3px
}

/*-- Table contents --*/
td.tableContent {
	color: #444444;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	text-decoration: none;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#f0f0f0;
	padding: 2px 5px 2px 5px;
}
p.tableContent {
	margin: 0px 3px 0px 3px
}

/*-- Table contents NO bottom border --*/
td.tableContentNoBorder {
	color: #444444;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
}
p.tableContentNoBorder {
	margin: 0px 3px 0px 3px
}

option.ContentNormal {
	color: #444444;
}


option.ContentBlue {
	color: #307EE9;
}

/*-- Small Table Font --*/
td.tableContentSmall {
	color: #444444;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
	text-decoration: none;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#f0f0f0;
	padding: 2px 5px 2px 5px;
}
p.tableContentSmall {
	margin: 0px 3px 0px 3px
}

/*-- Large Table Font --*/
td.tableContentLarge {
	color: #444444;
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	line-height: 18px;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#f0f0f0;
	padding: 2px 5px 2px 5px;
}
p.tableContentLarge {
	margin: 0px 3px 0px 3px
}

/*-- Default Table Heading Font (Row Col headers etc) --*/
td.tableHeading {
	color: #444444;
	background-color: #e9e9e9;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
}
p.tableHeading {
	margin: 0px 3px 0px 3px
}
/*-- Small Table Heading Font (Row Col headers etc --*/
td.tableHeadingSmall {
	color: #444444;
	background-color: #e9e9e9;
	font-family: Arial;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
}
p.tableHeadingSmall {
	margin: 0px 3px 0px 3px
}

/*-- Large Table Heading Font (Row Col headers etc) --*/
td.tableHeadingLarge {
	color: #444444;
	background-color: #e9e9e9;
	font-family: Arial;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
}
p.tableHeadingLarge {
	margin: 0px 3px 0px 3px
}

/*-- Clear Background color --*/
td.tableContentClear {
	color: #000000;
	background-color: transparent;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#f0f0f0;
	padding: 2px 5px 2px 5px;
}
p.tableContentClear {
	margin: 0px 3px 0px 3px
}

/*-- Clear Background color NO bottom border --*/
td.tableContentClearNoBorder {
	color: #000000;
	background-color: transparent;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	padding: 2px 5px 2px 5px;
}
p.tableContentClearNoBorder {
	margin: 0px 3px 0px 3px
}

/*-- Large Clear Background color --*/
td.tableContentClearLarge {
	color: #000000;
	background-color: transparent;
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#f0f0f0;
	padding: 2px 5px 2px 5px;
}
p.tableContentClearLarge {
	margin: 0px 3px 0px 3px
}
td.tableContentTextBox{
color: #444444;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	text-decoration: none;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#f0f0f0;
	background-color:#e9e9e9;
	padding: 2px 5px 2px 5px;
}
p.tableContentTextBox {
	margin: 0px 3px 0px 3px
}
	
/*-- Notes --*/
td.tableNotes {
	border: 1px solid #FFF;
	color: #000000;
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	line-height: 18px;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
}
p.tableNotes {
	margin: 0px 3px 0px 3px
}

/*-- TABLE STYLES USED BY CONTENT TOOL FOR PERSPECTIVE TABLES --*/
/*-- DO NOT DELETE THE td. SINCE CONTENT TOOL CURRENTLY OUTPUTS -*/
/*-- <p class=tableTitleBoldPerspective> WHICH DOES STRANGE THINGS --*/
td.tableTitlePerspective {
	color: #000000;
	background-color: #e9e9e9;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	padding: 2px 5px 2px 5px;
}
p.tableTitlePerspective {
	white-space: nowrap;
	margin: 0px 3px 0px 3px;
}
td.tableTitleBoldPerspective {
	color: #000000;
	background-color: #e9e9e9;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 2px 5px 2px 5px;
}
p.tableTitleBoldPerspective {
	white-space: nowrap;
	margin: 0px 3px 0px 3px;
}
td.tableHeadingPerspective {
	color: #444444;
	background-color: #e9e9e9;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 2px 5px 2px 5px;
}
p.tableHeadingPerspective {
	margin: 0px 3px 0px 3px
}
	
/*-- END GLOBAL INSIGHT TABLE AND PERSPECTIVE STYLES --*/

/*-- TABLE ALIGNMENT STYLES --*/
/*-- TABLE STYLES USED BY EDITORS --*/
table.tableAuto {
	-fs-table-pagination: paginate;
	border-spacing: 0;
}

table.tableL {
	float: left;
}

table.tableR {
	float: right;
}

table.table100 {
	width: 100%;
	-fs-table-pagination: paginate;
	border-spacing: 0;
}

table.table45 {
	width: 45%;
}

table.table45L {
	width: 45%;
	float: left;
}

table.table45R {
	width: 45%;
	float: right;
}
table.table65L {
	width: 65%;
	float: left;
}

table.table65R {
	width: 65%;
	float: right;
}

table.table100NoBorder {
	width: 100%;
	border-spacing: 0;
}

table.table100Even {
	width: 100%;
	table-layout: fixed;
	border-spacing: 0;
}

table.table45Even {
	width: 45%;
	table-layout: fixed;
}

table.table45EvenL {
	width: 45%;
	table-layout: fixed;
	float: left;
}

table.table45EvenR {
	width: 45%;
	table-layout: fixed;
	float: right;
}

table.table100EvenNoBorder {
	width: 100%;
	table-layout: fixed;
	border-spacing: 0;
}

table.tableTextBox45R{
	width: 45%;
	float: right;
	border: 0.5pt solid #f0f0f0;
}

table.scrollabletable {
	background: #ffffff;
	border: 1px solid black;
}

#mobileContainer table.table100Even {
	width: auto;
}

#mobileContainer table.table45R {
	float: none;			
}

#mobileContainer table.table45L {
	float: none;			
}

/*-- END TABLE ALIGNMENT STYLES USED BY EDITORS --*/

/* LEGACY CONTENT - WMRC */
/*		Replace inline fonts in reports with correct body and table fonts */
/*		Note: Attribute selection works in Firefox but not IE6, so body font in IE6 will be 13px rather than 12px */
span.bodyCopyLarge table font[size="1"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

span.bodyCopyLarge table font[size="2"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

span.bodyCopyLarge table font[size="3"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

span.bodyCopyLarge table font[size="4"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

span.bodyCopyLarge table font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

span.bodyCopyLarge font[size="1"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

span.bodyCopyLarge font[size="2"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

span.bodyCopyLarge font[size="3"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

span.bodyCopyLarge font[size="4"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

span.bodyCopyLarge font {
	font-family: Arial, Helvetica, sans-serif;
}

/*		Replace inline fonts in articles with correct body and table fonts */
div.bodyCopyLarge table font[size="1"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

div.bodyCopyLarge table font[size="2"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

div.bodyCopyLarge table font[size="3"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

div.bodyCopyLarge table font[size="4"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

div.bodyCopyLarge table font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

div.bodyCopyLarge font[size="1"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div.bodyCopyLarge font[size="2"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div.bodyCopyLarge font[size="3"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

div.bodyCopyLarge font[size="4"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

div.bodyCopyLarge font {
	font-family: Arial, Helvetica, sans-serif;
}
/* END LEGACY CONTENT - WMRC */

/* LEGACY CONTENT - MYINSIGHT */
/*		Define content style same as bodyCopyLarge */
.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #444444;
}
/* END LEGACY CONTENT - MYINSIGHT */


/*============================= END OF CL&F CONTENT TOOL STYLES ======================================*/



/* ======================== Styles not yet touched below: old MyInsight styles ======================= */
/*================== Full Page Header Styles ============================ */
/* -- Personal Tool Links (Header Bar)  -- */
.toolbarText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}

a.toolbarText:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}

.toolbarTextRed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #961833;
}

/*================== Paging Control Styles ============================ */
	/* PC styles */ /* -- PC Page number -- */
#paging
{
	margin-top: 5px;
	margin-bottom: 10px;
}
.pagingPCStylePageNumber {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #004084;
	text-decoration: none;
}

.pagingPCStyleCurrentPage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999999; /* #991B36; */
	text-decoration: none;
}

.pagingPCStyleVerticalLine {
	border-right: 1px solid #999999;
}

.pagingPCStyleNextPreviousButton {
	border: 1px solid #A9B7D0;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #004084;
	text-decoration: none;
}

/* Mobile styles */
.pagingMobileStyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #004084;
	text-decoration: none;
	margin-bottom: 6px;
}

/*================== Content Control Styles Links + Non-Links ============================ */
	/* -- Small Text Non-Links (Page Title Bar + Page Footer)  -- */
	
.pagingControlText {
	font-size: 11px;
	color: #444444;
}
	
.contentControlText {
	font-size: 10px;
	color: #444444;
}

.contentControlTextPaging {
	font-size: 10px;
	color: #444444;
	text-align:right;
}

/* CL&F - added for SDA control text: Previous Day's Updates*/
.contentControlLabel {
	font-size: 10px;
	font-weight: bold;
}

/* -- Small Text Links (Page Title Bar + Page Footer)  -- */
	/* CL&F - modified for SDA control links */
.pageLinksBar {
	text-align: left; /* maybe should be pulled up? */
	background: #F7F7F7; /* Artur proposes #F7F7F7; */
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	line-height: 18px;
}

.contentControlLinkText {
	font-size: 10px;
	font-weight: normal;
}

.contentControlLinkLabel {
	color: #444444;
	font-size: 11px;
	font-weight: bold;
	margin-right: 5px;
	margin-left: 2px;
}

.contentControlDateLinkText {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: normal;
	padding-right: 5px;
	padding-left: 5px;
	border-right: 1px solid grey;
}

.contentControlReturnLinkText {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: normal;
	padding-right: 5px;
	padding-left: 5px;
}

/* CL&F - modified for SDA control links */
a.contentControlLinkText:hover {
	font-size: 10px;
}

/* Large contentControlText styles - added for Mobile DisplayMode */
.contentControlTextLarge {
	font-size: 14px;
	color: #444444;
}
.contentControlTextLargePaging {
	font-size: 14px;
	color: #444444;
	text-align:left;
}

.contentControlLinkTextLarge {
	font-size: 14px;
	font-weight: normal;
}

a.contentControlLinkTextLarge:hover {
	font-size: 14px;
}

.contentControlLinkLabelLarge {
	color: #444444;
	font-size: 15px;
	font-weight: bold;
	margin-right: 5px;
	margin-left: 2px;
}

.contentControlDateLinkTextLarge {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: normal;
	padding-right: 5px;
	padding-left: 5px;
	border-right: 1px solid grey;
}

.contentControlReturnLinkTextLarge {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: normal;
	padding-right: 5px;
	padding-left: 5px;
}
/* End of Large contentControlText styles */


/*================== Standard Text Styles ============================ */
	/*================== Medium Text Styles ============================ */
	/* -- Medium Eyebrow  -- */
.eyebrowMedium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	color: #5788BE;
	text-decoration: none;
}

.eyebrowMediumBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	color: #5788BE;
	text-decoration: none;
}

/* -- Medium Header Text Links (Document Title / Region Link etc)  -- */
.documentTitleMedium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #004084;
	text-decoration: none;
}

a.documentTitleMedium:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333366;
	text-decoration: underline;
}

/* -- Medium Italic Text (Date in SDA pages)  -- */
.dateMedium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #444444;
	text-decoration: none;
}

/* -- Medium Document Text -- */
.bodyCopyMedium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
}

/*================== Small Text Styles ============================ */
	/* -- Small Eyebrow  -- */
.eyebrowSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	font-style: italic;
	color: #5788BE;
	text-decoration: none;
}

/* -- Small Header Text Links (Document Title / Region Link etc)  -- */
.documentTitleSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #004084;
	text-decoration: none;
}

a.documentTitleSmall:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333366;
	text-decoration: underline;
}

/* -- Small Italic Text (Date in SDA pages)  -- */
.dateSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #444444;
	text-decoration: none;
}

/* -- Small Document Text -- */
.bodyCopySmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #333333;
}

/*================== Large Text Styles ============================ */
	/* -- Large Header Text (Document Title / Country Report Section etc) Non-Link  -- */
.documentTitleLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

a.documentTitleLarge:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333366;
	text-decoration: underline;
}

/* -- Large Italic Text (Date etc)  -- */
.dateLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #333333;
	text-decoration: none;
}

/* -- Large Document Text -- */
.bodyCopyLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #333333;
	margin-bottom: 0px;
}

.bodyExtraLargeText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #333333;
	margin-bottom: 0px;
	word-spacing: 2px;
}

.bodyExtraLargeTextAsLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: underline;
	color: #333333;
	margin-bottom: 0px;
	word-spacing: 2px;
}


	/*================== Other Styles ============================ */
	/* -- Copyright Text -- */
.copyrightText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #333333;
	font-weight: normal;
}

/* -- Calendar Month Text -- */
.calendarMonthText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}

.arrowList {
	list-style-image: url("/imgs/shared/arrow_for_list.png");
	padding-left: 3px;
}

/*================== End of Other Content Styles ===================== */




/*============================= End of GII Content Styles ================================= */


	/*============================= GII Paged Media Styles ================================= */
@page {
	size: letter;
	margin: 5mm 12.5mm 5mm 12.5mm;
	padding: 1em;
	counter-increment: page; @ bottom-left { font-family : Arial, Helvetica
	, sans-serif;
	font-size: 12px;
	text-decoration: none;
	padding-left: 7mm;
	content:
		"Copyright \0000A92010 IHS Global Insight Inc.  All rights reserved.";
}

@
bottom-right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	content: "Page " counter(page) " of " counter(pages);
}

}
/*============================= End of GII Paged Media Styles ================================= */


/*============================= CALENDAR STYLES ================================= */

td.calendarText {
	border: 1px solid #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding: 3px 3px 3px 3px;
}

.headerViewCalendar {
	border: 1px solid #FFF;
	vertical-align: middle;
	height: 26px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	background-color: #dcdcdc;
	padding: 2px 5px 2px 5px;
}

/*============================= END OF CALENDAR STYLES ========================== */

/*============================= PODCAST STYLES ================================= */

.podcastChannelTitle {
	font-size: 18px;
	font-weight: normal;
	color: #004084;
}

.podcastChannelDescription {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #444444;
}
.podcastChannelSchedule {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #444444;
}

.podcastChannelListElement {
	overflow: hidden;
	margin-top: 8px;
	margin-bottom: 8px;
}

.podcastChannelSection {
	overflow: hidden;
	margin-bottom: 20px;	
}

.podcastLabel {
	font-size: 11px;
	color: #999999;
	margin-bottom: 4px;
}

.podcastHelp {
	text-align: right;
	margin-top: 5px;	
}

.podcastSectionName {
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	margin-bottom: 3px;
}

.latestPodcastItem {
	background-color: #e9e9e9;
	margin-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
}

.podcastItem {
	border-top: 1px solid #e0e0e0;
	padding-left: 10px;
	padding-right: 10px;
}

.podcastDivider {
	line-height: .3em;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*============================= END OF PODCAST STYLES ========================== */
.code {
	font-family: Courier New;
	font-weight: bold;
	font-size: 14px;
}

/*============================= Specific for Client Test Page =================== */

code {
	font-weight: bold;
}

.magellanDesigner fieldset {
	border: 1px solid #a0a0a0;
	color: #444444;
	margin-bottom: 10px;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	
}

.magellanDesigner legend {
	padding-left: 7px;
	padding-right: 7px;
}

.magellanDesigner label {
	width: 3.5cm;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	font-weight: normal;
}

.seriesPopup {
	padding-left: 15px;
	padding-right: 15px;
}

.seriesPopup .description {
	font-size: 10px;	
}

.seriesPopup .table {
	/* padding-top:6px; */
	padding-top:13px;
	float: left;
}

.seriesPopup .chart {
	float: left;
	position: relative;
/*	top:-5px; */
}

.seriesPopup .excelDownloadLink {
	clear: both;
}

.seriesPopup .date {
	text-transform: uppercase; 
}

/*============================= MONITORING STYLES ========================== */

.messageMonitoring
{
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	color: #444444;
	padding: 3px 3px 3px 3px;	
}

table.table100MonitoringNavigation 
{
	width: 100%;
	-fs-table-pagination: paginate;
	border-spacing: 0;
	border-width:1px;
	border-color: #FFF;
	border-style:solid;
}

table.table100Monitoring 
{
	width: 100%;
	-fs-table-pagination: paginate;
	border-spacing: 0;
	border-width:1px;
	border-color: #000;
	border-style:solid;
}

td.tableTitleBoldMonitoring 
{
	height: 26px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	color: #444444;
	background-color: #dcdcdc;
	padding: 3px 3px 3px 3px;	
	border: 1px solid #000; 	
	
}

td.tableHeadingMonitoring
{
	border: 1px solid #000; 
	color: #444444; 
	background-color: #e9e9e9;
	font-family: Arial; 
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	text-decoration: none;
	padding: 3px 3px 3px 3px;
}

td.cellValueMonitoring 
{
	height: 22px;
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-size: 11px;
	line-height: 12px;
	color: #444444;
	border-bottom-style:solid;
	border-width:1px;
	padding: 3px 3px 3px 3px;	
	border: 1px solid #000; 	
	
}

td.cellValueBGRedMonitoring 
{
	border: 1px solid #000; 
	color: #000000; 
	background-color: red;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold;
	line-height: 12px; 
	text-decoration: none;
	padding: 3px 3px 3px 3px;
}

a.cellValueBGRedMonitoring 
{
	color: #FFFFFF; 
	background-color: red;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	text-decoration: none;
}

td.cellValueBGGreenMonitoring 
{
	border: 1px solid #000;  
	color: #000000; 
	background-color: green;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold;
	line-height: 12px; 
	text-decoration: none;
	padding: 3px 3px 3px 3px;
}

a.cellValueBGGreenMonitoring 
{
	color: #FFFFFF; 
	background-color: green;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	text-decoration: none;
}

.contentControlLinkTextMonitoring 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #004084;
	text-decoration: none;
	line-height: 12px;
}
a.contentControlLinkTextMonitoring:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333366;
	text-decoration: underline;
}
/*============================= END OF MONITORING STYLES ========================== */


/*============================= POLI STYLES ========================== */

/* Column header - #444444 Arial 12 bold, line height 16px 
   Raw texts - #444444 Arial 11, line height 14px */ 


.poliTableHeader
{
	height: 26px;
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	color: #444444;
	background-color: #dcdcdc;
	border-top-style:solid;
	border-width:1px;
	border-color:#ffffff;
	padding: 2px 5px 2px 5px;
}

.poliTableContent
{
	height: 22px;
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-size: 11px;
	line-height: 14px;
	color: #444444;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#f0f0f0;
	padding: 2px 5px 2px 5px;
}
.poliGenFormHeader
{
	vertical-align: top;
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	color: #858585;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#e0e0e0;
	padding: 8px 0px 8px 6px;
}

.poliContentControlLinkText 
{
	font-size: 11px;
	font-weight: normal;
}

/*============================= END OF POLI STYLES ========================== */


/************* NEW EMAIL ALERTS STYLES ***********************************/

tr.emailRowSpacerHeight
{
   height: 15px;
}

.emailFormSubHeaderBgColour
{
	background-color: #F7F7F7;
}

.emailFormSubHeader
{
	vertical-align: top;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	padding: 8px 0px 0px 6px;
}

.emailFormSubHeaderSmall
{
	vertical-align: top;
	font-family: Arial;
	font-weight: normal;
	font-size: 10px;
	line-height: 18px;
	color: #444444;
	padding: 0px 0px 8px 6px;
}

.emailFormSubHeaderDate
{
	vertical-align: top;
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	line-height: 18px;
	color: #858585;
	
}

.emailPageTitleText 
{
	font-family: Helvetica Neue, Arial;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	position: relative;
	margin-top: 2px;
	
}

.emailCategoryTitle 
{
	font-family: Arial;
	text-align: left;
	font-weight: bold;
	font-size: 20px;
	color: #858585;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.emailDocumentTag 
{
	color: #444444;
	font-weight: bold;
	margin-top: 0px;
	font-size: 12px;
}

.emailDocumentTitle
 {
	color: #307ee9;
	margin-top: 0px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;	
}

.emailDocumentBody
 {
	color: #444444;
	margin-top: 0px;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
}

.emailPaneSeparator 
{
	border-top: 1px solid #e0e0e0;
	margin-top: 15px;
	margin-bottom: 0px;
}

.emailPaneSeparatorMarginBottom 
{
	border-top: 1px solid #e0e0e0;
	margin-top: 0px;
	margin-bottom: 4px;
}

.emailPaneSeparatorMarginTop 
{
	border-top: 1px solid #e0e0e0;
	margin-top: 4px;
	margin-bottom: 0px;
}

.emailPaneSeparator 
{
	border-top: 1px solid #e0e0e0;
	margin-top: 10px;
	margin-bottom: 0px;
}

.emailDocumentDate
{
	text-transform: uppercase;
	color: #444444;
	margin-top: 0px;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;	
}

.emailParentRegion 
{
	text-align: left;
	color: black;
	margin-bottom: 5px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;		
}

a.emailFooterLinks 
{
	color: #999999;
	border-right: 1px solid #eeeeee;
	padding-left: 8px;
	padding-right: 8px;
}

.emailMasterFooter 
{
	border-top: 3px solid #3390ff;
	color: #999999;
	font-family: Arial;
	font-weight: normal;
	font-size: 10px;	
}

.emailContentControlLink 
{
	color: #999999;
	font-family: Arial;
	font-weight: normal;
	font-size: 10px;	
}

.emailShortText 
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #444444;
	text-align: left;
}

.emailFormContent
{
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
}

/***********  END OF NEW EMAIL ALERTS STYLES ****************************/

/***********  SELF REG STYLES ****************************/

td.selfRegNavItem
{
      display: inline-block;
      width: 173px;
      border-right: 1px solid #e6e6e6;
      padding: 5px 10px;
      color: #307ee9; 
      cursor: pointer;
      font-family:Arial, Helvetica, sans-serif;
      font-size: 12px;
      font-weight: normal;
      text-decoration: none;
}

/*********** END OF SELF REG STYLES ********************/


/*********** RELATED TOPICS FFE COMPONENT STYLES ****************/

.relatedTopicTitle 
{
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}

a.relatedTopicLink 
{
	color: #307EE9;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
}

.relatedTopicText
{
	color: #307EE9;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
}

.relatedTopicCount
{
	color: #000000;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
}


a.relatedTopicSearchLink 
{
	color: #666666;
	font-size: 11px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}


.aboutDescription{
	color: #444444;
	font-size: 12px;
	line-height: 16px;
	padding: 10px;
	
	
}

/*********** END OF RELATED TOPICS FFE COMPONENT STYLES *********/

	/*================== End GI Styles ============================ */