/* $Id: barclays.css 11987 2007-12-20 17:43:19Z chris $
 */

	BODY {
		background-color: #c7e6f0; 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 10pt;
	}

	.headerWarning {
	   background: white;
	   border-bottom: solid #888 3px;
	   padding: 10px;
	}
	.headerWarning2 {
	    margin:0px auto 0px auto; 
	    width:840px;
	}
	.headerWarning2 A,
	.headerWarning2 A:link,
	.headerWarning2 A:visited,
	.headerWarning2 A:hover {
	      color: #009cd4;
         }

	#holder {
	    margin:20px auto 0px auto; 
	    width:900px;
	}

	.barclaysTopBg A { font-family: Arial, Helvetica, sans-serif; }
	.barclaysTopBg A:hover { text-decoration: underline; }

	.topheader {  position:relative; height: 97px; width:900px; background-image: url(/img/barclays/toplogo.gif);  background-repeat: no-repeat; }

        #logo_subtitle { display:none; font-size:10pt; position:absolute; top:60px; left:46px; color: white;}

	
	#top_left { color:white; float:left; width:280px; _height:72px; min-height:72px; cursor:pointer;background-repeat:no-repeat}

	#top_right { float:left; width:620px; _height:41px; min-height:41px; color:white; font-size:10px;}


	#top_nav1 { color:#003366; width:616px; _height:18px; min-height:18px; padding:13px 4px 0 0; text-align:right;}
	#top_nav1 A { padding: 0px 2px; }

	INPUT.search { width:50px; border:1px solid #104D59; font-size:10px; margin:-2px 1px 0px 22px;}

	#top_nav2 { color:#ffffff; width:610px; _height:20px; min-height:20px; padding:21px 10px 0 0;  text-align:right;}

	#top_nav3 { clear:both; padding:5px 10px 0 0 ; _width:830px; _height:20px; min-height:20px; color:#ffffff; text-align:right;  font-weight:bold;}

	.barclaysTopBg #top_nav1 a:link, #top_nav1 a:visited, #top_nav1 a:active { text-decoration:none; COLOR:#009DC4; font-size:10px;}
	.barclaysTopBg #top_nav1 a:hover { text-decoration:underline;}

	.barclaysTopBg #top_nav2 a:link, #top_nav2 a:visited, #top_nav2 a:active { text-decoration:none; COLOR:#ffffff; font-size:10px;}
	.barclaysTopBg #top_nav2 a:hover { text-decoration:underline;}

	.barclaysTopBg #top_nav3 a:link, #top_nav3 a:visited, #top_nav3 a:active { text-decoration:none; COLOR:#ffffff; font-size:10px;}
	.barclaysTopBg #top_nav3 a:hover {  text-decoration: underline;}
	 a.footer_nav:link,  a.footer_nav:visited, a.footer_nav:active { text-decoration:none; COLOR:#009DC4; font-size:11px;}
	 a.footer_nav:hover { text-decoration:underline;}

	#main {
		padding:10px;
		margin:4px 0 0px 0;
		border-top:1px solid #b4bcbe;
		background-color:white; 
		min-height: 400px;
		position: relative;
	}

	.pagebase { 
	   color: #454545;
	   background: white;
	   margin-bottom: 4px;
	   border-bottom:1px solid #b4bcbe;
	   padding-bottom: 2px;
	   padding-left: 240px;
	   
	 }

	.pagebase A, .pagebase A:link, 
	.pagebase A:hover, .pagebase A:visited 
	      {  font-size:11px; color: #003366; padding: 0 2px; }

	#footer { background-color:#003366; background-image:url(/img/barclays/footer.jpg); background-position:bottom; background-repeat:no-repeat;
		  color:white; font-size:8pt; padding:7px 15px 10px 15px;  margin-bottom:70px
		}
	#footer P { color: white; }
	
	.more { padding-left:6px; font-weight: bold; font-style:italic; font-size: 100%; }


	table {
		border-collapse: collapse;
	}
	
	th {
		font-size:11px;
		padding: 0 0.5em;
		text-align: left;
	}
	
	tr.header td {
		border-bottom: 1px solid #b1b1b1;
		background: #cccccc;
		text-align:left;
	}

	tr.header a:link, tr.header a:visited, tr.header a:active { text-decoration:none; color:#003366; font-size:10px;}
	tr.header a:hover { color:#009DC4; text-decoration:underline;}

	tr.shade td {
		background: #eeeeee;
		border-bottom: 1px solid #cccccc;
	}

	
	td.w_xxs{ width: 40px; }
	td.w_xs{ width: 70px; }
	td.w_s{ width: 100px; }
	td.w_m{ width: 200px; }
	td.w_l{ width: 300px; }
	
	a:link, a:visited, a:active { text-decoration:none; COLOR:#003366;}
	a:hover { COLOR:#003366; text-decoration:underline;}

	#content { line-height:20px;}

	#left { width:191px; margin:0px 30px 0 0;}


	.padBot_s { padding-bottom:5px; }
	.padBot_m { padding-bottom:10px; }
	.padBot_l { padding-bottom:20px; }

	H1 { color:#003366; font-size:14px; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #009DC4;}
	H2, H3, H4, H5, H6, H7, H8 { color:#003366; font-size:12px; margin-bottom:10px; margin-top:20px; }
	P { margin-bottom:15px;}

	.ratitle {
		background-color:#0D4954;
		padding:3px 8px 3px 8px;
		font-weight:bold;
		color:white;
		width:168px;
	}

	.left { float:left; }

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

	/* 3 Level Navigator */
	
		/* Holder */
		#nav_holder {
			font-size:10px;
			width:184px;
			padding:0px;
			list-style:none;
			background-color:#dbe19b;
			border-bottom:1px solid #79796D;
			margin:0px 0px 11px 0px;
			font-weight:normal;
		}
	
		/* Level 1 */
		#nav_holder li a {
	                _height:18px;
			min-height:18px;
	                display:block;
			text-decoration:none;
	                padding:3px 15px 0px 7px;
	                background-color:#dbe19b;
	                border-top:1px solid #79796D;
	                background-image:url(../nav_bullet.jpg);
	                background-repeat: no-repeat;
			color:#0D4954;
			font-weight:normal;
			background-position:top right;
	        }
	
	        #nav_holder li a:hover, #nav_holder li a:active {
	                background-color:white;
	                background-image:url(../nav_bullet_hover.jpg);
			background-position:top right;
			color:#0D4954;
			font-weight:normal;
	        }
	
	        li.nav_open {
			font-weight:bold;
			text-align:left;
	                background-color:#C2D12E;
	                background-image:url(../nav_bullet_open.jpg);
	                border-top:1px solid #B9A88D;
	                padding:3px 0px 0px 10px;
	                _height:18px;
			min-height:18px;
	                display:block;
	                background-repeat: no-repeat;
			color:#0D4954;
			cursor:pointer;
	
	        }
	
	
		/* Level 2 */
		#nav_holder li a.subcat {
	                _height:15px;
			min-height:15px;;
	                display:block;
			text-decoration:none;
	                padding:1px 7px 2px 12px;
	                background-color:white;
	                border-top:none;
	                background-image:url(../nav_bullet_sub.jpg);
	                background-repeat: no-repeat;
			color:#225B66;
			font-weight:normal;
			text-align:left;	
			font-size:7.5pt;
	
	        }
	
	        #nav_holder li a.subcat:hover, #nav_holder li a.subcat:active {
	                background-color:#EEF1EC;
	                background-image:url(../nav_bullet_sub_hover.jpg);
	                background-repeat: no-repeat;
			color:#225B66;
			font-weight:normal;
	        }
	
	        li.nav_subcat_open {
			font-weight:bold;
	                background-color:#fafafa;
	                background-image:url(../nav_bullet_sub_open.jpg);
	                border-top:1px solid #D5D0C8;
	                padding:1px 7px 2px 12px;
	                _height:17px;
			min-height:17px;
	                display:block;
	                background-repeat: no-repeat;
			color:#225B66;
			text-align:left;
			font-size:7.5pt;
	
	        }
	
	
		/* Level 3 */
		#nav_holder li a.subsubcat {
	                height:15px;
			text-align:left;
	                display:block;
			text-decoration:none;
	                padding:0px 7px 1px 20px;
	                background-color:#B9B4AB;
	                border-top:none;
	                background-image:none;
	                background-repeat: no-repeat;
			color:#9B0135;
			font-weight:normal;
			font-size:7.5pt;
	        }
	
	        #nav_holder li a.subsubcat:hover, #nav_holder li a.subsubcat:active {
	                background-color:#C5C0B8;
	                background-image:none;
	                background-repeat: no-repeat;
			color:#9B0135;
			font-weight:normal;
			font-size:7.5pt;
	        }
	
	        li.nav_subsubcat_open {
			font-weight:bold;
			text-align:left;
	                background-color:#B9B4AB;
	                background-image:none;
	                border-top:1px solid #D5D0C8;
	                padding:0px 7px 1px 20px;
	                height:15px;
	                display:block;
	                background-repeat: no-repeat;
			color:#9B0135;
			font-size:7.5pt;
	
	        }
	
	/* 3 Level Navigator END */




	.hSub { background-color:#009DC4; padding:2px; font-weight:bold; margin-bottom:3px; cursor:pointer;font-weight:bold;color:white}

	.blockTitle { font-weight:bold; color:white; background-color:#003366; padding:2px; margin-bottom:4px;}


	DIV.homeCharts {
	   float:left; 
	   width:170px; 
	   height: 386px;
	   margin-right:14px; 
	   background: white;
	   background-image: url("/img/barclays/homecharts-top.gif");
	   background-repeat: none;
	   padding: 17px 10px 0 12px;
	 }

	.homeChart { width:170px; margin-bottom:7px; text-align:center; }
	.homeChartTitle { background-color:#003366; color:white; padding:2px; font-size:9pt; font-weight:bold; }
	.homeChartChart { background-color:white; padding:5px; }

	.ci { 
	    border-bottom:1px solid #009DC4; 
	    margin-bottom:4px; 
	    padding-bottom:4px; 
	    padding-left:4px;
	    font-size: 9pt;
	}

	.filledareaTopImage { padding:7px; background-color:#e8eeef; margin-bottom:10px; border-bottom:5px solid #B6C8CC; }

	.filledarea { display: none; }
	
#analysis-contents  {
    width: 200px;
    background: #ccdcec;
    padding: 5px;
    border: solid #dbffff 1px;
    margin-right: 20px;
}

UL.article-list {
    margin-left: 0;
    padding-left: 0;

}
.article-list LI {
    list-style-type:none;
    margin-left: 0px;
    margin-bottom: 10px;
    padding-left: 5px;
    font-size: 10pt;
}

.article-list LI A {
    font-size: 9pt;
    line-height: normal;
    text-decoration: none;
    color: #003366;
}

.Article {
    font-size: 10pt;
    line-height: normal;
}

.content-box {
    width: 200px;
    background: #ccdcec;
    padding: 0 5px 5px 5px;
    border: solid #dbffff 1px;
    margin-right: 20px;
}

.content-box UL.contents-list {
    margin-left: 0px;
    padding-left: 0;
}
.content-box UL.contents-list LI {
    list-style-type:none;
    margin-left: 5px;
    margin-bottom: 6px;
    padding-left: 0;
    font-size: 12px;
}

.content-box UL.contents-list LI A {
    font-size: 12px;
    line-height: 14px;
    text-decoration: none;
}

#main, .content { 
    font-size: 10pt;
    line-height: normal;
}
    
#analysis-contents  {
    width: 200px;
    background: #ccdcec;
    padding: 5px;
    border: solid #dbffff 1px;
    margin-right: 20px;
}

UL.article-list {
    margin-left: 0;
    padding-left: 0;

}

.content-box {
    width: 200px;
    background: #ccdcec;
    padding: 0 5px 5px 5px;
    border: solid #dbffff 1px;
    margin-right: 20px;
}

.content-box UL.contents-list {
    margin-left: 0px;
    padding-left: 0;
}
.content-box UL.contents-list LI {
    list-style-type:none;
    margin-left: 5px;
    margin-bottom: 3px;
    padding-left: 0;
    font-size: 12px;
}

.content-box UL.contents-list LI A {
    font-size: 12px;
    line-height: 14px;
    text-decoration: none;
}

#main, .content { 
    font-size: 10pt;
    line-height: normal;
}
    
#analysis-contents  {
    width: 200px;
    background: #ccdcec;
    padding: 5px;
    border: solid #dbffff 1px;
    margin-right: 20px;
}

UL.article-list {
    margin-left: 0;
    padding-left: 0;

}
.article-list LI {
    list-style-type:none;
    margin-left: 0px;
    margin-bottom: 10px;
    padding-left: 5px;
    font-size: 10pt;
}

.article-list LI A {
    font-size: 10pt;
    line-height: normal;
    text-decoration: none;
    color: blue;
}
    

.Article {
    font-size: 10pt;
    line-height: normal;
}
UL.priceCategoryList LI { 
    list-style-type:none;
    margin-left: 0;
    margin-bottom: 3px;
    padding-left: 0;
}

UL.priceCategoryList LI A { 
    display: block;
    text-decoration: none;
    padding: 3px 10px;
    width: 90%;
    background: #e8eeef;
}

UL.priceCategoryList LI A:hover { 
    color: white;
    background: #003466;
}

UL.priceCategoryList .caption {
    color: black;
    margin-left: 20px;
    font-size: 90%;
}
UL.priceCategoryList A:hover .caption {
    color: white;
}

.instrumentTable { border-collapse: collapse; }
.instrumentTable TD { 
    border: solid #ccc 1px; 
    padding: 5px 10px 5px 6px;; 
    font-size: 9pt;
}

.instrumentTable THEAD TR { background: #003466; }
.instrumentTable THEAD TD { }
.instrumentTable THEAD TD.sort-n { background: no-repeat url(/img/sort_n.png) 2px -4px; }
.instrumentTable THEAD TD.sort-d { background: no-repeat url(/img/sort_d.png) 2px -4px; }
.instrumentTable THEAD TD.sort-u { background: no-repeat url(/img/sort_u.png) 2px -4px; }
.instrumentTable THEAD A { 
    color: white; 
    font-weight: bold; 
    text-decoration: none; 
    margin-right: 4px;
    padding-left: 12px;
}
.instrumentTable TBODY TR:hover { background: #e8eeef; }

/*** Charting ***/

TABLE.chart-layout-subbox {
    margin-top: 10px;
    width: 600px;
}

TABLE.chart-layout-option-subbox {
    margin-top: 10px;
}

.chart-holder {
    /* holds chart and info boxes below it */
    border: solid #888 1px;
}

.chart-img {
    padding: 5px 3px;
    /* actual chart image */
}

.chart-info {
    margin-top: 5px;
    border-top: solid #888 1px;
    border-bottom: solid #888 1px;
    background: #f0f0f0;
    font-size: 8pt;
}

TABLE.chartInfo TD {
    padding-bottom: 4px;
}

.chartInfoCol2 {
    border-left: solid #888 1px;
    padding-left: 10px;
    padding-top: 4px;
}

.chart-options-box {
    background: #f0f0f0;
    border: solid #888 1px;
    padding: 4px;
    width: 200px;
}

.chart-options-box A {
    color: black;
    text-decoration: none;
}
.chart-options-box A.link {
    font-size: 95%;
    color: blue;
}
.chart-options-box A.link:hover {
    text-decoration: underline;
}

.chart-options-box .chartOptHeading {
    margin-top: 5px;
    background: #d0d0d0;
    padding: 2px;
}

.chart-options-title {
    font-weight: bold;
    border-bottom: solid #888 1px;
    padding-bottom: 2px;
}

.chart-options-print {
    float: right;
}
.chart-next-prev {
    border: solid #888 1px;
    padding: 4px 4px 8px 28px;
    text-align: center;
    margin-top: 2px;
    margin-bottom: 6px;
    background: #f0f0f0;
}

A.chart-np-link { 
    background: #003466;
    padding: 2px 6px;
    color: white !IMPORTANT;
    font-weight: bold;
    text-decoration: none;
    width: 60px;
    display: block;
    float:left;
    margin-right: 10px;
}

.chart-help-button {
    width: 18px;
    height: 18px;
    /* background: url(/img/ii/chartControl/chartControl_help.gif); */
    float: right;
    margin-top: 5px;
    font-weight: bold;
    color: #333;
}

#chart-relative-dlg { 
    display: none;
    position: absolute;
    left: 100px;
    top: 50px;
    width: 500px;
    border: solid #326698 2px;
    background: white;
}

#chart-relative-dlg-title {
    background: #326698;
    padding: 10px;
    color: white;
    font-weight: bold;
}

#chart-relative-dlg .close-button { 
    float: right;
    font-weight: bold;
    color: white;
}
#chart-relative-dlg .close-button A { color: white; }
#chart-relative-dlg .dlg-area  { 
    padding: 10px;
    background: #f0f0f0;
}
#chart-relative-dlg .buttons { 
    text-align: center; 
    background: #ddd;
    border-top: solid #326698 2px; 
    padding: 6px 0;
}


/** Search **/

.search-table { border-collapse: collapse; }
.search-table TD { 
    border: solid #ccc 1px; 
    padding: 5px 10px 5px 6px;; 
}

.search-table THEAD TR { background: #003466; color: white; }
.search-table TBODY TR:hover { background: #e8eeef; }
.search-table .hl { background: yellow; }
.search-table .gpname { font-weight: bold; }

.search-form {
    background: #e8eeef;
    padding: 4px 10px;
    right: 20px;
    top: 8px;
    position: absolute;
}

.bondchart .search-form {
    background: transparent;
    top: 7px;
}


.navbar {
    background-color:#003466;
    padding:3px 8px 3px 8px;
    color:white;
}

#stock {
    width: 350px;
}


@media print {
	.noPrint {display: none;}
	.print {display: block}
 }