/* Yale Vision Theme */

div#divLogo {
	text-indent: -5000px;
	background: url(../Images/FleetOnline/Speedshield-Logo.png) no-repeat;
	width: 160px;
	height: 53px;
}


.titleSignin { background: transparent url(../Images/FleetOnline/signin-icon-speedshield.png) 5px 50% no-repeat; }
.titleResetPassword { background: transparent url(../Images/FleetOnline/password-icon-speedshield.png) 5px 50% no-repeat; }
.titleTips { background: transparent url(../Images/FleetOnline/tips-icon-speedshield.png) 5px 50% no-repeat; }
.titleAnnouncements { background: transparent url(../Images/FleetOnline/announcements-icon-speedshield.png) 5px 50% no-repeat; }
.titleDashboard { background: transparent url(../Images/Yale/dashboard-icon-yale-l.png) 5px 50% no-repeat; }
.titleReports, .titleReportBuilder { background: transparent url(../Images/Yale/reports-icon-yale-l.png) 0 50% no-repeat; }
.titleAdmin { background: transparent url(../Images/FleetOnline/admin-icon-speedshield-l.png) 5px 50% no-repeat; }
.titleAccountSettings { background: transparent url(../Images/FleetOnline/accountsettings-icon-speedshield-l.png) 0px 50% no-repeat; }
.titleTools { background: transparent url(../Images/FleetOnline/tools-icon-speedshield-l.png) 0px 50% no-repeat; }

a.backlink {
	border-bottom: 1px solid #067dc9;
	background: transparent url(../Images/FleetOnline/backlink-icon-speedshield.gif) 0 50% no-repeat;
}

a:hover.backlink {
	border-color: #078de2;
}

div#divHeader {
	background-color: #3b3b3b;
}

/* Main Tabs
------------------------------- */

ul#ulNav a:hover, ul#ulNav a:active, ul#ulNav a.current {
	background-color: #696969;
	text-shadow: 1px 1px 1px #0a66a0;
}

ul#ulNav li#liDashboard a:link, ul#ulNav li#liDashboard a:visited { background: #696969 url(../Images/Yale/dashboard-icon-yale.png) 14px 50% no-repeat; }
ul#ulNav li#liDashboard a:hover, ul#ulNav li#liDashboard a.current { background: #078de2 url(../Images/Yale/dashboard-icon-yale.png) 14px 50% no-repeat; }

ul#ulNav li#liEnergy a:link, ul#ulNav li#liEnergy a:visited { background: #696969 url(../Images/Yale/dashboard-icon-yale.png) 14px 50% no-repeat; }
ul#ulNav li#liEnergy a:hover, ul#ulNav li#liEnergy a.current { background: #078de2 url(../Images/Yale/dashboard-icon-yale.png) 14px 50% no-repeat; }

ul#ulNav li#liReports a:link, ul#ulNav li#liReports a:visited { background: #696969 url(../Images/Yale/reports-icon-yale.png) 14px 50% no-repeat; }
ul#ulNav li#liReports a:hover, ul#ulNav li#liReports a.current { background: #078de2 url(../Images/Yale/reports-icon-yale.png) 14px 50% no-repeat; }

ul#ulNav li#liAnalytics a:link, ul#ulNav li#liAnalytics a:visited { background: #696969 url(../Images/Yale/reports-icon-yale.png) 14px 50% no-repeat; }
ul#ulNav li#liAnalytics a:hover, ul#ulNav li#liAnalytics a.current { background: #078de2 url(../Images/Yale/reports-icon-yale.png) 14px 50% no-repeat; }

ul#ulNav li#liAdmin a:link, ul#ulNav li#liAdmin a:visited { background: #696969 url(../Images/Yale/admin-icon-yale.png) 18px 50% no-repeat; }
ul#ulNav li#liAdmin a:hover, ul#ulNav li#liAdmin a.current { background: #078de2 url(../Images/Yale/admin-icon-yale.png) 18px 50% no-repeat; }

ul#ulNav li#liTools a:link, ul#ulNav li#liTools a:visited { background: #696969 url(../Images/Yale/tools-icon-yale.png) 15px 50% no-repeat; }
ul#ulNav li#liTools a:hover, ul#ulNav li#liTools a.current { background: #078de2 url(../Images/Yale/tools-icon-yale.png) 15px 50% no-repeat; }

ul#ulNav li#liGPS a:link, ul#ulNav li#liGPS a:visited { background: #696969 url(../Images/Yale/gps-icon-yale.png) 15px 50% no-repeat; }
ul#ulNav li#liGPS a:hover, ul#ulNav li#liGPS a.current { background: #078de2 url(../Images/Yale/gps-icon-yale.png) 15px 50% no-repeat; }

ul#ulNav li#liVIP a:link, ul#ulNav li#liVIP a:visited { background: #696969 url(../Images/Yale/chat-icon-yale.png) 15px 50% no-repeat; }
ul#ulNav li#liVIP a:hover, ul#ulNav li#liVIP a.current { background: #078de2 url(../Images/Yale/chat-icon-yale.png) 15px 50% no-repeat; }

/* Sub Tabs
------------------------------- */

ul#ulNavright li#liAccountSetting a { background: #696969 url(../Images/Yale/accountsettings-icon-yale.png) 14px 50% no-repeat; }

ul#ulNavright a {
	background-color: #696969;
}

ul#ulNavright a:hover, ul#ulNavright a:active, ul#ulNavright a.current {
	background-color: #078de2;
	text-shadow: 1px 1px 1px #0a66a0;
	color: #FFF;
}

ul#ulNavright li#liAccountSetting a:hover, ul#ulNavright li#liAccountSetting a.current { background: #078de2 url(../Images/Yale/accountsettings-icon-yale.png) 14px 50% no-repeat; }

/* Sub Nav
------------------------------- */

ul.subnav {
	background-color: #dfdfdf;
   background-image: url(../Images/Yale/subnav-gradient-yale.png); 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#dfdfdf));
   background-image: -webkit-linear-gradient(top, #FFFFFF, #dfdfdf); 
   background-image:    -moz-linear-gradient(top, #FFFFFF, #dfdfdf);
   background-image:     -ms-linear-gradient(top, #FFFFFF, #dfdfdf);
   background-image:      -o-linear-gradient(top, #FFFFFF, #dfdfdf);
}

ul.subnav li a:hover, ul.subnav li.hover, body.FleetAnalysis a#hypFleetAnalysis,
body.EventResponse a#hypEventResponse,
body.WorkforceAnalysis a#hypWorkforceAnalysis,
body.OperatorCompliance a#hypOperatorCompliance {
	background: #cecece;
}

/* LEVEL TWO */

ul.subnav ul li 					{ background: #cecece; }								  
ul.subnav ul li a:hover				{ background-color: #b2ddf8; }

/* Side Menu
------------------------------- */

ul#ulSidemenu {
	color: #3b3b3b;
}

ul#ulSidemenu a {
	color: #3b3b3b;
}

ul#ulSidemenu a:hover {
	color: #000;
}

ul#ulSidemenu a.current, ul#ulSidemenu li.ui-tabs-selected {
	color: #000;
	background: transparent url(../Images/FleetOnline/sidemenu-highlight-speedshield.png) 0 50% no-repeat;
}

/* Forms
------------------------------- */

fieldset.formColour {
	background-color: #fff7e3;
	margin-bottom: 2em;
}

fieldset.formColour h3, div.hover h3 {
	background-color: #e7ab18;
	color: #FFF;
	font-weight: bold;
}

input[type="submit"], input[type="button"] {
	font-size: 0.875em; /* 14px / 16px */
	line-height: 1;
	padding: 10px;
	color: #FFF;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background-color: #078de2;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#078de2), to(#067dc9), color-stop(.6,#078de2));
	background-image: -moz-linear-gradient(19% 75% 90deg,#067dc9, #078de2, #078de2 100%);
	text-shadow: 0 1px 1px rgba(5, 89, 137, 0.90);
	-webkit-box-shadow: 0 1px 2px rgba(5, 78, 105, 0.5);
	-moz-box-shadow: 0 1px 2px rgba(5, 78, 105, 0.5);
	box-shadow: 0 1px 2px rgba(5, 78, 105, 0.5);
}


fieldset.warning {
	background: transparent url(../Images/Yale/warning-icon-yale.png) 0 20px no-repeat;
}

/* Tables 
------------------------------- */

table tfoot td {
	background-color: #ffe6aa;
}

table tfoot td a.current, table tfoot td a:hover {
	background-color: #e7ac1a;
}

/* DataTable */

/*table.dataTable tr.odd td.sorting_1 { background-color: #ffe6a7 !important; }
table.dataTable tr.even td.sorting_1 { background-color: #fff5dd !important; }

.paging_full_numbers a.paginate_active {
	background-color: #E6A912 !important; 
}*/

table.display tr.even.row_selected td {
	background-color: #e2e2e2;
	color: #000;
}

table.display tr.odd.row_selected td {
	background-color: #e2e2e2;
	color: #000;
}

table tbody tr.odd.row_selected td {
    background-color: #e2e2e2;
	color: #000;
}

table tbody tr.even.row_selected td {
    background-color: #e2e2e2;
	color: #000;
}

.dataTables_scrollHead table th.sorting_asc, .dataTables_scrollHead table th.sorting_desc {
    background-color: #b2ddf8;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);   
}

.dataTables_paginate a:hover {
    background-color: #b2ddf8;
}

.paging_full_numbers a.paginate_active {
       background-color: #b2ddf8;
}


/* Dashboard
------------------------------- */

div.hover fieldset {
	border: 1px solid #cdcdcd;
}

#secondary ul li a:hover, #secondary ul li a:active  {
	color: #cdcdcd;
}

#secondary ul li.current a {
	background: transparent url(../Images/Dashboard/dashboard-bullet.png) 0 50% no-repeat;
	color: #cdcdcd;
	font-weight: bold; 
}

p.aDashboard a:hover, p.aDashboard a:active {
	color: #cdcdcd;
}

/* Modal
------------------------------- */

.modalWrapper {
	background-color: #FFF;
}

ul.modalTabs li a {
	background: url(../Images/FleetOnline/modal-tabs-speedshield.png) no-repeat;
}

#pFirstStep a {
    color: #e6a912;
    text-decoration: underline;
}

#pUtilizationDisclaimer {
    background-color: #e6a912;
}

/* JQuery DatePicker
------------------------------- */

.ui-widget-header {
    background: #b2ddf8;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #078de2;
    background: #b2ddf8 url(../Images/Yale/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
}

#ui-datepicker-div { display: none; }

/* Checklist
------------------------------- */

.connectedSortable a:hover, .connectedSortable a:active {
    background-color: #e2e2e2;
    border: 1px solid #3b3b3b;
} 

.connectedSortableSelected a {
    background-color: bisque;
    color: red;
}

/* Dashboard
------------------------------- */

.dash h3, div.ui-accordion h4.ui-accordion-header {
    color: #000;
    background-color: #b2ddf8;
    font-weight: bold;
}

fieldset.formColour h3, div.hover h3, div.ui-accordion h4.ui-state-active, div.ui-accordion h4.ui-state-hover {
    color: #FFF;
   background-color: #65b3e5;
}

h2 {
    color: #078de2;
}




/* Activation Form
------------------------------- */
img.helpIcon {
    position: absolute;
    width: 0px; /*trick Chome to make it think there is nothing so it doesnt give us a border and then pad the size instead*/
    height: 0px;
    padding: 17px 15px 0px 5px;
    margin-left: 5px;
    background-image: url('../Images/FleetOnline/question-icon-fleetonline.png');
    background-size: 15px 15px;
    background-repeat: no-repeat;
    cursor: help;
    display: inline;
}