/*
*
* CSS Reset
* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)
*
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/*
*
* Redeclarations
*
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, textarea {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #000000;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 1.2;
}
a {
    text-decoration: none;
    cursor: pointer;
}
#main a {
    text-decoration: underline;
}
h1, h2, h3, h4, h5, h6, th,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, th a {
    font-weight: 700;
    text-align: left;
    line-height: 1.6em;
}
th, th a {
    line-height: 1.1em;
}
h1, h2, h3, h4, h5, h6, 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-family: Tahoma;
}
h1 {
    font-size: 40px;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 20px;
}
h4 {
    font-size: 15px;
}
input[type=submit], input[type=button], button {
    padding: 5px 10px;
    float: right;
    min-width: 60px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0px 0 #ccc, 0 0px #fff inset;
    background: -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
    border: 1px solid #707070;
    cursor: pointer;
}
input[type=text], input[type=password] {
    height: 24px;
    width: 60px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #707070;
    padding: 3px;
}
input[type=checkbox] {
    margin: 5px;
}
select {
    /*height: 28px;*/
    padding:5px;
    margin: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0px 0 #ccc, 0 0px #fff inset;
    background: -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
    color:black;
    outline:none;
    display: inline-block;
    cursor:pointer;
    border: 1px solid #707070;
}
p {
    margin: 10px 0;
}
table {
    margin: 10px auto;
}
th {
    vertical-align: middle;
}
li {
    list-style-position: inside;
}
ul b {
    font-weight: bold;
}

/*
*
* General Classes
*
*/
.clear {
    clear: both;
}
.ui-autocomplete-loading {
    background: white url('searching.gif') right center no-repeat;
}
.ui-load-area {
    height: 16px;
    width: 16px;
    display: inline-block;
}
.display-select {
    display: none;
}
.text-middle {
    text-align: center;
}
.green {
    background-color: #A7D18C;
}
.yellow {
    background-color: #FFE066;
}
.orange {
    background-color: #FFAD5C;
}
.red {
    background-color: #D47566;
}
.black, .black b {
    background-color: #1F1F1F;
    color: #DBDBDB;
}
.lightgreen {
    background-color: #c7e1b7;//#d5e9c8;
}
.lightlightgreen {
    background-color: #e3f0db;
}

/*
*
* CSS All Pages
*
*/
#ie7-note {
    text-align: center;
    padding: 10px;
    font-weight: bold;
    background: #FF9494;
    display: none;
    min-width: 775px;
}
#ie8-note {
    text-align: center;
    padding: 10px;
    font-weight: bold;
    background: #FF9F6E;
    display: none;
    min-width: 775px;
}
#import-inprog {
    text-align: center;
    padding: 4px;
    font-weight: bold;
    display: none;
}
html, body {
    height: 100%;
    width: 100%;
}
body {
    position: relative;
    background: #bdd4e9;
}
#page-wrapper {
    margin: 0 auto -92px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    min-width: 800px;
}
#footer {
    min-width: 760px;
    height: 62px;
}
#push {
    height: 92px;
}
.container {
    width: 90%;
    max-width: 1240px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

/*
*
* Header
*
*/
#header {
    background: white;
    padding: 20px 0;
    z-index: 10;
    position: relative;
    height: 60px;
}
#header a {

}
#header a img {
    float: left;
}
#header h2 {
    display: inline-block;
    width: 50%;
    text-align: center;
    margin: auto;
    float: left;
}
#header h4 {
    display: inline-block;
    width: 50%;
    text-align: center;
    margin: auto;
    float: left;
}
#header	button {
    float: right;
    margin: 7px 0;
}
#header button#printbutton {
    position: absolute;
    right: 0;
    top: -5px;
}
#header button#exportcsvbutton {
    position: absolute;
    right: 0;
    top: 30px;
}

/*
*
* Main
*
*/
#main {
    min-height: 550px;
}
.page-content {
    margin: 20px -12px;
    background: white;
    padding: 10px;
    border:solid 1px #dadada;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 8px 8px 12px #4d4d4d;
    -webkit-box-shadow: 8px 8px 12px #4d4d4d;
    box-shadow: 8px 8px 12px #4d4d4d;
}
.page-content h3 {
    text-align: center;
}
.page-content td, .page-content th {
    padding: 4px 6px;
}
.page-content td:first-child, .page-content th:first-child {
    padding-left: 0;
}

/*
*
* Footer
*
*/
#footer {
    text-align: center;
    padding: 15px 20px;
    background: #191919;
}
#footer ul {
    margin-bottom: 10px;
}
#footer li {
    display: inline-block;
    margin: 0;
}
#footer ul li a {
    text-transform: uppercase;
    color: #b2b2b2;
    padding: 5px;
    margin: 5px;
}
#footer ul:nth-child(2) li a {
    text-transform: none;
    font-size: 10px;
}
#footer li:after {
    color: #b2b2b2;
    content: " | ";
}
#footer li:last-child:after {
    content: "";
}
#footer a#copynfmlink {
    color: #b2b2b2;
}

/*
*
* General Pages
*
*/
.info {
    color: #444444;
    font-style: italic;
    font-size: 12px;
}
.sort {
    text-align: right;
    float: right;
    display: inline-block;
    width: auto;
    clear: both;
}
.obsolete, .obsolete td {
    color: #bbbbbb !important;
}
.post-message, .post-message a {
    color: #4788e2;
    font-size: 16px;
    text-align: center;
    display: block;
    width: 100%;
    margin: 10px;
    font-weight: bold;
}
.zebra, .zebra th, .zebra td {
    border: 1px solid #dadada;
}
.zebra tr:nth-child(even) {
    background: #f1f1f1;
}
.zebra tr:nth-child(odd) {
    background: #ffffff;
}
.zebra td:first-child, .zebra th:first-child {
    padding-left: 6px !important;
}
.compact td, .compact th {
    padding: 1px 6px;
    height: 1.4em;
}
input[type=text].drivername {
    width: 200px;
}
input[type=text].deptname {
    width: 300px;
}
input[type=text].company, input[type=text].name {
    width: 150px;
}
input[type=text].employeeid, input[type=text].datepicker {
    width: 100px;
}

input[type=email].email {
    height: 24px;
    width: 200px;
}

input[type=text].email {
    width: 220px;
}
input[type=text].password, 
input[type=password].password {
    width: 130px;
}
input[type=text].filename {
    width: 250px;
}
input[type=text].readonly {
    border: none;
}
textarea.message {
    width: 420px;
    height: 85px;
}
.has-button, .has-button td {
    vertical-align: top;
}

#main .options {
    text-align: center;
}
#main .options a {
    text-decoration: none;
    padding: 13px;
    border: 1px solid #6CA0E8;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #407ACB;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6CA0E8', endColorstr='#407ACB');
    background: -webkit-gradient(linear, left top, left bottom, from(#6CA0E8), to(#407ACB));
    background: -moz-linear-gradient(top, #6CA0E8, #407ACB);
}
.options a.option-selected {
    border: 3px solid #7CBB52 !important;
}
#main .options a {
    margin-left: 50px;
    margin-right: 50px;
}
#main .options a:first-child {
    margin-left: 0;
}
#main .options a:last-child {
    margin-right: 0;
}
#required-title {
    color: rgb(204, 0, 0);
}
.date {
    font-weight: bold;
}
.date-range {
    text-align: center;
    margin: 20px 0;
}
.note {
    font-weight: bold;
}
.has-checkbox {
    padding: 10px;
}
.trend-img {
    width: 50px;
}
table#department-list, #department-list table {
    float: left;
    width: 100%;
    display: block;
}
table#division-list {
    float: left;
    width: 100%;
    display: block;
}
#department-list h4 {
    background: #bdd4e9;
    padding-left: 4px;
}
#wait-message {
    color: #FF3300;
    font-weight: bold;
    font-size: 14px;
}
.warning {
    font-size: 14px;
    font-weight: bold;
    color: #d60000;
}
.deleteme a {
    font-size: 20px;
    color: #d60000;
    padding-left: 10px;
    text-decoration: none !important;
}

/*
*
* Specific Pages
*
*/
#audit table {
    margin: 10px 10px 10px 0;
}
#request-logon table td,
#forgot-password table td,
#contact table td,
#edit-manager table td, 
#bulk-edit-manager table td {
    vertical-align: middle;
}
#privacy b {
    font-weight: 600;
    text-align: left;
    line-height: 1.6em;
    font-family: Tahoma;
    font-size: 15px;
}
#help li {
    border: 1px solid #4d4d4d;
    padding: 20px;
    margin: 40px;
}
#help img {
    display: block;
    margin: 20px auto 0;
}
#drivers-table td:first-child {
    text-align: left;
}
#drivers-table td {
    padding: 8px 12px !important;
}
#safe-drive-extra #percentage {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin: 20px auto;
}
#map-zones li {
    padding: 5px 0;

}


/*
*
* Home Page
*
*/
#home, #home div, #home p, #home a, #home td, #home td a, #home th, #home th a, #home span, #home li {
    font-size: 14px;
}
#home .welcome {
    float: right;
    text-align: right;
    font-size: 12px;
}
.user-name {
    font-weight: bold;
}
h4.data-view, ul.data-view {
    display: inline-block;
}
.data-view li {
    display: inline-block;
}
.data-view a {
    line-height: 1.5em;
    padding: 5px 10px;
}
.data-view a.selected {
    background-color: #6db33f;
}
#banner-wrapper {
    width: 100%;
    text-align: center;
}
#banner-wrapper img {
    width: 100%;
    text-align: center;
}
.info-box {
    padding: 10px;
    margin: 20px 10px;
    background: #f1f1f1;
    border:solid 1px #dadada;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#home .column1 {
    float: left;
    width: 65%;
}
#home .column2 {
    float: right;
    width: 35%;
    text-align: center;
}
#home .column1 table {
    margin: 0 0 10px 0;
    width: 100%;
}
#home .column1 table td:first-child {
    width: 30%;
}
#home .column1 table td:nth-child(2) {
    width: 35%;
}
#home .column1 table td:nth-child(3) {
    width: 25%;
}
.info-box h4 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #4a433b;
    padding-left: 0;
    border-bottom: solid 1px #dadada;
}
.info-box td, .info-box th {
    padding: 6px 10px;
}
.info-box table {
    margin-bottom: 10px;
}
#home .column2 h4 {
    text-align: center;
}
.index table {
    margin: auto;
}
.index td {
    padding: 10px;
}
.index tr {
    border-bottom: solid 1px #dadada;
}
.index td:first-child {
    border-right: solid 1px #dadada;
}
#home .trend {
    font-size: 10px;
}
.news img {
    float: left;
    max-height: 150px;
    padding: 0 8px 8px 0;
}
.news ul, .news ol {
    margin: 0;
    padding: 0;
}
.news li {
    list-style: disc inside;
    margin-bottom: 4px;
}
.news div {
    margin: 10px 0 20px 0;
}
.news div.clear {
    margin: 0;
}
#feedback-wrapper {
    margin: 30px 0 20px 0;
}
#feedback-wrapper a {
    padding: 12px;
    margin-top: 20px;
    text-decoration: none;
    background: #407ACB;
    border: 1px solid #6CA0E8;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 2px 2px 6px #4d4d4d;
    -webkit-box-shadow: 2px 2px 6px #4d4d4d;
    box-shadow: 2px 2px 6px #4d4d4d;
    background: -moz-linear-gradient(top, #6695D5 0%, #3362A2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6695D5), color-stop(100%,#3362A2));
    background: -webkit-linear-gradient(top, #6695D5 0%,#3362A2 100%);
    background: -o-linear-gradient(top, #6695D5 0%, #3362A2 100%);
    background: -ms-linear-gradient(top, #6695D5 0%, #3362A2 100%);
    background: linear-gradient(top, #6695D5 0%,#3362A2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6695D5', endColorstr='#3362A2',GradientType=0 );
}
#feedback-wrapper a:hover {
    color: white;
}

/*
*
* Glossary Page
*
*/
#glossary, #glossary div, #glossary p, #glossary a, #glossary td, #glossary td a, #glossary th, #glossary th a, #glossary span, #glossary li {
    font-size: 14px;
}
#glossary li {
    margin: 5px;
}
#glossary table {
    margin: 5px 5px 5px 0;
}
#glossary li li {
    list-style-type: disc;

}
#glossary table:nth-child(2) td:nth-child(2) {
    text-align: center;
}

/*
*
* Edit Exceptions Page
*
*/
#create_line {
    display: none;
}
#create_line, #create_line a {
    color: #4788e2;
    font-size: 14px;
    text-align: center;
}
.add {
    display: none;
}
#edit-exceptions th {
    padding-right: 20px;
}
#edit-exceptions td {
    height: 1.5em;
}
#exception-data td {
    max-width: 100px;
}
#edit-exceptions .options {
    margin: 30px 0;
}
#edit-exceptions .ui-load-area {
    margin: 8px;
}
#edit-exceptions table:first-child {
    border-bottom: 1px solid #b2b2b2;
}
#exception-message, #exception-message1 {
    color: rgb(204, 0, 0);
}
.error {
    color: red;
    font-weight: bold;
    font-size: 14px;
}
.importerror {
    color: red;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    display: block;
}
.no-error {
    color: black;
    font-weight: normal;
    font-size: 12px;
}

/*
*
* Graphs Pages
*
*/
#graph-img {
    min-height: 50%;
    margin-top: 10px;
}
.graph {
    text-align: center;
}
.report {
    min-width: 1260px;
}
.graph-extras td, .graph-extras th, 
.graph td, .graph th {
    border: solid 1px black;
    padding: 4px 6px !important;
}
.graph-extras {
    width: 100%;
}
.graph-extras tr th:first-child {
    width: 80px;
}
.graph-extras td {
    vertical-align: middle;
}
.graph h3, .graph h4 {
    text-align: center;
}
.graph-options {
    margin: 30px 0;
    text-align: center;
}
#main .graph-options a {
    padding: 15px;
    text-decoration: none;
    background: #407ACB;
    border: 1px solid #6CA0E8;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 2px 2px 6px #4d4d4d;
    -webkit-box-shadow: 2px 2px 6px #4d4d4d;
    box-shadow: 2px 2px 6px #4d4d4d;
    background: -moz-linear-gradient(top, #6695D5 0%, #3362A2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6695D5), color-stop(100%,#3362A2));
    background: -webkit-linear-gradient(top, #6695D5 0%,#3362A2 100%);
    background: -o-linear-gradient(top, #6695D5 0%, #3362A2 100%);
    background: -ms-linear-gradient(top, #6695D5 0%, #3362A2 100%);
    background: linear-gradient(top, #6695D5 0%,#3362A2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6695D5', endColorstr='#3362A2',GradientType=0 );
}
#main .graph-options a:hover {
    color: white;
}
#main .graph-options a.selected {
    border: 3px solid #7CBB52;
}
#main .graph-options a:first-child {
    margin-right: 8%;
}
#main .graph-options a:nth-child(2) {
    margin-left: 8%;
    margin-right: 8%;
}
#main .graph-options a:nth-child(3) {
    margin-left: 8%;
}
#main .total td {
    font-weight: 600;
}

#GLNG-mini-graph-img, #EABU-mini-graph-img {
    min-height: 20%;
}
#GLNG-mini-graph-img {
    float: left;
}
#EABU-mini-graph-img {
    float: right;
}
#GLNG-mini-graph-img {
    margin: 10px 10px 30px 30px;
}
#EABU-mini-graph-img {
    margin: 10px 30px 30px 10px;
}
#graph-d-img {
    margin: 10px 10px 10px 30px;
}
#graph-wc-img {
    margin: 10px 30px 10px 10px;
}
#exception-details h3:first-child {
    width: 45%;
}
#exception-mix h3 {
    width: 45%;
    float: right;
}
#exception-details .column1, #exception-details .column2, 
#exception-mix .column1, #exception-mix .column2 {
    text-align: center;
    width: 45%;
}
#exception-details .column1, 
#exception-mix .column1 {
    float: left;
}
#exception-details .column1 #graph-d-img {
    margin-top: 39px;
}
#exception-details .column2, 
#exception-mix .column2 {
    float: right;
}
#exception-mix .column2 #graph-title {
    width: 100%;
}
#exception-details .explanation {
    margin: 5px auto 0 auto;
    text-align: left;
    width: 450px;
    line-height: 2em;
    padding: 2px 10px 10px 10px;
    border: 1px solid #dadada;
}
#exception-details .explanation h4 {
    text-align: center;
}
#exception-details .explanation img {
    width: 20px;
    margin: 0 4px 0 0;
    vertical-align: middle;
}
#exception-details .legend {
    display: block;
    margin: auto;
    width: 72%;
}
#exception-mix td, #contractor-index-ladder td {
    text-align: center;
    vertical-align: middle;
}
#exception-mix td:first-child, #contractor-index-ladder td:first-child {
    text-align: left;
}
#exception-mix tr:nth-child(2), #contractor-index-ladder tr.yourcompany {
    background: #DFD1D8;
}
#contractor-index-ladder tr.yourcompany td {
    font-weight: bold;
}

/*
*
* Sitemap Page
*
*/
#sitemap .column1 {
    max-width: 30%;
    float: left;
    padding-left: 8%;
}
#sitemap .column2 {
    max-width: 30%;
    margin: auto;
}
#sitemap .column3 {
    max-width: 30%;
    float: right;
    padding-right: 8%;
}
#sitemap ul {
    margin: 20px 0;
}
#sitemap li {
    margin: 10px 0;
}
#sitemap a {
    text-decoration: none;
}

#sitemap .column2 h4 {
    margin-bottom: 15px;
}

/*
*
* Login Page
*
*/
#login {
    margin: 10% auto;
    background: white;
    padding: 10px;
    border: 1px solid #dadada;
    width: 500px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 8px 8px 12px #4d4d4d;
    -webkit-box-shadow: 8px 8px 12px #4d4d4d;
    box-shadow: 8px 8px 12px #4d4d4d;

}
#login td {
    padding: 4px 6px;
    margin: 10px;
}
#login a {
    display: block;
    color: #4788e2;
    font-size: 10px;
    font-style: italic;
}
#login p {
    text-align: center;
}

/*
*
* Add and Edit User Page
*
*/
#edit-manager .info, 
#add-manager .info, 
#bulk-edit-manager .info {
    float: left;
}
#edit-manager .column1, 
#bulk-edit-manager .column1 {
    float: left;
    width: 42%;
    padding-left: 5%;
}
#add-manager .column1 {
    float: left;
    width: 44%;
    padding-left: 3%;
}
#edit-manager .column2, 
#add-manager .column2, 
#bulk-edit-manager .column2 {
    float: right;
    width: 42%;
    padding-right: 5%;
}
#edit-manager table, 
#add-manager table, 
#bulk-edit-manager table {
    float: left;
}

/*
*
* News Page
*
*/
#news table {
    width: 100%;
}
#news textarea.news {
    width: 100%;
    height: 100px;
}
#news form {
    margin-bottom: 50px;
}
#news img {
    float: left;
    padding: 0 10px 10px 0;
}
#news ul, #news ol {
    margin: 0;
    padding: 0;
}
#news li {
    list-style: disc inside;
    margin-bottom: 4px;
}
#news div {
    margin: 10px 0 20px 0;
}

/*
*
* Risk Management Report Page
*
*/

#risk-management table td {
    vertical-align: middle;
}
#risk-management table td {
    text-align: center;
}
#risk-management td:first-child {
    text-align: left;
}
#risk-management td:nth-child(2) {
    text-align: left;
}

/*
*
* Consolidated Risk Management Report Page
*
*/
#consolidated td {
    text-align: center;
}
#consolidated td:first-child, #consolidated td:nth-child(2) {
    text-align: left;
}
#consolidated th.speed, #consolidated td.speed {
    background-color: #A7D18C;
}
#consolidated th.major, #consolidated td.major {
    background-color: #D47566;
}

/*
*
* Santos Required Report Page
*
*/
#summary #santos-required table thead tr:first-child td {
    font-weight: bold;
    font-size: 14px;
}
#summary #santos-required table thead tr:nth-child(2) td {
    font-weight: bold;
}
#summary #santos-required table td {
    text-align: center;
}
#summary #santos-required table thead tr:nth-child(1) td, #summary #santos-required table thead tr:nth-child(3) td, 
#summary #santos-required table tr td:first-child, #summary #santos-required table tr td:nth-child(2) {
    text-align: left;
}
#summary #santos-required table tr:last-child td {
    font-weight: bold;
}
#santos-required h4 {
    text-align: left;
}
#santos-required .ui-widget-content {
    border: solid 1px #dadada;
}
#santos-required .ui-widget-content.ui-tabs-panel {
    border: none;
}
#santos-required .ui-widget-header {
    border: solid 1px #dadada;
    background: #d9d9d9;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
#santos-required .ui-tabs {
    padding: 0;
}



/*
*
* Demerit RAG Report Page
*
*/
#demerit-rag th:nth-child(3) {
    background-color: #A7D18C;
}
#demerit-rag th:nth-child(4) {
    background-color: #FFE066;
}
#demerit-rag th:nth-child(5) {
    background-color: #FFAD5C;
}
#demerit-rag th:nth-child(6) {
    background-color: #D47566;
}
#demerit-rag th:nth-child(7) {
    background-color: #1F1F1F;
    color: #DBDBDB;
}
#demerit-rag td {
    text-align: center;
}
#demerit-rag td:first-child {
    text-align: left;
}

/*
*
* Demerit History Report Page
*
*/
#current-state {
    width: 318px;
    margin: auto;
    text-align: center;
    font-weight: 600;
    padding: 10px;
}
#demerit-history span {
    margin: 10px auto;
    display: inline-block;
    text-align: center;
    width: 100%;
}
#demerit-history td:nth-child(2), #demerit-history td:nth-child(5) {
    text-align: center;
}
#demerit-history th, #demerit-history td {
    padding: 8px 12px;
}

/*
*
* HR Manual Demerit Input Page
*
*/
#manual-demerits td {
    height: 24px;
    vertical-align: middle;
}
#manual-history {
    padding: 10px 0;
}
#manual-demerits textarea {
    height: 100px;
    width: 500px;
}
#manual-demerits .info {
    margin: 5px 30px 10px 30px;
    display: block;
}
#me-demerit-history th, #me-demerit-history td {
    padding: 4px 6px;
    vertical-align: middle;
}
#me-demerit-history td:nth-child(2), #me-demerit-history td:nth-child(4) {
    text-align: center;
}

/*
*
* Exception Mapping Page
*
*/
#exception-mapping #exception-list {
    width: 55%;
    float: left;
}
#exception-list table {
    margin: 0;
}
#exception-mapping #map {
    float: right;
}
#exception-mapping #map-canvas {
    height: 350px;
    width: 425px;
}
#exception-mapping td{
    margin: 10px;
    padding: 5px;
    vertical-align: middle;
}
#exception-mapping a{
    padding: 10px 0;
    text-decoration: none;
}
#exception-mapping .title{
    font-size: 14px;
    font-weight: bold;
}
.em-bg-green {
    background-color: #98c978;
}
.em-bg-blue {

}
.em-bg-white {
    background-color: #ffffff;
}
#exception-mapping table td:nth-child(2) {
    min-width: 72px;
    text-align: center;
}
#exception-mapping #map span {
    display: block;
    margin: 10px;
}
.firstcmlink {
    color: #191919;
}
.secondcmlink {
    color: #bdd4e9;
}

/*
*
* Exception Mapping Page 2
*
*/
#exception-mapping2 #exception-list {
    width: 415px;
    float: left;
    background: white;
    z-index: 6;
}
#exception-mapping2 #exception-list table {
    margin: 0;
}
#exception-mapping2 #map {
    float: right;
    margin-top: -25px;
}
#exception-mapping2 #map-canvas {
    height: 100%;
    min-height: 500px;
    z-index: 5;
}
#exception-mapping2 td{
    margin: 10px;
    padding: 5px;
    vertical-align: middle;
}
#exception-mapping2 a{
    padding: 10px 0;
    text-decoration: none;
}
#exception-mapping2 .title{
    font-size: 14px;
    font-weight: bold;
}
#exception-mapping2 table td:nth-child(2) {
    min-width: 72px;
    text-align: center;
}
#exception-mapping2 #map span {
    display: block;
    margin: 10px;
}
#exception-mapping2 h4 {
    display: inline-block;
}
.googlelabels {
    background: rgba(255, 255, 255, 0.75);
    padding: 3px 3px 1px 3px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    white-space: nowrap;
    
}
#exception-mapping2 #markers-info, #exception-mapping2 #toggle-zones, #toggle-roads, #exception-mapping2 #loading-zones {
    height: 14px;
    position: absolute;
    z-index: 6;
    background: white;
    background: rgba(255, 255, 255, 0.75);
    padding: 5px;
}
#exception-mapping2 #markers-info {
    top: 0;
    left: 490px;
}
#toggle-zones {
    top: 25px;
    right: 6px;
}
#toggle-roads {
    top: 50px;
    right: 6px;
}
#loading-zones {
    top: 52px;
    right: 6px;
    color: red;
    display: none;
}

#show-exceptions-div {
    width: 20px;
    height: 100%;
    display: none;
    float: left;
}

#show-arrows {
    height: 16px;
    width: 14px;
    background-image: url('../images/arrow_grey_right.gif');
    display: block;
    float: right;
    position: relative;
    margin: 5px 5px 0 0;
    cursor: pointer;
}

#hide-arrows {
    height: 16px;
    width: 14px;
    background-image: url('../images/arrow_grey_left.gif');
    display: block;
    float: right;
    position: relative;
    margin: -25px 5px 0 0;
    cursor: pointer;
}

/*
*
* Exception Details Report Page
*
*/
#exception-details-report table td:nth-child(7) {
    text-align: center;
}
#exception-details-report table td {
    padding: 1px 4px;
}


#heatmap, #heatmap td, #heatmap th {
    border: 1px solid #dadada;
}
#heatmap {
    table-layout: fixed;
    width: 100%;
}
#heatmap th, #heatmap td {
    height: 20px;
    padding: 4px 6px;
    width: auto;
}
#heatmap tr th:first-child {
    width: 250px;
}

#heatmap-title {
    font-weight: bold;
    margin-bottom: 0;
    border: 1px solid #dadada;
    border-bottom: none;
}
#heatmap {
    margin-top: 0;
}
#heatmap-title, #heatmap tr:last-child th, #premiership-table tr:first-child th, #premiership-table tr:nth-child(2) th {
    background-color: #4da6ff;
    text-align: center;
}
#heatmap-title, #premiership-table tr:first-child th {
    
    font-size: 20px;
    padding: 8px;
}
#premiership-table tr:nth-child(2) th:nth-child(5) {
    background-color: #81be5b;
}
#premiership-table {
    width: 100%;
}


#heatmap-exceptions tr td:nth-child(4) input[type=text] {
    width: 150px;
}

#trends-table td, #trends-table th {
    border: solid 1px #dadada;
    padding: 4px 6px;
    text-align: left;
}
#trends-table th {
    text-align: center;
}

#exception-trends .dindex-title {
    display: block;
    height: 35px;
}

#ex-trend table td, #ex-trend table th {
    text-align: left;
}

#exception-trends-wide {
    margin: 10px auto;
    max-width: 680px;
}

#exception-trends-wide .dindex-title {
    font-weight: 900;
    margin-bottom: 5px;
}

#exception-trends-wide .trend-info {
    display: inline-block;
    margin: 10px;
    text-align: center;
    width: 200px;
}

#location-heatmap {
    text-align: center;
}
#location-heatmap img {
    
}

.error-box {
    background: #FFF2F2;
    border: 5px solid red;
    border-radius: 10px;
    display: inline-block;
    margin: 20px;
    padding: 10px;
    text-align: left;
}

.error-box .title {
    font-weight: 900;
}

.error-box .message {
    margin-top: 10px;
}

.error-box .status {
    margin-top: 10px;
}

.error-box .missmatch {
    background: #FCC;
    font-weight: 900;
    margin-left: -10px;
}

.error-box .missmatch tbody th {
    margin-left: -20px !important;
    padding-left: 30px !important;
}

.error-box tr td:first-of-type,.error-box tr td:last-of-type {
    text-align: right;
}

.success-box {
    border: 2px solid green;
    border-radius: 10px;
    display: inline-block;
    margin: 20px;
    padding: 0 20px 10px 20px;
    text-align: left;
}

.success-box .title {
    font-weight: 900;
}

.success-box .updated-driver {
    margin-bottom: 25px;
    width: 100%;
}

.success-box .updated-driver th:first-of-type {
    font-weight: 900;
    width: 100px;
}

.success-box a {
    display: inline !important;
    font-size: inherit !important;
    text-align: inherit !important;
}

.success-box .alert {
    border: 1px solid red;
    background: #FEE;
}

.s0 {
    background: #A7D18C;
}

.s1 {
    background: #FFE066;
}

.s2 {
    background: #FFAD5C;
}

.s3 {
    background: #D47566;
}

.s4 {
    background: #1F1F1F;
    color: #DBDBDB;
}

#driving-rules ul li ul li{
    list-style-position: outside;
    list-style-type: circle;
    margin-left: 20px;
}

#driving-rules table {
    margin: 10px 0 20px 30px;
}