/*
 * LARA Default Stylesheet - United Limousines
 *
 * September 2006 - Jean-Christophe Duberga <jcd@ntt.de>
 * March 2008 - Ulrik F�rster <foerster@netz3d.de>
 * Juni 2012 - Claus Miczka <c.miczka@united-limousines.com>
 */

/*
 * === HTML basis elements =======================================
 */

* {
    margin:  0;
    padding: 0;
}

html {
    height: 100.1%;
}

body {
    font:  12px "Gill Sans MT", Arial, Helvetica, sans-serif; /*Tahoma, Verdana, */
    color: #333;
    background: #002B6A url(../images/layout/bg.gif) 0 0 repeat-x;
    width: 100%;
}

a:link {
    color: #002B6A;
    text-decoration: none;
    font-weight: bold;
}

a:visited {
    text-decoration: none;
    color: #4B5D78;
}

a:active {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

ul {
    list-style: none;
}

h1 {
    border-bottom: 1px solid #999;
    color: #666;
    font-size: 1.4em;
    font-weight: normal;
    letter-spacing: 0.1em;
    padding-top:  20px;
    white-space: nowrap;
}

h2, h3 {
    font-size: 1em;
    margin-bottom: 1em;
}

img {
    border: none;
}

form {
    /*color: #101030;*/
}

/* legend for IE */
legend {
   color: #333;
}

input, select, textarea {
    font: 1em Arial, Helvetica, sans-serif; /*1.2em Tahoma, Verdana, */
    border: solid 1px #666 !important;
    padding: 1px 0;
    /* border-color: #BCC6CE #666 #666 #BCC6CE     A8B7C4 */
}

input[readonly], select[readonly], textarea[readonly] {
    background-color: #eee;
}

* html input, * html select, * html textarea {
    border-color: #666 !important;
}

select {
    padding: 0 !important;
}

table {
    empty-cells: show;
}

td {
    vertical-align: top;
}

th {
    vertical-align: top;
    text-align: left;
    font-weight: bold;
}

caption {
    text-align: left;
}

pre {
    padding: 3px;
    border:	solid 1px #333;
}

acronym, abbr {
    cursor: help;
}


/*
 * === IDs =========================================================
 */

#pageWrapper {
    /*width: 1000px;*/
    min-width: 960px;
    margin:  0 auto;
}

#topbar {
    position: relative;
    height: 120px;
    color:  #fff;
    /* background: url(../images/layout/logo3.gif) 14px 0 no-repeat; */
    z-index: 10;
}

#topbar img.logo {
    margin: 5px 40px 0 16px;
    width: 159px;
    height: 66px;
    float: left;

}
#actions {
    padding: 5px 20px 0 0;
    text-align: right;
    min-height: 50px;
    /* Umbruch verhindern */
    white-space: nowrap;

}

* html #actions {
    height: 50px;
}

#actions a {
    font-size: 12px;
    color: #C6DFE8;
    font-weight: normal;
}

#actions a.logout {
    font-weight: bold;
}

#actions a:hover {
    color: #fff;
}

#login_reminder {
    text-align: right;
    margin: 6px 0 0;
    color: #BAD5E2;
}

#content {
    clear: both;
    position: relative;
    padding: 0 20px 20px;
    min-height: 500px;
    background: #fff url(../images/bg.gif) right top no-repeat;
    /*overflow:        hidden;*/
    font-family: Arial, Helvetica, sans-serif;
    z-index: 1;
}

* html #content {
    height: 500px;
}

#breadcrumbs {
    font-size: 0.9em ;
    font-weight: normal;
    margin-bottom: 20px;
    /* Umbruch verhindern */
    white-space: nowrap;
}

/* Popup */
#topbar.popup {
    background-image: url(../images/logos/small.jpg);
    height: 45px;
}

.popup #login_reminder {
    margin-right: 20px;
}
/* End Popup */

/*
 * === Classes ===================================================
 */


/*
 * Navigation
 */
#navBox {
    clear: right;
    height: 64px;
    background: url(../images/layout/bg_subnavi.gif) 0 36px repeat-x;
    border-bottom: 1px solid #999;
}

#navigation {
    position: relative;
    margin: 0 0 0 222px;
    width: 82em; /*65em;*/
}

#navigation li {
    float:             left;
    background:        url(../images/layout/bg_navi.gif) 0 0 repeat-x;
    /*overflow:         hidden;*/
}

#navigation a {
    display:           inline;
    float:             left;
    height:            25px;
    padding:           10px 10px 0;
    font-size:         13px;
    font-weight:       bold;
    color:             white;
    white-space:       nowrap;
}

/*
#navigation a.last {
    border-right:    	1px solid #ccc;
}
*/

#navigation a:hover {
    background: url(../images/layout/bg_navi_hover.gif) 0 0 repeat-x;
    color: white;
}

#navigation a.active,
#navigation a.active:hover {
    background: #4D7CAC url(../images/layout/bg_navi_active.gif) 0 0 repeat-x;
    color: #fff;
}

#navigation ul {
    display: block;
    position: absolute;
    top: 36px;
    left: 0;
    background: url(../images/layout/bg_subnavi.gif) 0 0 repeat-x;
    /*overflow: hidden;*/
    list-style-type: none;
}

* html #navigation ul {
    width: 65em;
}

#navigation ul li {
    background: url(../images/layout/pipe.gif) 0 7px no-repeat;
    /*display: inline;*/
}

#navigation li.first {
    background: none;
}

#navigation ul a {
    display: inline;
    color: #002B6A;
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: #666;

    background: none;
    padding: 5px 10px 0 10px; /*5px 38px 0pt 8px;*/
}


a.loaded {
    color: #333; /*highlighttext !important;*/
    font-weight: bold !important;
    text-decoration: none;
    background: url(../images/layout/loaded.gif)  center 20px no-repeat !important;
}

#navigation ul a:hover {
    text-decoration: underline;
    color: #333;
    background: none; /*#ddd;*/
}


#navigation ul a.active {
    color: #002B6A;
}

#further {
    position: relative;
}

a.childLoaded {
    font-weight: bold !important;
    padding-right: 15px !important;
    background: url(../images/layout/further.gif) right 10px no-repeat !important;
}

ul#furtherNavi {
    position: absolute;
    top: 29px;
    left: 0;
    display: none;
    width: 14em !important;
    background: #eee;
    border: 1px solid #999;
    border-width: 0 1px 1px;
}
#furtherNavi a ,
ul#furtherNavi li {
    float: none !important;
    display: block;
    background: url(../images/layout/bg_subnavi.gif) 0 0 repeat-x;
}

#furtherNavi a.loaded {
    background: none !important;
}

ul#furtherNavi li {
    padding: 5px 0;
    border-bottom: 1px solid #fff;
}

ul#furtherNavi li.last {
    border: none;
}

a.button {
    border:           1px solid #999;
    text-align:       center;
    padding:          6px 12px;
    margin:           2mm;
    background: #eef url(../images/layout/button_bg.png);
}

a.button:hover {
    text-decoration:  none;
    border:           1px solid #666;
    color:            #222;
}

a.small_button {
    border:           1px solid #999;
    text-align:       center;
    font-weight:      normal;
    padding:          2px 4px;
    color:            #333;
    background: 	#eee url(../images/layout/bg_subnavi.gif);
    text-decoration:  none;
    -moz-border-radius: 4px;
}

.small_button:hover {
    border:           1px solid #555;
    text-decoration:  none;
}

a.small_button:hover {
    color:            #000;
}

.header .small_button {
    position: absolute;
    right: 20px;
    top: 10px;
}

a.big_button  {
    position:         relative;
    display:          block;
    float:            left;
    width:            auto;
    padding:          2mm;
    border:           1px solid #999;
    background-color: #eef;
    color:            #222;
    background-image: url(../images/layout/button_bg.png);
    text-align:       center;
    font-weight:      normal;
    font-size:        3.5mm;
    text-decoration:  none;
    -moz-border-radius: 1mm;
}

a.big_button:hover {
    border:           1px solid #555555;
    text-decoration:  none;
}


/*
 * Forms
 */

form {
    margin: 20px 0 0 0;
}

form.default2 {
    clear: left;
    border: 1px solid #999;
    padding: 10px;
    /*width: 52em;*/
    margin-top: 0;
    background-color: #fff;
}

form.default2.popup {
    border: none;
    padding: 20px 0 0;
}

form.tabLike {
    margin-top: 46px;
}


/* 1te Ebene */
form ul li {
    clear: left;
    background-color: #E3EAF2;
    /*border: 1px solid #C9D0D8;  D4DBE4*/
    overflow: hidden;
    padding: 5px 10px;
    margin-bottom: 2px;
    width: 50em;
}

fieldset {
    position: relative;
    padding-top: 10px;
    border: none;
}

* html fieldset {
    padding-top: 0;
}
* html legend {
    margin-bottom: 20px;
}

legend {
    padding: 0 10px;
    margin: 0 0 0 -10px;
}

legend.tabLike {
    border: 1px solid #999;
    border-bottom-color: #fff;
    color: #666;
    font-weight: bold;
    margin: -47px 0 0 -1px;
    padding: 5px 10px;
}

* html .tabLike legend {
    position: absolute;
    top: 10px;
    left: -7px;
}
*+html .tabLike legend {
    position: absolute;
    top: 10px;
    left: -7px;
}

label, div.label {
    clear: left;
    float: left;
    display: block;
    width: 15em;
}

.rightLabel {
    clear: none;
    float: none;
    width: auto;
    display: inline;
    margin-left: 2px;
}

td.label,
th.label {
    width: 14.5em;
    padding-right: 9px !important;
    /*float: none;
    display: table-cell;*/
}

.default2 input,
.default2 textarea,
div.content,
textarea {
    width: 300px; /*14em;*/
    padding: 1px 3px;
}

select {
    width: 308px; /*14em;*/
}

.default2 img {
    vertical-align: top;
}

/* checkboxes and radio-buttons for ie */
input.cb,
input.rb {
    width: auto !important;
    border: none !important;
}

.cbs input.cb{
    vertical-align: middle;
}

.cbs label{
    display: inline;
    float: none;
    margin-left: 0.1em;
}

td.cbBox {
    text-align: center;
}

/* 2te Ebene */
fieldset fieldset {
    margin: 0;
    padding: 0;
    /*margin-top: 1em;*/
    border: none;
}

* html fieldset fieldset {
    padding-left: 3px;
}

fieldset fieldset legend {
    padding: 0;
    display: inline;
}

fieldset fieldset ul {
    padding-left: 15em;
    margin: -17px 0 0;
}

fieldset fieldset ul ul {
    padding: 5px 0 0;
    margin-top: 0;
}

fieldset fieldset li {
    padding: 3px 0;
    width: 35em; /*26em;*/
}

fieldset fieldset label {
    width: 100px;
}

fieldset fieldset label.surcharge_label {
    width: 212px;
}

.default2 fieldset fieldset input,
.default2 fieldset fieldset textarea {
    width: 200px;
}

* html .default2 fieldset fieldset input,
* html .default2 fieldset fieldset textarea {
    width: 197px;
}

.default2 fieldset fieldset select {
    width: 208px;
}

fieldset.statistics select {
    width: auto;
}


/* Neu-Anlage-Buttons */
.createBox {
    position: absolute;
    top: 97px;
    left: 20px;
}

.createBox a.small_button,
.createBox a {
    display: block;
    float: left;
    margin-right: 5px;
}

.buttonGroup {
    float: left;
    width: 35em;
}

.buttonGroup a {
    margin-right: 10px;
}

/*
#fahrgast {
    width: 180px;
    margin-right: 5px;
}

#fahrgast_mobil {
    width: 109px;
}


#pickup_ort {
    width: 169px;
}

#country_id,
*/
.carClass {
    width: 129px;
    vertical-align: bottom;
}

input.zip,
input.nr {
    width: 45px;
}

input.city,
input.street,
input.bigLeft,
select.bigLeft {
    width: 244px;
}

fieldset fieldset input.street,
fieldset fieldset input.big,
fieldset fieldset select.big {
    width: 155px;
}
fieldset fieldset input.hnr,
fieldset fieldset input.small {
    width: 34px;
}

input.tel_no {
    width: 110px !important;
}

input.tel_city,
input.tel_country {
    width: 34px !important;
}

/* Datums- / Zeiteingabe */
input#pit,
input#pim,
input#pit_h,
input#pit_m,
input#drot_h,
input#drot_m,
input#pfa_h,
input#pfa_m,
input#dfa_h,
input#dfa_m,
input#ccm,
input#expd_d,
input#expd_m,
input#expt_h,
input#expt_m,
input.min,
input.hour,
input.day,
input.month,
input.nr_em {
    width: 2em !important;
    margin-right: 3px;
}

input#pij,
input#ccy,
input#expt,
input#expd_y,
input.year {
    width: 2.25em !important;
    margin-right: 3px;
}

/*
input#drt,
input#stt,*/
input#expt,
input.timeFull,
input.percent {
    width: 2.8em;
    margin-right: 3px;
    padding-left: 3px;
}

input#radio_invoice,
input#radio_cc,
input#radio_cash,
input#radio_credit {
    float: left;
    margin: 2px 5px 0 15em;
    border: none !important;
}

input.date,
input.amount,
input.digits9 {
    width: 5em !important;
    padding: 1px 3px;
}

select.date {
    width: 7.6em !important;
}

input.amount,
input.amount2 {
    text-align: right;
}

input.flight_no {
    width: 8em !important;
}

input.radio_flight {
    width: auto !important;
    vertical-align: middle;
    margin-left: 3px;
    border: none !important;
}

select.percent_or_amount {
  width: 3.5em !important;
}

label.dateUntil,
label.dateFrom {
    width: 2em;
}

label.dateFrom {
    visibility: hidden;
}

/* popup */
.radio input {
    float: left;
    margin: 0.15em .45em 0 0;
    width: auto;
}

.radio label {
    clear: none;
    width: auto;
    float: left;
}

.default2 .radio input {
    width: auto !important;
}
.default2 .radio label {
    float: left !important;
    padding-right: .8em;
}

input.inText {
    height: 1em;
    margin: -1px 0 0 5px;
    padding: 1px;
}

/* end popup */

.fieldButton {
    margin-left: 5px;
}

* html .fieldButton img {
    margin-top: 1px;
}

/* Buttons unter Formularen */
.buttonBox {
    width: 50em;
    padding: 4px 10px 4px 8px;
    border: 1px solid #ddd;
    overflow: hidden;
}

.buttonBox.wide {
    width: 70em;
}

.wide .buttonGroup{
    width: 55em;
}

.copied .buttonBox {
    background: #fff;
}


.buttonBox input {
    margin-right: 5px;
}

.buttonBox button {
    float: left;
    margin-right: 5px;
}

.buttonBox input {
    width: auto !important;
}

button {
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}


/* order.php */
ul.attachments {
    padding-left: 15em;
    margin-top: 3px;
    /*margin-left: -10px;*/
}

.attachments li {
    font-size: 0.8em;
    padding: 2px 0 0;
    margin: 0;
}

.attachments a.delete {
    font-weight: bold !important;
}


input.image {
    width: 12px;
    height: 12px;
    border: none !important;
    background-color: transparent !important;
    vertical-align: middle;
    margin-left: 5px;
}

.toolBox {
    padding: 2px 0 0 2px;
}
.toolBox img {
    cursor: pointer;
    margin-left: 3px;
}

/* for fieldsets with .sortable content (e.g. passengers)*/
fieldset.sortable > ul {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #fff;
}
fieldset.sortable ul.first {
    padding: 0 0 0 15em;
    margin: -17px 0 0;
    border: none;
}

/* ############## tabbed Navigation ################## */
ul.tabControl {
    border-left: 1px solid #999;
    overflow: hidden;
    margin: 20px 0 -1px 10px !important;
    width: 50em;
    position: relative;
}

.tabControl li {
    float: left;
}

/* inactive tab */
.tabControl a {
    color: #666;
    text-decoration: none;
    padding: 5px 10px;
    border: 1px solid #999;
    border-left: none;
    background: #eee url(../images/layout/bg_subnavi.gif) 0 36px repeat-x;
    display: block;
    font-weight: normal;
}

.tabControl a:hover {
    color: #333;
    text-decoration: underline;
}

/* active tab */
.tabControl a.curr {
    border-bottom-color: #fff !important;
    background: #fff;
    color: #666;
}

.tabControl a.curr {
    font-weight: bold;
}

.tabControl a.curr:hover {
    text-decoration: none;
}
/* ############## End tabbed Navigation ############## */

.adminLink {
    padding-left: 5px;
}

/*input:active, textarea:active, select:active*/
input:focus, textarea:focus, select:focus, .highLight {
    background-color: #ffc; /*oder FCFAED, FCF9F0, FAF9CD;*/
    color: #333 !important;
}

input[readonly]:focus, select[readonly]:focus, textarea[readonly]:focus {
    background-color: #eee;
}

.noBg {
    background: transparent none;
}

.noEdit,
input.noEdit:focus {
    background: #eee;
}


div.content {
    width: 300px;
    padding: 1px 0;
    float: left;
}

/* submit-buttons */
.submit {
    margin: 0 0 0 15em;
    width: auto !important;
}


table.credit_card {
  margin:          5px 0 5px 0;
  margin:          0;
  padding:         0;
  border:          solid 1px #cccccc;
}

table.credit_card select {
  width:           60px;
}

/*
 * Auto Tables
 */

div.auto_table {
  margin: 0 0 10px 0;
  border: 0;
  position: relative;
  /*width: 960px;
  overflow: scroll;*/
}


div.auto_table div.title {
  display:            none;
  width:              auto;
  min-width:          200px;
  height:             16px; /* 20 - 2 - 2 */
  float:              left;
  margin:             0;
  padding:            2px 20px 2px 2px;
  font-family:        Arial, Helvetica, sans-serif;
  font-size:          12px;
  font-weight:        bold;
  color:              #aa0f29;
}

/*
 * Seitennavigation
 */

.header {
    overflow: hidden;
}

* html .header {
    height: 1em;
    overflow: visible;
}

.paging{
    float: right;
    padding: 0 10px 10px;
    white-space: nowrap;
}

.paging img {
    vertical-align: middle;
}


/* Standard Tabelle (Listen) */

table.auto_table {
    width: 100%; /*960px;*/
    border: solid 1px #999;
    border-spacing: 1px;
    background-color: #eee;
    font-size: 11px;
}

.auto_table tbody {
    /*width: 960px;*/

}

.auto_table thead {

}

table.auto_table a {
    font-weight: bold;
}


.auto_table thead th,
.auto_table thead td {
  border: 1px solid;
  border-color: #eee #aaa #aaa #eee;
  padding: 3px;
  /*color: #002B6A;*/
  background-color: #d7d7d7;
}


.auto_table thead input {
    /*width: 100%;*/
    display: block;
    width: auto;
}

/* Header fuer sortierbare Spalten */
thead th.sortable {
  padding: 0;
}

table.auto_table thead tr.col_headers td a {
  display:          block;
}

thead .sortable a {
  border: 1px solid #d7d7d7;
  padding: 2px 14px 2px 2px;
  display: block;
}

/* Sortierpfeile */
.ascending a {
    background: url(../images/layout/col_header_sort_asc_16.png) right 3px no-repeat;
}

.descending a {
    background: url(../images/layout/col_header_sort_desc_16.png) right 3px no-repeat;
}

thead .sortable a:hover {
  border-color: #fff #333 #333 #fff;
  background-color: #eee;
}

table.auto_table thead tr.col_headers td input {
  margin:           0px;
  width:            100%;
  border:           solid 1px #666;
}


/* Spaltenbreite per colgroup */
/* dispo */
.col_station        {width: 5em;}
.col_pickup_date    {width: 7.2em;}
.col_car_category   {width: 8.8em;}
.col_pickup_loc     {width: 8.8em;}
.col_client         {width: 14em;}
.col_tour_course    {/*width: 8em;*/}
.col_drop_loc       {width: 9em;}
.col_drop_date      {width: 6.1em;}
.col_car            {width: 9.5em;}
.col_driver         {width: 7.4em;}
.col_order_no       {width: 3.8em;}
.col_status         {/*width: 5.3em;*/}
.col_dispo_opts     {width: 50px;}
.col_cb_action      {width: 15px;}
/* drivers */
.col_lock           {width: 8.6em;}


/* Filter */
table select {
    width: 98%; /*auto;*/
}

/*table input,*/
#filters input,
#filters select,
#filters textarea  {
    width: 98%;
}

#filters.active td {
    background-color: #77A1CC; /*9CC;*/
}


.orderNr {
    width: 4em;
}

/* Dispo */
select#filter_station {
    width: 4.8em;
}

.plane {
    display: block;
    float: left;
    margin-right: 2px;
}


table.auto_table tbody tr {
  height:           20px;
  color:            #222222;
  background-color: #ffffff;
}

table.auto_table tbody tr:hover {
  color:            #000;
  background-color: #d0d0d0;
}

table.auto_table tr.odd {
  color:            #222222;
  background-color: #e8e8e8;
}

tr.even {
  background-color: #fff;
}

table.auto_table tbody tr td {
  border:           solid 1px #eeeeee;
  padding:          1px;
  padding-left:     3px;
  padding-right:    3px;
}

td.amount {
  text-align:       right;
}

table.auto_table tfoot tr td.action_img {
/*  width:            40px;*/
  background-image: url(../images/layout/autotable_action_link.png);
  background-repeat:no-repeat;
}

.table_buttons {
    white-space: nowrap;
}

.table_buttons img {
    margin: 0 3px;
}

.auto_table li {
    width: auto;
}

.actionBar {
  text-align: right;
  background-image: url(../images/layout/nav_bg_48.png);
  padding: 5px 10px 3px 0;
  color: #fff;
}

.actionBar select {
    width: auto;
}

.actionBar input {
    margin: 0 5px;
}

.actionBar img {
    vertical-align: top;
}

table.overview_table {
  margin:           5px 0px 5px 0px;
  border:           solid 1px #153d6f;
  width:            auto;
  color:            #153d6f;
  background-color: #eeeeff;
  font-size:        11px;
  font-weight:      normal;
  border-collapse:  collapse;
}

table.overview_table td {
  border:           solid 1px #bbbbbb;
  padding:          2px 2px 2px 5px;
}

table.overview_table thead tr td {
  height:           22px;
  background-image: url(../images/layout/default_main_nav_bg.png);
  color:            #ffffff;
  font-weight:      normal;
  font-size:        14px;
}

table.overview_table tbody tr td {
  height:           24px;
  vertical-align:   top;
  background-color: #dddddd;
  width:            35%;
}

table.overview_table tbody tr td + td {
  background-color: #ffffff;
  width:            65%;
}

table.overview_table pre {
  padding: 3px;
  border:  0;
}

table.project_invoices {
  width:   auto;
  float:   right;
  clear:   both;
}

/* Rights */
.rights_formular div.label {
    width: 18em !important;
}

/* wei�er Abstand, wenn ohne paging */
table.rights {
    margin-top: 25px;
}

.rights .col_left {
    width: 20em;
}

.rights_title {
    padding: 1px 10px 1px 8px !important;
}

.rights_formular .buttonBox {
    width: auto;
}

* html .rights_formular .buttonBox {
    height: 1.9em;
    overflow: hidden;
}


/* tooltip (ohne mootools) */
div.tooltip {
    width: 14.5em;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    padding: 1px;
    border: solid 1px #666;
    background-color: #fff;
}

div.tooltip div.title {
    padding: 1px .5em;
    color: #fff;
    background-color: #048;
    font-weight: bold;
}

div.tooltip div.content {
    width: 100%;
    min-height: 50px;
    padding: 5px 0.5em;
    background: url(../images/layout/bg_warning_48.gif) no-repeat scroll center 5px;
}

* html div.tooltip div.content {
    height: 50px;
}

/*
 * Notebooks
 */

div.notebook {
  display:        block;
  width:          100%;
  border:         0;
}

a.tab {
  display:           block;
  float:             left;
  margin:            0 0 0 1px;
  padding:           0.2mm 3mm 0.2mm 2mm;
  border:            solid 1px #a2a8ae;
  border-left:       solid 1px #e0dede;
  border-bottom:     none;
  background-color:  #f8f8f8;
  font-weight:       bold;
  text-decoration:   none;
  position: absolute;
  left: 950px;
  top: 65px;
}

a.tab_active, a.tab:hover {
  color:             #aa0f29;
  background-color:  #f8f8f8;
  background-image:  url(/images/layout/navigation_first.jpg);
  font-weight:       bold;
  text-decoration:   none;
}

div.notebook_page {
  display:           block;
  clear:             both;
  width:             100%;;
  border:            solid 2px #cccccc;
}

#footer {
    text-align: center;
}

.bottom {
    padding-top: 10px;
    text-align: center;
}

.bottom a.go2top {
    padding-left: 10px;
    background: url(../images/layout/arrow_top.gif) 0 4px no-repeat;
    font-weight: normal;
}

.bottom .paging {
    padding-top: 0;
}


/* Rechnungswesen */
.projectBox {
    /*position: relative;*/
    width: 60%;
    float: left;
    /*margin-left: 1%;*/
    margin-right: 1%;
}

.billBox {
    /*position: relative;overflow: hidden;*/
    width: 37%;
    float: left;
    /*margin-left: 0%;
    margin-right: 1%;*/
}

/* Rechnungswesen > Einzelauftr�ge (icons)
li.credit_note {
    background: url(../images/icons/famfam/16x16/money.gif) 0 3px no-repeat;
    padding-left: 20px;
}

li.canceled {
    background: url(../images/icons/famfam/16x16/cross.gif) 0 3px no-repeat;
    padding-left: 20px;
}

li.inv_canceled {
    background: url(../images/icons/famfam/16x16/inv_canceled.gif) 0 3px no-repeat;
    padding-left: 20px;
}

li.invoice {
    background: url(../images/icons/famfam/16x16/page_white_text.gif) 0 3px no-repeat;
    padding-left: 20px;
}
*/

/* Rechnungswesen > Projekte > Preis berechnen */
.price_order_summary {
    /*background-color: #E3EAF2;*/
}

.price_order_summary caption {
    padding: 0 0 5px;/* 10px;*/
    /*background-color: #E3EAF2;*/
    font-weight: bold;
}

.billingTable {
    clear: left;
    margin: 1em 0 0 15em;
}

.billingTable td {
    padding: 0 .5em .5em 0;
}

.billingTable input,
.billingTable select {
    width: auto; /*10em;*/
}

input.inv_descr {
    width: 15em;
}

label.sum {
    width: auto;
    float: right;
}

select.tax {
    width: 8em;
}

/* Buchhaltung > offene Rechnung */
.payments input {
    margin-right: 5px;
}

.payments th {
    font-weight: normal;
}

.payments td {
    padding: 0.5em 0;
}

/* Buchhaltung > Spezielle Vorgänge */
.reservedInvNo {
    padding: 3px;
    background: #eee;
    border: 1px solid #ddd;
}

/* Kunde > interne Struktur */
.hierarchie {
  width: 70em;
}

.hierarchie th {
  background: #dddddd;
}
/*
.client_hierarchie th {
  background-color:    #6666ee;
  color:               #ffffff;
}

.client_hierarchie tr
{
  background-color:    #ffffff;
}
*/

.hierarchie th,
.hierarchie td
{
  padding: 3px 0;
}

.hierarchie tr.pair
{
  background-color:    #E3EAF2;
}

.hierarchie tr:hover
{
  background-color:    #dddddd;
}

.hierarchie img {
    vertical-align: bottom;
    margin-right: 5px;
}

.hierarchie a {
    font-weight: normal;
}


/* Verwaltung > Rechte */
.rights th {
    padding: 1px 3px;
    vertical-align: middle;
}

.rightsHeader {
    background-color: #ddd !important;
}

/* journal */
.journal {
    margin-top: 20px;
}
.journal th {
    padding: 1px 3px;
    background-color: #ddd;
}
/* bei mehreren geaenderten Feldern
tr.multipleChangedFields {
    background-color: transparent !important;
}
*/

/* fuer z.B. Login oder Aktionen in Listen unten */
input.btn {
    width: auto !important;
    background: #eee url(../images/layout/bg_btn.gif) no-repeat top left !important;
    padding: 1px 7px 0 27px !important;
    cursor: pointer;
    color: #002B6A;
}

* html input.btn {
    padding-left: 13px !important;
}

input.btn.cancel {
    background: #eee url(../images/layout/bg_btn_cancel.gif) no-repeat top left !important;
}

input.btn.update {
    /*background: #eee url(../images/layout/bg_btn_update.gif) no-repeat top left !important;*/
}

input.disabled {
    color: #999;
    cursor: default;
    border-color: #ccc !important;
}

input.btn.disabled {
    background: #eee url(../images/layout/bg_btn_grey.gif) no-repeat top left !important;
}


/**/
.fileList {
    /*list-style: square inside;*/
}

.fileList li {
    background: url(../images/layout/bullet_plus.gif) 0 4px no-repeat;
    padding: 0 0 0 10px;
}

/* generelles */
/* Systemmeldungen */
.system {
    clear: both;
    padding-top: 20px;
    font-size: 1.2em;
}

/* Fehlermarkierung */
.tabControl .error a, #orderConfirm {color: red !important;}
#orderConfirm {font-weight: bold;}
li.error { background-color: red !important; color: #fff !important; font-weight: bold; }
/* just to put some space in front of a subfieldset-label */
fieldset fieldset li.error label:before { content: "*"; color: red;}
.error a {color: #fff !important;}

/* unconfirmed orders in dispo-list */
tr.even.unconfirmed,
tr.even.warning {
    background-color: #ff9 !important;
}

tr.odd.unconfirmed,
tr.odd.warning,
li.unconfirmed {
    background-color: #ff6 !important;
}

tr.unconfirmed:hover,
tr.warning:hover {
    background-color: #F9ED66 !important;
}

/* unchecked orders in accounting-project */
tr.even.unchecked {
    background-color: #ff9 !important;
}

tr.odd.unchecked,
li.unconfirmed {
    background-color: #ff6 !important;
}

tr.unchecked:hover {
    background-color: #F9ED66 !important;
}

/* cars with expired terms in admin/cars-list */

.alarm {
    background-color: #fd3434 !important;
    color: #fff !important;
}

tr.odd.alarm {
    background-color: #f02020 !important;
}

tr.even.alarm {
    background-color: #fd3434 !important;
}

tr.odd.alarm:hover {
    background-color: #f03030 !important;
}

tr.even.alarm:hover {
    background-color: #fd3434 !important;
}


/* Error page */
.errorBox{
    min-height: 410px;
}
* html .errorBox{
    height: 410px;
}

/* copied orders */
form.copied {
    background: url(../images/layout/bg_copy.gif) 0 0 repeat;
}
form.copied .fSet {
    background: url(../images/layout/txt_copy_de.gif) 55em 10px no-repeat;
}
.en form.copied .fSet {
    background-image: url(../images/layout/txt_copy_en.gif);
}
form.copied ul li {
    background: #002B6A;
	color: #fff;
}
.copied legend, .copied a {
	color: #fff;
}

.copied input:focus, .copied textarea:focus, .copied select:focus, .copied .highLight {
	background-color: #CAF991; /*BFFB7F*/
	color: #fff;
}

/* Fehlermeldung mit tabs */
span.error { color: red; font-weight: bold; background: #fff }
/* ohne tabs */
fieldset span.error { display: block; padding-bottom: 10px;}

/* hints */
option.urgent,select.urgent {
    background-color: #f00;
    color: #fff;
}
option.warning,select.warning {
    background-color: #ff6;
    color: #333;
}
option.ok,select.ok {
    background-color: #fff;
    color: #333;
}

option.blacklisted {
    text-decoration: line-through;
}

a.urgent {
    color: #f00 !important;
}
a.warning {
    color: #770 !important;
}

a.blacklisted {
  /* text-decoration: blink; */ /* not supported in IE, Chrom and Safari */
  color: #000000;
  background-color: #ffc251;
  display: block;
  border: solid 1px #999999;
}

.clearFix {overflow: hidden;}

.hide,
#cc,
#differentBilling,
#car_row {display: none;}
.show {display: block !important;}
.showInline {display: inline !important;}
.noPaddingL {
    padding-left: 0;
}

.hideTab {
    position: absolute;
    top: -10000px;
    left: -10000px;
}

.hide_keep_space {
  visibility: hidden;
}

/*mootools tooltip*/
.custom-tip {
    color: #333;
    width: 200px;
    z-index: 13000;
    padding: 1px;
    background: #fff;
    border: 1px solid #999;
}

.custom-title {
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    color: #eee;
    padding: 3px 5px;
    background: #048;
}

.custom-text {
    font-size: 11px;
    padding: 5px;
    /*border: 1px solid #048;*/
}

table.seller_accounting,
table.client_co2 {
  margin:           20px 0px 20px 0px;
  border:           solid 1px #153d6f;
  width:            100%;
  color:            #153d6f;
  font-size:        12px;
  font-weight:      normal;
  border-collapse:  collapse;
  border-spacing:   2px;
  line-height:      22px;
}

table.seller_accounting td,
table.client_co2 td {
  border: solid 1px #cccccc;
}

table.seller_accounting thead td,
table.client_co2 thead td {
  background-color: #eeeeff;
}

table.seller_accounting td.price,
table.client_co2 td.price {
  text-align:       right;
}

/* Baustelle jc 16.08.2008 */

table.xls_import {
  margin:           20px 0px 20px 0px;
  border:           solid 1px #153d6f;
  width:            100%;
  color:            #153d6f;
  font-size:        12px;
  font-weight:      normal;
  border-collapse:  collapse;
  border-spacing:   2px;
  line-height:      22px;
}

table.xls_import tbody td {
  padding:         5px 2px 5px 2px;
}

table.xls_import tr.odd td {
  background-color: #e8e8e8;
}

table.xls_import tr.evn td {
  background-color: #ffffff;
}

table.xls_import td {
  border: solid 1px #cccccc;
}

table.xls_import thead td {
  background-color: #eeeeff;
}

table.xls_import tbody table td {
  border:    none;
  padding:   0px 2px 2px 2px;
}

table.xls_import textarea {
  width: auto;
  height: auto;
  
}

table.sms_sending_summary thead td {
  background-color: #eeeeff;
}

table.sms_sending_summary tbody tr.ok td {
  background-color: white;
}

table.sms_sending_summary tbody tr.error td {
  background-color: red;
}

fieldset.multiple_select {
  display: block;
}

fieldset.multiple_select ul {
  display: block;
  width: 150px;
  margin: 0 0 0 10px;
  padding: 0;
  float: left;
  border: 0;
  clear: none;
}

fieldset.multiple_select input[type=checkbox] {
  width: auto;
  float: left;
}

fieldset.multiple_select label {
  float: left;
  clear: none;
  width: 150px;
}

/*
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='mypic.png')
*/

/* Autocompleter */
ul.autocompleter-choices
{
	position:				absolute;
	margin:					-1px 0 0;
	padding:				0;
	list-style:				none;
	border-top:				1px solid #666;
	background-color:		#fff;
	text-align:				left;
	font-family:			Arial, Helvetica, sans-serif;
	z-index:				50;
    background-color:		#fff;
}

ul.autocompleter-choices li
{
	position:				relative;
	padding:				0.2em 1.5em 0.2em 1em;
	margin:                 0 !important;
	display:				block;
	float:					none !important;
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				1em;
	line-height:			1.5em;
	border:                 1px solid #c3c3c3;
	border-width:		    0 1px 1px;
	border-bottom-color:	#ddd;
}
html * ul.autocompleter-choices li
{
	margin:                 -2px 0 0 !important;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#00296B;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					#9FCFFF;
}

form.statistic_configurator {
  display: block;
  position: absolute;
  width: 240px;
  height: 400px;
  margin: 0;
  padding: 0;
}

div#statistic_content {
  display: block;
  width: 600px;
  margin-left: 280px;
  border: none;;
}

form.statistic_configurator fieldset li {
  width: 240px;
}

form.statistic_configurator label {
  position: relative;
  display: inline;
  float: none;
}

form.statistic_configurator fieldset input,
form.statistic_configurator fieldset select {
  width: auto;
}


/********************************
 * Documents View               *
 ********************************/

div.miniatures_view {
  clear: both;
  margin: 0;
  padding: 0;
  border: 0;
  color: #333333;
  background-color: #e3eaf2;
  height: 500px;
  overflow: auto;
}

div.miniatures_view .miniature {
  float: left;
  display: block;
  position: relative;
  width: 140px;
  height: 160px;
  border: solid 1px #e3eaf2;
  color: #444444;
  background-color: #e3eaf2;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  margin: 10px;
  padding: 0 0 2px 0;
  overflow: hidden;
}

div.miniatures_view .miniature:hover {
  border: solid 1px #999999;
  color: #333333;
  background-color: #ffffff;
}

div.miniatures_view .miniature img {
  margin: 5px;
}

div.miniatures_view div.category_container {
  position: relative;
  margin: 5px 0 10px 0;
  clear: both;
}

div.miniatures_view div.category_container_content {
  min-height: 30px;
}

div.miniatures_view .ready_to_drop {
  background-color: #ffffff;
}

div.miniatures_view div.category_legend {
  font-weight: bold;
  border-bottom: solid 1px #aaaaaa;
  padding-left: 10px;
  clear: both;
  color: #444444;
}

div.documents_toolbar {
  padding: 5px;
  background-color: #e3eaf2;
  color: #444444;
  margin: 2px 0 5px 0;
}

div.documents_toolbar label {
  width: 15em;
}

td.centered_content {
  vertical-align: middle;
  text-align: center;
}
/********************************
 * Context menu                 *
 ********************************/

/* context menu specific */
ul.contextmenu{ border:1px solid #999; padding:0; background:#eee;
width:200px; list-style-type:none; display:none; clear: none;
position: relative; margin: 0 0 0 0; padding: 0 0 0 0 ;}
ul.contextmenu .separator{ border-top:1px solid #999; }
ul.contextmenu li{ margin:0; padding:0; width: auto; position: relative; background:#eee}
ul.contextmenu li a { display:block; padding:5px 10px 5px 35px; width:155px; font-size:12px; text-decoration:none; font-family:tahoma,arial,sans-serif; color:#000; background-position:8px 8px; background-repeat:no-repeat; }
ul.contextmenu li a:hover{ background-color:#ddd; }
ul.contextmenu li a.disabled { color:#ccc; font-style:italic; }
ul.contextmenu li a.disabled:hover { background-color:#eee; }

/* context menu items */
ul.contextmenu li a.edit{ background-image:url(edit.png); }
ul.contextmenu li a.cut{ background-image:url(cut.png); }
ul.contextmenu li a.copy{ background-image:url(copy.png); }
ul.contextmenu li a.paste{ background-image:url(paste.png); }
ul.contextmenu li a.delete{ background-image:url(delete.png); }
ul.contextmenu li a.quit{ background-image:url(quit.png); }

ul#miniature_contextmenu {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  top: 0;
  left: 0;
  clear: none;
}

.righted {
  float: right;
}

.undef {
    color: red !important;
}

@media print {
	
    .no_print {
      display: none;
    }
	
}

#live_dispo_table table tr td div{
/* max-height:4em; */
/* height:40px; */
overflow:hidden;
height:26px;
/* display:block; */}

#live_dispo_table table tr:hover td div{
/* max-height:4em; */
/* height:40px; */
overflow:hidden;
height:auto;
/* display:block; */}

td.station{
	width:60px;
}

.warning24{
	width:24px;
	float:right;
}

.livewarning24{
	width:24px;
	width:24px;
	display:block;
	float:right;
}

table.auto_table tr.current{

	background-color:#000080;
font-size:6px;
	
}

table.auto_table tr.current td{

	background-color:#000080;
font-size:6px;
	
}

ul.attachments input.attachdeletebutton{
	background-image:url(../images/icons/famfam/12x12/delete_blue.gif);
	background-repeat: no-repeat;
	width:  12px;
    height: 12px;
    border: none !important;
    cursor: pointer;
    text-indent: -9999px;
}

ul.laralist-unstyled{

}

ul.laralist-unstyled li{
	background-color: transparent;
}

.laraMinBtn{
	display:block;
	cursor:pointer;
	border-radius: 6px;
	background-color: #c0c0c0;
	text-align:center;
	padding:4px;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #666;
	border-bottom:1px solid #666;	
}


.laraMinBtn:hover{
	color:#333;
	background-color: #d0d0d0;
}

.laraMinBtn:active{
	color:#fff;
	border-left:1px solid #999;
	border-top:1px solid #999;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;	
}

