body {
    background: #c0c0c0;
    color: #FC6400;
    margin: 0 auto;
}
.nav {    /* The bar with home button */
    clear: both;
    padding: 0.5em 0.75em;
    -moz-box-shadow: 0 0 3px 1px #aaaaaa;
    -webkit-box-shadow: 0 0 3px 1px #eaeaea;
    box-shadow: 0 0 3px 1px #66fcf1;
    zoom: 1;
    background-color: #2e151b;
}
.pagination { /* Items found and page bar customisations */
    border-top: 0;
    margin: 0;
    padding: 0.3em 0.2em;
    text-align: center;
    -moz-box-shadow: 0 0 3px 1px #AAAAAA;
    -webkit-box-shadow: 0 0 3px 1px #AAAAAA;
    box-shadow: 0 0 3px 1px #66fcf1;
    background-color: #2e151b;
    min-height: 20px;
}
.searchHeader {  /* Tour ref bar  */
    border-top: 0;
    margin: 0;
    padding: 0.3em 0.2em;
    text-align: center;
    -moz-box-shadow: 0 0 3px 1px #AAAAAA;
    -webkit-box-shadow: 0 0 3px 1px #AAAAAA;
    box-shadow: 0 0 3px 1px #66fcf1;
    background-color: #2e151b;
    min-height: 20px;
}
.buttons input, .buttons a {    /* Search button changes */
    font-size: 1em;
    background-color: #66fcf1;
    border: 0;
    color: #666666;
    cursor: pointer;
    display: inline-block;
    margin: 0 0.25em 0;
    overflow: visible;
    padding: 0.25em 0.7em;
    text-decoration: none;
    font-weight: normal;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    line-height: 1.5em;
}
.even {   /* 1st,3rd, 5th etc result after you search color */
    background: #282828;
}
a:link, a:visited, a:hover {   /* Font color change for Tour ref, Service city, Service Date, Action by, Reservation in Tray */
    color: #019fc6;     /* Font options: #019fc6, #bd4007,#884bbf*/
}
th {  /* 3rd bar on the page w/ Tour ref, client etc - color changes and shit */
    background-color: #b2d1ff;
    background-image: -moz-linear-gradient(top, #ffffff, #eaeaea);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2e151b), color-stop(1, #222222));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#ffffff', EndColorStr = '#eaeaea');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea', GradientType=)";
    color: #e8eeee;
    font-weight: bold;
    line-height: 1.7em;
}
body {  /* Background color of the body */
    background: #1f2833;
    color: #eae6e4;
    margin: 0 auto;
    background-image: -moz-linear-gradient(top, #ffffff, #eaeaea);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1f2833), color-stop(1, #222222));  /* Alternative color: #17464e ,#1e2e31, #232027*/
}
#dialogBox {  /* Log details background color of the middle box */
    background-color: #1f2833;
    overflow: auto;
}
.footer {  /* Log details background bottom bar color */
    background: #1f2833;
    color: #0c0101;
    clear: both;
    font-size: 0.8em;
    min-height: 1em;
    margin-top: 1em;
    padding-bottom: 1em;
}
.ui-widget-header {   /* Log details background top bar color */
    border: 1px solid #66fcf1;
    background: #3e5067 url(t7nHHesJYxcjKAqbFqJ7guVYA6qchKoksG5r5oJLlmU.png) 50% 50% repeat-x;
    color: #fff3f3;
    font-weight: bold;
}
.odd { /* 2nd,4th, 6th etc result after you search color */
    background: #1f2833;
}
.sliderPanel {
    background-color: #2e151b;
    height: 30px;
}
.nav a:active, .nav a:visited {   /* Home button font color*/
    color: #cd0a0a;
}
.buttons .delete, .buttons .edit, .buttons .save, .buttons .refresh, .buttons .print, .buttons .hotelBudget, .buttons .prices, .buttons .offer, .buttons .select, .buttons .upload, .buttons .custom, .buttons .search, .buttons .copy, .buttons .export, .buttons .add, .buttons .close, .buttons .resetExtra {
    background-position: 0.7em center;
    background-repeat: no-repeat;
    text-indent: 25px;
    border: 2px solid #2e151b;
    color: black;
    font-size: 10pt;
    vertical-align: top;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Arial,Verdana,sans-serif;
    font-size: 1em;
}

.disable-field { /* Font color change for log details page chaning Service Type, Action required, create date and time font color */
    pointer-events: none;
    background: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    padding: 0 !important;
    color: #cd0a0a;
}
.content h1 {  /* Main page System, Reports etc color changes and borders  */
    border-right-style: solid;
    border-color: #1f2833;
    border-left-style: solid;
    border-bottom: 3px solid #1f2833;
    margin: 0.8em 1em 1em;
    padding: 0 0.25em;
    border-top-style: solid;
    background-image: -moz-linear-gradient(top, #ffffff, #eaeaea);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2e151b), color-stop(1, #17464e));
}
div.mainMenu {  /* Main menu borders and shit */
    padding-left: 20px;
    font-size: 12pt;
    list-style-type: none;
    line-height: 1.5;
    border-left-style: solid;
    border-bottom-style: solid;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2e151b), color-stop(1, #1f2833));
    border-color: #2e151b;
    border-right-style: solid;
    border-top-style: dashed;
    -moz-box-shadow: 0 0 3px 1px #AAAAAA;
    -webkit-box-shadow: 0 0 3px 1px #AAAAAA;
    box-shadow: 0 0 3px 1px #66fcf1;
}
.nav a { /* Buttons font color and borders i.e Create log, itinerary button etc */
    border-left-style: solid;
    color: #cd0a0a;
    display: block;
    padding: 0.25em 0.7em;
    text-decoration: none;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    border-top-style: solid;
    border-bottom-style: solid;
    border-right-style: solid;
    border-color: #495d75;
}
.tlHeader {
    padding: 5px 5px 0 5px;
    background-color: #1f2833;
}
table.intrayList tr.updated {  /* Background color changes for when you select something and then go back to the original search page  */
    background-color: #2e151b;
    color: white;
}
.historyViewer .ui-dialog-content {  /* Background color for history pages  */
    background-color: #1f2833;
    margin: 5px;
}
.historyAlt {  /* Font color for history pages, originally blue  */
    color: #04ff00d6;
}
.emailViewer .headerBox { /* Background color of the box with email details in the history pages */
    padding: 5px;
    background-color: #2e151b;
}
.bookingViewer th {  /* Font color and background color for history page, underlying the parts with Service code, city etc   */
    color: #cd0a0a;
    font-weight: bold;
    background: #2e151b;
}
.bookingViewer .alt { /* Another font color for the history page, no idea what it did change tho */
    color: #ff5200;
}
.ui-widget-content {  /* General font color for the history pages when no modifications have been made and stuff like that  */
    border: inherit;
    color: aliceblue;
    background: inherit;
}
label.bold {  /* Underlying some things in the emails so that it can be easily noticed  */
    font-weight: bold;
    border-bottom-style: solid;
    border-color: crimson;
}
table { /* 2 lines between the search bar and the items found bar */
    border-top: 1px solid #66fcf1;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1em;
}
div.coord-details-box div { /* Colors, borders for the logs part when you press details */
    padding-left: 0 !important;
    line-height: 1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2e151b), color-stop(1, #1f2833));
    -moz-box-shadow: 0 0 3px 1px #AAAAAA;
    -webkit-box-shadow: 0 0 3px 1px #AAAAAA;
    box-shadow: 0 0 3px 1px #66fcf1;
}
div.resHotel.frame, div.resService.frame {
    width: 1280px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2e151b), color-stop(1, #1f2833));
    -moz-box-shadow: 0 0 3px 1px #AAAAAA;
    -webkit-box-shadow: 0 0 3px 1px #AAAAAA;
    box-shadow: 0 0 3px 1px #66fcf1;
}
h1 { /* Font color for things like the Searches, System, Reports, Customer Care list that you see on pages */
    color: #66fcf1;
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 0.3em;
}
table.finalItinerary { /* First part of the FI, border color changes, size changes, font size change  */
    margin-top: 1em;
    font-size: small;
    border-collapse: collapse;
    text-align: left;
    border-bottom: 1px solid black;
    min-width: 950px;
    width: 90%;
}
.coord-header { /* Customer care details page */
    background: rgba(161, 214, 167, 0.31);
    color: aliceblue;
    font-size: 1.0em;
    margin-top: 0.5em;
    line-height: 1.5rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2e151b), color-stop(1, #1f2833));
    -moz-box-shadow: 0 0 3px 1px #AAAAAA;
    -webkit-box-shadow: 0 0 3px 1px #AAAAAA;
    box-shadow: 0 0 3px 1px #66fcf1;
}
.coord-body .fieldLabelLong { /* Customer care details page */
    width: 14rem;
    font-weight: bold;
    padding-right: 0.5em;
    background-color: #66fcf1;
     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #667786), color-stop(1, #66fcf1));
    -moz-box-shadow: 0 0 3px 1px #AAAAAA;
    -webkit-box-shadow: 0 0 3px 1px #AAAAAA;
    box-shadow: 0 0 3px 1px #1f2833;
}