﻿body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: White;
}
p td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* tabs { */

.tabs {
border-color:#000000 ;
border-style:solid none;
border-width:0;
height:26px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 10px 0 0;
padding:10px 0 0;
position:relative;
}

 .tabs li {float:left; margin-right:5px; margin-bottom:-1px;}


.tabs li a {
font-family:verdana,arial,sans-serif;
font-size:11px;
line-height:23px;
text-decoration:none;
}

.tabs li a em {
border:0 solid #CCCCCC;
color:blue;
display:block;
float:left;
font-style:normal;
height:25px;
padding:0 8px;
text-align:center;
}

 .tabs li a span {display:none;}
 
 .tabs li a:hover {color:#000; white-space:normal;}
 
 .tabs li a:hover em {cursor:pointer; border-bottom-color:#60C5FF; position:relative; z-index:300;}

.tabs li a.selected em {
background:white none repeat scroll 0 0;
border-color:#CCCCCC #CCCCCC white;
border-style:solid;
border-width:1px 1px 2px;
color:black;
font-weight:900;
position:relative;
text-decoration:none;
z-index:400;
}


 .tabs li.unselected {background:red; color:blue; border-bottom-color:#9bb; text-decoration:underline; position:relative; z-index:400;}
 .tabs li a.selected:hover em {cursor:default; border-bottom:0px thin;}
 .tabs li a.selected:hover b {cursor:default;}
 .tabs li a.selected b {z-index:400; background-position:0 -33px; border-bottom-color:#9bb; cursor:pointer;}
 
 
 .tabs li a:hover span {display:block; position:absolute; left:10px; top:35px; color:#000; white-space:nowrap;}
 .tabs li a.selected:hover span {display:none;}
 
 /*********************************
 set the width of the div container 
 *********************************/
.tabs_container {
border:0 solid #666666;
margin-left:1%;
width:48%;
float:left;
display: inline;
}

.tabs_container_popup {
border:0 solid #666666;
margin-left:1%;
width:98%;
float:left;
display: inline;
}

.tab_content {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#005A84;
font-size:12px;
padding-left:20px;
padding-top:20px;
text-align:center;
}

 /**************************
 set the width of the canvas 
 **************************/
.chart_container {
height:300; 
background: no-repeat; background-image:  url(images/charts_bg.png); 
background-position: 5% 50%;}
 /* tabs } */ 
 
 /* top charts { */
#FCAPair_container { height: 200px;}
#FCAPair_graph {width: 75%; height: 200px; float: left; padding-left:8px; background: no-repeat; background-image:  url(images/charts_bg.png); background-position: 50% 50%;}
#FCAPair_settings { height: 200px; float: left; text-align:left; padding-left:20px;}

#FCAEvent_container {height: 200px;}
#FCAEvent_graph {width: 75%; height: 200px; float: left; padding-left:8px; background: no-repeat; background-image:  url(images/charts_bg.png); background-position: 50% 50%;}
#FCAEvent_settings {height: 200px; float: left; text-align:left; padding-left:20px;}
#SelectCFAPevents {text-decoration: verdana 11px; border: 1px solid #8B8989;}
#SelectFCAE {text-decoration: verdana 11px; border: 1px solid #8B8989;}

#AF_container {height: 200px;}
#AF_graph {width: 80%; height: 200px; float: left; padding-left:8px; background: no-repeat; background-image:  url(images/charts_bg.png); background-position: 50% 50%;}
#AF_settings {height: 200px; float: left; text-align:left; padding-left:20px;}


#AF_settings a{
	text-decoration:none;
	color:#4169E1;
	padding-left:5px;
	font-size: 12px;
}

#AF_settings a:hover {
	background-color:#ededed;
	color:#3A5FCD;
	text-decoration: underline;
	outline:none;
}
/* top charts } */

/* component table { */
table.releases {
	-x-system-font:none;
	border-bottom:1px solid #cccccc;
	border-collapse:collapse;
	clear:both;
	font-family:verdana;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin-left:10px;
	margin-top:20px;
	margin-bottom:10px;
	text-align:center;
	width:97%;
}

table.releases td{
	padding: 2px;
}

table.releases th {
	border-bottom:1px solid #cccccc;
	color:black;
	text-align:center;
	font-weight:600;
	padding:2px;
}
table.releases tr.even {
	background-color:#efefef;
	color:#003300;
}
table.releases tr.odd {
	color:#003300;
}

table.releases td.green_bold{
    color: #32CD32;
    font-weight:bold;
}

table.releases td.red_bold{
    color: red;
    font-weight:bold;
}

table.releases td.normal_bold{
    font-weight:bold;
}

table.releases td.green{
    color: #05dc00;
}

table.releases td.red{
    color: red;
}

table.releases td a{
color: #2C3CEF;
text-decoration: none;
}

table.releases td a:hover{
color: blue;
text-decoration: underline;
}

/* component table } */


/* rounded { */

div.rounded {
    clear:both;
    margin-left:5px;
    margin-right:5px;
    width:99%;
}

div.rounded div.top div.right {
    background:url(gimages/tr.png) no-repeat bottom right;
    height:14px;
    margin-left:9px;
}

div.rounded div.top {
    background:url(gimages/tl.png) no-repeat bottom left;
    padding:0px;
    width:99%; /* width of table */
    min-width:960px;
    max-width:1280px;
    width:expression(document.body.clientWidth < 1024? "960px"  : document.body.clientWidth > 1440? "1280px" : "auto");
}

div.rounded div.middle {
    background:url(gimages/l.png) repeat-y left;
    clear:both;
    width:99%; /* width of table */
    min-width:960px;
    max-width:1280px;
    width:expression(document.body.clientWidth < 1024? "960px"  : document.body.clientWidth > 1440? "1280px" : "auto");
}

div.rounded div.bottom {
    background:url(gimages/bl.png) no-repeat top left;
    clear:both;
    padding:0px;
    width:99%; /* width of table */
    min-width:960px;
    max-width:1280px;
    width:expression(document.body.clientWidth < 1024? "960px"  : document.body.clientWidth > 1440? "1280px" : "auto");
}

div.rounded div.middle div.right {
    background:url(gimages/r.png) repeat-y right;
    margin-left:5px;
    height: 100%;
}

div.rounded div.middle div.right div.content {
    color: blue;
    margin-right:0px;
    padding:0px 0px;

}

div.rounded div.middle div.right div.content p {
    margin:0px;
    padding-top:15px;
}

div.rounded div.middle div.right div.content h2 {
    color:#1E90FF;
    font-size:12px;
    font-weight:bold;
    margin:0px;
    padding:0px 10px 0px;
}

div.rounded div.bottom div.right {
    background:url(gimages/br.png) no-repeat top right;
    height:12px;
    margin-left:9px;
}
/* rounded } */


/* accordion icons */
.aud-flag{
	background-image: url(images/flags/aud.gif);
	background-repeat: no-repeat;
}

.cad-flag{
	background-image: url(images/flags/cad.gif);
	background-repeat: no-repeat;
}

.chf-flag{
	background-image: url(images/flags/chf.gif);
	background-repeat: no-repeat;
}

.eur-flag{
	background-image: url(images/flags/eur.gif);
	background-repeat: no-repeat;
}

.gbp-flag{
	background-image: url(images/flags/gbp.gif);
	background-repeat: no-repeat;
}

.nzd-flag{
	background-image: url(images/flags/nzd.gif);
	background-repeat: no-repeat;
}

.usd-flag{
	background-image: url(images/flags/usd.gif);
	background-repeat: no-repeat;
}

.jpy-flag{
	background-image: url(images/flags/jpy.gif);
	background-repeat: no-repeat;
}

/* accordion icons */



/* accordion panel */

a.accordion_panel {
	text-decoration:none;
	color:#4169E1;
	padding-left:5px;
	font-size: 12px;
	display:block;
}

a.accordion_panel:hover {
	background-color:#ededed;
	color:#3A5FCD;
	text-decoration: underline;
	outline:none;
}

/* accordion panel */



/* search panel */
input.searchbox{
	background-image:url(images/search_icon.gif);
	background-position:right center;
	background-repeat:no-repeat;
	border:1px solid #6297BC;
	padding-right:16px;
}

/* search panel */


/* abs_rel_top */
.abs_rel_top{
	font-size: 14px;
}

/* abs_rel_top */


/* abs_rel_chart */
.abs_rel_chart{
	font-size: 13px;
	color:blue;
	padding-left:20px;
	padding-top:8px;
}

/* abs_rel_chart */



h1 {
    font-size:16px;
    font-weight:bold;
    margin:0px;
    padding:0px 10px 0px;
}



#topnav {
background-color:#dfe2e2;
font-family:Verdana;
font-size:10px;
font-weight:bold;
width:100%;
height:16;
text-align:center;
padding-top:1px;
}

#topnav img.left
{
display:none;
}
#topnav img.right
{
display:none;
}


#topnav ul {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#topnav li {
display:inline;
padding-right:25px;
vertical-align:top;
}
#topnav a:link {
color:Blue;
font-weight:bold;
text-decoration:none;
}
#topnav a:visited {
color:Blue;
font-weight:bold;
text-decoration:none;
}
#topnav a:active {
color:Blue;
font-weight:bold;
text-decoration:none;
}
#topnav a:hover {
color:Blue;
font-weight:bold;
text-decoration:underline;
}

.CurrentWeek {
display: block;
}
.CurrentWeekDay {
float:left;
line-height:12px;
padding-left:5px;
width:95%;
}

.CurrentWeekDate{
border-bottom:1px solid #CBCBCB;
font-weight:bold;
margin-bottom:5px;
margin-top:10px;
padding-bottom:1px;
padding-top:1px;
padding-left:2px;
}

.CurrentWeekItem {
font-weight:normal;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
margin-bottom:5px;
}

.CurrentWeekItem a{
text-decoration: none;
color:#4169E1;
}

.CurrentWeekItem a:hover{
	background-color:#ededed;
	color:#3A5FCD;
	text-decoration: underline;
	outline:none;
}