body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  margin: 0;
  padding: 0;
}

a {
 font-family: Arial, Helvetica, Sans-Serif;
 color: #00F;
}

td,li,p,h1,h2,h3,pre,textarea {
 margin: 10px;
 padding-left: 4px;
 padding-right: 4px;
 vertical-align: top;
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 10pt;
 font-style: normal; 
}

h1,h2,h3 {
 margin-top: 12px;
 margin-bottom:6px;
 font-weight: bold; 
}

.vert { /* vertical text */ 
  width:1px; 
  writing-mode: tb-rl; 
}

.doc_attach_scroll { 
  overflow-x: scroll; 
  height: 100px;  
  width: 600px; 
  margin-top: 00px; 
  margin-left: 00px; 
  border: 1px solid black 
}

.field_attach_scroll { 
  overflow-y:auto; 
  height: 100px;  
  width: 200px; 
  margin-top: 00px; 
  margin-left: 00px; 
}

/* General appearance colors */

td,li,p,h1,h2,h3,pre {
  color: #006;  /* All default text color */
}

a:hover {
 background-color: #55B;
 color: #FFF;
}

/* Site edition link */

.doc_edit,.element_edit,.item_edit {
  color: #808;
  font-size: 7pt;
  font-family: Arial, Helvetica, Sans-Serif;
}
.doc_edit {
  color: #808;
}
.element_edit {
  color: #800;
}
.item_edit {
  color: #080;
}

.lang {
  color: #FFF;
  font-size: 8pt;
}
.active_lang {
  color: #FF0;
  font-size: 8pt;
  font:bold;
}
/* Set user class */

.user {
   color: #FC4;
   font-size: 8pt;
}
select.setUser {
  background-color: #FC4;
}
select.setUser {
  color: #000;
  font-size: 8pt;
}

.cartItemCount {
  color:#FF0;
  font-size:8pt;
}
.cartItemCountText {
  color:#060;
  font-size:12pt;
}
.docFound {
  color:#C60;
  font-size:12pt;
}
.login_info {
  margin: 2px;
  color: #FFF;
  font-size: 9pt;
}
.printDefault {
  color: #800;
  font-style: italic;
}
form.search_form {
  display:inline;
}

input.search_form, input.search_form_button {
  background:FF8;
  font-size:8pt;
}

input.highlight {
  background:FF0;
}

select.highlight {
  background:FF0;
}

option.highlight {
  background:FF0;
}


div.email_content {
  background-color:#FFF;
  border: 2px solid #000;
  margin: 10px;
}

/* Image, photo gallery */

div.pg_img
{
  margin: 2px;
  border: 1px solid #ff00ff;
  float: left;
  text-align: center;
}	
div.pg_img img
{
  display: inline;
  margin: 10px;
  border: 1px solid #ffffff;
}
div.pg_img a:hover img {border: 1px solid #0000ff;}
div.pg_desc
{
  text-align: center;
  font-weight: normal;
  margin: 2px;
}


/* Tables */

td.result,td.resultDisabled,td.resultTitleNowrap {
  white-space:nowrap;
}
td.resultTitleVertical {
  width:1px; 
  writing-mode: tb-rl;
}

/* Table color setting */

table.result { 
  border-color: #EEE;
}
td.result,td.resultWrap {
  background:#DDE;
  color: #000;
}
td.resultDisabled,td.resultDisabledWrap {/
  background:#FDE;
  color: #888;
}
td.resultTitle,td.resultTitleNowrap,td.resultTitleVertical{
  background:#37A;
  color: #EEE;
}
i.nocolor { color: #37A;}  // Must be the same as background for resultTitle


/* Table title */

p.tableTitle,p.title {
  color:#888;
  font-size: 14pt;
  font: bold;
}      

p.subtitle {
  color:#888;
  font-size: 12pt;
  font: bold;
}

p.category_title {
  color:#688;
  font-size: 14pt;
  font: bold;
}
.document_title {
  color:#688;
  font-size: 12pt;
  font: bold;
}
p.bannerTitle {
  font-size: 14pt;
  color: #FFF;
}

/* Menubar general setting */

table.menubar {
  border-collapse: collapse;
}
td.menubar,td.menubar_active {
  padding-left:12px;
  padding-right:12px;
  border-width: 1;
  border-style: solid;
}
td.menu,td.menu_active{
  height: 25px;
  padding-left:12px;
  padding-right:12px;
}
table.menu,table.menu_active {
  border-collapse: separate;
  border-width: 1;
  border-style: solid;
  position:absolute;
  visibility:hidden;
}
a.menu,a.menu_active{
  text-decoration:none;
  white-space:nowrap;
  font:bold;
}
a.submenu,a.submenu_active{
  text-decoration:none;
  white-space:nowrap;
}

/* Menubar color setting */

table.menubar {
  background:#CCD;
}
td.menubar,td.menubar_active {
  background:#EEF;
  border-color: #CCD;
}
td.menubar_active {
  background:#BBF;
}
td.menu,td.menu_active{
  background:#DDE;
}
td.menu_active{
  background:#AAD;
}
table.menu,table.menu_active {
  background:#FFF;
  border-color: #888;
}
a.menu,a.menu_active{
  color:#000;
}
a.submenu,a.submenu_active{
  color:#000;
}

/* Menu color setting */

a.menu2Title_1, 
a.menu2Title_2,
a.menu2Title_3,
a.menu2Title_4 {
  color:black;
  text-decoration: none;
}

a.menu2Title_active_1, 
a.menu2Title_active_2,
a.menu2Title_active_3,
a.menu2Title_active_4 {
  color:blue;
}


/* message setting */

p.message_info {
  color:#000;
}
p.message_warning {
  color:#F80;
  background:#FF8;
  border-color: #F00;
  border-style: solid;
  border-width: 2;
}
p.message_error{
  color:#F00;
  background:#FF8;
  border-color: #F00;
  border-style: solid;
  border-width: 2;
}

/* Styles definition for special and dedicated purpose */
/* Data import table setting */

/* Data import table setting */

td.dim_update_ec {
  background-color: #FDA;
  white-space:nowrap;
}
td.dim_update_nec {
  background-color: #FC8;
  white-space:nowrap;
}
td.dim_update_mult {
  background-color: #FA2;
  white-space:nowrap;
}
td.dim_insert {
  background-color: #CEC;
  white-space:nowrap;
}
td.dim_info {
  background-color: #FFA;
  white-space:wrap;
  font-size:8pt;
}
td.dim_trace {
  background-color: #FFC;
  white-space:wrap;
  font-size:8pt;
}

td.dim_insert_dup {
  background-color: #F00;
  white-space:nowrap;
}
td.dim_insert_similar {
  background-color: #F88;
  white-space:nowrap;
}


/* call-in status */

td.callin_sts_no_answer {  
   background-color: #FFF; /* gray */
   white-space:nowrap;
}
td.callin_sts_declined {  
   background-color: #F88; /* red */
   white-space:nowrap;
}
td.callin_sts_maybe {  
   background-color: #FF8;  /* yellow */
   white-space:nowrap;
}
td.callin_sts_confirmed {  
   background-color: #AFA; /* light green */
   white-space:nowrap;
}
td.callin_sts_reconfirmed {  
   background-color: #6C6; /* dark green */
   white-space:nowrap;
}

/* task management setting */

td.taskTerminated,td.taskTerminatedWrap {
  background:#6C6;
  color: #000;
}
td.taskProgressed,td.taskProgressedWrap {
  background:#FFE;
  color: #000;
}
td.taskPermanent {
  background:#FD8;
  color: #000;
}
td.taskSuspended{
  background:#4AF;
  color: #000;
}
td.taskHead,td.taskHeadWrap {
  background:#BBC;
  color: #000;
}
td.taskNewForMe,td.taskNewForMeWrap {
  background:#800;
  color: #FFF;
}
td.taskNewByMe,td.taskNewByMeWrap {
  background:#F80;
  color: #FFF;
}
td.taskNew,td.taskNewWrap {
  background:#C6C;
  color: #FFF;
}
td.taskInProgress {
  background:#DCD;
}
td.taskAssigned {
  background:#DCD;
}
td.taskDateOver {
  background:#DDE;  /*same as result */
  color: #F00;
  font:bold;
}
td.taskAttributeChange {  /* when task attribute will be changed from project */
  background:#DB9;
}
td.projectDateOver {
  background:#E89; 
}
td.projectTerminated {
  background:#BDC; 
}
td.projectProgressed {
  background:#DBC; 
}
td.projectTimeTotalOk {
  background:#BDC; 
}
td.projectTimeTotalLow {
  background:#E89; 
}
td.projectTimeTotalHigh {
  background:#A00; 
  color:#FFF;
}
td.categoryTerminated {
  background:#CDD; 
}
td.categoryProgressed {
  background:#DCD;
}

/* Orgboard setting */

#orgboard a.stat_missing, a.stat_missing_current{
  color:#E00;
}
#orgboard a.stat_completed,a.stat_completed_current{
  color:#080;
}
#orgboard a.stat_missing_current,a.stat_completed_current{
  font-size:12;
  font:bold;
}

/* Division setting for both visitor and administration mode  */

#container {
  background: #445;
}

#menubar_head {
  background: #88F;
}

#menubar_top {
  position: absolute;
  right: 100px;
  top: 2px;
  width: 100px;
}

#menubar_top table {
  background:none;
}
#menubar_top td{
  background:none;
}
#menubar_top td{
  color:#FFF;
}
#menubar_top a.menu{
  color:#FFF;
}

#banner{
  background: #358;
}

#loginbar{
  background: #246;
}

#separator1{
  background: #000;
  clear: both;
}
                  
#menubar_area {
  height: 15px;
  background: #445;
  margin-top:0;
  top:0;
}

#menubar {
  float: left;
  background: #445;
  width: 400px;
}

#langbar {
  float: right;
  background: #445;
  width: 200px;
}

#langbar a {
  text-align: right;
  margin-right: 10px;
}

#margin_left {
  background: #EEF;
  width: 150px;
}

#margin_right {
  background: #EEF;
}

/* Do not supply height, because firefox will limit the page to that height */

#content_top {
  float:left;
}

#content_bottom {
  background: #DDD;
}

#content {
  background: #F8F8F8;
  /* height: 400px; */
}

#footer {
  background: #FFF;
  clear: both;
}

#after_footer {
  background: #FFF;
  clear: both;
}

/* Left margin style */

#margin_left h1{
  font-size:14;
}

#margin_left h2{
  margin-top: 2px;
  margin-left:20px;
  font-size:12;
}

#margin_left h3{
  margin-top: 1px;
  margin-left:30px;
  font-size:11;
}

#margin_left h4{
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left:40px;
  font-size:9;
}