/* redefine standard styles */
:link,:visited { text-decoration:none }
/* ul,ol { list-style:none } */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,body,html { margin:0; padding:0 }
address { font-style:normal }

div 	{ text-align: left; }
h1,h2,h3,h4	{ font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; }
h2 {	padding: 0; margin: 0 0 5px 0; font-size: 18px; letter-spacing: 0; border: 0; }

body { font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size:small }

INPUT[type="text"] {padding:3px 6px 3px 6px}


 
a { color: #006EC6; }



/* Contains any definitions for print media only. Old but still feels like magic  */ 
.print-only { display: none !important; }  /* use for titles that will ONLY be printed */

@media print{  

	.print-only { display: visible }
    .no-print, .no-print * {  display: none !important;  }  
	
	/* print tabs on page in one chunk */
	.ui-tabs-nav { display: none; }
	.ui-tabs .ui-tabs-hide { display: block !important; }
    .ui-tabs .ui-tabs-panel { display: block !important; }
	
	.tab:not(:first-child)  { page-break-before: always; }  /* exclusion of first row does not work, selects all */
	.tab:not(:nth-child(1)) { page-break-before: always; }  /* does not work at all */
 
	.user_message, .user_warning, #user_message { display: none !important;  }  /* dont show user message */
	
}





/* hover styles */
a img,:link img     { border:none }
:hover img.nohover  { border:none }
img.hover:hover, a:hover img.thumb50, img.thumb50:hover { border:1px solid #000; cursor: pointer }
div.hover, span.hover {padding:3px}
div.hover:hover, span.hover:hover {border:3px solid red; padding:0}

.clearfix{ clear:both; }

/* some generic styles */
.red { color:red }
.green {color:green}
.datepicker {width:80px}
.rfloat {float:right}
.lfloat {float:left}
.large {font-size:1.5em}


/* header styles */
.header1 { font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 2em;}
.header2 { font-family: Verdana; font-size:11pt; font-weight:bold}
.header3 { font-family: Verdana; font-size:9pt; font-weight:bold}


/* Text styles */
.text1       { font-size:12px;}
.text_small  { font-size:10px;}
.comment     {  font-size: 9px; color: #777}
.comment2    {  font-size: 10px; color: #cc0000}
.comment3    {  font-size: 10px; color: #000000}

.error       { font-size: 10px; color: #CC0000}
.errortext   { font-size: 10px; color: #CC0000}
.error1      { color: #CC0000}
.explain     {  font-size: 11px; color: #444; text-decoration:italic}
 


#topmenu { background-color:#efefef; width:1416px; margin:0; padding:2px 2px 10px 2px; font-size:12px}   /* was position: fixed;  */
#wrapper { background-color:#fff; width:1420px; margin:0 auto; padding:0 0 10px 0}
#bodywrapper { padding-top:10px;}   /* tall to allow for fixed header. Was 80 with fixed topmenu position */


#topmenu_fullwidth { background-color:#efefef; width:98%; margin:0 auto; padding:2px 2px 10px 2px; font-size:12px}   
#wrapper_fullwidth { background-color:#fff; width:98%; margin:0 auto; padding:0 0 10px 0}

#topmenu_iphone { background-color:#efefef; width:100%; margin:0 auto; padding:2px 2px 10px 2px; font-size:12px}   

#dateselectortopmenu { float:right; display:inline; width:320px; }

.opsbutton { padding:8px ; }
.opsbutton .input {text-align:center}
.opsbutton .explain {width:400px;}
.opsbutton .submit {width:200px; margin:3px 5px 3px 0 }

.report { width: 675px; padding-bottom:30px} 
.report IMG {}
.report2 { width: 100%; margin-top:10px; padding-bottom:30px } /* full width reports */
 
#bodywrapper_iphone .report {width:100%; padding-bottom:30px; padding-left:10px} /* override reports , make full width */
   


.report3 { margin-top:10px; padding-bottom:30px}  /* no width, let the browser decide */
.report3  TD {width:5%}

.report4 { width: 675px; margin-top:10px; padding:10px;} /* floating boxes? reports */
.report5 { width: 900px; margin-top:10px; padding:10px;}  
 

 .title1 { font-family: "Cambria", Courier, serif; font-size:2.2em;  text-align:left; color:#608B95; font-weight:bold; padding:0 0 5px 0 }
 .title2 { font-family: "Cambria", Courier, serif; font-size:1.5em;  text-align:left; color:#608B95; font-weight:bold; padding:5px 0 5px 0 }
 .title3 { font-family: "Cambria", Courier, serif; font-size:1.2em;  text-align:left; color:#608B95; font-weight:bold; padding:5px 0 3px 0 }

 
 /* a box for totally live information */
 DIV.live { padding:5px; background-color:#d7ffcb}
 
 /* for modal dialogs popups */
 .ui-dialog {border:1px solid black}
 

table thead{}
table thead th { padding:.3em; border-bottom:1px dotted #444; font-size:110%; }


/* nobr style */
.nobr { white-space: nowrap; }

/* list settings */
ul        { list-style-type: none; padding-left: 0; margin-left: 0; padding-top:8px }
/* ul li     { list-style-type: none; background: url(/grf/icon_bluearrow9.gif) left center no-repeat; padding-left:15px} */
ul li     { list-style-type: none; padding-left:15px}
ol li     { list-style-type: decimal; padding-left:15px;}
li.nobull { list-style-type: none; background:none }


/* some matrix settings */
table   {empty-cells: show}
td       {border-collapse: collapse; empty-cells: show}


/* Top boxes */
#top  { width:1106px; background-color: #FFFFFF;  margin: 0 auto;
        height:133px; vertical-align:bottom; text-align:left; background: white url(/grf/bg_header.jpg) no-repeat}

#top_user_message { width:1006px; background-color: #FFFFFF;  margin: 0 auto; }


/* Footer */
#footer { clear:both; width:1106px; margin: 0 auto }
#footertext  { background-color: #2A5574; height:25px; padding:8px; border:1px solid #ddd;
              text-align:center; font-size: 9pt; color:#fff; }
#footerlogos { padding:3px; background-color: #fff; text-align:center; margin: 0 auto;}




/* Main box settings */
#pagewrapper { clear:both; width:1290px; margin: 0 auto;  /*REMOVED FOR CENTERING USING  margin: 0 auto INSTEAD: float:left;. NOTE: THIS DESTROYS EXPANSION OF SUBFLOATS*/
               background-color:#EFEFEF; /* backdrop for columns */
                /* float:left; added aug 07 to expand subfloats. Destroys centering, though. */
               vertical-align:top; min-height:400px; height:80%; padding:5px 10px 0 5px; }
#indexwrapper {background-color:#fff;  float:left;}


/* Making the columns */
#colwrapper1 { background: #fff url(/grf/bg_cols1.gif) repeat-y; float:left;
               border-bottom:1px solid #C7C7C7; border-right:1px solid #c7c7c7; border-left:1px solid #c7c7c7;}

/* backdrop for the columns at product site */
td.body1 {background-color:#EFEFEF}
 
 


/* GENERAL OTHER PAGES */
/* For "Fieldsets" - floating labels and inputfields */
/* Used to insert produkts */
.fieldset            { width:400px; clear:both;}
.fieldset label      { text-align:right; width:290px; float:left; padding:0.2em; margin:0; margin-top:0.3em; }
.fieldset .nobr      { display:none;}
.fieldset input      { width:50px}

.fieldset2            { width:350px; clear:both;}
.fieldset2 label      { font-size:12px; font-weight:bold; text-align:right; width:150px; float:left; padding:0.2em 0.5em 0.2em 0.2em; margin:0; margin-top:0.3em; }
.fieldset2 .nobr      { display:none;}
.fieldset2 input      { font-family: Verdana, sans-serif; font-size: 9px; padding:2px;}
.fieldset2 textarea   { width:120px; height:80px}

/* normal styles */

td.header1 { padding-bottom:10px}
td.text1   { padding:4px;}

/* delimiter table cell (top row) */
tr.top_delim, td.top_delim { border-top:1px dashed #eee; padding-top:4px; margin-top:4px}



/* help/description boxes appearing on top of page or prominently */
div.help { background:#fff url(/grf/icon_infobulb.png)  left center no-repeat;
           border:1px solid #999; font-size:11px; padding:5px 5px 5px 48px;  color:#666;
           margin-bottom:3px}


/* csv|xls download links */
 .csvdownload {font-size:0.8em; padding:6px 6px 3px 0px;width:80px; float:right; margin-top:-20px}
 .csvdownload .xls { background:#fff url(/grf/icon_excel.png) left center no-repeat;
                      color:#666; margin-bottom:5px ; padding:3px 3px 3px 18px;}
 .csvdownload .csv { background:#fff url(/grf/icon_excel.png) left center no-repeat;
                      color:#666; margin-bottom:5px; padding:3px 3px 3px 18px;}

					  
/* csv|xls download links, inline, no float */
 .csvdownload2 {font-size:0.8em; padding:6px 6px 3px 0px;width:80px; }
 .csvdownload2 .xls { background:#fff url(/grf/icon_excel.png) left center no-repeat;
                      color:#666; margin-bottom:5px ; padding:3px 3px 3px 18px;}
 .csvdownload2 .csv { background:#fff url(/grf/icon_excel.png) left center no-repeat;
                      color:#666; margin-bottom:5px; padding:3px 3px 3px 18px;}
					  
/* For "boxes" table cells */
    .box1 {padding:8px; border:1px dotted #777; background-color:#DDD; margin:10px}
    .box2 {padding:3px; border:1px solid #FFF;  background-color:#EEE; margin:10px}
    .box3 {padding:3px; border:1px dotted #BBB; background-color:#F5F5F5; margin:10px}
    .box_warning {padding:8px; border:1px dotted #666; background-color: #FFFFAA}

/* For FORM fields and buttons */
    .submit   { font-family: Verdana, sans-serif; padding:3px 9px 3px 9px}
    .button1  { font-family: Verdana, sans-serif; font-size: 9pt; padding:3px 7px 3px 7px}
    .button2  { font-family: Verdana, sans-serif; font-size: 8pt; padding:1px; border: 1px solid black}
    .button3  { font-family: Verdana, sans-serif; font-size: 8pt; background-color:#ddd; padding:1px; border: 1px solid #666}

    input.input1     { font-family: Verdana, sans-serif; font-size: 9px; padding:2px; width:180px }
    textarea.input1  { font-family: Verdana, sans-serif; font-size: 9px; padding:2px; width:240px; height:100px }

    .input1short     { font-family: Verdana, sans-serif; font-size: 9px; padding:2px; width:100px }
    .input1vshort { font-family: Verdana, sans-serif; font-size: 9px; padding:2px; width:40px }

    .input2 {  font-family: Verdana, sans-serif; font-size: 8pt; padding:1px; border: 1px solid black; width:180px }

    input.search     { width:200px; padding:2px; font-size:1.1em }

    /* For checkboxes right next to text. Align up to center on text */
    .checkbox1  { vertical-align:-4px}

    /* For fields that require some care */
    input.notice    { background-color:#ffd0d0 }


/* small button and field set */
.input3  { font-family: Tahoma, Verdana, sans-serif; text-align:center; color: #333; font-size: 9px;
           background-color:#fff; padding:1px; width:80px }
.button3 { font-family: Tahoma, Verdana, sans-serif; color: #333; font-size: 9px;
           background-color:#fff; padding:1px; vertical-align: 1px}
.text3   { font-family: Tahoma, Verdana, sans-serif; font-size: 9px;}

.button_small { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; padding:1px; border: 1px solid #888}
.input_small {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; padding:1px; border: 1px solid #888}

/* medium size field */
.input4     { font-family: Verdana, sans-serif; font-size: 9px; padding:2px; width:200px }





/* Misc icon definitons */
.icon { padding-left:1px; padding-right:1px}
.exclamation {  clear:left; float:left; padding-right:3px;}

/* date selectors */
table.dateselector  { width:250px }
select.dateselector { font-size:11px; border:1px solid #999; padding:1px;}
td.dateselector     { width:250px; font-size:11px}



/* submenu for trader/fund pages */
.submenu {font-size:1.3em}



/* table tbl style: special for auto listings */
/* base color and mid column color should vary slightly. Header/body alignment should match. */

/* For tables generated with odd/even rows */
  table.tbl        { background:#fff;  color:#000; border-collapse:collapse; width:100%; border:1px solid #333; }
  col.odd          { background-color:#e0e0e0; }
  table.tbl td.odd { background-color:#e0e0e0; }

  td.sum {font-weight:bold; border-top:2px ; border-bottom:2px } /* for sum lines in generated tables */


  /* body, cells and divs */
   table.tbl tr td    {text-align:center;}
  /* head */
  .tbl thead{}
  .tbl thead th { padding:.3em; border-bottom:1px dotted #444; font-size:110%; text-align:center; }
  .tbl thead tr {}
  .tbl td { padding: .5em 1em }
  .tbl tbody tr.odd td { background:transparent url(/grf/tr_bg.png) repeat top left; }
  /* Table footer */
  .tbl tfoot { }
  .tbl tfoot td { padding-bottom:3px; }
  .tbl tfoot tr { }
  
  /* IE trick - MUST COME LAST  */
  * html .tbl tr.odd td { background:#ccc; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grf/tr_bg.png', sizingMethod='scale'); }


/* tighter table */
/* For tables generated with odd/even rows */
  table.tbl2               { color:#000; border-collapse:collapse; width:100%; font-size:11px }
  .tbl2 col.odd            { background-color:#e0e0e0; }
  .tbl2 td.odd             { background-color:#e0e0e0; }
  .tbl2 td			   { padding: 2px; border-collapse:collapse; border:1px dotted #ddd; text-align:left; width: 11% }  /*  try to even cols */
  .tbl2 tbody tr.odd td { background:transparent url(/grf/tr_bg.png) repeat top left; }
  /* IE trick - MUST COME LAST  */
  * html .tbl2 tr.odd td { background:#ccc; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grf/tr_bg.png', sizingMethod='scale'); }
  
  
  
  /* like tbl2: but not set to 100% width, try to be as small as possible and dont expand too much but try to have equal width columns */
 /* wider first col, then even after. Good for large tables with same size columns after the first */
  table.tbl6       	      { color:#000; border-collapse:collapse; font-size:11px }
  .tbl6 col.odd          { background-color:#e0e0e0; }
  .tbl6 td.odd           { background-color:#e0e0e0; }
  .tbl6 td 		      { padding: 2px; border-collapse:collapse; border:1px dotted #ddd; text-align:left; width:10% }
  .tbl6 tbody tr.odd td { background:transparent url(/grf/tr_bg.png) repeat top left; }
  /* IE trick - MUST COME LAST  */
  * html .tbl6 tr.odd td { background:#ccc; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grf/tr_bg.png', sizingMethod='scale'); }

  /* wider first col, then even after. Good for large tables with same size columns after the first */
   table.tbl6   tr th:nth-child(1){ width: 25%; font-size:11px }
   table.tbl6  td+td  { width: auto ;}

   /*  first column 100px, rest evenly spaced (if possible) */
  table.tbl6b       	      { color:#000; border-collapse:collapse; font-size:11px }
  .tbl6b col.odd              { background-color:#e0e0e0; }
  .tbl6b td.odd               { background-color:#e0e0e0; }
  .tbl6b td 		            { padding: 2px; border-collapse:collapse; border:1px dotted #ddd; text-align:left; width:10% }
  .tbl6b tbody tr.odd td { background:transparent url(/grf/tr_bg.png) repeat top left; }

  /* wider first col, then even after. Good for large tables with same size columns after the first */
   table.tbl6b   tr th:nth-child(1){ width: 100px; font-size:11px }
   table.tbl6b  td+td  { width: auto ;} 
   
   
 /* like tbl2: but not set to 100% width, try to be as small as possible and dont expand too much but try to have equal width columns */
 /* wider first col, then even after. Good for large tables with same size columns after the first */
  table.tbl7       	       { color:#000; border-collapse:collapse; font-size:11px; table-layout: fixed; }   /* FIXED layout - will not adjust to cell content */
  .tbl7 col.odd          { background-color:#e0e0e0; }
  .tbl7 td.odd           { background-color:#e0e0e0; }
  .tbl7 td 		       { padding: 2px; border-collapse:collapse; border:1px dotted #ddd; text-align:left;  }
  .tbl7 tbody tr.odd td { background:transparent url(/grf/tr_bg.png) repeat top left; }
  /* IE trick - MUST COME LAST  */
  * html .tbl7 tr.odd td { background:#ccc; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grf/tr_bg.png', sizingMethod='scale'); }

   table.tbl7 td  { width: auto ; min-width:50px}
   table.tbl7   .small  {  font-size:8px; padding:1px }
   
 

/* even tighter table */
/* For tables generated with odd/even rows */
  table.tbl5        { color:#000; border-collapse:collapse; width:100%; font-size:10px }
  .tbl5 col.odd          { background-color:#e0e0e0; }
  .tbl5 td.odd           { background-color:#e0e0e0; }
  .tbl5 td { padding: 2px; border-collapse:collapse; border:1px dotted #ddd; text-align:left }
  .tbl5 tbody tr.odd td { background:transparent url(/grf/tr_bg.png) repeat top left; }
  /* IE trick - MUST COME LAST  */
  * html .tbl5 tr.odd td { background:#ccc; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grf/tr_bg.png', sizingMethod='scale'); }
  
  .tbl5 INPUT {font-size:11px; padding:1px}
 
 
   /*  Bigger text */
  table.tbl9       	      { color:#000; border-collapse:collapse; font-size:12px }
  .tbl9 col.odd              { background-color:#e0e0e0; }
  .tbl9 td.odd               { background-color:#e0e0e0; }
  .tbl9 td 		            { padding: 2px; border-collapse:collapse; border:1px dotted #ddd; text-align:left; width:10% }
  .tbl9 tbody tr.odd td { background:transparent url(/grf/tr_bg.png) repeat top left; }


   

/* simple table without shaded columns */
  table.tbl3             { background-color:#fff; color:#000; border-collapse:collapse; width:100%; font-size:12px }
  .tbl3 tr.odd           { background-color:#f5f5f5; }
  .tbl3 td.odd           { background-color:#f5f5f5; padding:7px 0 7px 0 }
  .tbl3 td                 { border-bottom:1px dotted #444 }

/* shade rows and columns in a fairly tight table */
  .tbl4 thead {}
  .tbl4 thead th { padding:.2em; border-bottom:1px dotted #444; font-size:100%; text-align:center; }
  .tbl4 thead tr {}
  .tbl4 td { padding: .2em .2em }
  .tbl4 tbody tr.odd td { background:transparent url(/grf/tr_bg.png) repeat top left; }
  .tbl4 tbody td.o      { background:transparent url(/grf/tr_bg.png) repeat top left; }
  /* Table footer */
  .tbl4 tfoot { }
  .tbl4 tfoot td { padding-bottom:3px; }
  .tbl4 tfoot tr { }
  
  /* IE trick - MUST COME LAST  */
  * html .tbl4 tr.odd td { background:#ccc; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grf/tr_bg.png', sizingMethod='scale'); }


/* Generic Keyfield declarations */
table.keyfield { width:100%; font-family: Verdana; }
table.keyfield td.key   { font-size:12px; font-weight:normal; vertical-align:top; text-align:right; padding:2px 5px 0px 0px;}
table.keyfield td.field { font-size:12px; font-weight:normal; text-align:left; padding:2px 5px 0px 2px;}
table.keyfield td.field textarea.inp, table.keyfield td.field input.inp { width:95%;  font-size:9px; padding:2px;}
table.keyfield td.field textarea.inp  { height:60px; }
table.keyfield td.field input.btn  { font-family: Verdana; font-size:12px; padding:2px; }

table.keyfield2          { width:100% }
table.keyfield2 td.key   { font-size:12px; font-weight:normal; text-align:left; padding:2px 5px 0px 0px; width:170px}
table.keyfield2 td.field { font-size:12px; font-weight:normal; text-align:left; padding:2px 5px 0px 2px;}

/* a keyfield, left-aligned with a tight (as tight as possible) left column*/
table.keyfield3 { width:100% }
table.keyfield3 td.key   { width:10%; white-space:nowrap; font-size:12px; font-weight:normal; vertical-align:top; text-align:left; padding:2px 5px 0px 0px;}
table.keyfield3 td.field { font-size:12px; font-weight:normal; text-align:left; padding:2px 5px 0px 2px;}
table.keyfield3 td.field textarea.inp, table.keyfield3 td.field input.inp { width:95%; padding:1px;}
table.keyfield3 td.field textarea.inp  { height:60px; }
table.keyfield3 td.field input.btn  { font-family: Verdana; font-size:12px; padding:2px; }

/* For mail */
table.mail table       { font-size:12px; font-weight:normal; font-family: Verdana; width:100% }
table.mail td.key      { white-space: nowrap}
table.mail td.field    { text-align:left; padding:2px 5px 0px 2px; }

table.mail td.field textarea, table.mail td.field input[type="text"], table.mail td.field SELECT  { width:500px;  padding:2px;}
table.mail td.field input[type="checkbox"] { padding:4px }
table.mail td.field textarea  { height:300px; }

table.mail td.field input.btn { padding:2px; }

.mail input[type=checkbox]
{
  -ms-transform: scale(1.3); /* IE */
  -moz-transform: scale(1.3); /* FF */
  -webkit-transform: scale(1.3); /* Safari and Chrome */
  -o-transform: scale(1.3); /* Opera */
  padding: 2px;
  margin:4px;
}



pre {
   font-family: "courier new", courier, monospace;
   font-size: 14px;
   white-space: pre-wrap;
}


div.component_mail  { border:1px dotted black; text-align:center; margin:0px 0px 5px 0px}

/* Div fieldsets, where field and key are stacked */
div.field { font-size:12px; padding-top:5px}
div.field h1 { font-weight:bold; font-size:12px}

#user_message { min-height:30px; _height:30px; font-size:12px; font-weight: normal;
                /* z-index:10000; opacity:0.9; filter:alpha(opacity:90); position:fixed; top:0; right:0; margin:2px 0 2px 0; */
                padding:8px 8px 8px 60px; border:1px dotted yellow;
                background: lightyellow url(/grf/icon_warning48.png) left center no-repeat;
			
  }
  
  
  
  
.user_warning { min-height:35px; _height:35px; font-size:12px; font-weight: normal;
                /* z-index:10000; opacity:0.9; filter:alpha(opacity:90); position:fixed; top:0; right:0; margin:2px 0 2px 0; */
                padding:8px 8px 8px 60px; border:1px dotted yellow;
                background: lightyellow url(/grf/icon_warning48.png) left center no-repeat
} 

.user_warning2 { min-height:15px; _height:15px; font-size:11px; font-weight: normal;
                /* z-index:10000; opacity:0.9; filter:alpha(opacity:90); position:fixed; top:0; right:0; margin:2px 0 2px 0; */
                padding:6px 6px 6px 20px; border:1px dotted yellow;
                background: #eeee00 url(/grf/icon_warn.gif) left center no-repeat
} 

.user_message_iframe {  height: 250px;  width:100%;   overflow:auto; }

.user_message_iframe { min-height:35px; _height:35px; font-size:12px; font-weight: normal;
                /* z-index:10000; opacity:0.9; filter:alpha(opacity:90); position:fixed; top:0; right:0; margin:2px 0 2px 0; */
                padding:8px 8px 8px 60px; border:1px dotted yellow;
                background: lightyellow url(/grf/icon_warning48.png) left center no-repeat
} 

.explain2    { min-height:35px; _height:35px; font-size:11px; font-weight: normal;
                padding:6px 6px 6px 55px; border:1px dotted #444;
                background: #ffffff url(/grf/icon_infobulb.png) left center no-repeat 
} 
 

#debug { position: fixed; border-top: 1px solid #ddd; border-bottom: 10px solid #f5f5f5; background: #f5f5f5; width: 100%; height: 25%; overflow: scroll; left: 0px; bottom: 0px; text-align:left; color: #aaa; font-size: 10px; z-index:10000; opacity:0.9; filter:alpha(opacity:90); }

 

/* for clearing at end of list of floating elements */
hr.clearstop {display:block; clear:left; visibility:hidden}

/* For output formatting bullets */
ul.bullet    { list-style-type: none; padding-left: 0; margin-left: 0; }
ul.bullet li { padding:0px 3px 6px 10px; background: url(/grf/bullet1.gif) 0% 14% no-repeat}


/* checkbox floating */
div.checkboxfloat {float:left; padding:1px 5px 1px 0;}


/* tables */
table.tablesorter{
   font-size: 8pt;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
   font-size: 8pt;

}
 
table.tablesorter tbody tr.odd td {
   background-color:#ddd;
} 

table.tablesorter td.tradedate {white-space:nowrap} 
table.tablesorter td.contract {white-space:nowrap} 


/* smaller table sorter, more dense, for smaller tables */
table.tablesortermin{ font-size: 8pt;}

table.tablesortermin TD              { padding:2px; }   /* line height drastic here to limit height?? */
table.tablesortermin TH              { padding:2px; } 
table.tablesortermin tbody tr.odd td { background-color:#ddd; } 

table.tablesortermin thead tr th, 
table.tablesortermin tfoot tr th { font-size: 8pt;}
 
table.tablesortermin td.tradedate {white-space:nowrap} 
table.tablesortermin td.contract  {white-space:nowrap} 


/* email report listing */
.emailreport 		      		       { padding-bottom:30px; width:800px; line-height: 1.5em;}
.emailreport .groupname    		{ font-weight:bold; color:darkblue}
.emailreport .subject        		{ font-weight:bold; text-decoration:underline; padding-top:4px;}
.emailreport .reporttitle		 { font-weight:bold; font-size:1.1em; padding:4px 0 4px 20px}  
.emailreport .reporttext 		  { width:600px; padding:4px 0 4px 20px}  


/* FOR FORM builder */
div.row {background:#ffc;border:2px solid #ffc;margin:0 0 5px 0;float:left;width:100%;padding:6px 0;}
div.row label {float:left;display:block;width:15em;font-weight:bold;padding:0 6px;}
div.row label:hover {background:#FFFF66;cursor:pointer;}
div.row fieldset {border:1px solid gray;margin:0 6px;}
div.row fieldset span {display:block;}
div.row fieldset span label {float:none;display:inline;}
div.row fieldset legend {font-weight:bold;}
div.requiredRow {border:2px solid #049;}



/* for right click menu */
.rmenu {
    z-index:1000;
    position: absolute;
    font-face: Arial;
	color: black;
	width:400px;
	
	border:1px solid #ddd;
	background-color:#fff;

    display: block;
    margin: 0;
    list-style-type: none;
    list-style: none; 
}

/* for fixed elements floating over half right side */
#idiv {
    position: fixed;
    top: 0px;
    left: 50%;
    right: 0px;
    bottom: 0px;
}


.hide { display: none; }

.rmenu li		{ list-style: none; padding-top:5px }
.rmenu a 		{ border: 0 !important; text-decoration: none; }
.rmenu a:hover   { text-decoration: underline !important; }

#rmenu .title {margin: 0 auto; font-weight:bold}
#rmenu {padding:5px}

#rmenutablexplain {font-size:10px}  /* explain text for the table, if any */