/* *************************************************************************
 * Main StyleSheet
 * ************************************************************************* */

/*
BG1 = E9EED6
BG2 = D5DAC3
BG3 = 018B32
BG4 = FFD546
*/

html {
    background-image: url(pics/content_left_bg.gif);
    background-repeat: repeat-y;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

body {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: small;
    background-image: url(pics/bg.gif);
    background-repeat: repeat-x;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #666666;
}

img     { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-width: 0px; }
form    { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-width: 0px; }

a           { font-weight: bold; color: #666666; }
a:link      { text-decoration: none; }
a:visited   { text-decoration: none; }
a:hover     { text-decoration: underline; }
a:active    { text-decoration: none; }

/* MAIN Template styles */
.Banner         { height: 100px; width: 100%; background-image: url(pics/top_logo.gif); background-repeat: no-repeat; }
#BannerTbl      { height: 100px; width: 100%; }
.ContentArea    { /* min-width: 990px; */ width: 95%; position: absolute; left: 0px; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; border: solid 0px lightgrey; }
.PrintArea      { min-width: 740px; position: absolute; left: 0px; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 20px; border: solid 0px lightgrey; }
.DebuggerArea   { width: 220px; position: fixed; left: 0px; bottom: 0px; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 15px; border: solid 0px lightgrey; }

.MainNavi          { height: 35px; background-image: url(pics/navi_tab_bg.gif); }
#MainNaviTbl       {  }
.MainNaviTabCell   { padding-top: 11px; }
.MainNaviTabCellOn { padding-top: 11px; background-image: url(pics/navi_tab_bg_on.gif); }
.MainNaviTab       { font-size: 9pt; font-weight: bold; color: #666666; }
.MainNaviTabOn     { font-size: 9pt; font-weight: bold; color: #FFFFFF; }
.MainToolbarCompanyTitle { font-weight: bold; }

.SubNavi           { height: 45px; }
.SubNaviLow        { height: 5px; }
.SubNaviTbl        { min-width: 940px; width: 100%; border: solid 0px red; }
.SubNaviTblCell    { background-image: url(pics/sub_navi_bg.gif); }
.SubNaviCell       { background-image: url(pics/sub_navi_bg.gif); padding-top: 13px; }
.SubNaviCellOn     { background-image: url(pics/sub_navi_bg.gif); }
.SubNaviCellEmpty  { background-image: url(pics/sub_navi_bg.gif); }
.SubNaviCellPipe   { background-image: url(pics/sub_navi_bg.gif); padding: 0px 10px 0px 10px; }
.SubNaviLink       { font-size: 9pt; font-weight: bold; color: #1D3C31; }
.SubNaviLinkOn     { font-size: 9pt; font-weight: bold; color: #8DA79E; }
.SubNaviTopBox     { height: 45px; text-align: center; padding-top: 2px; }

/* Sheet / Box styles */
.MainBoxHeader          { background-image: url(pics/sheet_main_top_bg.gif); padding-top: 7px; }
.MainBoxHeaderTitle     { color: #FFFFFF; font-size: 12pt; font-weight: bold; }
.MainBoxBottomCenter    { background-image: url(pics/sheet_main_bot_bg.gif); }
.SheetWrapper           { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 100%; border: none; }

.BoxTbl             { width: 100%; background-color: #EDF4F0; }
.BoxTblBorderCell   { width: 1px; background-color: #5F897A; }
.BoxHeader          { background-image: url(pics/sheet_1_top_bg.gif); padding-top: 5px; }
.BoxHeaderTitle     { color: #FFFFFF; font-size: 10pt; font-weight: bold; }
A.BoxHeaderTitle    { color: #FFFFFF; font-size: 10pt; font-weight: bold; }
.BoxContentTbl      { width: 100%; }
.BoxContentTbl th   { background-color: #EDF4F0; font-size: 8pt; }
.BoxListTbl         { border: solid 0px #B2C0B9; border-collapse: collapse; }
.BoxListTbl th      { border: solid 1px #B2C0B9; background-image: url(pics/sheet_bg_3.gif); color: #FFFFFF; font-size: 9pt; }
.BoxListTbl td      { border: solid 1px #B2C0B9; text-align: center; font-size: 9pt; }
.BoxListTblHeaderRow { background-image: url(pics/sheet_bg_2.gif); font-weight: bold; color: #87A599; }
th.BoxListTblCellLeft, td.BoxListTblCellLeft   { border-left-width: 0px; }
th.BoxListTblCellRight, td.BoxListTblCellRight { border-right-width: 0px; }
.BoxListTblRow             { background-color: #FFFFFF; }
.BoxListTblRowAlternative  { background-color: #EDF4F0; }
.BoxBottomTbl           { width: 100%; height: 5px; }
.BoxBottomLeftRight     { width: 5px; }
.BoxBottomCenter        { background-image: url(pics/sheet_1_bot_bg.gif); }
.BoxContentDiv          { background-color: #EDF4F0; padding: 5px 5px 5px 8px; text-align: left; border: solid 1px #5F897A; border-top-width: 0px; border-bottom-width: 0px; }
.BoxContentDivMiddle    { background-color: #EDF4F0; padding: 5px 5px 5px 8px; text-align: left; border: solid 1px #5F897A; border-top-width: 0px; }

.ContentTbl         { width: 100%; }
.ContentTbl990      { width: 990px; }
.ContentTblLeft     { width: 230px; text-align: left; }
.ContentTblCenter   { width: 460px; padding: 0px 10px 0px 10px; }
.ContentTblMain     { padding: 0px 0px 0px 10px; }
.ContentTblAlone    { padding: 0px 0px 0px 0px; }
.ContentTblRight    { width: 230px; text-align: center; }

.SheetContentArea   { background-image: url('pics/sheet_bg.gif'); border-left: solid 1px #8B8B8B; border-right: solid 1px #8B8B8B; padding: 0px 8px 5px 8px; text-align: left; }
.SheetContentArea P { display: inline; }
.SheetContentLine   { background-image: url('pics/sheet_1_line.gif'); border-left: solid 1px #8B8B8B; border-right: solid 1px #8B8B8B; }
.SheetContentItem   { padding-left: 10px; background-image: url('pics/sheet_bg_1.gif'); text-align: left; border-left: solid 1px #8B8B8B; border-right: solid 1px #8B8B8B; }

/* Login box styles */
.LoginBoxTbl            { height: 34px; border: solid 0px #83A295; }
.LoginBoxContent        { font-size: 9pt; color: #666666; padding: 3px; background-image: url('pics/navi_tab_bg_on.gif'); }
.LoginBoxNameContent    { font-size: 9pt; color: #666666; padding: 0px; }

/* Textbox - styles */
.BasicFormTextBox           { width: 90%; }
.BasicFormTextBox95         { width: 95%; }
.BasicPasswordTextBox       { width: 150px; }

/* Trade order - styles */
.TradeOrderPrint { font-size: 12px; }

.IndexPercentageImage   { margin-left: 13px; }
.IndexImage             { margin-left: 10px; }
.SearchResultPanel      { border: solid 1px #5F897A; padding: 10px; background-image: url(pics/sheet_bg_2.gif); }
.LogDataTextBox         { width: 95%; height: 450px; border: solid 1px #5F897A; padding: 5px; background-color: #FFFFFF; }

.IndexMain          { padding-left: 245px; height: 43px; font-size: 20px; font-weight: normal; padding-top: 40px; border: solid 0 red; }
.IndexMain_text { font-size: 14px; font-weight: normal; padding-top: 2px; padding-left: 0; height: 43px; border: solid 0 red; }
.IndexMain_textform { font-size: 10px; font-weight: normal; padding-top: 2px; padding-left: 0; height: 43px; padding-bottom: 2px; border: solid 0 red; }
.PageMainContentTitle   { padding-left: 0px; height: 43px; font-size: 22px; font-weight: normal; padding-top: 2px; border: solid 0px red; }
.PageCenterMainTitle    { padding: 0px 0px 0px 10px; height: 43px; font-size: 22px; font-weight: normal; padding-top: 2px; border: solid 0px red; }
.PageContentPanel   { margin-left: 10px; }
.PageContentPanel P { margin-top: 0px; }
.ContentMainTitle   { font-size: 22px; font-weight: normal; margin-bottom: 5px; padding: 5px 0px 0px 10px; }
.ContentSubTitle    { font-size: 18px; font-weight: normal; }

.SheetTitlebarTitle { font-size: 22px; font-weight: normal; background-image: url(pics/title_bg.gif); padding-top: 5px; text-align: left; }
.SheetTitlebarLinks { font-size: 22px; font-weight: normal; background-image: url(pics/title_bg.gif); }
.SheetTitlebarLeftCell  { width: 10px; height: 49px; text-align: left; }
.SheetTitlebarRightCell { width: 10px; height: 49px; text-align: right; }