
/* spreadsheet table */
#main-content table.spreadsheet {
border-collapse: collapse;
border-bottom:none;
font: 11px tahoma, sans-serif;
margin:0;
}

#main-content table.spreadsheet tr.even td {
    background: #f7f7f7;
}

#main-content table.full-width {
    padding-top: 10px;
}

#main-content table.spreadsheet nobr {
    display: block;
}

#main-content table.spreadsheet tr {
}

#main-content table.spreadsheet th {
    background:#f7f7f7 url(/images/draft/th-bg.gif) no-repeat left top;
    border-left: 1px solid #fff;
    font: 10px tahoma, sans-serif;
    padding: 2px 5px 3px;
    text-align: left;
}

#main-content table.spreadsheet th.amount,
#main-content table.spreadsheet th.delta,
#main-content table.spreadsheet th.time,
#main-content table.spreadsheet th.value {
    text-align: right;
}

#main-content table.spreadsheet tr.selected {
}

#main-content table.spreadsheet td {
    font: 12px arial, sans-serif;
    overflow: hidden;
    padding: 3px 5px;
    vertical-align: top;
    white-space: nowrap;
}

#main-content table.separator td {
/*    border-left: 1px solid #f2f2f2; */
}

#main-content table.wrapped td {
    vertical-align: top;
    white-space: normal;
}

#main-content table.spreadsheet tr td.first {
    border-top: none;
}

#main-content table.spreadsheet td.index,
#main-content table.spreadsheet td.position {
    font-size: 10px;
    text-align: right;
}

#main-content table.spreadsheet td.position {
    text-align: center;
}

#main-content table.separator td.index,
#main-content table.separator td.position {
    border-left: none;
/*    border-right: 1px solid #f2f2f2; */
    font-size: 10px;
    text-align: right;
}

#main-content table.separator td.position {
    text-align: center;
}




#main-content table.separator td.shortname {
    border-left: none;
}

#main-content table.spreadsheet td.shortname {
    background-image: url(/images/index/charts/chart-icon-inactive.gif);
    background-repeat: no-repeat;
    background-position: 3px 0.6em;
    vertical-align:top;
    white-space:normal;
    padding:3px 5px 3px 20px;
}

table.spreadsheet td.shortname a {
    color: #006299;
    display: inline;
    text-decoration:underline;
    padding:0;
}

table.spreadsheet tr.selected td.shortname {
    /*background-color: #fff !important;*/
}

table.spreadsheet tr.selected td.shortname a:hover,
table.spreadsheet td.shortname a:hover {
    color: #f02b00;
}

#main-content table.wrapped tr td.shortname {
    background-image: none;
    padding-left:5px;
}

#main-content table.spreadsheet td.shortname span {
    display: block;
    padding: 5px 5px 5px 20px;
}






#main-content table.spreadsheet tr.selected td.shortname {
    background-image: url(/images/index/charts/chart-icon.gif);
    background-repeat: no-repeat;
    background-position: 3px 0.6em;
}

#main-content table.wrapped tr.selected td.shortname {
    background-image: none;
}

#main-content table.spreadsheet td.amount {
/*    width: 100%;  */
    width:22%;
}

#main-content table#instrument-table td.amount {
    width:auto;
}

#main-content table.full-width td.amount {
    width: auto;
}

#main-content table.spreadsheet td.amount nobr {
    display: inline;
}

#main-content table.spreadsheet td.stay nobr {
    background-image: url(/images/td-stay.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 10px;
}

#main-content table.no-bullets td.amount nobr,
#main-content table.separator td.amount nobr {
    background-image: none;
    padding-right:0;
}

#main-content table.spreadsheet td.amount.up nobr {
    background-image: url(/images/td-up.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 10px;
}

#main-content table.spreadsheet td.amount.down nobr {
    background-image: url(/images/td-down.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 10px;
}

#main-content table.spreadsheet td.amount nobr {
    color: #000;
}

#main-content table.spreadsheet td.value {
    text-align: right;
}

#main-content table.spreadsheet td.delta {
    color: #888;
    font-family: tahoma, sans-serif;
    font-size: 10px;
    padding-left: 0;
    text-align: right;
    width:13%;
}

#main-content table#instrument-table td.delta {
    width:auto;
}

#main-content table.spreadsheet td.delta.up {
    color: #00991c;
}

#main-content table.spreadsheet td.delta.down {
    color: #f00;
}

#main-content table.spreadsheet td.time {
    color: #888;
    font-family: tahoma, sans-serif;
    font-size: 10px;
    text-align:right;
    width:8%;
}

#main-content table#instrument-table td.time {
    font-size:11px;
    width:auto;
}

#main-content table.spreadsheet td.delta nobr {
    background-image: none;
}

/* with coloured square */
#main-content table.spreadsheet tr.yellow td.shortname,
#main-content table.spreadsheet tr.red td.shortname,
#main-content table.spreadsheet tr.violet td.shortname,
#main-content table.spreadsheet tr.blue td.shortname {
    padding: 3px 10px 3px 5px;
}

#main-content table.markets-volume small {
    color:#4d4d4d;
    padding-left:5px;
}

#main-content table.markets-volume td.shortname {
    background-image: none;
}

#main-content table.markets-volume td.value {
    width:20%;
}

/*#main-content table.spreadsheet tr.yellow td.shortname {
    background: url(/images/draft/spreadsheet/yellow-square.gif) no-repeat 5px center;
}

#main-content table.spreadsheet tr.red td.shortname {
    background: url(/images/draft/spreadsheet/red-square.gif) no-repeat 5px center;
}

#main-content table.spreadsheet tr.violet td.shortname {
    background: url(/images/draft/spreadsheet/violet-square.gif) no-repeat 5px center;
}

#main-content table.spreadsheet tr.blue td.shortname {
    background: url(/images/draft/spreadsheet/blue-square.gif) no-repeat 5px center;
}
*/
/* sorting table */
table.sorting th a {
    border-bottom:1px dashed #4d4d4d;
    color:#4d4d4d;
    text-decoration:none;
/*    white-space:nowrap;*/
}

#main-content table.securites th a {
    white-space:normal;
}
table.sorting th a:hover {
    border-bottom:1px dashed #994200;
    color:#994200;
}

#main-content table.sorting th.selectedbear {
    background-color: #f0f0f0;
    color: #000;
}

#main-content table.sorting th.selectedbear a {
    background-image: url(/images/draft/marketdata/selectedbear.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right:10px;
}

#main-content table.sorting th.selectedbul {
    background-color: #f0f0f0;
    color: #000;
}

#main-content table.sorting th.selectedbul a {
    background-image: url(/images/draft/marketdata/selectedbul.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right:10px;
}
/* / sorting table */

.chart-preview-warning {
    display: block;
    background: #e7e7e7;
}

#main-content .market-holder {
    margin: 10px 0;
}

/* float elements */
#main-content .float-container .diagram {
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 0;
    position: relative;
    text-align: right;
    width: 260px;
    top:-14px;
}

#main-content .float-container .kbd {
    float:none;
    margin-top:20px;
    width: 540px;
}

#main-content .float-container .width {
    padding-right:0;
}

#main-content .index .diagram {
    float:none;
    margin:10px 0;
    padding:0;
}

#main-content .float-container .description {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0 10px 0 0;
    width: 260px;
}
/* / float elements */

/* diagram selector */
#main-content .diagram img {
    margin-top: 14px;
}
#main-content .no-list img {
    top:0;
}

#main-content .diagram ul {
    font: 10px tahoma,sans-serif;
    height: 14px;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 36px;
}

#main-content .kbd ul {
    right: 0;
}

#main-content .divided-chart .diagram {
    top:0;
}

#main-content .divided-chart .diagram ul {
    right: 33px;
}

#main-content .index .diagram ul {
    right: 26px;
}

#main-content .diagram ul li {
    border-right: 1px solid #cfcfcf;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

#main-content .diagram ul li.last {
    border: none;
}

#main-content .diagram ul li a {
    display: block;
    color: #888;
    margin: 0px 3px 2px;
    text-decoration: none;
}

#main-content .diagram ul li.selected a {
    color: #000;
    cursor: text;
    margin: 0;
    padding: 0px 3px 2px;
}

#main-content .diagram ul li.selected a:hover {
    color: #000;
    text-decoration: none;
}

#main-content .diagram ul li a:hover {
    color: #994200;
    text-decoration: underline;
}
/* / diagram selector */

/* floating selector */

#main-content .with-selector {
    overflow: hidden !important;
    overflow: visible;
    margin-bottom:-9px;
    zoom: 1;
}

#main-content #instrument-info .with-selector {
    margin:0;
}

#main-content .float-links {
    margin-bottom:5px;
}

#main-content h2#instrument-info-title {
    margin-bottom:10px;
}

#main-content .with-selector p,
#main-content .with-selector h2,
#main-content .with-selector h3 {
    float: left;
    margin:0;
    line-height:14px;
}

#main-content .indices-wrapper .with-selector p {
    margin-top:2px;
}

#main-content .with-selector h3 {
    margin-top:1px;
}

#main-content .with-selector ul {
    float:left;
    font: 11px tahoma,sans-serif;
    height: 1%;
    height: auto !important;
    list-style-type: none;
    margin: 1px 30px 0 10px;
    overflow: hidden;
    padding: 0;
}

#main-content .float-links ul {
    float:right;
    margin: 2px 0 0 10px;
}

#main-content .divided-chart .with-selector ul {
    margin:0 5px 0;
    padding-bottom:10px;
}

#main-content .with-selector ul.following {
    background: url(/images/draft/selector-deleter.gif) no-repeat left -3px;
    margin-left:5px;
    padding-left:6px;
}

#main-content .with-selector ul li {
    display: block;
    float: left;
    margin: 0;
    padding: 1px 6px 3px;
}

#main-content .float-links ul li {
    background: url(/images/draft/icon-link.gif) no-repeat left center;
    margin-left:15px;
    padding-left:18px;
    padding-right:0;
}

#main-content .float-links ul li.print {
    background: url(/images/draft/icon-print.gif) no-repeat left center;
}

#main-content .with-selector ul li a {
    border-bottom: 1px dashed #4d4d4d;
    color: #4d4d4d;
    display: block;
    text-decoration: none;
}

#main-content .float-links ul li a {
    border-bottom: none;
    color: #888;
    display: block;
    text-decoration: underline;
}

#main-content .with-selector ul li a:hover {
    color: #000;
    border-bottom: 1px dashed #000;
}

#main-content .float-links ul li a:hover {
    color: #000;
    border-bottom: none;
}

#main-content .with-selector ul li.selected {
    padding: 0 2px;
}

#main-content .with-selector ul li.selected a {
    border: none;
    color: #000;
    cursor: text;
    padding: 1px 4px 3px;
    text-decoration: none;
}

#main-content .with-selector ul li.selected a:hover {
    border-bottom: none;
}
/* / floating selector */

/* upload icons */
#main-content .upload-xls,
#main-content .upload-xml {
		padding:0 0 0 25px;
		margin:0 0 0 5px;
		white-space:nowrap;
}
#main-content .upload-xls {
		background: url(/images/draft/upload-icons/xls.gif) no-repeat left center;
}
#main-content .upload-xml {
		background: url(/images/draft/upload-icons/xml.gif) no-repeat left center;
}
/* / upload icons */

#main-content table#instrument-table {
    margin-top:3px;
}

#main-content table.bordered {
    border-bottom:1px solid #e7e7e7;
}

#main-content #table .position {
    text-align: right;
}

