/* ---- GENERAL-AREA --------------------------*/
body {
    color: #000000;
    background-color: #EAE1CB;
    font: small Tahoma,Verdana,sans-serif;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;*/
    /*
    scrollbar-base-color: #E4E0D8;
    scrollbar-arrow-color: #A40000;
    scrollbar-face-color: #E4E0D8;
    scrollbar-track-color: #F4F0E8;
    scrollbar-3dlight-color: #E4E0D8;
    scrollbar-darkshadow-color: #E4E0D8;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #404040;
    */
    margin: 0px;
    padding: 0px;
}

.invisible { display: none; }

h1,h2,h3 {
    margin-top:.8em;
    font-family:"Trebuchet MS",sans-serif;
    font-weight:normal;
}
h1 {
    font-size:218%;
    margin-top:.6em;
    margin-bottom:.6em;
    color:#092e20;
    line-height:1.1em;
}
h2 {
    font-size:150%;
    margin-top:1em;
    margin-bottom:.2em;
    line-height:1.2em;
    color:#092e20;
}
h3 {
    font-size:120%;
    margin-top:1em;
    margin-bottom:.1em;
    line-height:1.1em;
    color:black;
    text-decoration: underline;
}



img.plainImage {
    border-width: 0;
}

table.titi {
    background-image:url("/static/images/jumpingGuy.gif");
}

tr.tutu {
    background-color: white;
    height: 50px;
}

td {
    vertical-align: top;
}

p {
    margin-top: 5px;
    margin-bottom: 5px;
}

input.redokbutton {
    border: 0px;
    background-image: url("/static/images/okRedWhite.gif");
    text-align:right;
    width: 30px;
    height: 25px;
}

input.attachbutton {
    cursor:pointer;
    /*cursor:hand; Only for IE? */
    border: 0px;
   /* background-image: url("/static/images/attach.png"); */
    text-align:right;
    width: 16px;
    height: 16px;
}

.button {
  FONT-WEIGHT: normal;
  FONT-SIZE: 12px;
  BACKGROUND: url(/static/images/button_back.gif) #f9eeae repeat-x;
  COLOR: black;
  FONT-FAMILY: arial, verdana;
  TEXT-DECORATION: none
}

/*textarea {
    background-color:#F0F0EE;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}*/

a:link,a:visited,a:active {
    color: #A45704;
    text-decoration: none;
}

a:hover {
    color: #A52A2A;
    /*background: #EF7707;*/
}

a.mono:link,a.mono:visited,a.mono:active {
    /*font-weight: bold;*/
    font-family: Courier, Lucida Console;
    color: #A45704;
    text-decoration: none;
}

a.mono:hover {
    color: #A52A2A;
}

p.description {
    margin-top: 20px;
    text-align: justify;
    line-height: 17px;
}

/* ------------- TRAIN COMPONENT --------------------*/
table.train {
    /*font-size: 13px;*/
    border-collapse: collapse;
    border: 1px solid #5C8D95;
    background-color: #BF0B0B;
    color: white;
    padding: 5px;
    /*float: center;*/
}

table.train a:link, table.train a:visited, table.train a:active {
    color: white;
    /*text-decoration: underline;*/
}

table.train td {
    vertical-align: middle;
}

table.train input {
    /*font-size: 13px;*/
    font-size: 80%;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #BF0B0B;
    background-color: #EEE;
    text-align: right;
}

/* ---- TOP-AREA ------------------------------*/
div.slogan {
    position: absolute;
    left: 20px;
    top: 20px;
    height: 40px;
    width: 500px;
    z-index: 1;
    font-size:14pt;
    text-align: left;
    font-family: fantasy;
    font-style: italic;
}

div.sloganred {
    color: red;
    display: inline;
}

td.top {
    vertical-align: middle;
}

td.listcell {
    padding: 5px;
}

table.top {
    background-color: #F0F0EE;
    width: 100%;
}

th.top {
    width: 100%;
}

/* ---- MENU-AREA -----------------------------*/
td.menu {
    background-image:url("/static/images/menubar0-1.png");
    vertical-align: middle;
}

td.menur {
    background-image:url("/static/images/menubar0-1.png");
    text-align: right;
    vertical-align: middle;
    width:160px;
    padding-right: 10px;
}

table.menu {
    width: 100%;
}

a.menu:link,a.menu:visited,a.menu:active {
    /*font-weight: bold;
    font-size: 13px;*/
    color: #FFFFFF;
    padding-left: 3px;
    padding-right: 3px;
    margin-right: 5px;
}

a.menu:hover {
    background-color: #F0F0EE;
    color: #010000;
    text-decoration: none;
}

/* ---- BODYLEFT-AREA -------------------------*/
td.bodyLeft {
    padding: 3px;
}

td.bodyLeftA {
    color: #404040;
    font-weight: bold;
}

td.bodyLeftB {
    border: 1px solid #808080;
    padding-left: 4px;
    display: block;
    color: #FFFFFF;
    background-color: #808080;
    font-weight: bold;
}

/* ---- BODYRIGHT-AREA ------------------------*/

td.bodyRight {
    width: 170px;
    padding-left: 0px; /*SAM 7px;*/
    margin-left: 0px;
    padding-right: 0px; /*SAM 7px;*/
    /*font-size: 11px;*/
}

td.bodyRightL {
    background-color: #BF0B0B;
    width: 18px;
}


td.bodyRightR {
    width: 152px;
    padding-right: 6px;
    background-color: #BF0B0B;
}

td.bodyRightC {
    background-image:url("/static/images/redWinTitle.jpg");
    padding: 2px;
    font-weight: bold;
    font-size: 12px;
    vertical-align: middle;
}

td.bodyRightLB {
    background-image:url("/static/images/roundC.png");
    width: 18px;
    height: 18px;
}

tfoot.bodyRight {
    text-align: right;
}

tr.bodyRight:hover { /* useless ? */
    background-color: #FFFFFF;
    color: #BF0B0B;
}

input.bodyRight {
  border: 1px solid #404040;
  /*width: 80px;*/
  font-weight: normal;
  font-size: small;
}



a.bodyRight:link,a.bodyRight:visited,a.bodyRight:active {
    display: block;
    color: #FFFFFF;
    vertical-align: middle;
    background: #BA0000;
}

a.bodyRight:hover {
    color: #BF0B0B;
    background-color: #DDD;
    text-decoration: none;
}

table.rightBox {
    background: #F0F0EE;
    color: white;
}

/******* Navigation menu *********/

#navcontainer {
    width: inherit;
    margin: 0;
    padding-left: 0;
    z-index: 100;
}

#nav {
    float: left;
    width: inherit;
    list-style: none;
    /*line-height: 1;/* make it higher or not? */
    /*background: #DDD;  background 'around' labels*/
    padding: 0;
    margin: 0;
    z-index: 100;
}

#nav ul { /* the big box with a grey border on the left */
    position: absolute;
    left: -999em;
    height: auto;
    width: 15em; /* make the menu items appears on one line or not */
    list-style: none;
    border-right: 0.1em solid #666;
    border-bottom: 0.1em solid #666;
    border-left: 0.5em solid #666;
    margin: 0;
    padding: 0;
    z-index: 100;
    background: #010000; /* SAM */
}

#nav li.item { /* each menu item element */
    float: left;
    padding: 0;
    width: auto;
    z-index: 100;
    font-size: 12px;
    padding-left: 5px;
    /*padding-right: 5px;
    margin-right: 5px;*/
    font-weight: normal;
    text-align: left;
}

#nav li.title {
    float: left;
    padding: 0;
    width: auto;
    z-index: 100;
    font-size: 13px;
    padding-left: 12px;
    padding-right: 12px;
    margin-right: 5px;
    height: 20px;
}


#nav ul li { /* the individual list element */
    float: left;
    padding: 0;
    width: 15em; /* must match ul above */
    z-index: 100;
}

#nav li a { /* the link header for each menu */
    display: block;
    width: auto;
    border-bottom: none;
    padding: 0.1em 0.3em;/* the padding above and below the menu*/
    color: #fff;
    /* background: #010000;  SAM #ddd;*/
    text-decoration: none;
}

#nav li li a { /* the link for each menu item */
    width: 16em; /* must match the ul above */
    margin: 0;
    padding: 0.2em 0.2em;
    border-top: 0;
    border-right: 0;
    border-bottom: 0.1em solid #F0F0EE;
    border-bottom: 0;
    border-left: 0;
}

#nav a:hover,
#nav a:active {
    color: yellow;
    /*background:#F0F0EE;*/
}


#nav a.daddy {
    background: url(/static/images/std/rightarrow.gif) center right no-repeat;
}

#nav li ul ul {
    margin: -1.75em 0 0 11em;
    z-index: 100;
}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
    left: -999em;
    z-index: 100;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul {
    left: auto;
    z-index: 100;
}

#nav li:hover,
#nav li.sfhover {
    /*background:#F0F0EE;*/
    z-index: 100;
}


/* ------------ FORMS -------------- */

table.formQuote {
    width: 95%;
    border-spacing: 1px;
}

table.formQuote td {
    vertical-align: middle;
    text-align: left;
    padding-top: 2px;
}


input.text {
    padding-left:20px;
    padding-right:20px;
    font: small Tahoma,Verdana,sans-serif;
    font-weight: normal;
    border:1px solid #0000FF;
    background:#fafafa;
}

/*
textArea {
    padding-left:2px;
    padding-right:2px;
    font: small Tahoma,Verdana,sans-serif;
    font-weight: normal;
    border:1px solid #333333;
    background:#fafafa;
}

select {
    font: small Tahoma,Verdana,sans-serif;
    font-weight: normal;
    border:1px solid #333333;
    background:#fafafa;
}*/

table.formQuote th {
    border-bottom:2px solid #BA0000;
    padding-bottom: 2px;
    text-align: left;
}

table.formQuote tfoot td {
    border-top:2px solid #BA0000;
    padding-top: 10px;
    text-align: right;
}

/*#clientquote1 textarea {
    font: small Tahoma,Verdana,sans-serif;
    font-weight: normal;
    border:1px solid #333333;
    background:#fafafa;
    color:red;
}*/

/*
table.formQuote input:focus, table.formQuote textarea:focus {
    border-color:#FF0132;
    background:#fff;
}*/

table.dataTable {
    empty-cells: show;
}

th.tabHeader {
    background: #BF0B0B;
    color: white;
    padding: 4px;
}

tr.tabRowA {
    background: #EFEFEF;
    padding-bottom: 5px;
    vertical-align: middle;
}

tr.tabRowA td {
    padding:2px 3px 2px 3px;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
    border-left:1px solid #FFF;
}

tr.tabRowB {
    background: #FFF;
    vertical-align: middle;
}

tr.tabRowB td {
    padding:2px 3px 2px 3px;
    border: 0px solid #FFF;
}

td.tabColL {
    text-align: left;
}

td.tabColC {
    text-align: center;
}

td.tabColR {
    text-align: right;
}

table.innerFormQuote th {
    border-bottom:0px solid #BA0000;
    padding-bottom: 5px;
    text-align: center;
}


div.kupu-tb {
    display: none;
}

span.errorMessage {
    color: red;
}

span.mandatory-text {
    color: red;
    font-weight: bold;
}


/* for the panel tag component */

table.myFaces_panelTabbedPane {
      width:95% ! important;
}

table.tabbedPane
  { width:66ex                              ! important;
    height:40ex                             ! important;
    vertical-align:top                      ! important;
    border-collapse:separate                ! important;
    border-spacing:0px                      ! important; }
td.activeTab {
    background-color:#F2F2F2                ! important;
    border-top:2px solid #fff               ! important;
    border-left:2px solid #fff              ! important;
    border-right:2px solid #aaacae          ! important;
    border-bottom:0px none                  ! important;
    padding:2px                             ! important;
    height:4ex                              ! important;
    text-align:center                       ! important;
    -moz-border-radius-topleft:20px         ! important;
    -moz-border-radius-topright:20px        ! important;
}
td.activeTab input {
    background-color:#F2F2F2                ! important;
    color: #BF0B0B                          ! important;
    font-weight: bold                       ! important;
    text-align:center                       ! important;
}
td.inactiveTab
  { background-color:#EBE7E4                ! important;
    border-top:2px solid #e3e5e7            ! important;
    border-left:2px solid #ebecef           ! important;
    border-right:2px solid #8a8c8e          ! important;
    border-bottom:0px none                  ! important;
    padding:2px                             ! important;
    height:4ex                              ! important;
    text-align:center                       ! important;
    height:4ex                              ! important;
    -moz-border-radius-topleft:20px         ! important;
    -moz-border-radius-topright:20px        ! important; }
td.inactiveTab input
  { background-color:#EBE7E4                ! important;
    text-align:center                       ! important; }
td.activeSub
  { background-color:#F2F2F2                ! important;
    padding:0px                             ! important;
    border-left: 2px solid #fff             ! important;
    border-right: 2px solid #aaacae         ! important; }
td.inactiveSub
  { background-color:#fff                   ! important;
    padding:0px                             ! important; }
td.tabContent {
    background-color:#F2F2F2                ! important;
    border-top: 0px none                    ! important;
    border-left: 2px solid #fff             ! important;
    border-right: 2px solid #aaacae         ! important;
    border-bottom: 2px solid #aaacae        ! important;
    vertical-align:top                      ! important;
    padding:10px                            ! important;
    height:100%                             ! important;
    text-align:justify                      ! important; }





/*  This is for the order page */

td.otop {
    background: url("/static/images/top.png") repeat-x bottom left;
    height: 22px;
}

td.oleft {
    background: url("/static/images/left.png") repeat-y bottom left;
    width: 17px;
}

td.otopleft {
    background: url("/static/images/topleft.png") no-repeat bottom left;
}

td.otopright {
    background: url("/static/images/topright.png") no-repeat bottom right;
}

td.oright {
    background: url("/static/images/right.png") repeat-y bottom right;
    width: 17px;
}

td.omiddleleft {
    background: url("/static/images/middleleft.png") no-repeat bottom left;
}

td.omiddleright {
    background: url("/static/images/middleright.png") no-repeat bottom left;
}

td.obottomleft {
    background: url("/static/images/bottomleft.png") no-repeat bottom left;
}

td.obottomright {
    background: url("/static/images/bottomright.png") no-repeat bottom right;
}

td.obottom {
    background: url("/static/images/bottom.png") repeat-x bottom left;
    height: 12px;
}

td.otitleDossier {
    background: white;
    font: 120% 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
    font-weight: bold;
    text-align: center;
    color: #111111;
    height: 30px;
    vertical-align: top;
}

td.labelo {
    font: 110% 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    text-align: right;
    color: #222;
    vertical-align: middle;
}

td.valueo {
    font: 110% 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    color: #222;
    vertical-align: middle;
}

.odd{background-color:#efefef}
.even{background-color:#fff}

.Btn1 {background-image:url(/static/images/button/primary-enabled-m.gif);background-color:#FFECA0;color:#000;border-top:solid 1px #E6C456;border-left:solid 1px #B7985E;border-right:solid 1px #B7985E;border-bottom:solid 1px #001F36}
.Btn1Hov {background-image:url(/static/images/button/primary-roll-m.gif);background-color:#FFF1B9;color:#000;border-top:solid 1px #FFD54C;border-left:solid 1px #E7B455;border-right:solid 1px #E7B455;border-bottom:solid 1px #00192B}
.Btn1Def {background-image:url(/static/images/button/primary-enabled-m.gif);background-color:#FFECA0;color:#000;border-top:solid 1px #E6C456;border-left:solid 1px #B7985E;border-right:solid 1px #B7985E;border-bottom:solid 1px #001F36;cursor:pointer}
.Btn1DefHov {background-image:url(/static/images/button/primary-roll-m.gif);background-color:#FFF1B9;color:#000;border-top:solid 1px #FFD54C;border-left:solid 1px #E7B455;border-right:solid 1px #E7B455;border-bottom:solid 1px #00192B}

.Btn1, .Btn1Hov, .Btn1Def, .Btn1DefHov {background-repeat:repeat-x;background-position:center center}
.Btn1, .Btn1Hov, .Btn1Dis, .Btn1Def, .Btn1DefHov, .Btn1DefDis {font-size:12px;padding:1px 8px}
.Btn1Hov, .Btn1DefHov {cursor:pointer}
/*---*/

.BtnWDef {background-image:url(/static/images/button/primary-enabled-w.gif);background-color:#FFECA0;color:#000;border-top:solid 1px #FB8E8E;border-left:solid 1px #FB8E8E;border-right:solid 1px #B04646;border-bottom:solid 1px #871d1d;cursor:pointer}


a.external:link {
  background: transparent url("/static/images/external.png") center right no-repeat;
  padding-right: 1em;
}

h1.title {
  font-family: arial;
  font-size: 14pt;
  font-weight: bold;
  text-decoration: none;
  color: #8F6111;
}
h3.title {
  font-family: arial;
  font-size: 12pt;
  font-weight: bold;
  text-decoration: none;
  color: #8F6111;
}

span.tg_flash_error {
  font-weight: bold;
  color: red;
}