body {
       margin: 0px;
       padding: 0px;
       font-family: Tahoma;
       font-size: 11px;
       color: #000000;
       background-color: transparent;
       width: 100%;
       height: 100%;
      
}
table {
       border-collapse: collapse;
       empty-cells: show;
}
img {
       border: 0
}
td, th {
       font-family: Tahoma;
       font-size: 11px;
       color: #666666;
}
strong {
       font-weight: bold;
}
a {
       color: #333;
}
/*a:link {
       text-decoration: underline;
}
a:visited {
       text-decoration: underline;
}
a:hover {
       text-decoration: none;
       color: #ffcc00;
}
a:active {
       text-decoration: underline;
       color: #8d8d8d;
}
*/
.spacer {
       clear: both;
       width: 100%;
       background-color: transparent;
       padding-bottom: 8px;
}
.floatleft {
       float: left;
}
.floatright {
       float: right;
}
.highlight {
       background-color: #ffffaa;
}
.msg-error {
       margin: 5px;
       font-size: 15px;
       font-weight: bold;
}
ul {
       margin-left: 0px;
       padding-left: 0px;
       list-style-type: none;
}
h1, h2, h3, h4, h5, h6 {
       margin-top: 0px;
       padding-top: 0px;
}
h1 {
       font-size: 16px;
       color: #666666;
}
h2 {
       font-size: 14px;
       color: #666666;
}
h3 {
       font-size: 12px;
       color: #666666;
}
input.default {
       padding-top: 4px;
       padding-bottom: 1px;
       border: 1px solid black;
       background-color: #fff;
       background-repeat: repeat;
       background-attachment: scroll;
}
.input_text {
       color: #003564;
       height: 17px;
       line-height: 18px;
       border: 1px solid #888888;
       background: #FFFFFF url(/static/img/input_bg.gif) no-repeat left top;
       margin: 0;
       padding: 0;
       padding-left: 4px;
       vertical-align: bottom;
       font-size: 11px;
}
.input_checkbox {
       margin: 0;
       padding: 0;
}
.EL-link {
       margin: 30px 10px 0 10px;
}
.EL-link a, .EL-link a:active {
       font-weight: bold;
       font-size: 14px;
       color: #445775;
}
/*    ZONES */
#ZN-container {
       width: 960px;
       margin: 0 auto;
       text-align: left;
}
#divMain {
       margin: 0;
       padding: 0;
       background: url(/static/img/bg_main.gif) 0 0 repeat-y;
}
#divMain_print {
       margin: 0;
       padding: 0;
}
#ZN-main {
       margin: 0;
       padding: 0;
       /*    background: url(/static/img/bg_zn_main.gif) bottom right no-repeat;
*/
}
#ZN-main_print {
       margin: 0;
       padding: 0;
       background: #ffffff;
}
#ZN-main-left {
       float: left;
       overflow: visible;
       width: 200px;
       margin: 0px;
       padding: 0px;
}
#ZN-main-central {
       margin: 0 16px 0 216px;
       padding: 16px 0 0 0;
}
#ZN-main-central_print {
       margin: 0 32px 0 32px;
       padding: 16px 0 32px 0;
}
/** * elements inside EONES */
#EL-search-container {
       cursor: pointer;
       margin: 0;
       padding: 0;
       color: #ffffff;
}
#EL-search {
       margin: 16px 8px;
       padding: 0;
}
#EL-search label {
       font: bold 12px tahoma;
       color: #ffffff;
       padding-right: 4px;
}
img.corner {
       border: none;
       display: block !important;
}
#EL-search-filtertree {
       width: 166px;
       margin: 8px;
       padding: 4px 8px;
       background-color: #ffffff;
       background-image: url(/static/img/bg_filter.gif);
       background-repeat: repeat-y;
       border: 1px inset #336799;
       color: #000000;
       overflow: hidden;
}
#checkbox-line label {
       font: bold 11px tahoma;
       padding-right: 2px;
}
/*    We use IE hacks for the toolbar, check the conditional comments in the header.html template*/


/** * DETAIL PAGE */
#toolbar {
       border-bottom: 1px solid #ccc;
}
#toolbar-button {
       width: 200px;
       margin: 0 0 5px 10px;
       text-align: right;
}
#toolbar-button img {
       margin: 0 5px;
}
dl.table-display {
       position: relative;
       top: 0;
       left: 0;
       width: 41.1em;
       margin: 0;
       padding: 0;
       font-family: georgia, times, serif;
}
dl.table-display dt {
       float: left;
       width: 15em;
       margin: 0;
       padding: .5em;
       border-top: 1px solid #999;
       font-weight: bold;
}
/* hack de commentaire avec un antislash pour ie5 mac \*/
dt {
       clear: both;
}
/* end hack */
dl.table-display dd {
       float: left;
       width: 24em;
       margin: 0 0 0 0;
       padding: .5em;
       border-top: 1px solid #999;
}
.table-detail td {
       text-align: left;
       padding: 4px;
       border-bottom: 1px solid #ccc;
}
td.title {
       font-size: 12px;
       font-weight: bold;
       vertical-align: top;
       width: 180px;
       padding: 5px;
}
#EL-ad-detail {
       margin: 10px 0 0 15px;
}
/** * AD LIST  */
table.ad-list {
       table-layout: fixed;
       padding: 4px;
       border-collapse: collapse;
       empty-cells: show;
}
table.ad-list th {
       margin: 0;
       padding: 7px;
       background-color: #336799;
       color: #fff;
       cursor: default;
}
table.ad-list th a, table.ad-list th a:link, table.ad-list th a:visited {
       color: #fff;
       cursor: pointer;
       text-decoration: underline;
}
table.ad-list th a:hover {
       color: #ffcc00;
       text-decoration: underline;
       background-color: transparent;
}
table.ad-list td {
       padding: 4px;
       border: 1px solid #cbcfda;
       color: #000;
       vertical-align: top;
       font-weight: normal;
}
table.ad-list tr:hover {
       background-color: #e3eaf2;
}
.rowOn {
       background-color: #e3eaf2;
}
.rowOff {
       background-color: transparent;
}
td.cell-default {
       text-align: left;
}
td.cell-date {
       text-align: left;
       text-indent: 5px;
       white-space: nowrap;
}
td.cell-tree {
       text-align: left;
}
a.easa_cd {
       color: #233158;
}
a.easa_cd:hover {
       color: #0c41cf;
}
a.easa_cd:visited {
       color: #6d879f;
}
/** * PAGING */
#EL-navpaging {
       overflow: hidden;
       margin: 10px 0 0 0;
       text-align: center;
}
ul#navpaging {
       margin-left: 0;
       padding-left: 0;
       white-space: nowrap;
}
#navpaging li {
       display: inline;
       list-style-type: none;
}
#navpaging a, #navpaging a:link, #navlist a:visited {
       padding: 3px 4px;
       color: #233158;
       text-decoration: none;
       font-size: 14px;
}
#navpaging a:hover {
       color: #233158;
       background-color: transparent;
       text-decoration: underline;
}
#navpaging li#active, #navpaging li#active a, #navpaging li#active a:link, #navpaging li#active a:visited {
       padding: 2px 4px;
       color: #233158;
       text-decoration: none;
       font-size: 14px;
       color: #fff;
       background-color: #336799;
}
/** * ALPHABET INDEX & floating frames TABS FOR THE MANUCATURER LIST *  */
.tabLetter {
       margin: 0;
       font: bold 17px tahoma;
       color: #336799;
       text-decoration: none;
}
ul#navAlphabet {
       margin: 0;
       padding: 0;
       white-space: nowrap;
}
#navAlphabet li {
       display: inline;
       list-style-type: none;
}
#navAlphabet li a {
       margin: 0 2px 0 0;
       padding: 3px;
       color: #336799;
}
#navAlphabet li a:hover {
       background-color: #336799;
       color: #fff;
       text-decoration: none;
}
#navAlphabet li a.tabLetter-active {
       background-color: #336799;
       color: #fff;
       text-decoration: none;
}
.tabLetter-disabled {
       color: #ccc;
}
.tabFrame {
       overflow: auto;
       width: 196px;
       height: 290px;
       background-color: transparent;
}
/*THE 4 VERTICAL DIV THAT MAY CONTAIN IFRAMES*/
.tabContainer {
       overflow: hidden;
       width: 196px;
       height: 315px;
       margin: 16px 5px 0 0;
}
.tabContainer h3 {
       margin: 0;
       padding: 4px 0;
       font: bold 14px tahoma;
       text-align: center;
       background-color: #336799;
       color: #ffffff;
       border: none;
}
#tabContainer-button {
       overflow: hidden;
       width: 40px;
       margin: 60px 5px 0 5px;
       text-align: center;
}
#tabContainer-button input {
       margin: 20px 0;
       background-color: #cff125;
       color: #000;
}
#tabContainer-tch {
       background-color: transparent;
/* #dee8f0 */
       border: 1px solid #336799;
}
#tabContainer-type {
       background-color: transparent;
/* #c1d3e3 */
       border: 1px solid #336799;
}
#tabContainer-model {
       background-color: transparent;
/* #a3bdd6 */
       border: 1px solid #336799;
}
#tabContainer-basket {
       overflow: auto;
       background-color: transparent;
/* #c7e2e2 */
       margin-left: 24px;
       border: 1px solid #336799;
}
/*DIV INSIDE THE IFRAME*/
#tabListContainer {
       overflow: visible;
       text-align: left;
       width: 176px;
       background-color: transparent;
       padding: 4px;
}
ul.L1 {
       margin: 0;
       overflow: visible;
       white-space: nowrap;
}
ul.L1 li {
       margin: 0;
       padding: 3px 1px 1px 1px;
       cursor: hand;
       cursor: pointer;
       background: none;
       color: #000;
}
ul.L1 li.on {
       background: #c7e2e2 url(/static/img/bg_arrow_triangle.gif) right 50% no-repeat;
}
ul.L1 li.off {
       background: none;
}
ul.L1 input {
       vertical-align: middle;
}
ul.L1 label {
       margin: 0;
}
.L1 label:hover, .L1 label.hover {
       background: #e6f2f2;
       color: #000;
       border-right: 1px solid #313936;
}
#basketStoreContainer {
       overflow: auto;
       height: 260px;
}
#basketStoreContainer input {
       margin: 0 1px 0 0;
       font: 10px tahoma;
}
#basketStoreContainer label {
       margin: 2px 0 0 0;
       font: 10px tahoma;
       white-space: nowrap;
       oveflow: hidden;
}
/* ---------------------------------------------------- */
/* Page header                                          */

#tblHeader {
    height: 80px;
}
.trHeader {
    height: 52px;
    margin: 0;
    padding: 59px 0 0;
}
.header_expand {
    background-color: #007fc2;
    font-size: 1px;
    height: 61px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
}
.header_right {
    /*background: url(/static/img/header2_right.gif);*/
    background-color: #007FC2;
    background-repeat: no-repeat;
    height: 88px;
    width: 498px;
    vertical-align: top;
    font-size: 1px;
}
.header_logo {
    height:88px;
    vertical-align:top;
    background-color:#007FC2;
}

.header_info {
    color: #ffffff;
    font-family: tahoma;
    font-size: 10px;
    left: -12px;
    position: absolute;
    top: 9px;
}
.header_env_info{
    color: #fbbc39 !important;
    font-family: tahoma;
    font-size: 30px;
    font-weight: bolder;
    left: 400px;
    position: absolute;
    top: 10px !important;
}

.header_right_info {
    height: 88px;
    position: relative;
    width: 498px;
}

.header_text_one{
    bottom: 3px;
    color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    font-weight: bolder;
    position: absolute;
    right: 5px;
    z-index: 1;
}

.header_text_two{
    color: #ffffff;
    font-family: Arial;
    font-size: 41px;
    font-weight: bolder;
    position: absolute;
    right: 17px;
    top: 15px;
    z-index: 1;
    opacity: 0.3;
    filter: alpha(opacity=30);
    -moz-opacity:0.3;
}

.header_text_three{
    bottom: 17px;
    color: #ffffff;
    font-family: arial;
    font-size: 28px;
    /*font-weight: bolder;*/
    opacity: 0.8;
    position: absolute;
    right: 7px;
    display: none;
}
.header_text_four{
    bottom: 1px;
    color: #fbbc39;
    font-family: arial;
    font-size: 9px;
    font-weight: bolder;
    opacity: 0.8;
    position: absolute;
    right: 8px;
    display: none;
}

.header_info a {
    color: #ffffff;
}
.header_info a:hover {
    color: #ffcc00;
}

.easa-logo {
    background: url(/static/img/easa-logo-80px.png);
    height: 80px;
    margin-left: 3px;
    margin-right: 11px;
    margin-top: 4px;
    width: 239px;
    background-size: 220px;
    background-repeat: no-repeat;
}

/* ---------------------------------------------------- */
/* Global notices                                       */
.global_notice {
       width: 200px;
       overflow: hidden;
       font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif;
       font-size: 12px;
}
.global_notice_top {
       background: transparent url(/static/img/note_top.png) 0 0 no-repeat;
       width: 200px;
       height: 16px;
       padding: 0px;
       margin: 0px;
       font-size: 1px;
}
.global_notice_main {
       background: transparent url(/static/img/note_main.png) 0 0 repeat-y;
       width: 168px;
       padding: 0px 16px 0px 16px;
       margin: 0px;
}
.global_notice_coffee_stain {
       margin-right: -8px;
       padding-right: 8px;
       background: transparent url(/static/img/note_coffee_stain.gif) 86px 0 no-repeat;
       overflow: show;
}
.global_notice_main h1, .global_notice_main h2, .global_notice_main h3 {
       color: #000000;
       text-align: center;
       background: transparent url(/static/img/note_heading.gif) -6px 0 no-repeat;
}
.global_notice_main ul {
       margin: 2px;
       padding-left: 16px;
       list-style-type: disc;
       list-style-image: url(/static/img/note_checkmark.gif);
}
.global_notice_bottom {
       background: transparent url(/static/img/note_bottom.png) 0 0 no-repeat;
       width: 200px;
       height: 32px;
       padding: 0px;
       margin: 0px;
       font-size: 1px;
}
/* ---------------------------------------------------- */
/* Page footer                                          */
.div_footer {
       padding: 4px 16px 4px 16px;
       margin: 0;
}
.div_footer_shadow1 {
       border-top: 0px;
       border-left: 0px;
       border-bottom: 1px solid #e0e0e0;
       border-right: 1px solid #e0e0e0;
       padding: 0px;
       margin: 6px;
}
.div_footer_shadow2 {
       border-top: 1px solid #efefef;
       border-left: 1px solid #efefef;
       border-bottom: 1px solid #b2b2b2;
       border-right: 1px solid #b2b2b2;
       padding: 0px;
       margin: 0px;
       vertical-align: top;
}
.tbl_footer {
       font-family: tahoma, arial, helvetica;
       font-size: 11px;
       font-weight: normal;
       color: #8ba6c7;
       width: 100%;
}
/* attachments list */
ul.attachments-small {
       width: auto;
       padding-left: 0px;
       margin-left: 0px;
       margin-top: 0px;
}
ul.attachments-small img {
       border: none;
}
ul.attachments-small li {
       list-style: none;
       display: block;
       width: auto;
       padding-left: 20px;
       padding-bottom: 8px;
       white-space: nowrap;
}
ul.attachments-small li.file_pdf {
       background: url(/static/img/icon/file_type_pdf_small.gif) 0 0 no-repeat;
}
ul.attachments-small li.file_zip {
       background: url(/static/img/icon/file_type_zip_small.gif) 0 0 no-repeat;
}
ul.attachments-big {
       width: auto;
       padding-left: 0px;
       margin: 0px;
}
ul.attachments-big img {
       border: none;
}
ul.attachments-big li {
       list-style: none;
       display: block;
       width: auto;
       padding-left: 40px;
       padding-bottom: 8px;
       white-space: nowrap;
       line-height: 32px;
       height: 32px;
}
ul.attachments-big li.file_pdf {
       background: url(/static/img/icon/file_type_pdf.gif) 0 0 no-repeat;
}
ul.attachments-big li.file_zip {
       background: url(/static/img/icon/file_type_zip.gif) 0 0 no-repeat;
}
/* misc other stuff */
.hint {
       padding: 2px 4px 2px 4px;
       background-color: #ecf1f6;
       color: #0066df;
       border: 1px solid #8ba6c7;
       font-family: tahoma;
       font-size: 10px;
       line-height: 13px;
       vertical-align: middle;
       display: -moz-inline-box;
       display: inline-block;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
}
/* Biweekly reports page */
#tblBiweekly tr.odd {
       background-color: #ffffff;
}
#tblBiweekly tr.even {
       background-color: #e6edf6;
}
#tblBiweekly th {
       margin: 0;
       padding: 7px;
       white-space: nowrap;
       background-color: #336799;
       color: #fff;
       font-weight: bold;
       text-align: center;
}
#tblBiweekly td {
       padding: 4px;
       color: #000000;
       text-align: center;
}
#tblBiweekly td a {
       text-decoration: none;
}
#tblBiweekly td a img {
       vertical-align: middle;
}
.biweekly_year {
       width: 48px;
       margin-top: 16px;
       margin-left: auto;
       margin-right: 0;
       font-weight: bold;
       font-size: 13px;
}
.biweekly_year li {
       padding: 4px 8px;
       background: #336799 url(/static/img/button/btn_biweekly_year.gif) 0 0 no-repeat;
       color: #ffffff;
}
.biweekly_year li.selected {
       background: #ffffff url(/static/img/button/btn_biweekly_year_selected.gif) 0 0 no-repeat;
       color: #000000;
}
.biweekly_year li a {
       color: #ffffff;
       text-decoration: none;
}
.biweekly_year li a:hover {
       color: #ffffff;
       text-decoration: underline;
}

.btn-action{
       margin:0 10px;
       background-color: white;
       border: 1px solid gray;
       color: gray;
       border-radius: 5px;
       font-size: 11px;
       cursor:pointer;
       outline:0;
       padding: 5px 10px;
}

.x-shadow,.x-date-picker,.x-date-picker table{
       max-width:200px;
}