/*--- Reset ---*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0;	 border:0; font-size:100%; font:inherit; vertical-align:baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } body {	line-height:1; } ol, ul { list-style:none; } blockquote, q {	quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:'';	content:none; } table { border-collapse:collapse; border-spacing:0; } html, body { height:100%; min-height:100%; margin:0; padding:0; }

/*--- Layout ---*/
body {	font-family:Arial, sans-serif; font-size:12px; line-height:15px; color:#000000; font-weight:normal; text-decoration:none; background:#fff; margin: 0; padding: 0; }

/*--- Basics ---*/
h1, h2, h3, h4, h5, h6 { font-weight:bold; color:#535353; }
h1 { font-size:18px; line-height:21px; margin:-1px 0 14px 0; }
h2 { font-size:14px; line-height:17px; margin:-1px 0 5px 0; }
h3 { margin:0 0 5px 0; font-size:12px; }
h4, h5, h6 { font-size:12px; font-weight:normal; margin:0 0 10px 0; }
h4 a, h5 a, h6 a { font-weight:bold; }
p	{ margin: 0 0 10px 0; }
strong, b { font-weight: bold; color:#535353; }
em { font-style: italic; }
a { text-decoration: none; color: #535353; }
a, h1 a, h2 a { text-decoration: none; }
a:hover { text-decoration:none; color:#c90000; }
a.link { background:url(../img/link.gif) no-repeat left -1px; padding-left:12px; }
a.link:hover { background:url(../img/link_hover.gif) no-repeat left -1px; }
a.file { background:url(../img/file.gif) no-repeat left -1px; padding-left:12px; }
a.file:hover { background:url(../img/file_hover.gif) no-repeat left -1px; }
a img { border: none; }
small, .small { font-size:10px; line-height:13px; }
.smaller { font-size:11px; line-height:14px; }
p.small { margin:0 0 13px 0; }
.blue { color:#036; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.margin-top { margin-top: 20px; }
.margin-bottom { margin-bottom: 20px; }
.gray { color:#777; }
.green { color:#008000; }
.black { color:#000 !important; }
.red { color:#aa0033; }
.no-wrap { white-space:nowrap; }
hr { border: none; height: 0; border-bottom: 1px solid #e6e6e6; margin:1em 0; }
.clear { clear: both; }
.left { float:left; width:49%; }
.right { float:right; width:49%; }
.hidden { display:none; }
.inline { display:inline !important; }

.button {
  display: inline-block;
  background: url(../img/trading/hp/btn-gradient-bg.png) repeat-x top #3e1818;
  padding: 0 10px;
  line-height: 27px;
  color: #fff !important;
  font-weight: bold;
  font-size: 11px;
  border-radius: 4px;
  text-shadow: 1px 1px 0 #000;
  box-shadow: 1px 1px 1px #ccc;
}
.button:hover {
  display: inline-block;
  background: url(../img/trading/hp/btn-gradient-bg_hover.png) repeat-x top #9a6c6c;
  color: #fff;
} 
.button.active {
  background: url(../img/trading/hp/btn-gradient-bg_hover.png) repeat-x top #9a6c6c;
}

table { clear:both; width:100%; border-collapse:collapse; border-spacing:0; border:none; background:#fff; margin: 0; padding: 0; border: 0; }
td, th { margin: 0; padding: 0; border: 0; vertical-align:top; vertical-align:middle;	}

/*--- Tables ---*/
table.default {
  font-size: 11px;
  margin-bottom: 10px;
}
table.default th {
  color: #434343;
  font-weight: bold;
}
table.default th,
table.default td {
  border: 1px solid #bcc1cd;
  padding: 2px 5px;
}
table.default tr.odd,
table.default.striped tbody tr:nth-child(odd) {
  background-color: #e8dede;
}
table td.n {
	text-align: right;
	padding-right: 7px;
}
table td.highlighted {
  background-color: #98a7b3 !important;
  color: #fff !important;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  vertical-align: middle !important;
}

table td.vmiddle {
  vertical-align: middle !important;
}

/*--- Forms ---*/
form.simple {
  margin: 0;
  padding: 0;
}
input[type=text], select, textarea {
  border: 1px solid #777575;
  border-bottom: 1px solid #c1ccd5;
  border-radius: 6px;
  padding: 0 3px;
  margin: 0 3px;
  height: 20px;
  box-shadow: 0 1px 1px #d1d0d0 inset;
}
input[type=submit], button {
  background: url(../img/trading/hp/btn-gradient-bg.png) repeat-x left top #b4cada;
  color: #304355;
  border: 1px solid #9badbb;
  border-top: 1px solid #b2c8d8;
  border-bottom: 1px solid #4d575d;
  height: 20px;
  font-size: 11px;
  box-shadow: 0 1px 1px #A2B6C4;
  border-radius: 5px;
  padding: 3px 10px 5px 10px;
}

/*---Instrument Autocomplete Search---*/
ul.ui-autocomplete {
	text-align: left;
	background: #fff;
	width: 150px;
	padding: 10px 6px 5px 0;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	-webkit-text-shadow: 0.07em 0.1em 0.0em #ddd;
	-moz-text-shadow: 0.07em 0.1em 0.0em #ddd;
	text-shadow: 0.07em 0.1em 0.0em #ddd;
	border: 1px solid #97a2a9;
	border-top: none;
	position: relative !important;
}
ul.ui-autocomplete, ul.ui-autocomplete * {
	z-index: 1 !important;
}
ul.ui-autocomplete li {
	margin-bottom: 5px;
	font-size: 10px;
}
ul.ui-autocomplete li a {
	display: block;
	padding: 3px;
	width: 100%;
}
ul.ui-autocomplete #ui-active-menuitem {
	background-color: #fff;
}


/*--- Tabs ---*/
.tabcontainer {
  list-style: none;
  display: inline;
}
.tabcontainer span {
  display: inline-block;
  background: url(../img/trading/hp/btn-top-panel.png) repeat-x left top;
  height: 27px;
}
.tabcontainer span a {
  color: #fff !important;
  display: inline-block;
  padding: 7px 5px 5px 5px;
  font-size: 11px;
}
.tabcontainer span:hover {
  display: inline-block;
  /*background: url(../img/trading/hp/btn-top-panel.png) repeat-x left -27px;*/
  background: url(../img/trading/hp/header-center-big.png) repeat-x bottom;
  height: 27px;
  color: #fff;
} 
.tabcontainer .active span, 
.tabcontainer span.active {
  background: url(../img/trading/hp/header-center-big.png) repeat-x bottom;
  /*background: url(../img/trading/hp/btn-top-panel.png) repeat-x left -54px;*/
}

/*--- Basics ---*/

#window_container {
  margin: 0;
  padding: 0;
}

.header-slider, 
.header-slider img {
  border-radius: 8px 8px 0 0;
  background: none;
}

.sidebar-bg {
  background: #f1f0f0;
  background-position: 0 -83px;
  padding: 0;
  margin: 0;
  min-height: 862px;
}
.sidebar-bg.main_page {
  background-position: 0 -30px;
}

.icon-plus, icon-neutral, .icon-minus {
  display: inline-block;
  width: 8px;
  height: 10px;
}
.icon-plus {
  background: url(../img/trading/hp/icon-arrows.png) no-repeat left top;
}
.icon-minus {
  background: url(../img/trading/hp/icon-arrows.png) no-repeat -8px top;
}
.icon-neutral {
  background: url(../img/trading/hp/icon-arrows.png) no-repeat -16px top;
}

/*--- Simple Box ---*/
.box {
  border-radius: 8px;  
  border-top: 0;
  border-left: 1px solid #A0A8B0;
  border-bottom: 0;
  border-right: 1px solid #A0A8B0;
  box-shadow: 0 1px 2px #616f7a;
  margin-bottom: 15px;
  background: #fff;
}

.box .title-header {
  line-height: 28px;
  padding: 0 7px 0 7px;
  font-size: 13px;
  color: #fff;
  border-radius: 8px 8px 0 0;
  background: url(../img/trading/hp/bg-blue.png) repeat-x;
  border-top: 1px solid #fff;
}
.box .title-tab {
  display: inline-block;
  line-height: 28px;
  padding: 0 7px 0 7px;
  font-size: 13px;
  color: #fff;
  border-radius: 8px 8px 0 0;
  background: #4a4a4a;
  border-top: 1px solid #fff;
  cursor: pointer;
}
.box .title-tab.active,
.box .title-tab:hover {
  background: url(../img/trading/hp/bg-blue.png) repeat-x;
}
.box .blue-link-arrow {
  padding: 5px 2px;
  background: url(../img/trading/hp/red-circle-arrow.png) no-repeat 5px 3px;
  padding-left: 26px;
  background-color: #e8dede;
  font-size: 12px;
  color: #535353;
  margin: 0;
  font-weight: bold;
}
.box .blue-link-envelope {
  border-top: 1px solid #fff;
  padding: 5px 2px;
  background: url(../img/trading/hp/red-email-icon.png) no-repeat 5px 4px;
  padding-left: 30px;
  background-color: #e8dede;
  margin: 0;
  font-weight: bold;
}

.box .datetime {
  color: #535353;
  font-size: 10px;
  padding: 3px 7px 0 7px;
  margin: 0;
  background: #fff;
}

.box .title {
  color: #00518f;
  padding: 0 7px;
  margin: 3px 0 5px 0;
  font-weight: bold;
}

.box .title.new-content a {
  font-weight: bold;
  color: #F57D10;
}

.box .lead {
  color: #304355;
  font-size: 11px !important;
  margin: 0 0 3px 0;
  padding: 0 7px;
  font-weight: normal !important;
}

/*--- Marketing Box ---*/
.marketing_box {
	border: 1px solid #808080;
	color: #304355;
}
.marketing_box.rank-1 {
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
}
.marketing_box.rank-last {
	margin-bottom: 20px;
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
}
.marketing_box.rank-onlyone {
	margin: 0 0 20px 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.marketing_box.rank-1 img {
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
	border-bottom: 1px solid #697484;
}
.marketing_box.rank-last img {
	border-top: 1px solid #697484;
	border-bottom: 1px solid #697484;
}
.marketing_box.rank-onlyone img {
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
	border-bottom: 1px solid #697484;
}
.marketing_box .content {
	background: url(../img/trading/hp/marketing-box-bg.png) repeat-x top #c7cccf;
	padding: 5px;
}
.marketing_box .text {
	font-size: 11px;
	margin: 0;
}
.marketing_box .title {
	font-size: 12px;
	margin: 0 0 5px 0;
  font-weight: bold;
  color: #535353;
}
.marketing_box .link {
	margin: 3px 5px 0 0;
	text-align: right;
}
.marketing_box .link a {
	color: #535353;
	background: url(../img/trading/hp/red-arrow.png) no-repeat right;
	padding-right: 10px;
	font-weight: bold;
}

/* --- Charts --- */
.sidebar_chart {
  height: 140px;
  width: 222px;
}

.box.chartbox,
.box.chartbox2 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;  
  position: absolute;
  left: 1px;
  right: 1px;
}
.box.chartbox {
  top: 0;
}

/* eredeti
.chartlink {
  display: inline-block;
  height: 18px;
  color: #fff;
  text-size: 10px;
  margin: 0 3px 10px 3px;
  border-radius: 0 0 4px 4px;
  padding: 3px 10px 0 10px; 
  background: url(../img/trading/hp/bg-blue.png) repeat-x;
  border-bottom: 1px solid #fff;
  cursor: pointer;
}*/

ul.tabs {
  margin: 0 0 10px 0;
  padding: 0 1px;
  background: none;
  border: none;
  display: table;
  width: 99.45%;
}

ul.tabs li {
  color: #fff;
  list-style: none;
  display: table-cell;
  padding: 2px;
  background-color: #E7971D;
  border-right: 1px solid #6c7984;
  border-bottom: 1px solid #6c7984;
  font-weight: bold;
	font-size: 10px;  
}

ul.tabs li:first-child {
  border-left: 1px solid #6c7984!important;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}

ul.tabs li:last-child {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}

ul.tabs li:hover,
ul.tabs li.active {
  cursor: pointer;
  text-decoration: none;
  background-color: #FBAC24;
  border-top: none;
}

.window-link {
	float: right;
	padding: 0;
	height: 25px;
}
.window-link .fullwindow-link a {
	background: url(../img/trading/hp/fullwindow-button.png) no-repeat left;
	display: inline-block;
	width: 16px;
	height: 16px;
	padding-top: 12px;
}
.window-link .fullwindow-link a:hover {
	background: url(../img/trading/hp/fullwindow-button-hover.png) no-repeat left;
}

/* --- Infopanel --- */
body.infopanel {
  background: #f1f0f0;
}
.infopanel {
  min-width: 650px;
  padding: 5px;
}

.infopanel hr {
  margin: 3px 0;
}

.infopanel .default {
  font-size: 10px;
}
.infopanel .default th {
  font-weight: normal;
}

.infopanel-header {
  width: 100%;
  height: 66px;
  background: none !important;
}
.infopanel-header tr {
  background: none !important;
}

.infopanel .column table.default {
  margin: 0 0 20px 0;
}

.infopanel .column table.nomax {
  max-width: 100%;
}
.infopanel .bigdata {
  font-size: 22px;
  display: inline-block;
  margin-top: 10px;
}

.infopanel-big-left {
  background: url(../img/trading/hp/header-left-big.png) no-repeat bottom left;
  width: 13px;
  height: 66px;
}
.infopanel-text { 
  padding: 0 10px;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 1px #000;  
  background: url(../img/trading/hp/header-center-big.png) repeat-x bottom;
  height: 66px;
}
.infopanel-text span {
  font-size: 18px;
  line-height: 22px;
}
.infopanel-big-right {
  background: url(../img/trading/hp/header-right-big.png) no-repeat bottom left;
  width: 24px;
  height: 66px;
}
.infopanel-small-center {
  background: url(../img/trading/hp/header-center-small.png) repeat-x bottom left;
}
.infopanel-small-right {
  background: url(../img/trading/hp/header-right-small.png) no-repeat bottom left;
  width: 14px;
}
.infopanel-tabs {
  float: left;
  width: 65%;
  padding-bottom: 9px;
}

.infopanel-tabs span {
  border-radius: 4px 4px 0 0;
  margin-left: 3px;
}

.infopanel-search {
  float: left;
  width: 30%;
  text-align: right;
  padding-bottom: 10px;
}

.infopanel-search input[type=text] {
  width: 115px;
  margin-left: 0;
  background: url(../img/trading/hp/icon-find.png) no-repeat 103px 3px #fff;
  background-size: 12%;
}

.infopanel .content {
  clear: both;
  background-color: #fff;
  padding: 10px;
  margin: 0 3px;
  border-radius: 0 0 8px 8px;
  border: 1px solid #ababab;
  border-top: none;
  box-shadow: -1px 2px 7px #a2a9b1;
}

.infopanel .content .column {
  min-width: 250px;
  float: left;
}
.infopanel .content .column.left {
  width: 44%;
  padding-right: 2%;
}
.infopanel .content .column.right {
  width: 54%;
}
.infopanel .content table th {
  font-weight: normal;
  padding: 1px 3px;
}
.infopanel .content table td {
  font-weight: bold;
  padding: 1px 3px;
}
.infopanel .content table td.title {
  padding: 10px 0 5px 0;
  border: none;
  font-size: 12px;
  color: #535353;
}
.infopanel .content table td.normal {
  font-weight: normal;
}
.infopanel .chartTabs {
  margin-left: 15px;
  float: left;
}
.infopanel .chartTabs span {
  border-radius: 0 0 4px 4px;
}

.play-icon-small {
	position: absolute;
	width: 220px;
	height: 85px;
	background: url(../img/play-icon.png) no-repeat center center;
}

.video_thumbnail {
  width: 70%;
}

.video_container {
  background: #000;
  text-align: center;
  padding: 5px 0;
}

.ticker, .clock {
  background: url(../img/trading/hp/bg-blue.png) repeat-x;
}

.home .ui-dialog-titlebar {
  background: url(../img/trading/hp/bg-blue.png) repeat-x;
}