/******************************************** Historical Data */
#Hd                       { width: 580px; background-image: url(/common/images_nieuw/Searchbox-bg2.gif); background-repeat: repeat-x; }
#HdBarTab                 { font-weight: bold; font-size:small; margin-left:50px; }
.HdTabActive              { height: 30px; border: 1px solid #92b7ab; background-color:#FFFFFF; float:left; margin-left:4px; margin-right:4px; border-left: 1px solid #92b7ab; border-right: 1px solid #92b7ab;  border-bottom: 1px solid #FFFFFF; }
.HdTab                    { cursor: pointer; height: 32px; border: 1px solid #92b7ab; background-color:#92b7ab; float:left; margin-left:4px; margin-right:4px; color:#e3ece9;}
.HdTabInner               { padding: 6px; }
#HdBarDetail              { position:relative; background-color:#FFFFFF; padding-left: 35px; width: 628px; margin-top:0px; border: 1px solid #92b7ab; }
#HdBarDetail1             { height:480px; left: 35px;padding: 5px; position: relative; background-color: #ffffff; width:530px;}
#HdBarDetail2             { height:480px; left: 35px;padding: 5px; position: relative; background-color: #ffffff; width:530px;}
#HdBarDetail3             { height:560px; }
#HdBarDetail4             { height:480px; left: 35px;padding: 5px; position: relative; background-color: #ffffff; width:530px;}
.HdTable                  { border:1px #92b7ab solid; width:98% }
.HdTableHeader            { cursor:default; background-color:#92b7ab; font-weight:bold; padding:10px; border-bottom:1px #92b7ab solid;border-right:1px #92b7ab solid; padding:3px; color:#FFFFFF; text-align:left; }
.HdTableSelectedRow       { cursor: pointer;  background-color: #ff6666;}
.HdTableRow               { cursor: pointer;  border: black solid 1px !important;  background-color: #ffffff; }
.HdTableCell              { border:1px #c0c7bf solid; padding:3px; }
.HdTableCellNr            { text-align: right; border:1px #c0c7bf solid; padding:3px; }

/******************************************** Historical Data */
.HistoryTabMain                   { padding-left: 0px; width: 450px; }
.SBRightcol                       { border-right: #009999 1px solid; border-top: #009999 1px solid; border-left: #009999 1px solid; border-bottom: #009999 1px solid; }
.HistoryTableZoom                 { width: 450px; height: 25px; padding: 2px; left:45px; top:27px; z-index: 100; position: absolute; border: 1px solid #92B7AB; }
.HistoryTableDiv                  { overflow: auto; left: 50px; width: 100%; margin-bottom:10px; }
.HistoryTableDivPrijsToets        { overflow: auto; left: 50px; width: 100%; margin-bottom:10px; }
.HistoryTableDivMain              { position: relative; z-index:10; top:10px;}

#xmlsource                        { height: 380px; position: relative; }
#historyChart1                    { background-color:Transparent; position: absolute; float: none; left:10px; top: 5px; height:250px; z-index:0}
#historyChart2                    { background-color:Transparent; position: absolute; float: none; left:10px; top: 5px; height:250px; z-index:0}

.HistoryLast20TableDiv            { position: relative; overflow: auto; top: 3px; left: 45px; width: 525px; z-index: 0; }
.extendHistoryZoomContentTop      { color:#b82c36; font-weight: bold; padding-top: 3px; padding-bottom: 10px; }
.extendHistoryZoomContentMid      { height: 18px; width: 220px; margin-left: 5px; padding-top: 3px; border: 1px #FFFFFF solid; }
.extendHistoryZoomContentMidHover { border: 1px #92b7ab solid; width: 220px; height: 20px; margin-left: 5px; padding-top: 3px; background-color:#efefef; }
.extendHistoryZoomText            { width: 80px; height: 12px; font-size: 10px; }
.extendHistoryZoomTextActive      { width: 80px; height: 12px; font-size: 10px; background-color: #C7BB20;border:1px solid #92B7AB;padding-left:2px;}

 /* These classes are used by the script as rollover effect for table 1 and 2 */
.tableRollOverEffect1             { background-color: #034D32; color: #FFF; cursor: pointer; }
.tableRollOverEffect2             { background-color: #034D32; color: #FFF; cursor: pointer; }
.tableRowClickEffect1             { background-color: #BA323B; color: #FFF; cursor: pointer; }
.tableRowClickEffect2             { background-color: #BA323B; color: #FFF; cursor: pointer; }

object                            { margin: 0px; }

#HDpleaseWait                   { position: absolute; width: 635px; height: 500px; background-color: #000000; filter: Alpha(opacity=60); -moz-opacity: 0.6; display: block; z-index: 1; border: 1px solid #034D32; z-index:1000; }