body {
  font: 11px Verdana, Helvetica, Arial, sans-serif;
  background: White;
  color: Black;
  margin: 3px 0px 0px 0px;
  padding: 0;
  z-index: 1;
  
  /* These work in IE only, changes the look of the scrollbar + textareas */
  /* This lines are not valid with W3C standards !! */
  scrollbar-base-color: #DEE7EC;
  scrollbar-highlight-color: #DEE7EC;
  scrollbar-track-color: #F7F9FA;
  scrollbar-darkshadow-color: #F7F9FA;
  scrollbar-3dlight-color: #8CACBB;
  scrollbar-shadow-color: #8CACBB;
  scrollbar-arrow-color: #436976;
}

/* global options */

form {
  margin: 0px;
}

table {
  border-collapse: collapse;
}

/* tablist Style */

table.tablist {
  background-color: #f6f9fb;
}
table.tablist tr {
  border-bottom: 2px solid #e9f1f5;
}
table.tablist tr.click:hover {
  background-color: white;
}
table.tablist tr.extended {
  background-color: #e9f1f5;
}
table.tablist th {
  background-color: #e9f1f5;
  padding-bottom: 3px;
}
table.tablist th a {
  color: black;
  text-decoration: underline;
}
table.tablist td a {
  text-decoration: none !important;
}
table.tablist tr.priority {
  background-color: #ffb1b1;
}
table.tablist tr.priority:hover {
  background-color: #ffd1d1;
}
table.tablist tr.assistant {
  color: #888;
}

/* FILTERS */

span.filters {
  margin-left: 10%;
}
select.filter {
  background-color: #E9F1F5;
  border-color: #96c4ef;
}
select.filter-selected, 
input.filter-selected, 
span.filter-selected {
  background-color: #96c4ef;
  border-color: white;
}
select.filter option {
  background-color: #E9F1F5;
}
select.filter option.selected {
  background-color: #96c4ef;
}

img {
  border: none;
  vertical-align: middle;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: #436976;
  background-color: transparent;
}

button.search {
  font-size: 120%;
  padding: 0px 15px !important;
}

a:hover, a:visited:hover { 
  color: blue;
}

a:visited {
  color: #436976;
}

p {
  margin: 0.3em 0em 0.3em 0em;
  text-align: justify;
  line-height: 1.5em;
}

p a {
  text-decoration: underline;
}

p img {
  border: 0;
  margin: 0;
}

ul {
  list-style-type: square;
}

li { 
  margin-left: 1em;
}

ul.department li {
  list-style-image: url(../img/mini_right_arrow.gif);
}

ul.columns {
  //-webkit-column-count: 4;
  -moz-column-count: 4;
}
ul.two-columns {
  //-webkit-column-count: 2;
  -moz-column-count: 2;
}
ul.employee li {
  list-style-image: url(../img/Employee.gif);
}
ul.employee li.interdit {
  list-style-image: url(../img/Employee-blue.gif);
  text-decoration: line-through;
}
ul.employee li.float {
  float: left;
  width: 250px;
}
ul.template li { 
  list-style-image: url(../img/zpt.gif);
}

ul.produit li, ul li.produit { 
  list-style-image: url(../img/product.gif);
}
ul.pack li, ul li.pack { 
  list-style-image: url(../img/productFolder.gif);
}

ul.pglist li {
  list-style-image: url(../img/EmailAddressList.gif);
}

ul.mailing li {
  list-style-image: url(../img/mailing_mini.png);
}

li.mailing {
  list-style-image: url(../img/mailing_mini.png);
}

li.folder {
  list-style-image: url(../img/folder_mini.png);
}

ul.big_image {
  list-style-type: none;
  font-size: 110%;
  margin: 0.5em;
}

ul.big_image a { 
  text-decoration: underline;
}

th { 
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  color: #000000;
  clear: left;
  font: 100%;
  padding-top: 0.2em;
}

h1 {
	font-size: 125%;
	color:#003366;
	font-weight: bold;
}

h2 {
  font-size: 140%;
}

h3 {
  font-size: 120%;
}

h4 {
  font-size: 100%;
  font-weight: bold;
}

h5 {
  font-size: 90%;
}

h6 {
  font-size: 80%;
}

textarea {
  border: 1px solid #8cacbb;  
  color: Black;
  background-color: white;
  padding: 0.1em;
}

textarea.big {
  width: 60%;
  height: 5em;
}

input {
  font: 100% Verdana, Helvetica, Arial, sans-serif;
  border: 1px solid #8cacbb;  
  color: Black;
  background-color: white;
  vertical-align: middle;
  margin-bottom: 1px; /* IE bug fix */
  padding: 0.1em;
}

input[readonly] {
  background-color: #e9f1f5;
}

input.necessary,
select.necessary {
  background-color: #fff9c4;
}

.radio_template {
  margin: 0.2em 0;
  width: 250px;
  float: left;
}

button {
  font: 100% Verdana, Helvetica, Arial, sans-serif;
  border: 1px solid #8cacbb;  
  color: Black;
  background-color: white;
  vertical-align: middle;
  margin-bottom: 1px; /* IE bug fix */
  padding: 0.1em 2em;
  font-weight: bold;
  border-width: 1px;
  border-color: #ddd black black #ddd;
  /*background: #eee;*/
  background-color: #8CACBB;
  width: auto;
}

button:hover {
  color: Black;
  background-color: #ffaa00;
  border-color: black;
  cursor: default;
}

.action {
  color: black !important;
  background-color: #d5d5d5 !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  margin: 0px !important;
  border: 1px solid #666 !important;
  border-color: white #666 #666 white !important;
}
a.action {
  color: black !important;
}
.action:hover { 
  background-color: #eeeeee !important;
}

.submit {
  font: 100% Verdana, Helvetica, Arial, sans-serif;
  border: 1px solid #8cacbb;  
  color: Black;
  background-color: white;
  vertical-align: center;
  margin-bottom: 1px; /* IE bug fix */
  padding: 0.1em 2em;
  font-weight: bold;
  border-width: 1px;
  border-color: white black black white;
  background-color: #ffaa00;
  width: auto;
}

.submit:focus,
.submit:hover:active {
  color: black;
  background-color: #8CACBB;
  border-color: black white white black;
}

a.submit {
  padding-bottom: 0.3em;
  text-decoration: none;
  color: black;
}

.submit:hover {
  color: black;
  background: #8CACBB;
  cursor: default;
}

select {
  font: 100% Verdana, Helvetica, Arial, sans-serif;
  border: 1px solid #8cacbb;  
  vertical-align: top;
}

pre {
  font-size: 120%;
  padding: 1em;
  border: 1px solid #8cacbb;
  color: Black;
  background-color: #dee7ec;
}

.error_necessary { 
  display: none;
}
div#modif_action p.info {
  width: 75%;
}

.bold {
  font-weight: bold;
}

.tiny {
  font-size: 0.9em;
}

.italic { 
  font-style: italic;
}

.center {
  text-align: center;
  clear: both;
}

.top {
  vertical-align: top;
}

.body_block {
  margin: 1em;
}

.orange { 
  color: #ffaa00;
}

.modified { 
  color: red;
}

.clear { 
  clear:both;
}

.disabled {
  color: #aaa;
}

/* LOGIN */

div#login { 
  position: relative;
  margin: 5% 2%;
}

div#login img { 
  margin-left: 100px;
}
div#login div {
  position: absolute;
  top: 75px;
  left: 400px;
  width: 350px;
  line-height: 2.5em;
  font-size: 120%;
}
div#header-c {
  background-image: url(../img/header-tab-trans.png);
  background-repeat: repeat-x;
  background-color: #DEE7EC;
  border: 1px solid #8CACBB;  
  border-width: 1px 0;
  margin-top: 5px;
  height: 50px;
  font-size: 110%;
  font-family: sans;
}
div#header-c span#links { 
  position: absolute;
  right: 10px;
  top: 10px;
}
div#name {
  text-align: right;
  position: absolute;
  right: 5px;
  color: #999;
  top: 4px;
  z-index: 50;
}
div#name span { 
  display: none;
}
div#name:hover span { 
  display: inline;
}
/* FOOTER */

div.footer {
  clear: both;
  background: #DEE7EC;
  border: 1px solid #8CACBB;
  border-style: solid none solid none;
  padding: 3px 10px;
  margin-bottom: 2px;
}
#footer-c {
  text-align: center;
  clear: both;
  margin: 2em 0 1em 0;
  padding: 5px 0px 5px 0px;
  color: #aaaaaa;
}
#footer-c a {
  /*color: #ec9191;*/
  color: #ffaa00;
}
#footer-c hr { 
  background-color: #ddd;
  border: 0;
  width: 300px;
  height: 1px;
}
/* ADD OBJECTS */

div#manage_add_objects{
  margin: 1em;
  float: right;
}

/* IFRAME */

iframe.view_mail {
  background-color: white;
  margin: 3em;
  border: 1px solid #8CACBB;
  clear: both;
}

/* BLOCKS */

.dashed {
  border: 1px dashed black;
}

.limit_height {
  overflow: auto;
  max-height: 150px;
  margin: 0;
}

.limit_height_400 {
  overflow: auto;
  max-height: 400px;
  margin: 0;
} 

div.block {
  clear: both;
  margin: 1em;
  padding: 0px;
}

div.display_block {
  clear:both;
  margin: 1em;
}

h2.display { 
  display: inline;
  font-size: 110%;
  margin: 0px;
  border: 1px solid black;
  /*background-color: #ffaa00;*/
  background-color: #cc6d00;
  color: white;
  cursor: pointer;
  padding: 0px 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}

div.block h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 110%;
  margin: 0px;
  border-color: #999;
  border-width: 1px; 
  border-style: solid solid none solid;
  color: #333;
  background-color: #ffaa00;
  background-image: url(../img/background-tabs.png);
  background-repeat: repeat-x;
  display: inline;
  padding: 0px 1em;
  -moz-border-radius: 0.3em 0.3em 0 0;
  border-radius: 0.3em 0.3em 0 0;
}

div.block div.block_content { 
  padding: 1em;
  border: 1px solid #8CACBB;
  border-color: #999;
  background-color: #e9f1f5;
  background-image: url(../img/header-tab-trans-invers.png);
  background-repeat: repeat-x;
  background-position: bottom;
  -moz-border-radius: 0 0.5em 0.5em 0.5em ;
  border-radius: 0 0.5em 0.5em 0.5em ;
}

p.transfert {
  margin: 1em 5em;
  border: 1px solid #999;
  background-color: #ffaa00;
  padding: 0.5em;
  background-image: url(../img/background-tabs.png);
  background-repeat: repeat-x;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}

/* action addon append */
div#addon {
  border:1px solid #999;
  border-width: 0 1px 1px 1px;
  background-image: url(../img/header-tab-trans.png);
  background-repeat: repeat-x;
  background-color: #DEE7EC;
  margin: 0 1em 0 1em;
  -moz-border-radius: 0 0 0.5em 0.5em;
  border-radius: 0 0 0.5em 0.5em;
}
div#addon div {
    padding: 0.5em;
}

div.block .relative { 
  position: relative;
}

div.block div.block_content div.content { 
  margin-bottom: 1em;
  clear: both;
}

div.block div.block_content h3 {
/*  background-color: #ee9900;*/
  border-bottom: 1px solid #fff;
  display: inline;
  margin-right: 2em;
  font-weight: bold;
  -moz-border-radius: 0.5em 0.5em 0 0;
  border-radius: 0.5em 0.5em 0 0;
}

div.block div.block_content p {
  clear: both;
}

div.block div p.floating { 
  float: left;
  padding: 0px 1.5em 0px 0px;
  margin-bottom: 2em;
}

div.block_content div.buttons {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

div.block_content div.buttons div.actions {
  padding: 16px 8px 6px 8px;
}

div.block_content div.buttons div.actions div {
  margin-top: 2px;
}

.column_quarter {
  float: left;
  width: 25%;
}

.column_third {
  float: left;
  width: 32.9%;
}

.column_fifth { 
  float: left;
  width: 20%;
}

.column_half {
  float: left;
  width: 50%;
}

.column_half div.block {
  margin: 1em;
}

/* HEADER */

div#manage_path {
  position: absolute;
  left: 75px;
  top: 8px;
  color: #fff;
  display: inline;
  z-index: 900;
}

div#header a.path:hover { 
  text-decoration: underline;
}

div#history{
  position: absolute;
  z-index: 900;
  left: 170px;
  top: 8px;
  color: #fff;
  display: inline;
}

span.menu_title {
  color: black;
  font-weight: bold;
  background-color: #eaeaea;
}

div.navig div span.menu_title:hover {
  background-color: #eaeaea;
}

div.navig { 
  display: inline;
  text-align: left;
}

div.navig .manage_tab { 
  color: black;
  text-align: center;
  width: 75px;
  display: block;
  /*font-weight: bold;*/
  padding: 1px 5px;
  margin: 0px;
  background: #8CACBB;
  border: 1px solid #999;
  border-bottom: 1px solid #ffaa00;
  background-image: url(../img/background-tabs-inactive.png);
  background-repeat: repeat-x;
  -moz-border-radius: 0.3em 0.3em 0em 0em;
  border-radius: 0.3em 0.3em 0em 0em;
}

div.navig .manage_tab:hover { 
  cursor: pointer;
}
div.navig div {
  border: 1px solid black;
  display: none;
  background-color: white;
  min-width: 200px;
}

div.navig div span {
  display: block;
  padding: 2px;
  margin: 2px;
  width: 275px;
}

div.navig  a.here,
div.navig  a.here:hover {
  font-weight: bold;
  font-size: 80%;
}

div.navig div span:hover {
  background-color: #ffaa00;
}

div.navig:hover div {
  display: block;
}
div.navig a:hover { 
  color: #436976;
}
div.navig div span a { 
  display: block;
}

div#navig-detail { 
  margin: 0.5em 0 0.5em 250px;
  font-size: 120%;
  font-weight: bold;
}

#header {
  background-image: url(../img/header-tab-trans.png);
  background-repeat: repeat-x;
  background-color: #DEE7EC;
  border-top: 1px solid #8CACBB;
  border-collapse: collapse;
  margin: 0px;
  padding-left: 1em;
  border-bottom: 6px solid #ffaa00;
}

#header a:hover {
  border: 0px;
  background: transparent;
}

#header .maintitle {
  font-size: 100%;
  font-weight: bold;
}

#header #manage_tabs {
  margin: 0px;
  padding: 0px;
  position: absolute;
  bottom: 0px;
  right: 3em;
}

#header #manage_tabs span {
  padding: 1px 5px;
  margin: 0px;
  border: 1px solid #999;
  border-bottom: 1px solid #ffaa00;
  background-color: #8CACBB;
  background-image: url(../img/background-tabs-inactive.png);
  background-repeat: repeat-x;
  -moz-border-radius: 0.3em 0.3em 0em 0em;
  border-radius: 0.3em 0.3em 0em 0em;
}

#header #manage_tabs span a {
  color: white;
  font-weight: bold;
  font-size: 120%;
}

#header #manage_tabs span.selected {
  background: #ffaa00;
  border: 1px solid #999;
  border-bottom: 1px solid #ffaa00;
  color: #333;
  background-color: #ffaa00;
  background-image: url(../img/background-tabs.png);
  background-repeat: repeat-x;
  -moz-border-radius: 0.3em 0.3em 0em 0em;
  border-radius: 0.3em 0.3em 0em 0em;
}

#header #manage_tabs span.selected a {
  color: black;
}

#tdb_info {
  margin: 0 0 0 1em;
  font-size: 80%;
}

/* PGLIST */

#left_column { 
  float: left;
  width: 47%;
  padding: 0 0 0 2em;
}

#right_column { 
  float: right;
  width: 47%;
  padding: 0 2em 0 0;
}
.list {
  height: 300px;
  overflow: auto;
  margin: 1em 0;
  border: 1px dashed black;
  border-style: dashed dashed dashed dashed;
}
.list table {
  width: 99%;
}
.list th {
  padding-bottom: 4px;
  background-color: #8CACBB;
}
.list th a {
  color: white;
  text-decoration: underline;
}

.list tr { 
  border-bottom: 1px solid #DEE7EC;
}
.list tr.odd { 
  background-color: #f6f9fb;
}
.list_title { 
  font-size: 150%;
}

.list .other {
  font-size: 90%;
  border: 0px;
}

.list .title {
  font-family: serif;
  font-weight: bold;
  border: 0px;
}

.pagination-list {
  font-size: 120%;
  font-weight: bold;
  min-height: 1em;
}
.pagination-list a {
  text-decoration:none;
}

table .no_mail {
  color: red;
  font-size: 90%;
}

table .first {
  border-bottom: 1px solid black;
}

hr {
  border: 0;
  background-color: #ffaa00;
}

#left_column hr,
#right_column hr { 
  width: 60%; 
  margin-top: 1em;
  margin-bottom: 1em;
}

.meta {
  clear: both;
  font-style: italic;
  margin: 0.5em;
  font-size: 90%;
}

.doc { 
  font-style: italic;
  margin: 0.5em 0.1em;
}


/* TABS */

.tab_odd {
  background-color: #fafafa;
  padding-left: 1em;
  margin: 0;
}

.tab_even {
  padding-left: 1em;
  margin: 0;
}



/* CIBLE */

div.block h2 select { 
  font-size: 80%;
  background-color: #ffaa00;
}

/* LiveSearch */

#searchForm {
  /*float:left;*/
  margin: 1em 0 0 0;
  /*width: 40%;*/
  z-index: 1;
}

#livesearchform {
  margin: 0px 25px 15px 25px;
  padding: 0px;
  width: 140px;
  display: block;
  border: 1px solid #99b58d;
}

#LSResult {    
  position: absolute;
  left: 2em;
  background-color: #aaa; 
  min-width: 180px; 
  margin: 1px 0px 2px 0px;
  padding: 0px;
  z-index: 1;
}

#LSResult li {
  padding-bottom: 2px;
  padding-top: 2px;
  line-height:15px;
  margin-bottom: 0px;
}

ul#LSShadow {
  position: relative;
  right: 1px;
  margin: 0px;
  padding: 0px;
  background-color: #666; /*shadow color*/
  color: inherit;
}

#LSResult ul {
  margin-bottom: -5px;
  margin-top: 0px;
  padding-top: 0px;  
  margin: 0px;
  padding: 0px;
}

#LSResult ul li {
  display:block;
  border-bottom:1px solid #e4e7db;
  text-decoration: none;
  margin: 0px;
  text-indent: -20px;
  padding: 0px 15px 3px 20px;
}

.LSRes {
  position: relative;
  bottom: 1px;
  right: 1px;
  background-color: white;
  border:  1px solid #AAA;
}
  
#LSHighlight {
  color: white;
  background-color: #aaa;
}
#LSHighlight a {
  color: white;
}

span.top-simi-1,
span.top-simi-2  { 
  font-weight: bold !important;
}

span.top-simi-2 { 
  color: blue ! important;
}



/* color code */

a.black,
a.black:visited { 
  color: black !important;
}
a.blue,
a.blue:visited { 
  color: blue !important;
}
a.red,
a.red:visited {
  color: red !important;
}
a.green,
a.green:visited {
  color: green !important;
}

/* cible factory edit_contact tabs */

div#contact-tab {
  margin-left: 2em;
}

div#contact-tab a {
  border: 1px solid #999;
  margin-left: 3px;
  padding: 2px 1em;
  background-color: #8CACBB;
  color: black;
  background-image: url(../img/background-tabs-inactive.png);
  background-repeat: repeat-x;
}

div#contact-tab a.new {
  margin-left: 25%;
}

div#contact-tab a.current { 
  border-bottom: 0px;
  color: black !important;
  background-color: #ffaa00 !important;
  background-image: url(../img/background-tabs.png) !important;
  background-repeat: repeat-x;
}

div#contact-tab a.invalide { 
  color: white;
  background-color: #8CACBB;
  background-image: url(../img/background-tabs-inactive.png);
  text-decoration: line-through;
}


div.text {
  margin: 1em 2em 1em 1em;
  padding: 0.5em;
  background-color: white;
  border: 1px dashed #8CACBB;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}

/* calendar */

table#calendar { 
  clear: both;
  margin-top : 1em;
  margin-bottom: 1em;
}

table#calendar ul {
  padding:0px;
}

table#calendar th span {
  font-weight: normal;
  font-size: 90%;
}

table#calendar th.today {
  background-color: #ffaa00;
  background-image: url(../img/background-tabs.png);
  background-repeat: repeat-x;
  border: 1px solid #999;
  border-bottom: 0px;
  -moz-border-radius: 0.3em 0.3em 0em 0em;
  border-radius: 0.3em 0.3em 0em 0em;
}

table#calendar th {
  padding: 0.5em 2px;
  border-bottom: 1px solid black;
}

table#calendar td {
  width: 16.5%;
  font-size: 90%;
  padding: 1em 4px;
  vertical-align: top;
}

table#calendar td.today {
  background-color: #f6f9fb;
}

span#next-week {
  float: right;
  width: 30%;
  text-align: center;
  text-decoration: underline;
}
span#last-week {
  float: left;
  width: 30%;
  text-align: center;
  text-decoration: underline;
}

table#calendar tr#days {
  border-bottom: 2px solid #ffaa00;
}
table#calendar tr#all_day {
  border-bottom: 1px dashed #ffaa00;
}
table#calendar tr#events {
  border-bottom: 2px solid #ffaa00;
}

/* states */

div.minitab { 
  border: 1px solid #ccc;
  background-color: #f6f9fb;
  margin:0.5em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
}

span.minitab {
  float:left;
  margin-left: 2em;
  color: white;
  background-color: #8CACBB;
  background-image: url(../img/background-tabs-inactive.png);
  background-repeat: repeat-x;
  border: 1px solid #999;
  /*border-width: 1px 0 0 0;*/
  padding: 0 5px 0 5px;
  moz-border-radius: 0.3em;
  border-radius: 0.3em;
}