html,body {
    height:100%;
    padding:0;
    margin:0;
}

body {
    color: #1c325f;
    background-color: white;
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 13px;
}


input, form input, form textarea, form select {
    border: 1px solid #4b73b1;
    color: #000033;
}


#canvas {
    display: table;
    width: 100%;
    height: 100%;
    background-color: white;
}

#header {
    display: table-row;
    height: 60px;
}

#header > div {
    padding: 10px;
    display: table-cell;
    vertical-align: top;
    border-bottom: 1px solid grey;
}

.header-logo {
}

.header-logo img {
    margin-right: 30px;
}


.header-admin {
    text-align:right;
    vertical-align: bottom !important;
}


#body {
    display: table-row;
}

#body > div {
    padding: 10px;
    display: table-cell;
    vertical-align: top;
}

.left-border {
    display: none !important;
}

#navigation-bar {
    border-right: 1px solid grey;
    width: 230px;
}

#navigation-menu {
}

#version-field {
}

#navigation-menu a {
    text-decoration: none;
    color : #1c325f;
    padding-left: 0.2em;
    padding-right: 0.4em;
}

#navigation-menu ul {
    list-style-type: none;
    padding-left: 15px;
    color: black;
}

#navigation-menu li {
    margin-bottom: 5px;
    margin-top: 5px;
}

#navigation-menu a:hover {
    background-color:#a4091e !important;
    color:white;
}

#navigation-menu a.subMenuSelected{
    color:white;
    background-color:#4a5a7c;
}

.report li {
    list-style-type: none;
    margin-bottom: 5px;
    margin-top: 5px;
}

.report li > a {
    text-decoration: none;
    color : #1c325f;
    padding-left: 0.2em;
    padding-right: 0.4em;
}

.report li > a:hover {
    background-color:#a4091e !important;
    color:white;
}

.clearance li {
    list-style-type: none;
    margin-bottom: 5px;
    margin-top: 5px;
}

.clearance li > a {
    text-decoration: none;
    color : #1c325f;
    padding-left: 0.2em;
    padding-right: 0.4em;
}

.clearance li > a:hover {
    background-color:#a4091e !important;
    color:white;
}

#article-content h1 {
    font-size: 20px;
    font-weight: normal;
}

.table {
}




#breadcrumb {
    text-transform:lowercase;
    font-size: 11px;
    padding-bottom: 28px;
}

#breadcrumb  a {
    text-decoration:none;
    color:black;
}

#site-search form {
    height: 100%;
}

#site-search input {
    border:1px solid  #3689cc;
    font-family: Verdana;
    font-size:11px;
    height: 16px;
}

#site-search table {
    height: 100%;
}

#version-field {
    color: #3689cc;
    height: 75px;
    vertical-align:middle;
}

#version-field tr, #version-field td {
    background-color:#ffffff;
}

#version-field form {
    height: 100%;
}

#gmap {
    width:100%;
    height:400px;
    display:block;
    position:relative;


    /*-webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
           filter: grayscale(100%);
           filter: url("/themes/ooak_atropos/data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
           filter: gray;
*/
    z-index:1;
}
#gmap_default {
    width:100%;
    height:400px;
    display:block;
}
#version-field input {
    border:1px solid  #3689cc;
    font-family: Verdana;
    font-size:11px;
    height: 16px;
}

#version-field table {
    height: 100%;
}

#navigator-logo-image {

    width:80%;
}

table.box-layout, table.box-layout-text, table.box-layout-white, table.background-color-light, table.background-color-dark, #routeplanner {
    margin-left: -30px;
    border: none;
    border-spacing: 0px;
    border-collapse: collapse;
}

table.box-layout, table.box-layout-text {
    background-color:#FFD549;
}

table.box-layout  td,table.box-layout-white td, table.background-color-light td, table.background-color-dark td {
    padding-top:0px;
    padding-bottom:0px;
}

table.box-layout-text  td, td.box-layout-text  {
    padding-top:13px ! important;
    padding-bottom:5px;
    padding-left:28px;
    padding-right:30px;
}

table.table-frontpage {
    padding-top:0px ! important;
    padding-bottom:0px;
    padding-left:28px;
}

table.box-layout-white {
    background-color:#ffffff;
}

.pos-table .table > table {
    table-layout: auto;
}

.pos-table .table > table th {
    word-wrap: break-word;
    white-space: normal;
}

.pos-table .table > table > tr > :nth-child(1),
.pos-table .table > table > tr > :nth-child(2) {
}

/*.pos-table .table > table td:nth-child(n+1):nth-child(-n+5) {}*/
.pos-table .table > table td:nth-child(1),
.pos-table .table > table td:nth-child(2),
.pos-table .table > table td:nth-child(5) {
    /*width: 200px;*/
	width: auto;

}

.pos-table .table > table td:nth-child(3) {
    /*width: 102px;*/
	width: auto;
}
.pos-table .table > table td:nth-child(4) {
    width:64px;
}

.pos-table .table > table td:nth-child(6),
.pos-table .table > table td:nth-child(8),
.pos-table .table > table td:nth-child(9),
.pos-table .table > table td:nth-child(10),
.pos-table .table > table td:nth-child(11),
.pos-table .table > table td:nth-child(12) {
    width: 50px;
}

.pos-table .table > table th:nth-child(7),
.pos-table .table > table td:nth-child(7) {
   display: none;
}

.pos-table .table > table thead th {
    font-size: 13px;
    vertical-align: bottom;
    padding-bottom: 8px;
}

.pos-table .table > table thead th:not(.wicket_orderNone) {
    color: #f5f5f5;
}

td.box-layout-white {
    padding-left:28px;
    padding-right:30px;
}

p.box-layout {
    margin-left: -30px;
    padding-left:28px;
    padding-right:30px;
    background-color:#FFD549;
}

#routeplanner {
    background-color:white;
}

#routeplanner td {
    padding-top:0px;
    padding-bottom:5px;
    padding-left:28px;
    padding-right:30px;
}

#formfields span.error {
    color: red;
}

#formfields span.warn {
    color: blue;
}


#status-bar {
    color: #3689cc;
    height: 76px;
    padding-left:0px;
    vertical-align:middle;
    font-size: 18px;
    font-family: Verdana;
}

#status-bar a {
    text-decoration: none;
    color: #3689cc;
}

#status-bar div {
    float:left;
    height: 76px;
    padding-left:28px;
    padding-top:25px;
}

#status-bar-col1 {
    width: 208px;

}

#status-bar-col2 {
    width: 500px;
    border-left: 1px solid black;
}


#overDiv  {
    background-color: white;
}
#overDiv  th {
    text-align: left;
    padding-top: 10px;
}

.requiredfieldname {
    font-weight: normal !important;
}

.background-color-yellow {
    background-color: #FFD549;
    color:black;
}

.background-color-light {
    color: black;
}

.background-color-dark {
    color: white;
}

.background-color-dark  a{
    color: white;
}

/* enhancements */
form {
    background-color: #d3dceb !important;
}

form fieldset {
    border: none;
}


form label {
    display: block;
    min-width: 150px;
}

form td {
    vertical-align: top;
}

form input,form textarea,form select {
    border: 1px solid #3689cc;
    color: #000033;
}

form select.select {
    width: 220px;
}

form select.fixedwidth {
    width: 17em;
}

form .fullwidth {
    width: 100%;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;}

form input.text {
    width: 17em;
}

form textarea {
    margin-left: 0px;
    width: 17em;
    height: 60px;
}

form > p > input {
    cursor: pointer;
    margin-left:12px;
    margin-bottom: 0.5em;
}

fieldset legend {
    font-weight: bold;
    margin-left: -1.5em;
    background-color: #d3dceb !important;
}
option.bold {
     font-weight:bold;
}
.compact {
    width: auto!important;
}

.table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0.2em;
    margin: 0 0 0.8em 0em;
    text-align: left;
    border-collapse: collapse;
}

.table th, .table td {
    padding: 0.2em 0.9em 0.2em 0.5em;
}

th {
    text-align: left;
    font-size: 1.1em;
    font-weight: normal;
    background: #4b73b1;
}

th.empty {
    background: #fff;
}

td {
    background: #d3dceb;
}

tr.even td {
    background: #8d9fcb;
}

tr.foot td {
    background: white;
}

tfoot {
    font-style: italic;
}

.fixedbutton {
    height: 1.5em;
    width: 6em;
}

caption {
    font-weight: bold;
    padding-left: 0.2em;
    padding-bottom: 1em;
    text-align: left;
}

table th {
    white-space: nowrap;
}

td.edit {
    text-align: right;
}
.message_err {
    background-color: #fab2bd;
}

/* wicket datepicker */
.calheader {
    color: #000;
}

div.wicket-aa-container {
    overflow-x: hidden !important;
}

/* wicket autocomplete textfield */
div.wicket-aa {
    font: -webkit-small-control;
    background-color: white;
    border-width: 1px;
    border-color: #cccccc;
    border-style: solid;
    padding: 2px;
    margin: 1px 0 0 0;
    text-align:left;
}

div.wicket-aa ul {
    background-color: white;
    list-style:none;
    padding: 2px;
    margin:0;
}

div.wicket-aa ul li.selected {
    background-color: #3689CC;
    color: white;
    list-style:none;
    padding: 2px;
    margin:0;
}

input[disabled="disabled"] {
    color: #7f7f7f !important;
    background-color: white !important;
}

td input.text {
    width: 100%;
}

td.navigator a {
    color: black;
}

td.navigator a.current {
    font-style: italic;
    text-decoration: none;
}

tr.row_separator > td {
    background-color: white !important;
    height: 16px;
}

.icon a,
.icon a:link,
.icon a:visited { color: #f5f5f5; text-decoration: none!important; }
.icon a:hover { color: #000; }

.icon a { background-image: url(images/icons.png); background-repeat: no-repeat; height: 11px;  padding-left: 16px; width: 12px; }
/* Images are 37 pixels apart.*/
.icon a.email { background-position: left -147px; }
.icon a.print { background-position: left -184px; }
.icon a.document { background-position: left -221px; }
.icon a.audio { background-position: left -256px; }
.icon a.play { background-position: left -294px; }
.icon a.table { background-position: left -342px; }
.icon a.edit { background-position: left -560px; }
.icon a.wrench { background-position: left -598px; }
.icon a.add { background-position: left -634px; }
.icon a.delete { background-position: left -671px; }
.icon a.zoom { background-position: left -708px; }
.icon a.star { background-position: left -746px; }
.icon a.author { background-position: left -857px; }
.icon a.group { background-position: left -893px; }
.icon a.lock { background-position: left -930px; }
.icon a.info { background-image: url(images/info.png); }
.icon a.refresh { background-image: url(images/refresh.png); }
.icon a.wicket_orderNone { background-position: left -1000px; padding-left: 0;} /* intentionally invalid */
.icon a.wicket_orderUp { background-position: left -390px; }
.icon a.wicket_orderDown { background-position: left -438px; }

/* Wicket <= 1.4 rewrote a disabled <a> into a <span>, which matched none of the
   .icon a rules above, so disabled action icons rendered as nothing. Wicket 10
   keeps the <a> and only strips href/onclick, which left the sprite painting a
   dead icon. Drop the element entirely so it takes no space either - just
   blanking the sprite would still leave the markup's &nbsp; behind. */
.icon a:not([href]) {
    display: none;
}


#navigation-bar {
}

.background-color-light {
}

.background-color-dark {
}

.title {
    font-weight: bold;
    font-size: 16px;
    background-color: rgb(211, 220, 235);
    padding: 0.2em;
}

.receipt-textarea {
    height: 100px;
}

tr.spacer > td {
    padding-top: 15px;
}

.receipt-overview {
    background-color: white;
    font-family:monospace;
    padding: 1em 1em;
    width: 15em;
}

.receipts-alignment {
    width: 300px;
    float:left;
    margin:10px
}

.receipt-back-button-alignment {
     width: 200px;
     float:bottom;
     margin:10px
 }