FONT  {font-family: Arial}
  BODY  {background: white url(/hyperoffice/styles/default/images/background.gif) fixed no-repeat 80% 50%; font: 8pt Arial; color:black; background-color: #FFFFFF; padding: 0px 0px; margin: 0px 0px;}
  TABLE {font: 8pt Arial; font-family: Arial; font-size: 8pt;}
  TD {font: 8pt Arial; font-family: Arial; font-size: 8pt;}
  STRONG  {font: 16pt Arial;}
   
  H1 { font: 16pt Arial; font-weight: Bold; }
  H2 { font: 12pt Arial; font-weight: Bold; spacing: 0px; padding: 0px; margin: 0px;}
	
  A:link {text-decoration: none; color: BLACK}
  A:visited {text-decoration: none; color: BLACK}	
  A:hover {text-decoration: none; color: BLUE}
  
  .normaltext { font-family: Arial; }
  .grayedtext { font-family: Arial; color: #555555; }

  /* Linkbar */
  .linkbarleft   { height: 20px; width: 66px; border-right: 1px solid #BDBDBD; cursor: hand; cursor: pointer; padding-left: 5px; padding-right: 5px; font-weight: bold; white-space: nowrap;} 
  .linkbarmiddle { height: 20px; width: 66px; border-left: 1px solid #ffffff; border-right: 1px solid #BDBDBD; cursor: hand; cursor: pointer; padding-left: 5px; padding-right: 5px; font-weight: bold; white-space: nowrap;} 
  .linkbarend	 { height: 20px; border-left: 1px solid #ffffff; white-space: nowrap; }


  /* edit page table --- */
  .edittable { width: 100%; border-bottom: 1px solid black; }

  /* edit page table header row */
 .ehtr   { background-color: #EBEBEB; foreground-color: #000000; }

  /* edit page table header cell */
 .ehtc   { text-align: right; padding-right: 35px; border-bottom: 1px solid black; border-top: 1px solid black; padding-top: 3px; padding-bottom: 3px; font-weight: bold; }

  /* edit page divider */
 .ehpr   { background-color: #F4F4F4; foreground-color: #000000; height: 30px; spacing: 0px; padding: 0px; margin: 0px; border: 0px;}

  /* edit page white space divider */
 .ehwpr  { foreground-color: #000000; height: 30px; spacing: 0px; padding: 0px; margin: 0px; border: 0px;}

  /* edit page small divider */
 .sehpr  { background-color: #F4F4F4; foreground-color: #000000; height: 15px; spacing: 0px; padding: 0px; margin: 0px; border: 0px;}

  /* edit page small whitespace divider */
 .sehwpr { foreground-color: #000000; height: 15px; spacing: 0px; padding: 0px; margin: 0px; border: 0px;}

  /* edit page table row */
 .etr   { background-color: #F4F4F4; foreground-color: #000000; }

  /* edit page table left hand side cell */
 .etlc  { text-align: right; padding-left: 0px; padding-right: 5px; width: 105px; }

  /* edit page table extended left hand side cell */
 .etelc { text-align: right; padding-left: 0px; padding-right: 5px; }

  /* edit page table right hand side cell */
 .etrc  { text-align: left; }


  /* preferences page/pages with wider left cols table row */
 .ptr   { background-color: #F4F4F4; foreground-color: #000000; }

  /* preferences page table left hand side cell */
 .ptlc  { background-color: #F4F4F4; foreground-color: #000000; text-align: right; padding-left: 0px; padding-right: 5px; width: 145px; }

  /* preferences page table extended left hand side cell */
 .ptelc { background-color: #F4F4F4; foreground-color: #000000; text-align: right; padding-left: 0px; padding-right: 5px; }

  /* preferences page table right hand side cell */
 .ptrc  { background-color: #F4F4F4; foreground-color: #000000; text-align: left; }


  /* general table --- */
 .generaltable { width: 100%; border-bottom: 1px solid black; }

  /* table header rows\cells */
 .htr   { background-color: #EBEBEB; foreground-color: #000000; border-top: 1px solid black; border-bottom: 1px solid black;  }
 .htc   { border-top: 1px solid black; border-bottom: 1px solid black; padding-top: 3px; padding-bottom: 3px; padding-left: 4px; font-weight: bold; }

  /* table active element cells\rows */
 .taer  { background-color: #F4F4F4; foreground-color: #000000; border: 0px solid white; }
 .taec  { border-bottom: white 1px solid; border-left: white 1px solid; border-right: white 0px solid; border-top: white 0px solid; padding-left: 4px; padding-top: 3px; padding-bottom: 3px; }

  /* table inactive element cells\rows */
 .tier  { background-color: #E8E8E8; foreground-color: #000000; border: 0px solid white; }
 .tiec  { border-bottom: white 1px solid; border-left: white 1px solid; border-right: white 0px solid; border-top: white 0px solid; padding-left: 4px; padding-top: 3px; padding-bottom: 3px; }

  /* table information element cells\rows */
 .toer  { background-color: #F8F8F8; foreground-color: #000000; border: 0px solid white; padding: 0px; spacing: 0px; margin: 0px; }
 .toec  { border-bottom: white 1px solid; border-left: white 1px solid; border-right: white 0px solid; border-top: white 0px solid; margin: 0px; padding-bottom: 8px; padding-left: 0px; padding-right: 0px; padding-top: 8px; spacing: 0px; vertical-align: middle; }

  /* table folder elements cells\rows */
 .tfer  { background-color: #F4F4F4; foreground-color: #000000; border: 0px solid white; }
 .tfec  { border-bottom: white 1px solid; border-left: white 1px solid; border-right: white 0px solid; border-top: white 0px solid; padding-left: 4px; padding-top: 3px; padding-bottom: 3px; }

  /* table wide folder elements cells\rows */
 .twfer  { background-color: #F4F4F4; foreground-color: #000000; border: 0px solid white; }
 .twfec  { border-bottom: white 1px solid; border-left: white 1px solid; border-right: white 0px solid; border-top: white 0px solid; padding-left: 4px; padding-top: 3px; padding-bottom: 3px; }
	

  /* title table --- */
 .titletable { width: 100%; height: 25px;  }

  /* page title row */
 .ttr   { foreground-color: #000000; }

  /* page title left cell */
 .ttlc  { foreground-color: #000000; padding-top: 18px;  padding-left: 25px; font: 16pt Arial; text-align: left;  }

  /* page title left cell */
 .ttcc  { foreground-color: #000000; padding-top: 18px;  text-align: center; }

  /* page title right cell */
 .ttrc  { foreground-color: #000000; padding-top: 18px;  padding-right: 15px; font: 8pt Arial; text-align: right; }


  /* footer table --- */
 .footertable { width: 100%; height: 35px; }

  /* page footer row */
 .ftr   { foreground-color: #000000; }

  /* page footer left cell */
 .ftlc  { foreground-color: #000000; padding-left: 25px; font: 8pt Arial; text-align: left; }

  /* page footer right cell */
 .ftrc  { foreground-color: #000000; padding-right: 15px; font: 8pt Arial; text-align: right; }


  /* input components --- */

  .smalleditbox         { background-color: #FFFFFF; font: 8pt Arial; border: 1px solid black; padding: 3px; width: 100px; height: 22px;}
  .mediumeditbox        { background-color: #FFFFFF; font: 8pt Arial; border: 1px solid black; padding: 3px; width: 200px; height: 22px;}
  .mediumlargeeditbox   { background-color: #FFFFFF; font: 8pt Arial; border: 1px solid black; padding: 3px; width: 300px; height: 22px;}
  .stdeditbox           { background-color: #FFFFFF; font: 8pt Arial; border: 1px solid black; padding: 3px; width: 400px; height: 22px;}
  .filenameeditbox      { background-color: #FFFFFF; font: 8pt Arial; border: 1px solid black; padding: 3px; width: 160px; height: 22px;}

  .stdnotebox           { background-color: #FFFFFF; font: 8pt Arial; border: 1px solid black; padding: 3px; width: 400px; height: 100px;}
  .smallnotebox         { background-color: #FFFFFF; font: 8pt Arial; border: 1px solid black; padding: 3px; width: 100px; height: 100px;} 
  .mediumlargenotebox   { background-color: #FFFFFF; font: 8pt Arial; border: 1px solid black; padding: 3px; width: 300px; height: 100px;} 

  .dynselectbox         { background-color: #FFFFFF; font: 8pt Arial; border: 1px solid black; padding: 3px; height: 22px;}
  .smallselectbox       { background-color: #FFFFFF; font: 8pt Arial; border: 1px solid black; padding: 3px; width: 100px; height: 22px;}
  .mediumselectbox      { background-color: #FFFFFF; font: 8pt Arial; border: 1px solid black; padding: 3px; width: 200px; height: 22px;}
  .mediumlargeselectbox { background-color: #FFFFFF; font: 8pt Arial; border: 1px solid black; padding: 3px; width: 300px; height: 22px;}
  .colnameselectbox     { background-color: #FFFFFF; font: 8pt Arial; border: 1px solid black; padding: 3px; width: 180px; height: 22px;}
  .colsortselectbox     { background-color: #FFFFFF; font: 8pt Arial; border: 1px solid black; padding: 3px; width: 180px; height: 22px;}
  .stdselectbox         { background-color: #FFFFFF; font: 8pt Arial; border: 1px solid black; padding: 3px; width: 400px; height: 22px;}
  .catselectbox         { background-color: #FFFFFF; font: 8pt Arial; border: 1px solid black; padding: 3px; width: 100px; }
  .stdtimeselectbox     { background-color: #FFFFFF; font: 8pt Arial; border: 1px solid black; padding: 3px; width: 75px;}

  .stdcheckbox          { padding: 0px; spacing: 0px; margin: 0px; border: 0px; width: 18px; height: 18px;}
  .stdbutton            { font: 8pt Arial; background-color: #F4F4F4;}
  .stdfrontpagebutton   { font: 8pt Arial; background-color: #F4F4F4;}

  .blanktable { width: 100%; }
  
  
  /* section specific code --- */

  /* mail page table --- */
  .mailmsgtable { width: 100%; border-bottom: 1px solid black; border-top: 1px solid black; }

  /* tasks section - table active element cells\rows */
 .mailtaer  { background-color: #F4F4F4; foreground-color: #000000; border: 0px solid white; }
 .mailtaec  { border-bottom: white 1px solid; border-left: white 1px solid; border-right: white 0px solid; border-top: white 0px solid; padding-left: 4px; padding-top: 1px; padding-bottom: 1px; }

  /* tasks section - table inactive element cells\rows */
 .mailtier  { background-color: #E8E8E8; foreground-color: #000000; border: 0px solid white; }
 .mailtiec  { border-bottom: white 1px solid; border-left: white 1px solid; border-right: white 0px solid; border-top: white 0px solid; padding-left: 4px; padding-top: 1px; padding-bottom: 1px; }

  /* tasks section - table active element cells\rows */
 .taskstaer  { background-color: #F4F4F4; foreground-color: #000000; border: 0px solid white; }
 .taskstaec  { border-bottom: white 1px solid; border-left: white 1px solid; border-right: white 0px solid; border-top: white 0px solid; padding-left: 4px; padding-top: 1px; padding-bottom: 1px; }

  /* tasks section - table inactive element cells\rows */
 .taskstier  { background-color: #E8E8E8; foreground-color: #000000; border: 0px solid white; }
 .taskstiec  { border-bottom: white 1px solid; border-left: white 1px solid; border-right: white 0px solid; border-top: white 0px solid; padding-left: 4px; padding-top: 1px; padding-bottom: 1px; }

  /* tasks section - table active folder element cells\rows */
 .taskstfaer  { background-color: #F4F4F4; foreground-color: #000000; border: 0px solid white; }
 .taskstfaec  { border-bottom: white 1px solid; border-left: white 1px solid; border-right: white 0px solid; border-top: white 0px solid; padding-left: 4px; padding-top: 3px; padding-bottom: 3px; }

  /* tasks section - table inactive folder element cells\rows */
 .taskstfier  { background-color: #E8E8E8; foreground-color: #000000; border: 0px solid white; }
 .taskstfiec  { border-bottom: white 1px solid; border-left: white 1px solid; border-right: white 0px solid; border-top: white 0px solid; padding-left: 4px; padding-top: 3px; padding-bottom: 3px; }

 .caltable {  }

  /* calendar table header rows\cells */
 .calhtr   { background-color: #EBEBEB; foreground-color: #000000; text-align: center; }
 .calhtc   { background-color: #EBEBEB; foreground-color: #000000; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; font-weight: bold; text-align: center; }

 .calhtlc   { background-color: #EBEBEB; foreground-color: #000000; border: 0px; border-bottom: 1px solid black; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; text-align: center; }
 .calhtrc   { background-color: #F4F4F4; foreground-color: #000000; border: 0px; border-bottom: 1px solid black; padding-top: 8px; padding-bottom: 8px; padding-left: 8px; vertical-align: top; text-align: left; }

 .calhtdlc { background-color: #EBEBEB; foreground-color: #000000; text-align: center; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; }
 .calhtdrc { background-color: #FFFFFF; foreground-color: #000000; vertical-align: top; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; text-align: left; }
 .calhtdrcitem { background-color: #FFFFFF; foreground-color: #000000; cursor: hand; vertical-align: top; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; text-align: left; }

  /* calendar table active element cells\rows */
 .caltaer  { background-color: #F4F4F4; foreground-color: #000000;  }
 .caltaec  { background-color: #F4F4F4; foreground-color: #000000; vertical-align: top; padding-left: 4px; padding-top: 3px; padding-bottom: 3px; }

  /* calendar table inactive element cells\rows */
 .caltier  { background-color: #E8E8E8; foreground-color: #000000; }
 .caltiec  { background-color: #E8E8E8; foreground-color: #000000 vertical-align: top; padding-left: 4px; padding-top: 3px; padding-bottom: 3px; }

  /* desktop stuff */
  .desktoptable { border: 1px solid black; }
  .desktophtc { border-bottom: 1px solid black; background-color: #EBEBEB; padding: 4px; padding-left: 10px;  padding-right: 10px; }
  .desktophtr { }
  .desktoptc { background-color: #F5F5F5; padding: 10px; }
  .desktoptr { }
  
  .personaldesktophtcmainsect { border-bottom: 1px solid black; background-color: #EEEEFF; padding: 4px; padding-left: 10px;  padding-right: 10px; }
  .personaldesktophtrmainsect { }

  .groupsdesktophtcmainsect { border-bottom: 1px solid black; background-color: #EEFFEE; padding: 4px; padding-left: 10px;  padding-right: 10px; }
  .groupsdesktophtrmainsect { }