/* See below for WebLink CSS */

A { color:#366; }
TABLE { border:0; font-size:100%; }

TABLE.data {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
}

IMG { border:0; }
/************** DATADEPTH Table *************/

TABLE.datadepth {
	border:solid 1px #366;
	border-collapse:collapse;
}

TABLE.datadepth TH {
	background-color:#80BFBF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:black;
	font-size:80%;
	font-weight: bold;
	text-align: center;
}

TABLE.datadepth TD {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:black;
	text-align: right;
}

TABLE.datadepth TD A {
	color:black;
}

TABLE.datadepth TD.left, TABLE.data TH.left {
	text-align: left;
}

TABLE.datadepth TD.center, TABLE.data TH.center {
	text-align: center;
}

TABLE.datadepth TR.r0 TD {
	background-color:#FFFFFF;
}

TABLE.datadepth TR.r1 TD {
	background-color:#CCE6E6;
}

TABLE.datadepth TR.r0 TD.hl {
	background-color:#CCE6E6;
}

TABLE.datadepth TR.r1 TD.hl {
	background-color:#80BFBF;
}

TABLE.datadepth TR TD.boxed {
	border:solid 2px red;
}

/************** End DATADEPTH Table *************/


/************** DATA Table *************/

TABLE.data {
	width:100%;
	border:solid 1px #366;
	border-collapse:collapse;
}

TABLE.data TH {
	background-color:#80BFBF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:black;
	font-size:80%;
	font-weight: bold;
	text-align: right;
}

TABLE.data TD {
	padding:2px 0.4em 2px 0.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:black;
	text-align: right;
}

TABLE.data TD A {
	color:black;
}

TABLE.data TD.left, TABLE.data TH.left {
	text-align: left;
}

TABLE.data TD.center, TABLE.data TH.center {
	text-align: center;
}

TABLE.data TR.r0 TD {
	background-color:#FFFFFF;
}

TABLE.data TR.r1 TD {
	background-color:#CCE6E6;
}

TABLE.data TR.r0 TD.hl {
	background-color:#CCE6E6;
}

TABLE.data TR.r1 TD.hl {
	background-color:#80BFBF;
}

TABLE.data TR TD.boxed {
	border:solid 2px red;
}

/************** End DATA Table *************/

/* Table header and subheader cells */
TD.tcH {
	background-color:#80BFBF;
	color:black;
	font-size:80%;
	font-weight: bold;
}
TD.tcSH {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	background-color:#80BFBF;
	color:black;
	font-weight: bold;
}

/* Alternating normal cells */
TD.tcD1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	background-color:#FFFFFF;
	color:black;
}
TD.tcD2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	background-color:#CCE6E6;
	color:black;
}

/* Alternating normal cells */
A.tcD1, A.tcD2 {
	color:#000000;
}

/* Alternating highlight cells */
TD.tcH1 {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size:80%;
	background-color:#CCE6E6;
	color:black;
}
TD.tcH2 {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size:80%;
	background-color:#80BFBF;
	color:black;
}

DIV.tableHeading {
	width:100%;
	height:16px;
	background-image:url(/clients/weblink/images/heading.gif);
	background-repeat:no-repeat;
	white-space:nowrap;
	color:white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	font-weight:bold;
	padding-left:9px;
	padding-top:2px;
}

#payoffdiagram {
    margin-right: 1em;
    border: 1px #366 solid;
    padding: 0.5em;
    float: left;
}

/********** Standard Colours **********/
.up { color:#008000; }
.down { color:#FF0000; }
.even { color:#000000; }


/********************** WEBLINK CSS ******************************/


/********** Body **********/
BODY.watchlist{
    background-color: #FFFFFF; 
	color: #000000; 
	font-family: arial,helvetica,sans-serif; 
	font-size:87%;
	margin:0;

}
BODY.weblink { 
	background-color: #FFFFFF; 
	background-image: url(/clients/weblink/images/bgstrip.gif);
	background-repeat: repeat-y;
	color: #000000; 
	font-family: arial,helvetica,sans-serif; 
	font-size:80%;
	margin:0;
}

BODY.chartleft {
    background-color: #336666;
    color: white;

	font-family: Arial, Helvetica, sans-serif; 
    font-size: 8pt;
}

body.chartleft input, body.chartleft select {
	font-family: Arial, Helvetica, sans-serif; 
    font-size: 8pt;
}

.text { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt;
}


/********** Main Title Bar **********/

#topnav { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:10pt; 
	color:#999999; 
	background-color: #336666;
	height:20px;
}

#topnav A { font-family: Arial, Helvetica, sans-serif; 
	font-size:10pt; 
	color:#FFFFFF; 
	text-decoration:none;
	font-weight: bold;
}

#topnav A:hover { 
	font-family: Arial, Helvetica, sans-serif; 
	color: #FF0000; 
}

#bannerbar {
	border-bottom:solid #366 3px;
	width:100%;
}
#bannerbar2 {
	border-top:solid black 1px;
	border-bottom:solid black 1px;
	width:100%;
}
#bannerbar3 {
	border-top:solid white 1px;
	border-bottom:solid #808080 1px;
	width:100%;
}

/********** Left Nav Bar **********/

TD.sidebar {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:10pt; 
	color: white
}

A.sidebar { 
	color: #bce6e6; 
	font-family: arial,helvetica,sans-serif; 
	text-decoration:none;
}

A.sidebar:hover { 
	text-decoration:underline; 
	color: #FFFFFF 
}

.sidebartitle {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:10pt;
	font-weight : bold;
	letter-spacing : 1px;
	padding-bottom : 4px;
	margin : 0px;
}

dl.sidebar { 
    text-align: left; 
    margin: 15px;
}

dl.sidebar dt { margin: 0; }
dl.sidebar dd { margin-left: 1em; }

td.sidebar hr { 
    border-style: solid none;
    border-width: 1px 0;
    border-top-color: black;
    border-bottom-color: #408080;
    height: 2px;
    width: 70%;
}


/********** Intro Text **********/

TABLE.intro {
	font-size:medium; 
}

.intro TD, .intro TH {
	font-family: Arial, Helvetica, sans-serif; 
	text-align:justify;
	vertical-align:top;
	font-size:70%;
}
.intro TH   { width:20% }
.intro TD   { width:80% }
.intro TH A { color:red }
.intro UL   { margin:0 0 0 20px }


/********** Misc **********/

form { margin: 0; }

A.sortbutton { 
	color: #FFFFFF; 
	text-decoration: underline; 
}

A.sortbutton:visited { 
	color: #FFFFFF; 
	text-decoration: underline; 
}

A.menus { 
	color: #000000; 
	text-decoration: underline; 
}

A.menus:visited { 
	color: #000000; 
	text-decoration: underline; 
}

A.tabs { 
	color: #000000; 
	text-decoration: underline; 
}

A.tabs:visited { 
	color: #000000; 
	text-decoration: underline; 
}

.dcel { 
	color: #000000; 
	font-family: arial,helvetica,sans-serif; 
	font-size:9pt 
}

.portMsg {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size:75%;
}

/*********** Help styles *********/

.help H1, .help H2, .help P, .help OL, .help UL, .help LI, .help .definitions TH, .help .definitions TD {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size:10pt;
}

.help H1 {
	background-color:#336666;
	width:100%;
	font-weight:bold;
	text-align:center;
	padding:1px;
	color:white;
}

.help H2 {
	font-weight:bold;
	text-align:left;
	color:black;
	margin-bottom:2px;
}

.help .definitions TH {
	vertical-align:top;
	font-weight:bold;
	text-align:left;
	width:20%;
}

.help .definitions TD {
	vertical-align:top;
	width:80%;
}

.help P, .help OL, .help UL	{ margin-top:0px; }
.help A						{ color:#336666 }
.help A:hover				{ color:red }
.help OL, .help UL			{ margin-left:30px; }

/********* Old-style Dialog Styles *********/

TABLE.dialog {
	border: solid 1px #336666;
	border-spacing: 0px;
	margin-top:1em;
	margin-bottom:1em;
	background-color: #CCE6E6;
	border-collapse:collapse;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 10pt;
}

TABLE.dialog TH.title {
	background-color:#336666;	
	color:white;
	padding:2px;
}

TABLE.dialog TH {
	font-weight: bold
}

TABLE.dialog TH, .dialog TD {
	padding:2px;
	vertical-align:top;
}

TABLE.dialog .required {
	color:red;
}

/********** New-style dialog styles ************/

div.dialog {
    /* There might be residual style left over from some parent block */
    text-align: left;
    margin: 1em 0;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

div.dialog div.dialogTitle {
    background-color: #336666;
    color: white;
    width: auto;

    font-weight: bold;
    padding: 1px 3px;
}

div.dialog div.dialogContent {
    border: 1px solid #336666;
    background-color: #CCE6E6;
    color: black;

    padding: 4px;
}

div.dialog div.dialogContent p {
    padding: 0px;
    margin: 0;
    margin-bottom: 4px;
}

div.dialog div.dialogContent div.buttons {
    text-align: right;
}

div.dialog div.tabstrip { 
    margin: 0;
    margin-top: 3px;    /* Spacing from other elements in the dialog. */
}

div.dialog div.tabstrip ul { 
    /*
     * For the ul, we need to remove existing margin and padding,
     * and duplicate the height-padding of the individual tabs.
     */
    margin: 0;
    padding: 3px 0;     
}

div.dialog div.tabstrip li {
    display: inline;
    list-style: none;
}

div.dialog div.tabstrip li a {
    /* Here we apply a lot of styles to the links, to make them
     * look like real tabs.
     */
    background: #CCE6E6;
    text-decoration: none;

    margin-right: 2px;
    padding: 3px 5px;

    border: 1px solid #336666;
    border-bottom: none;
}

div.dialog div.tabstrip li a:hover {
    text-decoration: underline;
}

div.dialog div.tabstrip li.active a {
    /* The active tab stretches a little further up and down. */
    background: white;

    padding-top: 4px;
    padding-bottom: 4px;
}

div.dialog div.tabbody {
    border: 1px solid #336666;
    background: white;
    
    margin: 0;
    margin-bottom: 3px; /* Spacing from other elements in the dialog. */
    padding: 5px;
}

/* 
 * Inside a div.dialog, we don't have to force form-tables to have a particular
 * background colour. 
 */
div.dialog table.form {
    background: none;
}

div.dialog div.toolbar {
    margin: 3px 0;
}

div.dialog div.toolbar a {
    padding-right: 1em;
}

div.dialog div.toolbar img {
    vertical-align: middle;
    margin-right: 5px;
}

.annotation {
    color: #336666;
    font-size: 90%;
    padding-left: 20px; /* should be one checkbox width */
}

span.annotation {
    display: block;
}

div.scrollable {
    background: white;
    color: black;

    border: 1px solid #336666;

    margin: 3px 0;

    overflow: auto;
    height: 15em;
}

label input {
    vertical-align: middle;
}

table.form { background: #CCE6E6; padding: 0.5em; }

table.form td, table.form th {
    vertical-align: top;
}

table.form th {
    text-align: left;
}

table.form tr.divider th {
    border-bottom: 1px solid #336666;
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}

table.form input {
    padding-top:0;
    padding-bottom:0;
    margin: 0;
}

table.form label {
    white-space: nowrap;
}

table.form .widefield {
    width: 100%;
}

table.form .required {
	color: red;
}

table.calendar, table.calendar caption {
    margin: 0.5em;
    border-collapse: collapse;
}

table.calendar caption {
    border-bottom: 1px solid #336666;
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}

table.calendar td { border: 1px solid #366; }
table.calendar td.intro,
table.calendar td.outro { border: none; }

table.calendar .actions {
	font-size: 0.8em;
	font-weight: normal;
}

/********** Print style **********/

@media print {
	.maintitlebar { display:none }
	.bannerbar { display:none }
	.sidebar { display:none }
	BODY.weblink { 
		background-color: #FFFFFF; 
		background-image: none;
	}
	.contentarea { width:100% }
	div#loading {display:none}
	div#anchorBox {display:none}
	div#vertbar {display:none}
	div#horzbar {display:none}
	div#speechPointer {display:none}
	div#focusBox {display:none}
	div#zoomBox {display:none}
	div#wrapper {display:none}
	div#priceLabel {display:none}
	div#leftTagArea {display:none}
	div#rightTagArea {display:none}
	div#priceBox {display:none}
}

/*********** DataGrid Table Styles ***********/

table.DataGrid {
    border: 1px solid #336666;

    /* Hack around misfeatures that IE and 
       Mozilla's quirks modes introduce. */
    font-family: "Arial", sans-serif;
    font-size: inherit;

    border-spacing: 0px;

    width: 98%;
    margin: 0;
    margin-bottom: 4px;
}

table.DataGrid th {
	background-color:#80BFBF;
	color:black;
}

table.DataGrid tr {
    background-color: white;
    color: black;
}

table.DataGrid td {
    padding: 3px;
}

table.DataGrid span.disabled {
    font-size: 80%;
}

/*********** Charts margin ***********/

div.hidablecontainer {
    margin: 3px;
}

div.hidablecontainer h2 {
    background: #CCE6E6;
    color: black;

    font-size: 10pt;
    font-family: "Arial", "Helvetica", sans-serif;
    font-weight: bold;

    margin: 0;
    
    cursor: pointer;
}

div.hidablecontainer h2.open {
    border-top: 1px solid #808080;
    border-left: 1px solid #808080;
    border-right: 1px solid white;
    border-bottom: 1px solid white;

    padding: 2px 0px 0px 2px;
}

div.hidablecontainer h2.closed{
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;

    padding: 1px;
}

div.hidablecontainer div {
    margin-left: 1em;
    padding: 2px;
}

div.hidablecontainer div table {
    border-spacing: 0;
    margin: 0;
}

/*********** Static pages ***********/
.static H2 { font-family: "Arial"; color: #336666; font-style:italic;  }
.static H3 { font-family: "Arial"; color: black; font-size:11pt; }
.static H3 { 
    margin-bottom:10px; 
    margin-top:30px; 
    font-family: "Arial", "Helvetica", sans-serif; 
    color:black; 
    font-size:11pt; 
    border-bottom:solid 1px red; 
}	

.static dt { font-weight: bold; }
.static dd { margin: 1em 0; margin-top: 0; }

.faq P { margin-left:20px }
.faq OL { margin-top:0px; margin-left:50px; }
.faq UL { margin-top:0px; margin-left:50px; }
.faq DL { margin-top: 0px; margin-left: 20px; }
.faq DT { font-weight: bold; }
.faq DD { margin-bottom: 0.5em; }
.faq .uagent { font-family: monospace; padding: 0.5em; }
.faq p.uagent { background: #cce6e6; color: black; }

.static { padding:1cm; }
.static UL { margin-top:0.5em }
.static H4 { margin-top:1.5em; margin-bottom:0.5em; }

.static table.wlNewsTable,
.static table.wlSecDetails,
.static table.wlTable { border-collapse: collapse; }

.static table.wlNewsTable th,
.static table.wlSecDetails th,
.static table.wlTable caption,
.static table.wlTable th { background: #cce6e6; }

.static table.wlNewsTable th,
.static table.wlNewsTable td,
.static table.wlSecDetails th,
.static table.wlSecDetails td,
.static table.wlTable caption,
.static table.wlTable th,
.static table.wlTable td {
    border: 1px solid #366; 
    padding: 3px 5px;
}

.static table.wlTable caption { font-weight: bold; border-bottom: none; }

/* 
 * Other stuff
 */
div.content { padding: 1em; } 

div.errorlist {
    background: InfoBackground;
    color: InfoText;
    border: 1px solid InfoText;

    margin: 0.3em 0;
    padding: 0.5em;

    text-align: left;
}

div.errorlist h2 { margin: 0.5 0; color: red; font-size: 1.2em; }
div.errorlist ul { margin: 0.5 0; padding: 0; margin-left: 2em; }
div.errorlist p  { margin: 0.5 0; padding: 0; }