/* Body and other generic fromatting */

#content
{
    width: 200px;
    height: 10px;
}

body
{
    color: #58585A;
    background: #FFFFFF;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-family: Helvetica, Arial;
    font-size: 11px;
}

input, select
{
    font-family: Helvetica, Arial;
    font-size: 11px;
}

table.tempCalendar td
{   
    background-color: #F6F3EE;   
    padding: 4px 0px 4px 6px;
    font-size: 10px;
    vertical-align: middle;
}

.FirstTR
{
    background-color: #F6F3EE !important;
}

.SecondTR
{
    background-color: #F6F3EE !important;
}

.NewsLinks
{
    font-size: 7pt;
}

.chartwidth
{
    width: 598px;   
}

a.downloadLink
{
   font-family: Helvetica, Arial !important;
}

td
{
    vertical-align: top;
}

h1 h2 h3
{
    width: 100%;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    color: White;
    background-color: #427BB5;
}

a:link, a:active, a:visited
{
    color: #597B96;
    text-decoration: none;
    font-weight: normal;
    font-family: Helvetica, Arial;
}

A:hover
{
    color: #597B96;
    font-weight: normal;
    text-decoration: underline;
    font-family: Helvetica, Arial;
}

.TopTab
{
    margin-left: 0px;
}

.TopHeader
{
    background: #003366;
    width: 100%;
    margin-top: 10px;
}

.TopTabLink
{
    color: #005588;
    text-decoration: none;
    font-family: Helvetica, Arial;
    font-weight: bold;
}
.TopTabLink a:hover
{
    color: #005588;
    text-decoration: underline;
    font-family: Helvetica, Arial;
    font-weight: bold;
}


.UI-heading
{
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 14px 0 0 10px;
}

table.EckDaten
{
    width: 480px;
    margin-left: 10px;
}

.EckDaten td
{
    background-color: #F6F3EE;
    border-bottom: solid 3px #FFFFFF; 
    padding: 5px 0px 5px 5px;
}

.EckDatenShare td
{
    background-color: #FFFFFF;
    padding: 5px 0px 5px 5px;
}


/* Tab Strip */
div.ntabStrip
{
    width: 586px;
    font-size: 11px;
}

div.ntabStrip a, div.ntabStrip a:active, div.ntabStrip a:visited
{
    color: #005ea8;
    text-decoration: none;
    font-weight: bold;
    cursor: hand;
}
div.ntabStrip a:hover
{
    text-decoration: underline;
    cursor: hand;
}

div.ntabStrip ul
{
    list-style-type: none;
    overflow: hidden;
    height: auto !important;
    height: 1%;
    padding: 0;
    margin: 0px;
    width: 100%;
}
div.ntabStrip ul li
{
    float: left;
    text-align: center;
    margin: 0px 3px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 20px;
    white-space: nowrap;
    background-color: #E8E2E3;
}


div.ntabStrip ul li a
{
    display: block;
}

div.ntabStrip ul li span
{
    float: left;
    width: 117px;
    height: 18px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 0px 0px;
    background: #FFFFFF url(../pictures/ina.gif);
}

div.ntabStrip ul li a:hover
{
    text-decoration:none;
    font-weight: bold;
}

div.ntabStrip ul li.current a:hover
{
    text-decoration:none;
    font-weight: bold;
}

div.ntabStrip ul li.current
{
    background: #FFFFFF url(../pictures/akt.gif);
}

div.ntabStrip ul li.current span
{
    color: #FFFFFF;
    background: #FFFFFF url(../pictures/akt.gif);
}





/* Tab Strip */
div.tabStrip
{
    text-align:left;
	background-color:#FFFFFF;
}
div.tabStrip a:active 
{
	color: #545454;
	text-decoration: underline;
}

div.tabStrip a, div.tabStrip a:visited 
{
	color: #545454;
	text-decoration: none;
	display:block;
	font-weight: bold;
}

div.tabStrip ul 
{
    text-align:left;
	list-style-type: none;
	overflow: hidden;
	height: auto !important;
	height: 1%;
	padding: 0;
	margin: 0px 1px 0px 1px;
	border-bottom: dotted 0px #005EA8;
}
div.tabStrip ul li 
{
	background-color: #FFFFFF;
	float: left;
	text-align:center;
	width: 73px;
	height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    border-bottom: dotted 1px #005EA8;
}

div.tabStrip ul li.last 
{
	width: 7px;
	background-color: [style_color_bg];
}

div.tabStrip ul>li.last 
{
	float: none;
}

div.tabStrip ul li span 
{
	padding: 0px 0px 0px 0px;
	display: block;
}

div.tabStrip ul li.Selected 
{
	background: #F5F5F5;
	color: #E2001A;
	border-top: dotted 1px #005EA8;
	border-left: dotted 1px #005EA8; 
	border-right: dotted 1px #005EA8;
	border-bottom: none;
}

div.tabStrip ul li.Selected a, div.tabStrip ul li.Selected a:link, div.tabStrip ul li.Selected a:visited, div.tabStrip ul li.Selected a:active
{
	color: #E2001A;
	display:block;
}

.minor_heading
{
    background-color: #FFFFFF;
    color: #005EA8;
    margin: 0px 0px 0px 0px;
    padding: 2px 10px 3px 10px;
    text-align: left;
    font-size: 11px;
    white-space: nowrap;
    font-family: Helvetica, Arial;
    font-weight: bold;
}

.textbox
{
    padding: 3px 10px 3px 10px;
    color: #58585A;
    font-size: 11px;
    text-align: left;
}

.newsbox
{
    border-left: 1px solid #D0D0D0;
    border-right: 1px solid #D0D0D0;
    margin: 0px;
    background: #F8F8F8;
    margin-bottom: 15px;
}

.sharetable
{
    border: 1px solid #D0D0D0;
    background: #D2DBE6;
    margin-bottom: 15px;
}

.sharetable td
{
    width: 50%;
    padding: 3px 10px 3px 10px;
    color: #58585A;
    font-size: 11px;
    text-align: left;
    background-color: #F0F0F0;
    white-space: nowrap;
    border-top: solid 1px #D0D0D0;
}

.sharetable1
{
    border: 1px solid #D0D0D0;
    background: #FFFFFF;
    margin-bottom: 15px;
}

.sharetable1 td
{
    padding: 3px 8px 3px 8px;
    color: #58585A;
    font-size: 11px;
    text-align: left;
    background-color: #F0F0F0;
}

.data
{
    text-align: right;
    border-right: solid 0px #ccd9e0;
}


.ratingstable
{
    width: 652px;
    border: solid 1px #D0D0D0;
    border-top: none;
}

.ratingstable td
{
    color: #58585A;
    font-size: 11px;
    text-align: right;
    background-color: #F0F0F0;
    border-top: solid 1px #D0D0D0;
    padding: 2px 8px 2px 8px;
}

.ratingstable th
{
    color: #58585A;
    font-size: 11px;
    text-align: right;
    background-color: #F0F0F0;
    border-top: solid 1px #D0D0D0;
    padding: 2px 8px 2px 8px;
}

.ratingstable .head
{
    background-color: #F0F0F0;
    color: #58585A;
    text-align: right;
    font-weight: bold;
}

.ratingstable th.first
{
    color: #58585A;
    font-size: 11px;
    text-align: left;
    background-color: #F0F0F0;
}


.performancetable
{
    border-collapse: collapse;
    margin-bottom: 0px;
    margin-top: 0px;
    background-color: #e0e8ec;
    width: 100%;
}

.performancetable td
{
    padding: 3px 10px 3px 0px;
    color: #58585A;
    font-size: 11px;
    text-align: right;
    background-color: #F0F0F0;
    border-bottom: solid 1px #ccd9e0;
    border-right: solid 1px #ccd9e0;
}

.performancetable th
{
    background-color: #7f9fb0;
    color: #FFFFFF;
    padding: 2px 10px 3px 0px;
    text-align: right;
    font-weight: bold;
    border-bottom: solid 1px #FFFFFF;
    border-top: solid 1px #7f9fb0;
    border-right: solid 1px #ccd9e0;
}

.performancetable th.first
{
    text-align: left;
    width: 31%;
}


.invisibleTable td
{
    background: #FFFFFF;
    padding: 5px;
}

.ButtonColumn
{
    text-align: right;
}

.InvTotal
{
    display: none;
}

.noScroll
{
    height: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    overflow: hidden;
}

.newsline
{
    background: #F0F0F0;
    padding: 3px 8px 3px 8px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ccd9e0;
}

.newsline_odd
{
    background: #f5f7f9;
    padding-bottom: 10px;
    padding: 3px 8px 3px 8px;
    border-bottom: solid 1px #ccd9e0;
}

/* Used for the coloured rectangle column in the instrument selection */
.selection_control
{
	padding: 0px;
	width: 15px;
	vertical-align: top;
}

/* Used for the coloured rectangle column in the instrument selection */
.selection_marker
{
	width: 3px;
	height: 12px;
	line-height: 12px;
}


.sharecolor
{
	width: 3px;
	height: 11px;
	line-height: 11px;
}

/* Used for the text column in the instrument selection */
.selection_text
{
	padding-left: 2px;
	
	/* background-color: green; */
}

/* The default checkbox list style */
.CheckBoxList td
{
    border: none;    
    padding: 0px;
    width: 8px;
    vertical-align: super;

}

.CheckBoxList td .selection_text1
{
    width: 80px;
}

.CheckBoxList td .selection_text
{
    width: 150px;
}


.option_input
{
    width: 25px;
}


table.CheckBoxList
{
    padding: 0px;
    margin: 0px;
}


#divPopUp
{
    visibility: hidden;
    position: absolute;
    font-family: Helvetica, Arial;
    font-size: 11px;
    background-color: white;
    opacity: .7;
    filter: alpha(opacity=70);
    border: 1px solid #003366;
    color: #58585A;
    padding: 2px;
}

#xcursor
{
    height: 1px;
    width: 100px;
    position: absolute;
    background-color: #58585A;
    font-size: 1px;
    visibility: hidden;
}
#pointerX
{
    background-color: #D2DBE6;
    width: 1px;
}

#pointerY
{
    background-color: #D2DBE6;
    height: 1px;
}
.MainChart
{
	border-left: dotted 1px #005EA8; 
	border-right: dotted 1px #005EA8; 
	border-bottom: dotted 1px #005EA8; 
	margin-bottom: 25px;
	background-color: #F5F5F5;
	border-top: none;
}
#innerChartArea
{
    /* border: solid 1px red; */
}



.toolTipVolume
{
    text-align: right;
    padding-right: 5px;
}

.toolTipPrice
{
    text-align: right;
    padding-left: 5px;
}

.toolTipDate
{
    font-weight: bold;
}

.toolTipValues
{
    font-family: Helvetica, Arial;
    font-size: 11px;
}

table.toolTipValues
{
    height: 10px;
}


a.hintBoxlink
{
    text-decoration: none;
}
a.hintBoxlink:hover
{
    text-decoration: underline;
}


#hintBox
{
    visibility: visible;
    width: 368px;
    background-color: #FFFFDD;
    border: 1px solid #58585A;
    opacity: .90;
    filter: alpha(opacity=90);
    position: absolute;
    right: 5px;
    top: 50px;
}

#hintBox table
{
    font-family: Helvetica, Arial;
    font-size: 11px;
}

.disclaimer_width
{
    width: 600px;
}
.disclaimer
{
    border: 1px solid #D0D0D0;
    color: #999999;
    padding: 4px;
    margin: 20px 0 0 0;
}

div.markersBar
{
    background-color: #FFFFFF;
    border: solid 1px #333333;
    position: absolute;
    left: 46px;
    top: 351px;
    font-size: 8px;
    font-weight: bold;
}

div.FixedPartArea
{
    border: solid 0px #BECBD3;
    padding:0px;
    margin:0px;
    background-color: #FFFFFF;
    width:246px;
}

table.FixedPartArea 
{
    width: 480px;
    border-collapse: collapse;
    margin-top: 0px;
    padding-top: 0px;
    
}

.FixedPartArea .Header
{
    background:#A71917;
    font-weight: bold;
    padding: 3px 0px 4px 5px;
    color:#FFFFFF;
    font-size:11px;
}

.FixedPartArea td
{
    border: solid 0px #58585A;
    padding: 5px 0px 8px 5px;
    background:#FFFFFF;
    width:33%;
}

INPUT.button
{
    text-align: center;
    font-size: 11px;
    font-family: Helvetica, Arial;
    color: #58585A;
    font-weight: normal;
    border: none;
    padding: 1px 20px 1px 20px;
    cursor: pointer;
    background-color: #ECE9D8;
}

.PartHeaderInner
{
    background:D2D2D2;
    padding: 2px;
    padding-left: 5px;
    border: solid 1px #FF0000;
}

.ContentTable
{
    margin: 25px 0px 25px 0px;
    padding:0px;
    border: solid 0px #BECBD3;
    width:598px;
}

.ContentTable table
{

    width: 598px;
    margin-bottom: 0px;
    margin-top: 0px;
    border: solid 0px #BECBD3;
}
.valueCellAlt
{
    text-align: right;
}

.ContentTable td
{
    border: solid 0px #BECBD3;
    padding: 3px 3px 3px 5px;
}

.ContentTable .PartHeaderInner
{
    background:#A71917;
    font-weight: bold;
    padding: 3px 0px 4px 5px;
    font-size:11px;
    color:#FFFFFF;
    
}

.ContentTable .Header
{
    background-color: #FFFFFF;
    font-weight: normal;
    
}

.ContentTable td.caption
{
    width: 30%;
    border-top: solid 0px #BECBD3;
    background-color: #FFFFFF;
}

.ContentTable td.valueCell
{
    width: 14%;
    text-align: right;
    border-left: solid 0px #BECBD3;
    border-top: solid 0px #BECBD3;
}

.valueCellAlt
{
    background-color: #FFFFFF;
}

#innerChartArea
{
    /* border: solid 1px red; */
}

table.FactsheetFigures
{
    width: 478px;   
}

table.FactsheetFigures td
{
    border-bottom: solid 3px #FFFFFF;  
}

table.FactsheetFigures tr
{
    background-color: #F6F3EE;
}

.FactsheetFigures td.Heading
{
    background-color: #A41B22;
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px 0px 4px 8px;   
    border-bottom: solid 5px #FFFFFF;
}

.keyfigures
{
	position: relative;
	border: solid 0px #CD0031;
}

.keyfigures .OddRow
{
	background-color: #FFFFFF;
}

.keyfigures .EvenRow
{
	background-color: #FFFFFF;
}

.keyfigures td.nopadding
{
	padding-left: 0px;
	padding-right: 0px;
}

.keyfigures .ActiveKeyFigureRow
{
	background-color: #FFFFFF;
}

.keyfigures .ActiveKeyFigureCell
{
    background-color: #E6E6E7;
}

.keyfigures td /* padding wichtig für abstände nach rechts zwischen spalten */
{
	font-family: Helvetica, Arial;
	font-size: 11px;
	color: #000000;
	padding: 1px 0px 0px 20px;
	text-align: right;
	vertical-align: middle;
	border-bottom: solid 1px #DCDDDE;
}

.keyfigures .PostColorField
{
	width: 16px;
	border: solid 1px #000000;
	margin-left: 3px;
}

.keyfigures .PostCheckBox
{
	width: 16px;
	padding-left: 0px;
}

.keyfigures .PostName 
{
	text-align: left;
	white-space: nowrap;
	color: #000000;
	border-right: solid 0px #000000;
}

/*
Width reserved for post name on the left side of the table
*/

.hidden
{
	visibility: hidden !important;
}

.TableWidth
{
    width: 100%;
}

.keyfigures .PostValues
{
	overflow: scroll;
	overflow-y: hidden; 
	overflow-x: scroll;
	min-width: 100%;
	left: 0px;
	position: absolute;
	white-space: nowrap;
	top: 0px;
	z-index: 0;
}


.keyfigures .PostNames
{
	left: 0px;
	position: relative;
	white-space: nowrap;
	top: 0px;
	z-index: 1;
	width: 200px !important;
}

/* -------------------------------------- FRC ----------------- */


.keyfigures .headRow /* time horizon */
{
	background-color: #FFFFFF;
	vertical-align: middle;
	font-weight: bold;
	height: 20px;
}

.keyfigures .headRow span
{
    color: #005EA8;
    font-family: Helvetica, Arial;
}

.keyfigures .headRow:hover /* time horizon */
{
	background-color: #FFFFFF;
	vertical-align: middle;
	font-weight: bold;
	height: 20px;
}

.DateColor
{
    color: #005EA8;   
}