/* Headings              : rgb(39,63,115)
   Selected/Hover        : rgb(72,115,177)
   Buttons               : rgb(39,63,115)
   Secondbar/Legend Text : rgb(22,84,137)
*/

/* Set the default font.
*/
*{
  font-family: Sans-Serif;
}

/* Set the colours for tables.
*/

/* Table header background.

   We ensure the full table for the header is coloured, as
   well as all th elements.
*/
#tableheader .handsontable {
  color: rgb(255,255,255) !important;
  background: rgb(39,63,115) !important;
}

.handsontable th {
  color: rgb(255,255,255) !important;
  background: rgb(39,63,115) !important;
}

/* Table row colouring.
*/
.ht_master .j  {
  background-color: #f2f2f2;
}

.ht_master .currentRow  {
  color: rgb(255,255,255) !important;
  background: rgb(72,115,177) !important;
}

.ht_master .selected {
  color: rgb(255,255,255) !important;
  background: rgb(72,115,177) !important;
}

/* Table buttons.
*/
.ht_master td button {
  color: rgb(255,255,255);
  background: rgb(39,63,115);
}
.ht_master td button:hover {
  background: rgb(72,115,177);
}

.ht_master td a {
  color: rgb(255,255,255);
  background: rgb(39,63,115);
}
.ht_master td a:hover {
  background: rgb(72,115,177);
}

/* Legacy tables.
*/
.tableborderl {
  border-left:2px solid rgb(176,176,176);
}
.tableborderr {
  border-right:2px solid rgb(176,176,176);
}
.tableborderall {
  border:2px solid rgb(176,176,176);
}
.table th {
  color: rgb(255,255,255);
  background: rgb(39,63,115);
}
.table tr {
  color: rgb(0,0,0);
  background: rgb(255,255,255);
}
.table tr.j {
  color: rgb(0,0,0);
  background: rgb(234,233,233);
}
.table tr.grey {
  background: rgb(200,200,200);
}
.table tr.red {
  background: rgb(255,219,220);
}
.table tr.darkred {
  background: rgb(241, 140, 110);
}
.table tr.orange {
  background: rgb(255,242,204);
}
.table tr.yellow {
  background: rgb(240, 254, 240);
}
.table tr.green {
  background: rgb(129, 249, 139);
}
.table tr.blue {
  background: rgb(210, 210, 240);
}
.table tr.jgrey {
  background: rgb(220,220,220);
}
.table tr.jred {
  background: rgb(255,229,229);
}
.table tr.jorange {
  background: rgb(255,235,191);
}
.table tr.jgreen {
  background: rgb(120, 241, 130);
}
.table tr.jblue {
  background: rgb(200, 200, 230);
}
.table tr.highlight
{
  color: rgb(255,255,255);
  background: rgb(72,115,177);
}
.table td input {
  background: rgb(250,250,250);
  border:1px solid rgb(208,208,208);
}
.table td input:hover, input:focus, textarea:hover, textarea:focus {
  border-color: rgb(197,197,197);
  background: rgb(246,246,246);
}
.table td input:disabled, .table td textarea:disabled {
  border-color: rgb(197,197,197);
  background: rgb(230,230,230);
}
.table td input.default, textarea.default {
  color: rgb(176,176,176);
}
.table td button {
  color: rgb(255,255,255);
  background: rgb(39,63,115);
}
.table td button:hover {
  background: rgb(72,115,177);
}
.table td a
{
  color: rgb(255,255,255);
  background: rgb(39,63,115);
}
.table td a:hover
{
  background: rgb(72,115,177);
}
.table td.bl
{
  border-left:2px solid rgb(176,176,176);
}
.table td.blthin
{
  border-left:1px solid rgb(176,176,176);
}
.table td.br
{
  border-right:1px solid rgb(176,176,176);
}
.table td.bb
{
  border-bottom:1px solid rgb(176,176,176);
}
.table td.grey {
  color: rgb(145,145,145);
  font-weight:bold;
}
.table td.red {
  color: rgb(255,0,0);
  font-weight:bold;
}
.table td.darkgreen {
  color: rgb(64, 166, 69);
  font-weight:bold;
}
.table td.orange {
  color: rgb(238,153,0);
  font-weight:bold;
}
.table td.yellow {
  color: rgb(230, 222, 10);
  font-weight:bold;
}
.table td.cyan {
  color: rgb(18, 230, 145);
  font-weight:bold;
}
.table td.blue {
  color: rgb(18, 18, 228);
  font-weight:bold;
}
.table td.teal {
  color: rgb(20, 214, 213);
  font-weight:bold;
}
.table td.purple {
  color: rgb(200, 15, 207);
  font-weight:bold;
}
.table td.pink {
  color: rgb(230, 15, 148);
  font-weight:bold;
}
.table td.green {
  color: rgb(89, 189, 99);
  font-weight:bold;
}
.table td.backgreen {
  background-color: rgb(89, 189, 99);
  font-weight:bold;
}

/* Set the colour for the top bar.
*/
#header {
  background: rgb(39,63,115);
  border-bottom: 2px solid rgb(3,255,244);
}
#headercenterlogo {
  background:url(img/logo_left.png) no-repeat 100% 0;
  width:200px;
  height:40px;
}
#headerrightselectsgroup{
  color: rgb(255,255,255);
}
#headerrightlogoutref{
  color: rgb(255,255,255);
}
#headerrightlogoutref:hover{
  color: rgb(255,255,255);
}
#headerleftinner ul{
}
#headerleftinner li {
  background: rgb(39,63,115);
}
#headerleftinner li a {
  color: rgb(255,255,255);
}
#headerleftinner li a.sel {
  background: rgb(72,115,177);
  color: rgb(255,255,255);
}
#headerleftinner li a.sel:hover {
  background: rgb(72,115,177);
  color: rgb(255,255,255);
}

/* Topbar - Group selection.
*/
#headerrightselectsgroupimg
{
  background-image: url(../../img/topbar/white/Group.png);
  background-repeat: no-repeat;
}

/* Topbar - Logout.
*/
#headerrightlogoutimg
{
  background-image: url(../../img/topbar/white/Lock.png);
  background-repeat: no-repeat;
}

/* Topbar - Admin.
*/
#headerleftinner li a.topbarmanager {
  background-image: url(../../img/topbar/white/Manager.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarmanager:hover {
  background-image: url(../../img/topbar/white/Manager.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

#headerleftinner li a.topbarmanager.sel {
  background-image: url(../../img/topbar/white/Manager.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarmanager.sel:hover  {
  background-image: url(../../img/topbar/white/Manager.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

/* Topbar - Fleet.
*/
#headerleftinner li a.topbarfleet {
  background-image: url(../../img/topbar/white/Fleet.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarfleet:hover {
  background-image: url(../../img/topbar/white/Fleet.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

#headerleftinner li a.topbarfleet.sel {
  background-image: url(../../img/topbar/white/Fleet.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarfleet.sel:hover  {
  background-image: url(../../img/topbar/white/Fleet.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

/* Topbar - Reports.
*/
#headerleftinner li a.topbarreports {
  background-image: url(../../img/topbar/white/Report.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarreports:hover {
  background-image: url(../../img/topbar/white/Report.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

#headerleftinner li a.topbarreports.sel {
  background-image: url(../../img/topbar/white/Report.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarreports.sel:hover  {
  background-image: url(../../img/topbar/white/Report.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

/* Topbar - Dashboard.
*/
#headerleftinner li a.topbardashboard {
  background-image: url(../../img/topbar/white/Dashboard.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbardashboard:hover {
  background-image: url(../../img/topbar/white/Dashboard.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

#headerleftinner li a.topbardashboard.sel {
  background-image: url(../../img/topbar/white/Dashboard.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbardashboard.sel:hover  {
  background-image: url(../../img/topbar/white/Dashboard.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

/* Topbar - Health.
*/
#headerleftinner li a.topbarhealth {
  background-image: url(../../img/topbar/white/Health.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarhealth:hover {
  background-image: url(../../img/topbar/white/Health.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

#headerleftinner li a.topbarhealth.sel {
  background-image: url(../../img/topbar/white/Health.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarhealth.sel:hover  {
  background-image: url(../../img/topbar/white/Health.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

/* Topbar - Extras.
*/
#headerleftinner li a.topbarextras {
  background-image: url(../../img/topbar/white/Extras.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarextras:hover {
  background-image: url(../../img/topbar/white/Extras.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

#headerleftinner li a.topbarextras.sel {
  background-image: url(../../img/topbar/white/Extras.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarextras.sel:hover  {
  background-image: url(../../img/topbar/white/Extras.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

/* Topbar - Admin.
*/
#headerleftinner li a.topbaradmin {
  background-image: url(../../img/topbar/white/Admin.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbaradmin:hover {
  background-image: url(../../img/topbar/white/Admin.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

#headerleftinner li a.topbaradmin.sel {
  background-image: url(../../img/topbar/white/Admin.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbaradmin.sel:hover  {
  background-image: url(../../img/topbar/white/Admin.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

/* Topbar - MyAccount.
*/
#headerleftinner li a.topbarmyaccount {
  background-image: url(../../img/topbar/white/MyAccount.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarmyaccount:hover {
  background-image: url(../../img/topbar/white/MyAccount.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

#headerleftinner li a.topbarmyaccount.sel {
  background-image: url(../../img/topbar/white/MyAccount.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarmyaccount.sel:hover  {
  background-image: url(../../img/topbar/white/MyAccount.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

/* Topbar - Help.
*/
#headerleftinner li a.topbarcontact {
  background-image: url(../../img/topbar/white/Help.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarcontact:hover {
  background-image: url(../../img/topbar/white/Help.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

#headerleftinner li a.topbarcontact.sel {
  background-image: url(../../img/topbar/white/Help.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarcontact.sel:hover  {
  background-image: url(../../img/topbar/white/Help.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

/* Topbar - Fitter - Install.
*/
#headerleftinner li a.topbarfitterinstall {
  background-image: url(../../img/topbar/white/FitterInstall.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarfitterinstall:hover {
  background-image: url(../../img/topbar/white/FitterInstall.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

#headerleftinner li a.topbarfitterinstall.sel {
  background-image: url(../../img/topbar/white/FitterInstall.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarfitterinstall.sel:hover  {
  background-image: url(../../img/topbar/white/FitterInstall.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

/* Topbar - Fitter - Swap.
*/
#headerleftinner li a.topbarfitterswap {
  background-image: url(../../img/topbar/white/FitterSwap.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarfitterswap:hover {
  background-image: url(../../img/topbar/white/FitterSwap.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

#headerleftinner li a.topbarfitterswap.sel {
  background-image: url(../../img/topbar/white/FitterSwap.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarfitterswap.sel:hover  {
  background-image: url(../../img/topbar/white/FitterSwap.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

/* Topbar - Fitter - Strip.
*/
#headerleftinner li a.topbarfitterstrip {
  background-image: url(../../img/topbar/white/FitterStrip.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarfitterstrip:hover {
  background-image: url(../../img/topbar/white/FitterStrip.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

#headerleftinner li a.topbarfitterstrip.sel {
  background-image: url(../../img/topbar/white/FitterStrip.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarfitterstrip.sel:hover  {
  background-image: url(../../img/topbar/white/FitterStrip.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

/* Topbar - Fitter - Debug.
*/
#headerleftinner li a.topbarfitterdebug {
  background-image: url(../../img/topbar/white/Admin.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarfitterdebug:hover {
  background-image: url(../../img/topbar/white/Admin.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

#headerleftinner li a.topbarfitterdebug.sel {
  background-image: url(../../img/topbar/white/Admin.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarfitterdebug.sel:hover  {
  background-image: url(../../img/topbar/white/Admin.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

/* Topbar - Fitter - Sync Odo.
*/
#headerleftinner li a.topbarfittersyncodo {
  background-image: url(../../img/topbar/white/Admin.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarfittersyncodo:hover {
  background-image: url(../../img/topbar/white/Admin.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

#headerleftinner li a.topbarfittersyncodo.sel {
  background-image: url(../../img/topbar/white/Admin.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarfittersyncodo.sel:hover  {
  background-image: url(../../img/topbar/white/Admin.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

/* Topbar - Fitter - Password.
*/
#headerleftinner li a.topbarfitterpassword {
  background-image: url(../../img/topbar/white/MyAccount.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarfitterpassword:hover {
  background-image: url(../../img/topbar/white/MyAccount.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

#headerleftinner li a.topbarfitterpassword.sel {
  background-image: url(../../img/topbar/white/MyAccount.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarfitterpassword.sel:hover  {
  background-image: url(../../img/topbar/white/MyAccount.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

/* Topbar - Fitter - Help.
*/
#headerleftinner li a.topbarfitterhelp {
  background-image: url(../../img/topbar/white/Help.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarfitterhelp:hover {
  background-image: url(../../img/topbar/white/Help.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

#headerleftinner li a.topbarfitterhelp.sel {
  background-image: url(../../img/topbar/white/Help.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarfitterhelp.sel:hover  {
  background-image: url(../../img/topbar/white/Help.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

/* Topbar - Root - Admin.
*/
#headerleftinner li a.topbarrootadmin {
  background-image: url(../../img/topbar/white/Admin.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarrootadmin:hover {
  background-image: url(../../img/topbar/white/Admin.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

#headerleftinner li a.topbarrootadmin.sel {
  background-image: url(../../img/topbar/white/Admin.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarrootadmin.sel:hover  {
  background-image: url(../../img/topbar/white/Admin.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

/* Topbar - App - Admin.
*/
#headerleftinner li a.topbarappadmin {
  background-image: url(../../img/topbar/white/Admin.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarappadmin:hover {
  background-image: url(../../img/topbar/white/Admin.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

#headerleftinner li a.topbarappadmin.sel {
  background-image: url(../../img/topbar/white/Admin.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarappadmin.sel:hover  {
  background-image: url(../../img/topbar/white/Admin.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

/* Topbar - Root - Performance.
*/
#headerleftinner li a.topbarrootperformance {
  background-image: url(../../img/topbar/white/Dashboard.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarrootperformance:hover {
  background-image: url(../../img/topbar/white/Dashboard.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

#headerleftinner li a.topbarrootperformance.sel {
  background-image: url(../../img/topbar/white/Dashboard.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarrootperformance.sel:hover  {
  background-image: url(../../img/topbar/white/Dashboard.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

/* Topbar - Root - Password.
*/
#headerleftinner li a.topbarrootpassword {
  background-image: url(../../img/topbar/white/MyAccount.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarrootpassword:hover {
  background-image: url(../../img/topbar/white/MyAccount.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

#headerleftinner li a.topbarrootpassword.sel {
  background-image: url(../../img/topbar/white/MyAccount.png);
  background-repeat: no-repeat;
  background-position: 50% 15%;
}

#headerleftinner li a.topbarrootpassword.sel:hover  {
  background-image: url(../../img/topbar/white/MyAccount.png), url("img/backgroundactive.png");
  background-repeat: no-repeat, repeat;
  background-position: 50% 15%, left top;
}

/* Set the colour for the second bar.
*/
div.divsecondbar {
  background: rgb(72,115,177);
}
.secondbar {
}
.secondbar li a {
  color: rgb(255,255,255);
}
.secondbar li.right {
  color: rgb(255,255,255);
}
.secondbar li a:hover {
  color: rgb(255,255,255);
  background: transparent url("img/backgroundactive.png") repeat scroll left top;
}
.secondbar a.selected {
  background: rgb(255,255,255);
  color: rgb(22,84,137);
  border-bottom: 8px solid rgb(255,255,255);
}
.secondbar a.selected:hover {
  background: rgb(255,255,255);
  color: rgb(22,84,137);
}

.secondbar a .secondbaremail {
  background-image: url(../../img/topbar/white/Email.png);
  background-repeat: no-repeat;
  background-position: 50% 0%;
}

.secondbar a.selected .secondbaremail {
  background-image: url(../../img/topbar/black/Email.png);
  background-repeat: no-repeat;
  background-position: 50% 0%;
}

/* Set the colours for the quick link bar.
*/
.leftbar {
  background: rgb(72,115,177);
  color: rgb(255,255,255);
}

.leftbar ul li ul li a {
  color: rgb(255,255,255);
}

.leftbar ul li a {
  color: rgb(255,255,255);
}

#leftbarfleetimg {
  background-image: url(../../img/topbar/white/Fleet.png);
  background-repeat: no-repeat;
  background-position: 50% 0%;
}

#leftbarreportsimg {
  background-image: url(../../img/topbar/white/Report.png);
  background-repeat: no-repeat;
  background-position: 50% 0%;
}

/* Set the colours for the help link bar.
*/
.helplinks {
  background: rgb(72,115,177);
  color: rgb(255,255,255);
}

.helplinks ul li ul li a {
  color:rgb(255,255,255);
}

.helplinks ul li a {
  color:rgb(255,255,255);
}

#helpbarintroimg {
  background-image: url(../../img/topbar/white/Help.png);
  background-repeat: no-repeat;
  background-position: 50% 0%;
}

#helpbarfleetimg {
  background-image: url(../../img/topbar/white/Fleet.png);
  background-repeat: no-repeat;
  background-position: 50% 0%;
}

#helpbarreportimg {
  background-image: url(../../img/topbar/white/Report.png);
  background-repeat: no-repeat;
  background-position: 50% 0%;
}

#helpbardashboardimg {
  background-image: url(../../img/topbar/white/Dashboard.png);
  background-repeat: no-repeat;
  background-position: 50% 0%;
}

#helpbarextrasimg {
  background-image: url(../../img/topbar/white/Extras.png);
  background-repeat: no-repeat;
  background-position: 50% 0%;
}

#helpbaradminimg {
  background-image: url(../../img/topbar/white/Admin.png);
  background-repeat: no-repeat;
  background-position: 50% 0%;
}

#helpbarmyaccountimg {
  background-image: url(../../img/topbar/white/MyAccount.png);
  background-repeat: no-repeat;
  background-position: 50% 0%;
}

/* Set the colour for the nav bar.
*/
.navdivbar {
  background: rgb(72,115,177);
  color: rgb(255,255,255);
}
.navdivbar a {
  background: rgb(72,115,177);
  color: rgb(255,255,255);
}
.navdivleft a:hover {
  background: transparent url("img/backgroundactive.png") repeat scroll left top;
  color: rgb(255,255,255);
}
.navdivleft input {
  background: rgb(72,115,177);
  color: rgb(255,255,255);
  border-width: 0px;
}
.navdivleft input:hover {
  background: transparent url("img/backgroundactive.png") repeat scroll left top;
  color: rgb(255,255,255);
  border-width: 0px;
}
.navdivleft input:focus {
  background: rgb(72,115,177);
  color: rgb(255,255,255);
  border-width: 0px;
}
.navdivspan b:hover {
  background: transparent url("img/backgroundactive.png") repeat scroll left top;
}

/* The form style.
*/
form {
  background: rgb(255,255,255);
}
form .pass {
  background-image:url(../../img/forms/pass.png);
  background-repeat:no-repeat;
  background-position:100% 50%;
}
form .progress {
  background-image:url(../../img/forms/progress.png);
  background-repeat:no-repeat;
  background-position:100% 50%;
}
form .fail {
  background-image:url(../../img/forms/fail.png);
  background-repeat:no-repeat;
  background-position:100% 50%;
}
form .warning {
  background-image:url(../../img/forms/warning.png);
  background-repeat:no-repeat;
  background-position:100% 50%;
}
form .document {
  background-image:url(../../img/forms/id.png);
  background-repeat:no-repeat;
  background-position:100% 4px;
}
form .action {
  background-image:url(../../img/forms/star.png);
  background-repeat:no-repeat;
  background-position:100% 4px;
}
form .map {
  background-image:url(../../img/forms/globe.png);
  background-repeat:no-repeat;
  background-position:100% 4px;
}
form .performupdate {
  background-image:url(../../img/forms/processing.png);
  background-repeat:no-repeat;
  background-position:100% 4px;
}
form .permissions {
  background-image:url(../../img/forms/lock.png);
  background-repeat:no-repeat;
  background-position:100% 4px;
}
form .config {
  background-image:url(../../img/forms/configuration.png);
  background-repeat:no-repeat;
  background-position:100% 4px;
}
form .login {
  background-image:url(../../img/forms/agent.png);
  background-repeat:no-repeat;
  background-position:100% 4px;
}
form .newpassword {
  background-image:url(../../img/forms/unlock.png);
  background-repeat:no-repeat;
  background-position:100% 4px;
}
form .contact {
  background-image:url(../../img/forms/email.png);
  background-repeat:no-repeat;
  background-position:100% 4px;
}
form .fleet {
  background-image:url(../../img/forms/van.png);
  background-repeat:no-repeat;
  background-position:100% 4px;
}
form .tap {
  background-image:url(../../img/forms/tap.png);
  background-repeat:no-repeat;
  background-position:100% 4px;
}
form .group {
  background-image:url(../../img/forms/multi-agents.png);
  background-repeat:no-repeat;
  background-position:100% 4px;
}
form .work {
  background-image:url(../../img/forms/briefcase.png);
  background-repeat:no-repeat;
  background-position:100% 4px;
}
form .calendar {
  background-image:url(../../img/forms/calendar.png);
  background-repeat:no-repeat;
  background-position:100% 4px;
}
form legend {
  color: rgb(22,84,137);
  background-color: rgb(255,255,255);
  border:1px solid rgb(208,208,208);
}
form fieldset {
  border:1px solid rgb(208,208,208);
  background-color: rgb(245,245,245);
}
form fieldset.fail {
  border:1px solid rgb(255,0,0);
  background-color: rgb(255,210,210);
  color: rgb(220,0,0);
  font-style:italic;
  font-weight:bold;
  text-align:left;
}
form fieldset.pass {
  border:1px solid rgb(0,190,0);
  background-color: rgb(210,255,210);
  color: rgb(0,190,0);
  font-style:italic;
  font-weight:bold;
  text-align:left;
}
form fieldset.progress {
  border:1px solid rgb(230,160,10);
  background-color: rgb(255,235,180);
  color: rgb(230,160,10);
  font-style:italic;
  font-weight:bold;
  text-align:left;
}
form fieldset.warning {
  border:1px solid rgb(230,160,10);
  background-color: rgb(255,235,180);
  color: rgb(230,160,10);
  font-style:italic;
  font-weight:bold;
  text-align:left;
}
form input, input:hover, textarea, textarea:hover {
  background: rgb(253,253,253);
  border:1px solid rgb(208,208,208);
}
form input:focus, textarea:focus {
  border-color: rgb(243,243,128);
  background: rgb(253,253,240);
}
form input.red {
  background: rgb(255,219,220);
  border-color: rgb(241, 140, 110);
}
form .radio legend {
  color: rgb(0,0,0);
  border-width:0px;
}
form .button {
  color: rgb(255,255,255);
  background: rgb(39,63,115);
}
form .button:hover {
  background: rgb(72,115,177);
}
form .button:disabled {
  background: rgb(197,197,197);
}

/* The spinner.
*/
.spinner {
  background: url(img/spinner.gif) 50% 50% no-repeat;
}

/* Other bits.
*/
.divlight {
  background: rgb(72,115,177);
  color: rgb(72,115,177);
}

#shrink {
  background-color: rgb(72,115,177);
}

#grow {
  background-color: rgb(72,115,177);
}

/* The maps.
*/
.divmapsettings {
  background-color: rgb(72,115,177) !important;
  color: rgb(255,255,255);
}

.divmaplayerswitcher {
  background-color: rgb(72,115,177) !important;
  color: rgb(255,255,255);
}

.mapsettingsspan {
  color: rgb(255,255,255);
  border: 1px solid rgb(255,255,255);
}

.divmapdragiconbackground {
  background-color: rgb(39,63,115);
}

.divmapsearch {
  background-color: rgb(72,115,177) !important;
}

.searchbutton {
  background-color: rgb(72,115,177);
}

.divmappopupinner button {
  color: rgb(255,255,255);
  background: rgb(39,63,115);
}
.divmappopupinner button:hover {
  color: rgb(255,255,255);
  background: rgb(72,115,177);
}

.ol-mouse-position {
  background-color: rgb(72,115,177);
  color: rgb(255,255,255);
}

.buttonmaprightbar {
  background-color: rgb(39,63,115);
}
.buttonmaprightbarhighlight {
  background-color: rgb(72,115,177);
}
.buttonmaprightbar:focus {
  background-color: rgb(39,63,115);
}
.buttonmaprightbar:hover {
  background-color: rgb(72,115,177);
}

.buttonmapbottombar {
  background-color: rgb(39,63,115);
}
.buttonmapbottombar:focus {
  background-color: rgb(39,63,115);
}
.buttonmapbottombar:hover {
  background-color: rgb(72,115,177);
}

/* The dialogs.
*/
.dialogbuttonok {
  color: rgb(255,255,255);
  background: rgb(39,63,115);
}
.dialogbuttonok:hover {
  color: rgb(255,255,255);
  background: rgb(72,115,177);
}
.dialogbuttonyesno {
  color: rgb(255,255,255);
  background: rgb(39,63,115);
}
.dialogbuttonyesno:hover {
  color: rgb(255,255,255);
  background: rgb(72,115,177);
}
.ui-widget-header {
  color: rgb(255,255,255);
  background: rgb(39,63,115);
}
.ui-datepicker-header {
  color: rgb(255,255,255);
  background: rgb(39,63,115);
}
.ui-dialog-titlebar {
  color: rgb(255,255,255);
  background: rgb(39,63,115);
}

/* The print button.
*/
#btnprint {
  color: rgb(0,0,0);
  background-color: rgb(39,63,115);
}
#btnprint:hover {
  color: rgb(0,0,0);
  background-color: rgb(72,115,177);
}
#btnprint:disabled {
  background: rgb(197,197,197);
}

/* The href buttons.
*/
.href {
  color: rgb(255,255,255);
  background: rgb(39,63,115);
}
.href:hover {
  background: rgb(72,115,177);
}

/* The calendar.
*/
.fc-day-header {
  background: rgb(39,63,115);
  color:white !important;
  font-weight: bold;
}
.fc-day {
  background-color: rgb(245,245,245);
}
.fc-other-month {
  background-color:white;
}