/* Deutsche Bank Belgium Online Trading    */
/* External data provider main style-sheet */
/*                                         */
/* Version: 1.0.0                          */
/* Date: 08/12/2006                        */

@import "obts_components.css";
@import "obts_layouts.css";

body{
	margin:0;padding:0;
	background-color:#FFF;color:#000;
	font-family:Tahoma,Arial,sans-serif;font-size:75%;
}
h2{
    margin:0;padding:1.4em 0 .5em 0;
    color:#F03;
    font:bold .94em Verdana,Arial,sans-serif;
}
h3{
    margin:0;padding:1.4em 0 .5em 0;
    color:#039;
    font-size:.94em;
}
h4 {font-size:1.0em;padding:10px 0;margin:0;}

p{
    font:.94em Verdana,Arial,sans-serif;line-height:1.2em;
}
select, input{
    font:.94em Verdana,Arial,sans-serif;
}
a img{
    border:0 none;
}
/* New style for OLB made by dma@emakina.com */
.MT {margin:0 0 20px 0;}
.FL {float:left;}
.FR {float:right;}
fieldset {border:none;margin:0;padding:0;}
legend {display:none;}
.info_box {background:#EBEFF6;border:1px solid silver;padding:0 1em 2em 1em;overflow:hidden;zoom:1;margin:0 0 2em 0;}
.sep .bd {background:#EBEFF6 url('../img/sep_info_box.gif') repeat-y 50% 0;overflow:hidden;zoom:1;}
.info_box .section {float:left;width:22em;}
.info_box .section_left {padding:0 1em 0 0;}
.info_box .section_right {margin:0 0 0 1em;float:right;}
.info_box .more {border-top:1px solid silver;padding:1em 0 0 0;margin:1em 0 0 0 ;}
.decrease {color:red;}
.increase {color:green;}
.ico_ring {background: url('../img/bell.png') no-repeat;padding:0 0 0 2em;}
.ico_add {background: url('../img/buy.gif') no-repeat 0 3px;padding:0 0 0 2em;}
#title_level {overflow:hidden;zoom:1;}
#title {float:left;}
#navigation {float:right;padding:1.4em 0 0 0;}
#navigation form,#navigation fieldset {float:left;}
#navigation label {display:block;margin:0 0 1em 0;}
.filter div {overflow:hidden;zoom:1;margin-bottom:5px;}
.filter h3 {float:left;padding:0;}
.filter fieldset {float:left;}

.pipe_nav {float:left;margin-top:0;}
.pipe_nav li {display:inline;border-right:1px solid silver;padding:0 5px;}
.pipe_nav li.first {padding:0 5px 0 0;}
.pipe_nav li.last {border-right:none;}
.pipe_nav li.active a {text-decoration:none;color:#000;font-weight:bold;}
/*  issue with chart pages
.date {font-weight:bold;padding:0 0 5px 0;display:block;}
*/
.box_3_cols {overflow:hidden;zoom:1;border-top:1px solid #CFDAEB;margin-bottom:20px;}
.box_3_cols div {float:left;}
.box_3_cols .section_left {width:14em;}
.box_3_cols .section_middle {width:18em;border:solid #C0C0C0;border-width:0 1px;padding:0 1em 1em;;}
.box_3_cols .section_right {padding:10px 0 0 10px;width:12em;}
.box_3_cols .section_right button {margin:0 0 10px 0;}
.ico_edit {background: url('../img/pencil.png') no-repeat;padding:0 0 0 20px;}
.ico_del {background: url('../img/bin_closed.png') no-repeat;padding:0 0 0 20px;}
.ico_new {background: url('../img/buy.gif') no-repeat;padding:0 0 0 20px;}
.light_title {color:#666;}
.quick_search .info {background:#EBEFF6;display:inline-block;height:100%;line-height:2.3em;padding:0 1em;}
.quick_search .txt {width:20em;}
.buttonShort {background:url("../img/bg_button_trading_short.png") no-repeat scroll right center transparent;border:0 none;color:#444444;font:bold 0.94em Tahoma,sans-serif;margin-right:0.3em;padding:0.4em 0;text-align:center;width:50px;}
/* filter */
div.realtime {float:right;}
.realtime span, .realtime ul {float:left;}
.realtime span {color:#666;}
.realtime ul {margin-top:0;padding-left:0.5em;list-style:none;}
.realtime li {float:left;}
.realtime .active, .realtime .inactive {display:block;height:14px;padding:0 5px 0 15px;}
.realtime .active {background: url('../img/ico_realtime_active.png') no-repeat 0 3px;}
.realtime .inactive {background: url('../img/ico_realtime_inactive.png') no-repeat 0 3px;display:block;}
/* extend table */
table .realtime {background: url('../img/ico_realtime_active.png') no-repeat 0 0;display:block;width:10px;height:9px;margin-bottom:0.2em;}
table .realtime span {position:absolute;left:-9000px;}
table .delayed {background: url('../img/ico_realtime_inactive.png') no-repeat 0 0;display:block;width:10px;height:9px;margin-bottom:0.2em;}
table .delayed span {position:absolute;left:-9000px;}
table.idms .heading_level_1 th {font-weight:bold;}
table.idms .heading_level_3 th {padding:0;}
table.idms .heading_level_3 div {font-weight:bold;background:#e6eefa;text-align:left;padding:0.5em ;font-size:1em;border:solid #000;border-width:1px 0;}
table.idms th {text-align:center;}
table.idms {border:1px solid silver;}
table.idms .odd td {background:#EBEFF6;}
table.idms td {padding:1.8em .2em .2em .2em;}
table.idms td.ico_col {width:25px;padding:.2em;}
table.idms td.name {padding:.2em;}
.asset_name {position:relative}
.asset_name a {position:absolute;left:0;top:0;width:40em;}
.tag {display:block;padding-top:1.7em;}
table.idms .border {border-right:1px solid silver;}
/* filter up/down */
a.up {background: url('../img/arrow_red_up.gif') no-repeat right;padding:0 12px 0 0;}
a.down {background: url('../img/arrow_red_down.gif') no-repeat right;padding:0 12px 0 0;}

/* =========== */
/* = TOOLTIP = */
/* =========== */
.tooltip {position:relative;text-decoration:none;z-index:1;}
.tooltip span {display:none;}
.tooltip:hover span {display:block;}
.tooltip:hover span.tt {display:block;background:#e6ed7a;position:absolute;bottom: 11px;left: 16px;width:20em;padding:1em;border:1px solid silver;z-index:2;text-decoration:none;color:#000;box-shadow: 5px 5px 2px #888;-moz-box-shadow: 5px 5px 2px #888;-webkit-box-shadow: 5px 5px 2px #888;}
.tooltip em {color:666;font-style: normal;}
.tooltip .title {color:#666;}
/* icons */
.bla {background:url('../img/blahblah.png') no-repeat;display:block;width:15px;height: 11px;}
.bla_with_alert {background:url('../img/blahblah_with_alert.png') no-repeat;display:block;width:20px;height: 15px;}
.alert {display:block;width:12px;height:12px;background: url('../img/alert.png') no-repeat;}
.alert_inactive {display:block;width:12px;height:12px;background: url('../img/bell_inactive.png') no-repeat;}
/* ===================== */
/* = commands dropdown = */
/* ===================== */
table.idms .commands {padding:0;width:84px;vertical-align:bottom;}
table.idms .commands .wrapper {border:none;width:86px;margin:7px 0px 0 0;background:none;padding:5px 3px 3px 2px;border-bottom: 0px solid #cfdaeb}
.commands div {width:84px; border:1px solid #ccc;font-weight:bold; cursor:pointer; background:#fff url("../img/arrow_dropdown_down.png") no-repeat 70px 3px;height:18px;}
.commands div.co_active {width:84px;background:#fff url('../img/arrow_dropdown_up.png')  no-repeat 70px 3px; position:relative;}
table.idms tr.co_highlight td.commands {background:#003399;padding:0;border: 0px !important}
table.idms .co_highlight td.commands .wrapper {margin:7px 0px 0 0;padding:5px 3px 3px 2px;border-right:1px solid #039;background:#B8CBE3;border-bottom: none !important}
.commands span {padding:.2em;display:block;color:#666666;}
.commands a {padding:0 0 0 15px;}
.commands ul {border:1px solid #ccc; list-style:none; border-top:none;padding-left:2px;padding-right: 2px;margin-top:0;display:none;position:absolute;background:#fff;left:-1px;width:80px;z-index:100}
.commands li {display:inline;}
.commands li a {display:block;text-decoration:none;padding:.5em .5em .5em 15px;}
.commands li a:hover {background-color:#EBEFF6; color:#000}
.commands .calert {background: url('../img/alert.png') no-repeat 0 center;}
.commands .watch {background: url('../img/watch.png') no-repeat 0 center;}
.commands .sell {background: url('../img/sell.png') no-repeat 0 center;}
.commands .modify {background: url('../img/edit.png') no-repeat 0 center;}
.commands .remove {background: url('../img/remove.png') no-repeat 0 center;}
.commands .buy {background: url('../img/buy.gif') no-repeat 0 center;}

/* row highlight for slider */
.co_highlight td {background:#039 !important;color:#fff;border-bottom: 0px solid #CFDAEB !important}
.co_highlight td .increase, table.idms .co_highlight td .decrease  {color:#fff;}
.co_highlight .asset_name a {color:#fff;font-weight:bold;}
.co_highlight a.searchres  {color:#fff;font-weight:bold;}
/* ================== */
/* = COMMANDS TABLE = */
/* ================== */
/* btn close */

table.commands_table tbody th .title_level_1 {border-bottom:solid #fff;border-width:0 0 1px 0;padding:0 0 5px 0;overflow:hidden;zoom:1;}
table.commands_table tbody th .title_level_1 h2 {font-size:1.1em;float:left;color:#000;width:95%;padding:0;}
table.commands_table tbody th .title_level_1 .btn_close {background: url('../img/close_icon.png') no-repeat;display:inline-block;height:12px;width:12px;float: right;cursor:pointer;}
table.commands_table tbody th .title_level_1 .btn_close span {position:absolute;left:-9999px;}
tr.slider_wrapper td {padding:0;}
tr.slider_wrapper div {background:#CFDAEB;border:solid #039;border-width:0 2px 2px 2px;}
table.commands_table {width:100%;border:solid #039;border-width:0 1px 1px 1px;margin:0;background-color:#CFDAEB;border-collapse:separate !important}
table.commands_table tbody th, table.commands_table td {background:#CFDAEB;}
table.commands_table tbody th {text-align:left;font-weight:bold;font-size:1.3em;}
table.commands_table td { border: 0;font-size:1.1em;color:#000;}
table.commands_table th { border: 0;}
/* grid */
table.commands_table td.oneof2 fieldset {width:25em;}
table.commands_table td.twoof4 fieldset{width:25em;}
table.commands_table td.oneof4 fieldset {width:12.5em;}
table.commands_table td.border_bot {border-bottom:1px solid #fff;margin:0 0 5px 0}
table.commands_table td.field_bot {margin:0 0 5px 0}

/*form */
table.commands_table fieldset {padding-top:0;margin: 0;}

table.commands_table legend {font-size:1.1em;display:inline;font-weight:bold;}
table.commands_table input.inp_small {width:75px;}
#content table.commands_table textarea {height:50px;width:150px;}
/* row with buttons */
table.commands_table tr.btn td {text-align:right;padding-top:5px;border-top:1px solid #fff;}

.LPGl, .LPGp, .LPGg  {
background-image  : url("../img/webicons_liquidity.jpg");
background-repeat : no-repeat;
height: 16px;
width: 16px;
}

.text-right{
	text-align: right;	
}
.table-head{
	text-align: center !important;
}

.LPGp {
    background-image  : url("../img/webicons_protect.jpg");
}

.LPGg {
    background-image  : url("../img/webicons_grow.jpg");
}

.LPGl_new, .LPGp_new, .LPGg_new, .LPGgm_new, .LPGgr_new  {
    background-image  : url("../img/webicons_liquidity.PNG");
    background-repeat : no-repeat;
    height: 16px;
    width: 32px;
}
.LPGp_new {
    background-image  : url("../img/webicons_protect.PNG");
}
.LPGg_new {
    background-image  : url("../img/webicons_grow.PNG");
}
.LPGgm_new {
    background-image  : url("../img/webicons_grow_medium.PNG");
}
.LPGgr_new {
    background-image  : url("../img/webicons_grow_risky.PNG");
}

.nojava{
	padding:20px;
	color:#444;
}

.buttonBorder{
	background: url(../img/technial_a_button.png) no-repeat;
	width: 162px;
	height: 24px;
	cursor: pointer;
	text-align: center;
	padding-top: 4px;
	margin-left: 5px;
}
.clear{
	clear: both;
	display: inline;
}
.pad-right{
	padding-right: 8px !important;
}
.back button{
	cursor: pointer;
}
.indices{
   float:left;
   width:33em;
   margin:.7em 0 0 0;
}