body {
	text-align:	center; /* for IE */
}

div#es_header {
	font-size: 12pt;
	font-weight: bold;
}

div#es_wrapper {
	text-align: left;
	margin: 0 auto;
}

div#es_content {
	clear: both;
	padding: 0 0 0 0;
}

div#wrapper {
	text-align: left;
	width: 1000px;
	margin: 0 auto; /* for the rest */	
}

table.es_table {
	border-collapse: collapse;
	background: #E2ECF9;
	border: 1px solid #000000;
}

table.es_table td, table.es_table th {
	padding: 5px;
}

/*
 * Template colors
 */
 
div#footer {
	border-top: 0px solid;
	width:	100%;
	margin-top: 1em;
}

#logo {
	text-align: center;
}

#hquotes {
	width: 1000px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin-bottom: 20px;
}

#hquotes tr.hquotes_header {
	background-image: url(/templates/gateway/images/back1.gif);
	background-repeat: repeat-x;
	height: 17px;
}

#hquotes tr.hquotes_footer {
	background-image: url(/templates/gateway/images/back2.gif);
	background-repeat: repeat-x;
	height: 12px;
}

#hquotes td {
	padding: 2px;
}

div.quote_com_nav {
	float: right;
}

.bluetab  {
	background-color:#ffffff;
	font-size:11px;
	font-weight:bold;
	padding-left:6px;
	padding-right:6px;
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
}

div.rbPortal {
	background-color: #EF7B21;
	width: 100%;
	color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 14px;
	padding-top: 3px;
	padding-bottom: 3px;
}

a.rbPortal, a.rbPortal:visited, a.rbPortal:hover {
	color: #FFFFFF;
}

ul#mainmenu {
	padding-top: 0px;
	padding-bottom: 0px;
}

ul#mainmenu ul {
	top: 1.3em;
}

ul#mainmenu li.mainlink {
    font-size:14px;
}

#example {
	font-size: .7em;
	margin-top: 3px;
}

#whatsnew {
	font: bold 11px Arial; 
	color: #0030AD; 
	padding: 2px;
}

fieldset {
	background: #fff url(/images/converter_bg.gif) bottom repeat-x; 
	border: 1px solid #C1D1F0;
	font-size: 11px;
	text-align: center;
	padding: 0px;
	padding-bottom: 3px;
	margin: auto;
	width: 600px;
	float: left;
}

legend {
	font-size: 12px;
	font-weight: bold;
	color: #000;
}


span.todays_rates  {
	float: left; 
        margin: 0;
	padding: 0px 10px;
	width: 30%;
}


#conversion {
	width: 385px;
	padding: 5px 0px;
	margin-left: 0px;
	text-align: center;
	float: left;
}

#convert {
	display: inline;
}

#convert select{
	width: 120px;
	font-size: 12px;
}

#convert input.input {
	font-size: 12px;
	width: 24px;
}

#convert_button {
	margin-top: -5px;
	padding: 0px;
}
tr.even, tr.even td {
	background: 		#EFEFEF;
}

tr.odd, tr.odd td {
	background: 		#FFFFFF;
}
/*  currency converter not used yet.
fieldset {
	float:left;
	height:55px;
	background: #fff url(http://new.quote.com/images/converter_bg.gif) bottom repeat-x; 
	border: 1px solid #C1D1F0;
	font-size: 11px;
	text-align: center;
	padding: 0 2px 1px;
	margin: 5px;
}
legend {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding-bottom:4px;
}

div.rates {
	width:580px;
	margin:0;
	padding:0 2px;
}

div.rates ul {
	width: 160px;
	float:left;
	margin:0; padding:0;
	text-align:center;
}
div.rates ul li {
	list-style-type:none;
	margin:0;
	padding: 2px 0 2px;
	border-right: 1px dotted #999;
	border-bottom: 1px dotted #999;
}

div.rates ul li.bottom {
	border-bottom: none;
}

div.rates ul.last {
	width: 90px;
}

div.rates ul.last li {
	border-bottom: none;
	border-right: none;
}			

*/

/* ----- datagrid tables ----- */

.content_800 .datagrid,
.datagrid{
	width: 780px;
	margin:0 auto;
}

.content_970 .datagrid {
	width: 950px;
}

.datagrid table {
	width: 100%;
	border-collapse: collapse;
}

.datagrid table.left {
	float: left;
	width: 48%;
	margin: 0 3px;
}

.datagrid tr .subtitle {
	padding-bottom: 0;
}

.datagrid .white2,
.datagrid ul.white2,
.datagrid .gray,
.datagrid .gray2,
.datagrid ul.gray {
	background-color: #efefef;
}

.datagrid ul.gray {
	border-top: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
}

.datagrid ul:hover,
.datagrid tr:hover {
	background-color: #e3f2d2;
}

.datagrid tr.gray2:hover {
	background-color: #efefef;
}

.datagrid td {
	border-bottom: 1px solid #c5c5c5;
	padding: 3px;
}

.datagrid ul {
	padding: 3px;
}

.datagrid .no_border {
	border: 0;
}

.datagrid .right {
	text-align: right;
}

.datagrid .center {
	text-align: center;
}

.datagrid .category {
	font-size: 11px;
	color: #666;
	font-weight: normal;
	background-color:#fff;
}

.datagrid .tab {
	font-size: 11px;
	color: #666;
	font-weight: normal;
	
}

.datagrid .category_column,
.datagrid .category_column_first {
	border-right:1px solid #c5c5c5;
}

.datagrid .white, 
.datagrid .white2, 
.datagrid tr.white:hover {
	background-color: #fff;
}


.datagrid table.wide {
	padding:0; margin:0;
	border: none;
	table-layout: fixed;
}

.datagrid table.wide td {
   	white-space: nowrap;
	padding: 3px 4px;	
}

.datagrd table.wide td.category_column {
	width: 100px;
}

.currencies .datagrid table.wide td.category_column_first,
.currencies .datagrid table.wide td.category_column {
	width: 30px;
}

.currencies .datagrid table.wide td.category_column {
	font-size: 12px;
}

.datagrid table.wide td.scroll {
	padding:0; margin:0;
	border: none;
}

.datagrid table.wide td.scroll div {
	overflow-y: hidden; 
	overflow-x: auto; 
	width: 100%;
	*padding-bottom: 20px; /* for IE issue w/ overflow: auto */
	
}

.datagrid table.wide td.subtitle {
	background-color: #d5d5d5;
	font-weight: bold;
	color: #174899;
}

.datagrid table.wide td.subtitle div {
		position: relative; 
		width: 100%; 
		z-index: 10;
}

.datagrid table.wide td.last {
	height: 20px;
}
/* To show an inner table for the last column with settle value */
.datagrid table.last_settle tr:hover {
	background-color: inherit;
}

.datagrid table.last_settle td {
	text-align: right;
	border: 0px; 
	padding: 0px;
	font-weight: bold;
}

.datagrid table.last_settle span.settle {
	padding: 0 0 0 1px;
}
/* ----- End of datagrid tables ----- */
.positive_data {     /* used for table data, red/green/gray text */
	color: #3a8e27;
}

.negative_data {
	color: #ab0000;
}

.netural_data,
.black {
	color: #000;
}
.content_800 {
    float: left;
    width: 800px;
}


/* ----- fs charts, quotes and forms ----- */
.fs_chart_header {
	margin-bottom: 10px;
}

.fs_chart_header li {
	display: inline;
	padding-right: 200px;
}

.fs_chart_header li.last {
	padding-right: 0;
}

.fs_chart_header li a {
	font-weight: normal;
	color: #50943e;
}

.fs_chart,
.fs_chart_form {
	border: 1px solid #c5c5c5;
	padding: 10px 10px;
}

.fs_chart h2,
.fs_chart_form h2,
.fs_quote_form h2,
.fs_quote_form2 h2 {
	padding: 0 0 5px;
	margin: 0;
	font-weight: bold;
	font-size: 12px;
}

.fs_chart h2 span,
.fs_chart_form h2 span {
	font-weight: normal;
}

.fs_chart_form {
	margin-bottom: 15px;
	border-top: 0;
}

.mod_left .fs_chart,
.mod_left .fs_chart_form {
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
}

.fs_chart_form select, 
.fs_chart_form input,
.fs_chart_form img,
.fs_quote_form input {
	margin-bottom: 5px;
	font-size: 11px;
}

.fs_quote_form select {
	width: 375px;
	margin-bottom: 10px;
}

.fs_quote_form2 select { /*this rule and the next need to be separate for IE6*/
	width: 300px;
	margin-bottom: 10px;
}

.fs_quote_form2 input[type=text] {
	width: 300px;
	margin-bottom: 10px;
}

.fs_chart {
	text-align: center;
}

.mod_left .fs_chart .left,
.fs_quote_form2 .left{
	float: left;
	padding-right: 12px;
}
.chart_left {
	padding-top: 5px;
	width: 260px;
	float: left;
	
}
.chart_right {
	width: 620px;
	float: left;
}

.mod_left .fs_chart .last {
	padding-right: 0;
}

.fs_chart ul {
	background-color: #ddd;
	list-style: none;
	text-align: center;
	padding: 3px 0;
	margin: 0 auto;
	border: 1px solid #c5c5c5;
	border-top: 0;
}

.fs_chart ul li {
	display: inline;
	padding: 1px 10px 4px;
	border: 1px solid #ddd;
	border-bottom: 0;
}

.fs_chart ul li.current,
.fs_chart ul li:hover {
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: 0;
}
.fs_chart ul li a {
	color:#0000CC; 
	text-decoration:underline;
	cursor: pointer;
}
.fs_quote_form ul li {
	display: inline;
	padding-right: 10px;
}

.fs_chart_form .right,
.fs_form .right,
.fs_quote_form2 .right{
	float: right;
}

.fs_chart_form .right2,
.fs_form .right2 {
	float: left;
	padding-left: 20px;
	margin-bottom: 10px;
	border-left: 1px solid #c5c5c5;
}

.fs_chart_form .left,
.fs_form .left{
	float: left;
	padding: 0 7px 10px 0;
}

.fs_chart_form .left2,
.fs_form .left2{
	float: left;
	margin-right: 20px;
	padding-right: 15px;
	border-right: 1px solid #c5c5c5;
}

.fs_chart_form .options {
	width: 50px;
	float: left;
}

.fs_chart_form hr {
	width: 50px;
}

/* ----- End of fs charts, quotes and forms ----- */

/* -----  esignal charts----- */

.esig_chart ul {
	background-color: #e3f2d2;
	margin-left: 15px;
    padding: 0;
    width: 270px;
}

.esig_chart ul li {
	display: inline;
	padding: 1px 10px 4px;
	border: 0;
	margin:0px;
	border-bottom: 0;
}

.esig_chart ul li a {
	color: #3A8E27;
	text-decoration:underline;
	cursor: pointer;
}
.esig_chart ul li.current a {
	text-decoration:none;
}

/* ----- End of esignal charts----- */

.small_text,
.small_text a,
.small_text a:link,
.small_text a:hover,
.small_text a:visited  {
	color: #666;
	font-size: 11px;
}



/* ----- quote header ----- */
.quote_header h2 {
	padding-bottom: 0px;
}

.quote_header ul {
	margin: 0;
	padding: 5px 0 10px;
	float: left;
}

.quote_header li {
	display: inline;
	padding: 5px 10px 0 0;
	list-style-type: none;
	float: left;
}
.quote_header li.time {
	font-size: 11px;
	color: #999;
}

.quote_header li.title {
	font-size: 18px;
	font-weight: bold;
	padding-top: 0;
}

.quote_header li span {
	font-weight: bold;
}
.quote_header li.results {
	font-size: 14px;
}
.quote_header .btn {
	float: left;
	padding-top: 7px;
}

.fs_chart {
	width: 420px;
}


.mod_left .fs_chart .last {
	padding-right: 0;
}