BODY { font-family: Arial, Verdana; font-size: 12px; color: #484848; }

TABLE.header { width: 100%; } 
TABLE.header .label 
{ 
	padding: 1px; white-space:nowrap; border: solid 1px #408ee0; border-bottom: 0px; 
}
TABLE.header .label .label-panel
{
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff; 
	padding: 3px 10px 3px 10px; white-space:nowrap;
	background-image: url('../img/charts/chart-header-bg.gif');
	background-repeat: repeat-x;
	background-position: left top;
}
TABLE.header .commands { text-align: right; font-size: 11px; width: 100%; border-bottom: solid 1px #408ee0; }
TABLE.header .commands SELECT { margin-left: 5px; font-size: 10px; font-family: Arial, Verdana; color: #408ee0; }
TABLE.header .button { padding: 2px 0px 0px 3px; border-bottom: solid 1px #408ee0; }

.header-label { float:left; }
.header-commands { margin: auto; }
.chart-panel { border: solid 1px #408ee0; border-top: 0px; }
.applet-panel { padding: 3px; height: 300px; }

.last-close-panel { margin: 5px 10px 5px 10px; padding: 3px 10px 3px 10px; background-color: #dedede; }
.commands-panel { margin: 5px 10px 5px 10px; font-size: 11px;  }
.commands-panel DIV { border-bottom: solid 1px #cdcdcd; }
.commands-panel DIV TABLE {  }
.commands-panel DIV TABLE TH { padding: 2px; width: 100px; text-align: left;  }
.commands-panel DIV TABLE TD { padding: 2px; text-align: left; }

.commands-panel INPUT.field { width: 175px; border: solid 1px black; background-color: #FFFFFF; } 
.commands-panel INPUT.field-small { width: 25px; border: solid 1px black; background-color: #FFFFFF; } 
.commands-panel SELECT { width: 250px; border: solid 1px black; background-color: #FFFFFF; } 
.commands-panel SELECT.ddl-tech { width: 207px; } 
.commands-panel INPUT.btn { border: solid 1px #898989; width: 25px; margin: 0px 0px 0px 10px; } 
.commands-panel TABLE.tech { width: 100%; }
.commands-panel .row1 { background-color: transparent; }
.commands-panel .row2 { background-color: #d5e6f6; }

.commands-panel .title { background-color: #efefef; padding: 2px 5px 2px 5px; font-size: 14px; font-weight: bold; }
.commands-panel .title2 { margin-top: 5px; background-color: #d5e6f6; padding: 2px 5px 2px 5px; font-size: 12px; font-weight: bold; }

.title-panel { text-align: center; }


.chart-container DIV {vertical-align: middle; }
.chart-container DIV.backgr { background-image:url('../persist/img/chart/bckgr_center.png'); background-repeat: repeat-x; }
.chart-container DIV.backgr_left { padding: 5px 6px 0px 10px; background-image:url('../persist/img/chart/bckgr_left.png'); background-position: left top; background-repeat: no-repeat;}
.chart-container DIV.backgr_right { background-image:url('../persist/img/chart/bckgr_right.png'); background-position: right top; background-repeat: no-repeat; }
.chart-container DIV.backgr2 { background-image:url('../persist/img/chart/bckgr2_center.png'); background-repeat: repeat-x; }
.chart-container DIV.backgr2_left { padding: 5px 6px 0px 10px; background-image:url('../persist/img/chart/bckgr2_left.png'); background-position: left top; background-repeat: no-repeat;}
.chart-container DIV.backgr2_right { background-image:url('../persist/img/chart/bckgr2_right.png'); background-position: right top; background-repeat: no-repeat; }
.chart-container DIV.without_backgr {padding: 8px 8px 0px 10px; height: 35px;}
.chart-container DIV TABLE { width: 100% }
.chart-container DIV TABLE TD { padding: 5px 2px 10px 2px; text-align: left; vertical-align: middle}
.chart-container DIV TABLE TD.near { padding: 0px 3px 0px 0px; text-align: right; }
.chart-container DIV TABLE TD.right { text-align: right; }
.chart-container DIV TABLE TD.left { text-align: left; }
.chart-container DIV TABLE TD.center { text-align: center; }
.chart-container DIV TABLE TD.middle { vertical-align: middle; padding: 0px 0px 0px 0px;}
.chart-container DIV TABLE TD.top { vertical-align:top; }
.chart-container DIV TABLE TD.html { font-size: 11px; text-align:right; }
.chart-container DIV TABLE TD.nopadding{ margin: 0px 0px 0px 0px; }

.chart-container INPUT.field {font-family: Arial; font-size: 12px; width: 70px; height: 14px; border: solid 1px #7E9FE2; color: #7E9FE2; background-color: #FFFFFF; text-align:center; text-decoration: none; display: block; } 
.chart-container INPUT.fieldlarge {font-family: Arial; font-size: 12px; width: 120px; height: 14px; border: solid 1px #7E9FE2; color: #7E9FE2; background-color: #FFFFFF; text-align:center; text-decoration: none; display: block; } 
.chart-container INPUT.fieldsmall { font-family: Arial; font-size: 12px; width: 40px; height: 14px; border: solid 1px #7E9FE2; text-align:center;  color: #7E9FE2; background-color: #FFFFFF; } 
.chart-container INPUT.btn { border: solid 1px #898989; vertical-align: middle} 
.chart-container INPUT.cb { border: solid 1px #7E9FE2; vertical-align: bottom} 
.chart-container A.hyperlink {font-size: 12px; color: #7E9FE2; padding: 0px 2px 0px 0px; color: #7E9FE2; text-decoration: none; } 
.chart-container A.hyperlink:hover {color: #5f8ddb;} 
.chart-container A.hyperlinksmall {font-size: 11px; color: #7E9FE2; padding: 0px 2px 0px 0px; color: #7E9FE2; text-decoration: none; } 
.chart-container A.hyperlinksmall:hover {color: #5f8ddb;} 
.chart-container A.hyperlinkbold {color: #FFFFFF; background-color: #7E9FE2; padding: 0px 1px 0px 1px; text-decoration: none; font-weight: bold; } 
.chart-container SELECT.field {font-family: Arial; font-size: 12px;display:block; width: 130px; height: 19px; border: solid 1px #7E9FE2; color: #7E9FE2; background-color: #FFFFFF; } 
.chart-container SELECT.NoVisible {display: none; } 

.show-version { text-align: right; margin: 10px 2px 0px 0px; font-size: 11px; }