/* division */


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


.container {
  /*width:860px;*/
  margin:0 auto;
  background-color:#CCCCff;
}


.banner {
  height: 50px;
  background-color: #358;
}

.menubar0 {
  height: 32px;
  background-color: #445;
}
.menubar_b1 {
  position: absolute;
  width: 150px;
  left: 150;
}
.menubar_b2 {
  float: right;
  margin-right: 10px;
}




.loginbar {
  height: 0px;
  background-color: #246;
}

.mainpanel {
  background-color: #DDE;
}



.lmargin {
  background-color: #EEF;
  position: absolute;
  width: 150px;
  left: 0;
}

.mainarea {
  margin-left: 150px;  
  margin-right: 0px;
  background-color: #F8F8F8;
  height: 400;
  /*background-image:url('../documents/OP2/__bouteille.jpg');*/
}

.rmargin {
  background-color: #EEF;
  /*margin-left: 550px;*/
  float: right;
  width: 0px;
}
/*.submenu_right2 {
  background-color: #0a8;
}*/


.footer {
clear: both;
height: 30px;
background-color: #FFF;
}


/* ------------------------------------------------------- */


.doc_edit {
 color: #808;
 font-size: 7pt;
 font-family: "Arial" "Helvetica" "Verdana" "Sans-Serif";
}

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

.lang {
 color: #FFF;
 font-size: 8pt;
}

.login_info {
  margin: 2px;
  color: #FFF;
  font-size: 9pt;
}


/****************************************************************************************/
/* Define colors */

/* All default text colors */

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

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

a.mainMenu {
  color: #000;
}
a.mainMenu:hover {
 background-color: #CCC;
 color: #FFF;
}

/* Display result in a table in action manager class */

.printDefault {
  color: #800;
  font-style: italic;
}

p.bannerTitle {
  color: #FFF;
}

/* Define the background color of the window panels */

table.main,table.main_member,td.header,td.footer,td.margin{
  background-color: #EEF;
}
td.header{
  background-color: #358;
}

table.main,table.main_member {
  background-color: #FFF
}
td.mainArea {
  background-color: #F8F8F8;
}

td.margin,td.mainArea,td.header,td.footer {
  border-color: #CCC;
}

td.menubar_left,td.menubar_right {
  background: #444;
}



/* Define colors for result tables */

table.result { 
  /*background:#EEF;*/
  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



/* TASK MANAGEMENT */

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;
}




/* Define colors for DHTML menu */

table.menubar {
  background:#CCD;
}
td.menubar {
  background:#EEF;
  border-color: #CCD;
}
td.menu{
  background:#DDE;
}
table.menu {
  background:#FFF;
  border-color: #888;
}
a.menu{
  color:#000;
}
a.submenu{
  color:#000;
}
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;
}

/* Table title */

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

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



/* Define colors for data import table */

td.dim_update_ec {
  background-color: #EEA;
  white-space:nowrap;
}
td.dim_update_nec {
  background-color: #ECC;
  white-space:nowrap;
}
td.dim_insert {
  background-color: #CEC;
  white-space:nowrap;
}
td.dim_insert_dup {
  background-color: #FC8;
  white-space:nowrap;
}

li.marginTitle {
  color:#000;
}



/****************************************************************************************/



/* Define general appearance */

a {
 font-family: "Arial" "Helvetica" "Verdana" "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" "Verdana" "Sans-Serif";
 font-size: 10pt;
 font-style: normal;
 /* text-align: left; */
}
h1,h2,h3 {
 margin-top: 12px;
 margin-bottom:6px;
 font-weight: bold; 
}



/* Define the borders of the window panels */

td.margin,td.mainArea,td.header,td.footer {
  border-style: solid;
  border-width: 1;
}


/* Define the dimensions of the window panels */

table.main,table.main_member {
  border-collapse: collapse;
}
table.main {
  width: 800px;
}

td.header {
  width: 800px; 
}
td.mainArea {
  height: 400px; 
  /* Do not fix mainArea width so that to allow mainArea redimensioning
     when the panel contains wrappable text. (By default will inherit from
     header width. 
  */
}
td.margin {
  width: 150px;
}
td.content0_left {
  width: 150px;
}
td.content0_right {
  width: 650px;
}



/* Menu style in left margin */

ul.marginTitle {
  list-style-type: square;
  margin: 8px;
  
}
li.marginTitle {
  padding-left: 1px;
  font-size: 9pt;
  margin: 0px;
  margin-left:15px;
  padding-left: 2px;
  padding-right: 2px;

}
a.mainMenuItem {
  text-decoration:none;
}
a.mainMenuItemInit {
  text-decoration:none;
  color: #0F8;
}


/* Main title display in header */

p.bannerTitle {
  font-size: 14pt;
  /*font-family: impact;*/
}

/* Veritical text */

.vert { 
  width:1px; 
  writing-mode: tb-rl; 
}





/* Display result in a table in action manager class */

.printDefault {
  font-style: normal;
}


td.result,td.resultDisabled,td.resultTitleNowrap {
  white-space:nowrap;
  /*color: #0F0;*/
}


td.resultTitleVertical {
  width:1px; 
  writing-mode: tb-rl;
}




/* Define components for DHTML menu */

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


/* Styles for both connected and non connected mode */

#container {
  background: #CCF;
}

#menubar_head {
  background: #88F;
}

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

#banner{
  background: #358;
}

#loginbar{
  background: #246;
}

#separator1{
         background: #666;
         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: 20px;
};

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

#margin_right {
  background: #EEF;
}


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


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

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