@charset "UTF-8";

/* GENERAL CSS RESET */

* {
	margin:0px;
	padding:0px;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img{
	margin:0;padding:0;
}

table{border-collapse:collapse;border-spacing:0;}

tr,td {vertical-align: top;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input[type="hidden"] {display:none !important;}
/* GENERAL CSS OBJECTS */

/*
 * CLEARFIX
 * This is a hack to make floats block space
 */

.clearfix {display: inline-block;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.floatRight { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
}
.floatLeft { /* this class can be used to float an element left in your page */
	float: left;
}

.textCenter, .textMiddle {
	text-align:center;
}

.textRight {
	text-align:right;
}

.textLeft {
	text-align:left;
}

strong {
	font-weight:bold;
}

html, body {
border:0pt none;
margin:0pt;
padding:0pt;
width:100%;
}

body {
	background:#f8f8f8;
	font-family:"lucida grande",tahoma,arial,verdana,sans-serif;
	font-size:12px;
}

a, :visited, :link {
	color:#3B5998;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.widget {
	background: url(/images/api/logo.gif) no-repeat center 70px !important;
	height:100%;
}

.widget, .x-panel-body, .x-panel-ml, .x-panel-mr {
	background:transparent;
}

.x-tab-panel .x-tab-panel-header, .x-tab-panel .x-tab-panel-body {border:0;}

.x-panel-tl {
	background:transparent;
	border-bottom:1px solid #e0e0e0;
	display:none;
}

.x-panel-tr, .x-panel-tl {
	padding:0;
}

.x-panel-tr, .x-panel-tc {
	background:transparent;
}

.widget_last {
	color:#676767;
	line-height:24px;
	float:right;
	padding-right:10px;
}

.homepage .widget .x-panel .x-panel-tl, .homepage .widget .x-panel .x-panel-tr, .homepage .widget .x-panel .x-panel-tc, .homepage .widget .x-panel .x-panel-tc .x-panel-header {
	display:none;
}

.homepage .widget .x-panel-tc .x-panel-header .x-panel-header-text{
	color:#4f4f4f;
	font-size:21px;
	font-weight:bold;
	line-height:42px;
	padding-left:10px;
}

.homepage .widget .x-panel-tc .x-panel-header .x-panel-header-text a, .homepage .widget_news_tabs .x-panel-tc .x-panel-header .x-panel-header-text a:hover {
	color:#4f4f4f;
}

.x-panel-header-text {
	letter-spacing: 0.5px;
}

.homepage div.summary_widget .x-panel-tc .x-panel-header .x-panel-header-text {
	padding-left:0;
}

.homepage div.summary_widget .x-panel-tc .x-panel-header .x-panel-header-text div{
	color:#5cac32;
	line-height:24px;
	padding-left:10px;
}

.homepage div.summary_widget .x-panel-tc .x-panel-header .x-panel-header-text div a{
	color:#5cac32;
}

.homepage .summary_widget .x-panel-tc .x-panel-header .x-panel-header-text div.mstext{
	display:none;
}

.widget_summary_details_tabs {
	display:none;
}

.widget .x-panel-header-text, .x-panel-header {color:#FAFAFA;font-weight:normal;}

.widget .x-panel-ml {
	padding-left:0;
}

.homepage .widget .x-panel-body {
	padding:0 8px 0 9px;
}

.homepage .widget .x-panel-body .x-panel-body{
	padding:0;
}

.homepage .widget .x-panel-mr {background:transparent;}

.widget .x-panel-mc .x-panel-body {border:none;}

.widget .x-panel-mr {
	padding-right:0;
}

.widget .x-panel-mc {
	background:transparent;
	padding-top:0;
}

.widget .x-panel-nofooter {display:none;}

.x-tab-panel-header { padding-bottom:0;}

ul.x-tab-strip-top, .x-tab-panel-header, .widget_news_tabs .x-panel-body {
	background:transparent;
}

ul.x-tab-strip-top {
	border-bottom:1px solid #1469a1;
}

.summary_body {
	padding:0 0 3px;
}

.bodyFrame .x-panel-body {
	background:#DFE8F6;
	padding:10px;
}


.homepage .summary_details_inventory {
	clear:both;
	float:left;
}

.x-grid3-hd-row .x-grid3-cell {
	color:#265d0a;
}

.market_summary_meta {
	color:#666666;
	font-weight:normal;
	font-size:11px;
}

.market_summary_meta span {
	color:#999;
}

.summary_grid .x-grid3-hd-checker {background-image:none;}

a.material_row_delete:hover {background-color:#fee;}

.homepage .summary_details_inventory span span {padding-left:2px;}

.summary_cell,
.summary_grid .x-grid3-row td .x-grid3-col-name,
.summary_grid .x-grid3-row td .x-grid3-col-inventory,
.summary_grid .x-grid3-row td .x-grid3-col-volume {
	padding: 3px;
}

.summary_cell_na {color:#777;padding: 16px 3px 8px;text-align:center;}
.summary_cell_up {background:#00AF07 !important;color:#fff !important;}
.summary_cell_down {background:#CF0000 !important;color:#fff !important;}
.summary_daily_up {
	color: #090  !important;
}
.summary_daily_down {
	color: #A00 !important;
}

.summary_daily_up img {
	background:transparent url(/images/layout_sprite.png) no-repeat -311px -475px;
}

.summary_daily_down img {
	background:url(/images/layout_sprite.png) no-repeat -311px -505px;
}

.summary_daily_no_change {font-weight: normal !important;}
.summary_cell_null {font-weight: normal !important;color: #666666;}
.summary_cell_null div {padding:3px 9px;}

.x-slider-horz .x-slider-thumb {
	background:transparent url(/images/slider/ball.gif) no-repeat scroll 0 0 !important;
	width:15px;
	height:21px;
}

.x-slider-horz {
	background:transparent url(/images/slider/left_end.gif) no-repeat scroll 0 5px;
	padding-left:29px;
}

.x-slider-horz .x-slider-end {
	background:transparent url(/images/slider/right_end.gif) no-repeat scroll right 5px;
	padding-right:28px;
}

.x-slider-horz .x-slider-inner {
	background:transparent url(/images/slider/track.gif) repeat-x scroll -23px 5px;
}


.chartspan_label li {
	color:#e1e1e0;
	float:left;
	font-size:11px;
	font-weight:bold;
	padding:0 8px 0 22px;
}

.chartspan_label li.bold {
	color:#484848;
}


.chart_axis {
	position:absolute;
	opacity:0.15;
	filter:alpha(opacity=15);
}

.chart_yaxis {
	height:1;
	border-top: 1px dashed #000;
}

.chart_xaxis {
	width:1;
	border-left: 1px dashed #000;
}

.chart_tip {
	position: absolute;
  top: 0;
  left: 0;
  border: 3px solid #fff;
  background: transparent;
	display: none;
	-moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.chart_tip em {
	background-color: #fefefe;
	display:block;
	opacity:0.8;
	filter:alpha(opacity=80);
	padding: 4px;
}

.chart {
	cursor:pointer;
	margin-top:9px;
}

.market_selector {
	padding-top:5px;
}

a.menu-default {
	display:block;
}