/* DEFAULTS
----------------------------------------------------------*/
/*html5 semantics tags */
article, aside, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	background: #b6b7bc;
	font-size: 12px;
	font-family: Verdana, "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #231F20;
}

a:link, a:visited {
	color: #3A4F63;
}

a:hover {
	color: #1d60ff;
}

a:active {
	color: #3A4F63;
}

p {
	margin-bottom: 10px;
	line-height: 1.6em;
}

img {
	border: none 0;
}

/* HEADINGS   
----------------------------------------------------------*/

h1 {
	font-size: 19px;
	padding-bottom: 0;
	margin-bottom: 0;
	color: #1B81C8;
	text-transform: none;
	font-weight: 200;
}

h2 {
	font-size: 24px;
	font-weight: bold;
	color: #1B81C8;
	font-variant: normal;
	text-transform: none;
	margin-bottom: 0;
	padding-bottom: 25px;
}

	h2 a {
		color: #1B81C8 !important;
		text-decoration: none;
}

h2 a:hover {
			text-decoration: underline;
}

h3 {
	font-size: 14px;
	color: #1B81C8;
	font-variant: small-caps;
	text-transform: none;
	font-weight: 600;
	margin-bottom: 0;
}

h4 {
	font-size: 13px;
	color: #1B81C8;
	font-variant: small-caps;
	text-transform: none;
	font-weight: 600;
	margin-bottom: 0;
}

h5, h6 {
	font-size: 12px;
	color: #1B81C8;
	font-variant: small-caps;
	text-transform: none;
	font-weight: 200;
	margin-bottom: 0;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */

.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
	margin-top: 0;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page {
	width: 960px;
	background-color: #fff;
	margin: 20px auto 0 auto;
	border: 1px solid #496077;
}

.header {
	position: relative;
	margin: 0;
	padding: 0;
	background: #ffffff;
	width: 100%;
}

.header h1 {
	font-weight: 700;
	margin: 0;
		padding: 0 0 0 10px;
	color: #ffffff;
	border: none;
	line-height: 2em;
	font-size: 2em;
}

.main {
	padding: 0 12px;
	margin: 12px 8px 8px 8px;
	min-height: 420px;
	position:relative;
}

.leftCol {
	padding: 6px 0;
	margin: 12px 8px 8px 8px;
	width: 200px;
	min-height: 200px;
}

.footer {
	color: #4e5766;
	padding: 8px 0 0px 0;
	margin: 0 auto;
	line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink {
	background-color: #3a4f63;
	width: 100%;
}

div.menu {
	padding: 4px 0 4px 8px;
}

div.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
}

div.menu ul li a, div.menu ul li a:visited {
	background-color: #465c71;
	border: 1px #4e667d solid;
	color: #dde4ec;
	display: block;
	line-height: 1.35em;
	padding: 4px 20px;
	text-decoration: none;
	white-space: nowrap;
}

div.menu ul li a:hover {
	background-color: #bfcbd6;
	color: #465c71;
	text-decoration: none;
}

div.menu ul li a:active {
	background-color: #465c71;
	color: #cfdbe6;
	text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #ccc;
}

fieldset p {
	margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label {
	display: block;
}

fieldset label.inline {
	display: inline;
}

legend {
	font-size: 1.1em;
	font-weight: 600;
	padding: 2px 4px 8px 4px;
}

input.textEntry {
	width: 320px;
	border: 1px solid #ccc;
}

input.passwordEntry {
	width: 320px;
	border: 1px solid #ccc;
}

div.accountInfo {
	width: 42%;
}

div.accountInfoPIN {
	width: 210px;
}

input.pin {
	width: 100px;
}

/* MISC  
----------------------------------------------------------*/

.clear {
	clear: both;
}

.display-none {
	display: none;
}

.failureNotification {
	font-size: 0.8em;
	color: Red;
}

.bold {
	font-weight: bold;
}

.submitButton {
	text-align: right;
	padding-right: 10px;
}

.small-text {
	font-size: 75%;	
}

.txt-right-aligned {
	text-align: right;
}
/* MISHA  
----------------------------------------------------------*/
.currentPeriod {
	color: #1B81C8;
}

.totalMileage {
	font-weight: bold;
}

.totalPersonalMiles {
	color: Red;
	font-weight: bold;
}

.highlight2 {
	background-color:#FCB913;
	color:Black;
}

.highlight {
	background-color:Yellow;
	color:Red;
}

.disabled {
	background-color:#cccccc;
}
.disabledInput {
	background-color: #EBEBE4;
	border: 1px solid #A9A9A9;
	color: #545454;
	padding: 1px;
}
/* END MISHA  
----------------------------------------------------------*/

/* BUTTON
----------------------------------------------------------*/

.header-button {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4d9ad9), color-stop(1, #1862ac) );
	background: -moz-linear-gradient( center top, #4d9ad9 5%, #1862ac 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d9ad9', endColorstr='#1862ac');
	background-color: #4d9ad9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #1862ac;
	display: inline-block;
	color: #ffffff;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	padding: 4px 7px;
	text-decoration: none;
	text-shadow: 1px 1px 50px #ffffff;
}

.header-button:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1862ac), color-stop(1, #4d9ad9) );
	background: -moz-linear-gradient( center top, #1862ac 5%, #4d9ad9 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1862ac', endColorstr='#4d9ad9');
	background-color: #1862ac;
}

a.header-button:active, .header-button:active {
	position: relative;
	top: 1px;
}

.admin-button {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background-color: #f42f0f;
	background-repeat: repeat-x;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f42f0f), to(#f8a76b));
	background: -webkit-linear-gradient(top, #f8a76b, #f42f0f);
	background: -moz-linear-gradient(top, #f8a76b, #f42f0f);
	background: -ms-linear-gradient(top, #f8a76b, #f42f0f);
	background: -o-linear-gradient(top, #f8a76b, #f42f0f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8a76b', endColorstr='#f42f0f');
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #f42f0f;
	color: white;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	padding: 4px 7px;
	text-decoration: none;
	text-shadow: 1px 1px 50px #ffffff;
	min-width: 70px;
	text-align: center;
}

.admin-button:hover{
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f42f0f), color-stop(1, #f8896b) );
	background: -moz-linear-gradient( center top, #f42f0f 5%, #f8896b 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f42f0f', endColorstr='#f8896b');
	background-color: #f42f0f;
	color: white;
}

a.action-button, .action-button {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fcd63f), color-stop(1, #ffbc12) );
	background: -moz-linear-gradient( center top, #fcd63f 5%, #ffbc12 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcd63f', endColorstr='#ffbc12');
	background-color: #fcd63f;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #fcb716;
	display: inline-block;
	color: #7F7F7F; 
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	padding: 4px 7px;
	text-decoration: none;
	text-shadow: 1px 1px 50px #ffffff;
	min-width: 70px;
	text-align: center;
}

a.action-button:hover, .action-button:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffbc12), color-stop(1, #fcd63f) );
	background: -moz-linear-gradient( center top, #ffbc12 5%, #fcd63f 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbc12', endColorstr='#fcd63f');
	background-color: #ffbc12;
	color: #231f20;
}

a.action-button:active, .action-button:active {
	position: relative;
	top: 1px;
}

.subprocess-button {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4d9ad9), color-stop(1, #1862ac) );
	background: -moz-linear-gradient( center top, #4d9ad9 5%, #1862ac 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d9ad9', endColorstr='#1862ac');
	background-color: #4d9ad9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #1862ac;
	display: inline-block;
	color: #ffffff;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	padding: 4px 7px;
	text-decoration: none;
	text-shadow: 1px 1px 50px #ffffff;
	min-width: 70px;
}

.subprocess-button:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1862ac), color-stop(1, #4d9ad9) );
	background: -moz-linear-gradient( center top, #1862ac 5%, #4d9ad9 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1862ac', endColorstr='#4d9ad9');
	background-color: #1862ac;
}

a.subprocess-button:link, a.subprocess-button:visited {
	color: #ffffff;
}

a.subprocess-button:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1862ac), color-stop(1, #4d9ad9) );
	background: -moz-linear-gradient( center top, #1862ac 5%, #4d9ad9 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1862ac', endColorstr='#4d9ad9');
	background-color: #1862ac;
	color: #ffffff;
}

a.subprocess-button:active, .subprocess-button:active {
	position: relative;
	top: 1px;
	color: #ffffff;
}

/* END BUTTON
----------------------------------------------------------*/

/* HEADER */

.header-top-left {
	width: auto;
}

.title {
	display: block;
	float: left;
	text-align: left;
}

.mockup {
	font-size: 1.0em;
	font-weight: bold;
	color: #0083c9;
	float: left;
}

.chat {
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top: 3px;
	float: right;
}

.chat a:link {
		text-decoration: underline;
}

.chat a:hover {
		text-decoration: underline;
}


.loginDisplay {
	font-size: 1.1em;
	display: block;
	text-align: right;
	padding: 10px;
	color: Black;
	float: right;
}

.loginDisplay a:link {
	color: white;
}

.loginDisplay a:visited {
	color: white;
}

.loginDisplay a:hover {
	color: white;
}

/* END HEADER */

/* START NAV MENU */

#home-navigation {
	padding: 0px 0px 0px 8px;
	background-color: #A6A8AB;
	margin: 0;
	height: 30px;
}

ul#home-menu, ul#home-menu ul {
	margin: 0;
	list-style: none;
	padding: 0;
}

#home-menu {
	background-color: #A6A8AB;
}

ul#home-menu ul {
	background-color: #ffffff;
}

ul#home-menu ul {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;    
	padding: 0 10px 10px;
	border-left: 1px solid #A6A8AB;
	border-bottom: 1px solid #A6A8AB;
	border-right: 1px solid #A6A8AB;
}

ul#home-menu li:hover > * {
	display: block;
}

ul#home-menu li {
	position: relative;
	display: block;
	white-space: nowrap;
	font-size: 0;
	float: left;
}

ul#home-menu li:hover {
	z-index: 1;
}

ul#home-menu {
	font-size: 0;
	z-index: 999;
	position: relative;
	display: inline-block;
	zoom: 1;
	*display:inline;
}

ul#home-menu > li {
	margin: 0;
	border-left: 1px solid #A6A8AB;
}

* html ul#home-menu li a {
	display:inline-block;
}

ul#home-menu a:active, ul#home-menu a:focus {
	outline-style: none;
}

ul#home-menu a {
	display: block;
	vertical-align: middle;
	text-align: left;
	text-decoration: none;
	font-size: 12px;	
	text-decoration: none;	
	color: #ffffff;
	cursor: pointer;
	padding: 6px 20px 4px 15px;
	background-color: #A6A8AB;
	border-left: 1px solid #A6A8AB;    
}

ul#home-menu  li >a {
	height: 20px;
}

ul#home-menu ul li {
	float: none;
	margin: 2px 0 0;
}

ul#home-menu ul a {
	font-size: 11px;
	text-align: left;
	padding: 2px 4px;
	background-color: #FFFFFF;
	background-image: none;
	border-width: 0;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	color: #1183C6;
	text-decoration: none;
}

ul#home-menu li:hover > a, ul#home-menu a.pressed {
	background-color: #ffffff;
	color: #A6A8AB;
	text-decoration: none;    
}

ul#home-menu li.topfirst:hover > a, ul#home-menu li.topfirst:hover a.pressed {
	border-left: 1px solid #A6A8AB;
	border-right: 1px solid #A6A8AB;
}

ul#home-menu img {
	border: none;
	vertical-align: middle;
	margin-right: 10px;
}

ul#home-menu img.over {
	display: none;
}

ul#home-menu li:hover > a img.def {
	display: none;
}

ul#home-menu li:hover > a img.over {
	display: inline;
}

ul#home-menu li a.pressed img.over {
	display: inline;
}

ul#home-menu li a.pressed img.def {
	display: none;
}

ul#home-menu span {
	display: block;
	overflow: visible;
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 0px;
}

ul#home-menu li:hover > a, ul#home-menu li > a.pressed {
	background-color: #ffffff;
	color: #A6A8AB;
	text-decoration: none;
}

/* DD Removed as was the wrong way around anyway
ul#home-menu li.menu-has-child:hover > a, ul#home-menu li.menu-has-child > a.pressed {
	background-image: url('../Images/grey-arrow.png');
	background-repeat: no-repeat;
	background-position: right center;    
}
*/

ul#home-menu ul li:hover > a, ul#home-menu ul li > a.pressed {
	background-color: #E2E2E2;
	background-image: none;
	color: #1183C6;
	text-decoration: none;
}

ul#home-menu li.topfirst > a {
	border-radius: 0px 0 0 0px;
	-moz-border-radius: 0px 0 0 0px;
	-webkit-border-radius: 0px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}

ul#home-menu li.toplast > a {
	border-radius: 0 0px 0px 0;
	-moz-border-radius: 0 0px 0px 0;
	-webkit-border-radius: 0;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
}

.menu-has-child:hover {
	background-color: #ffffff;
}

.menu-has-child  > a {
	background-image: url('../Images/white-arrow.png');
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 10px;
}

.menu-has-child a span {
	line-height: normal;
	font-weight: bold;
	float: right;
	display: inline;
	text-align: right;
	margin: 0;
	padding: 0;
	width: 10px;
}

/* DD additions to fix flyout*/
li.menu-has-child {
	position: relative !important;
	background: #fff !important;
}

li.menu-has-child ul{
		position: absolute;
		top: 0 !important;
		border-top: 1px solid #ccc;
		width: 200px !important;
		min-width: 200px;
		left: 98% !important;
}

/* END NAV MENU */

/* BEGIN Search Area */

.search-area {
	padding: 15px;
	border: solid 1px silver;
	border-radius: 5px;
}

.search-area-reduced {
	padding: 0 15px 15px;
}

/* END Search Area */

/* BEGIN dropdownchecklist */

/** Simple modifications needed for DropDownCheckList to take advantage of ThemeRoller settings */

.ui-dropdownchecklist .ui-widget-content, .ui-dropdownchecklist .ui-widget-header {
	border: none;
}

.ui-dropdownchecklist-indent {
	padding-left: 7px;
}
/* Font size of 0 on the -selector and an explicit medium on -text required to eliminate 
   descender problems within the containers and still have a valid size for the text */

.ui-dropdownchecklist-selector-wrapper, .ui-widget.ui-dropdownchecklist-selector-wrapper {
	vertical-align: middle;
	font-size: 0;
}

.ui-dropdownchecklist-selector {
	padding: 1px 2px 2px 2px;
	font-size: 0;
}

.ui-dropdownchecklist-text {
	font-size: 12px;
}

.ui-dropdownchecklist-item, .ui-dropdownchecklist-item input {
	vertical-align: middle;
}

.ui-dropdownchecklist-group {
	padding: 1px 2px 2px 2px;
}

/* END dropdownchecklist */
/* BEGIN table styling */
.table {
}

.table td, .table th {
	padding: 3px 5px;
}

	.table tr:not(:first-child) {
	border-bottom: 1px solid #E3E3E3;
	border-right: 1px solid #E3E3E3;
	border-left: 1px solid #E3E3E3;
}

.table th {
	vertical-align: bottom;
	font-weight: bold;
}

		.table th:first-child {
	border-left: 1px solid #E3E3E3;
}

.table th:not(:first-child), td:not(:first-child) {
	border-left: 1px solid White;
}

.table-alt-row {
	background-color: #F9F9F9;
}

.radio-button-table th {
	vertical-align: bottom;
	font-weight: bold;
	padding: 3px 8px;
}

.radio-button-table td {
	padding: 3px 8px;
}

.data-grid-text input {
	width: 100%;
}
/* END table styling */
/* BEGIN table-legend styling */
.table-legend {
	border-collapse: collapse;
	border: none 0;	
}

.table-legend td, .table-legend th {
	padding: 2px 5px;
}

	.table-legend th {
		text-align: left;
		font-weight: normal;
	}

	.table-legend .form-layout-title {
		padding-top: 10px;
	}
/* END table styling */

/* BEGIN pager */

.pager {
	padding: 10px 5px 5px;
}

.page-number {
	padding: 4px;
}

a.page-number:hover {
	background-color: silver;
}

.current-page {
	background-color: silver;
}

.gv-pager td {
	padding-top: 5px;
}

.gv-pager a {
	padding: 4px;
}

.gv-pager a:hover {
	background-color: #D7D7D7;
}

.gv-pager span {
	background-color: silver;
	padding: 4px;
}

.gv-pager .current.prev, .gv-pager .current.next{
}
/* END pager */
/* BEGIN jQuery UI */

.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto; /* prevent horizontal scrollbar */
	overflow-x: hidden; /* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
	* we use height instead, but this forces the menu to always be this tall
	*/
* html .ui-autocomplete {
	height: 300px;
}

/* END jQuery UI */

/* BEGIN table default */
.nowrap {
	white-space: nowrap;
}

.thdef {
	background-color: #E3E3E3;
	text-align: left;
	vertical-align: bottom;
	font-weight: bold;	
}

.thdef :first-child {
	border-left: 1px solid #E3E3E3;
}

.thdef :last-child {
	border-right: 1px solid #E3E3E3;
}

.thdef :not(:first-child) {
	border-left: 1px solid White;
}

.rightalign {
	text-align: right;
}
/* END table default */

/* BEGIN check status */
.checkstatus_0 {
	background-color: White;
}

.checkstatus_1 {
	background-color: #FFFFC4;
}

.checkstatus_2 {
	background-color: #F9EAC8;
}

.checkstatus_3 {
	background-color: #e7f3dc;
}

.checkstatus_4 {
	background-color: #e7f3dc;
}

.checkstatus_5, .checkstatus_8 {
	background-color: #C7E7F8; /* light blue */
}

.checkstatus_6 {
	background-color: #FFCDA8; /* Light orange - peach */
}

.checkstatus_7 {
	background-color: #D7FFBF; /* light green */
}

/* END check status */


/* BEGIN summary status */
.sumstat_0 {
	background-color: White;
}

.sumstat_1 {
	background-color: #FFFFC4;
}

.sumstat_2 {
	background-color: #F9EAC8;
}

.sumstat_3 {
	background-color: #e7f3dc;
}

.sumstat_4 {
	background-color: #e7f3dc;
}

.sumstat_5 {
	background-color: #C7E7F8;
}

.sumstat_6 {
	background-color: #FBD5D5;
}
/* END summary status */

/* BEGIN View Tbale */

.view-table  a {
	text-decoration: none;
}

/* END View Tbale */

/* BEGIN Approval Buttons */

.approval-process-button {
	width: 19px;
	height: 19px;
	display: inline-block;
	float: left;
	padding: 0px 2px;
}

.trip-approve-all {
	background: url("../Images/Icons/TickStatus.png") no-repeat;   	
}

.trip-approve-all:hover {
	background: url("../Images/Icons/Tick.png") no-repeat;   	
}

.trip-approve {
	background: url("../Images/Icons/TickFade.png") no-repeat;   	
}

.trip-approve:hover {
	background: url("../Images/Icons/Tick.png") no-repeat;   	
}

.trip-pending {
	background: url("../Images/Icons/QuestionMarkFade.png") no-repeat;   	
}

.trip-pending:hover {
	background: url("../Images/Icons/QuestionMark.png") no-repeat;   	
}

.trip-deny {
	background: url("../Images/Icons/CrossFade.png") no-repeat;   	
}

.trip-deny:hover {
	background: url("../Images/Icons/Cross.png") no-repeat;   	
}

.trip-delete {
	background: url("../Images/Icons/DeleteAction.png") no-repeat;   	
}

.trip-edit {
	background: url("../Images/Icons/ViewAction.png") no-repeat;   	
}

.trip-merge {
	background: url("../Images/Icons/MergeTrips.png") no-repeat;   	
	margin-top:-24px;
	padding:0;
}

.business-miles {
	width: 50px;
	float: right;
}

.post-code-image {
	display: none;
	vertical-align: middle;
}

.driver-trips-table-row {
	height: 24px;
}

.driver-trips-table-row td {
	vertical-align: middle;
}

.driver-trips-table-row td span {
	height: 18px;
	display: inline-block;
	padding: 0;
	vertical-align: middle;
	margin: 0;
}
/* END Approval buttons */
.deniedReason {
	color: Red;
}

/* BEGIN Box Layouts*/
.box-layout {
	border: solid 1px silver; 
	border-radius: 5px; 
	padding: 10px;
}
/* END Box Layouts*/

/* BEGIN More Company Fuel Periods*/
.more-periods {
	text-decoration: underline;
	cursor: pointer;
}

#ul-more-periods {
	position: absolute;
	display: none; 
	list-style: none;
	border: solid 1px silver;
	background-color: white;
	border-radius: 5px;
	margin: 3px 0 0;
	padding: 5px 5px;
	box-shadow: 5px 5px 5px #888;
}

#ul-more-periods li {
	margin: 0;
	padding: 0;
}

#ul-more-periods a {
	display:block;  	
	padding: 8px 5px;     
}		 

#ul-more-periods a:hover {
	text-decoration: underline;
}
/* END More Company Fuel Periods */

/* BEGIN Google Total */
#google-total {
	text-align: left; 
	color: #1B81C8;
	height: 16px;
}
/* END Google Total */
/* BEGIN Warnings */
.warning {
	color: red;
	font-weight: normal;
}
/* END Warnings */
/* BEGIN Watermark */
.watermarkOn {
	color: #CCCCCC;
	font-style: italic;
}
/* END Watermark */
.instructiontext_header {
	background-color: #0083CA;
	color:White;
	padding:3px;
	width: 280px;
}

.instructiontext {
	background-color: #EBF5FB;
	color: #000000;
	font-style: italic;
	padding: 3px;
	width: 280px;
}

.instructions {
	background-color: #EBF5FB;
	border: solid 1px silver; 
	border-radius: 5px; 
	margin-top: 2px; 
	margin-bottom: 10px;
	padding: 5px;
	color: #000000;
	font-style: italic;
	width: 908px;
}

.driverstatus {
	color:Red;
}

.dataentrystatus {
	background-color: #EEEEEE;
	border: solid 1px silver; 
	border-radius: 5px; 
	margin-top: 5px; 
	padding: 5px;
	color: #000000;
	width: 500px;
}

.hmrc-compliance {
	background-color: #EEEEEE;
	border: solid 1px silver; 
	border-radius: 5px; 
	margin-top: 5px; 
	padding: 10px;
	color: #000000;
	width: 490px;
}

.hmrc-compliance li {
	color: red;
}

.statusyes {
	color:Green;
}

.statusno {
	color:Red;
}

#help-toc-title {
	font-size:20px;
	font-weight:bold;
	text-align:left;
}

#help-navigation {
	text-align:left;
	vertical-align:top;
}


.help-treeview, .marketing-treeview {
	width:310px;
	overflow:auto;
}

.help-target {
	color:Red;
}

.help_italics {
	font-style:italic;
}

#help-content {
	margin-left:10px;
	margin-right:10px;
	text-align:left;
	vertical-align:top;
}

	#help-content p {
	margin-bottom: 5px;
	line-height: 1.2em;	
}


.help-heading {
	font-size: 1.5em;
	font-weight: bold;
	color: #1B81C8;
	font-variant: normal;
	text-transform: none;
	margin-bottom: 0;
	padding-bottom: 25px;	
}

.keyword {
	text-decoration:none;
	color: #1B81C8;
	font-weight: bold;
}

a.keyword:link, a.keyword:visited {
	color: #1B81C8;
}

a.keyword:hover {
	color: #1B81C8;
}

a.keyword:active {
	color: #1B81C8;
}

.information {
	color: #909090;
	font-style: italic;
}

.wizard-instructions {
	color:Red;
	font-weight:bolder;
}

.wizard-instructions-sub {
	color:Red;
}

.ui-widget {
	font-family: Verdana,"Helvetica Neue","Lucida Grande","Segoe UI",Arial,Helvetica,sans-serif;
	font-size: 12px;
}

	.ui-widget p {
		margin: 1em 0;
	}

#addresses tr.street {
	cursor: pointer;
}

#addresses tr.select-street {
	border: thin solid #D2D2D2;
	background-color: #DDDDDD;
	border-radius: 5px;
}

.subprocessLink a:link {
	color: white;
}

.subprocessLink a:visited {
	color: white;
}

.subprocessLink a:hover {
	color: white;
}

.hidden {
	display: none;
}

/* Standard layout styles */

.float_right {
	display: inline;
	float: right;
}

.box-print-send {
	padding: 10px 0;
}

.box-print-send * {
	margin-right: 10px;
}

.box-print-send img {
	cursor: pointer;
}

.box-send-email {
	padding: 10px;
	background-color: #93bfe4;
}

.box-send-email div {
	display: inline-block;
	padding-right: 10px;
}

.box-send-email span .lbl-email {
	width: 50px;
}


.box-send-email .input input[type="text"] {
	text-align: left;
	width: 240px;
}

/* Alerts - success, warning, error */

.alert-message {
	padding: 0.5% !important;
	font-size: 90% !important;
	margin: 0.5em auto 1em !important;
	width: 96% !important;
}

.alert-message-left {
	padding: 0.5% !important;
	font-size: 90% !important;
	margin: 0.5em 0 !important;
	width: 96% !important;
}

.alert-message-warning {
	background: #FFEFE0;
	color: #E76438;
	border: 1px solid #EEAA70;
}

/* Progress tracker */

ol.progtrckr {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ol.progtrckr li {
		display: inline-block;
		text-align: center;
		line-height: 3em;
}

	ol.progtrckr[data-progtrckr-steps="2"] li {
		width: 49%;
	}

	ol.progtrckr[data-progtrckr-steps="3"] li {
		width: 33%;
	}

	ol.progtrckr[data-progtrckr-steps="4"] li {
		width: 24%;
	}

	ol.progtrckr[data-progtrckr-steps="5"] li {
		width: 19%;
	}

	ol.progtrckr[data-progtrckr-steps="6"] li {
		width: 16%;
	}

	ol.progtrckr[data-progtrckr-steps="7"] li {
		width: 14%;
	}

	ol.progtrckr[data-progtrckr-steps="8"] li {
		width: 12%;
	}

	ol.progtrckr[data-progtrckr-steps="9"] li {
		width: 11%;
	}

ol.progtrckr li.progtrckr-done {
		color: black;
		border-bottom: 4px solid #EAA912;
}

ol.progtrckr li.progtrckr-todo {
		color: silver;
		border-bottom: 4px solid silver;
}

ol.progtrckr li:after {
		content: "\00a0\00a0";
}

ol.progtrckr li:before {
		position: relative;
		bottom: -2.5em;
		float: left;
		left: 50%;
		line-height: 1em;
}

ol.progtrckr li.progtrckr-done:before {
		content: "\2713";
		color: white;
		background-color: #EAA912;
		height: 1.2em;
		width: 1.2em;
		line-height: 1.2em;
		border: none;
		border-radius: 1.2em;
}

ol.progtrckr li.progtrckr-todo:before {
		content: "\039F";
		color: silver;
		background-color: white;
		font-size: 1.5em;
		bottom: -1.6em;
}

/* ToolTip*/

  .ui-tooltip, .arrow:after {
	background: #222;
	border: none;
  }

  .ui-tooltip {
	padding: 4px 8px;
	color: white;
	border-radius: 4px;
	font: bold 11px "Helvetica Neue", Sans-Serif;
	text-transform: uppercase;
	box-shadow: 0 0 2px black;
  }

  .arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
  }

  .arrow.top {
		top: -16px;
		bottom: auto;
  }

  .arrow.left {
		left: 20%;
  }

  .arrow:after {
		content: "";
		position: absolute;
		left: 20px;
		top: -20px;
		width: 25px;
		height: 25px;
		box-shadow: 6px 5px 9px -9px black;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		tranform: rotate(45deg);
  }

  .arrow.top:after {
		bottom: -20px;
		top: auto;
  }

.uppercase-heading {
	padding: 15px 0 7px !important;
	margin: 5px 0 !important;
	color: #1B81C8;
	font-size: 105%;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold !important;
}

.contact {
	font-size:larger;
	font-weight:bold;
}

.version {
	font-size:x-small;
	color:lightgray;
}

/* Form Layout */
.form-layout {
	overflow: hidden;
	border: 1px solid #dfdfdf;
	background-color: #ffffff;
	margin: 10px 0;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.form-layout-title {
	font-size: 16px;
	color: #1B81C8;
	font-weight: lighter;
	padding-bottom: 10px;
}

.form-layout-row {
	padding: 4px 6px !important;
}

.form-layout-row-nopadding {
	padding: 0 !important;
}

.form-layout-separator{
	padding: 0;
	margin: 0;
	border-top: 1px solid #dfdfdf;
}

.form-layout-left {
	float: left;
	width: 50%;
	min-height: 10px;
	background-color: #ffffff;
	padding: 10px 15px;
}

.form-layout-right {
	overflow: hidden;
	min-height: 220px;
	border-left: 1px solid #dfdfdf;
	background-color: #f4f6f7;
	padding: 10px 15px;
}
}
.repeater-pager {
	
}

.repeater-pager a {
	padding: 8px; 
	margin: 2px; 
	border: solid 1px #666;
	font-weight: bold;
}

div.marketing-home-header-section {
	width: 460px; 
	background-color: #0083ca;
	text-align: center;
}

div.marketing-home-header-section h2 {
	color:#fdb913;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	padding:6px;
	margin: 0;
	font-variant: normal;
}

img.marketing-ad {
	display: block; 
	width: 460px;
}

div.marketing-main-links {
	width: 460px; 
	height: 400px;	
}

div.marketing-main-links > a {
	outline: none;
	border: 0;
	padding: 0;
	margin: 0;
	background-color: #4492CF;
}

div.marketing-main-links > a > img {
	border: 0;
	outline: none;
	padding: 0;
	margin: 0;
}

a.marketing-ad-link {
	display: inline-block;	
}

a.marketing-ad-link-1 {
}

a.marketing-ad-link-2 {
	float: left;
}

a.marketing-ad-link-3 {
	float: right;
}

a.marketing-ad-link-4 {
	float: left;
}

a.marketing-ad-link-5 {
	float: right;
}

.footer .page{
	margin-top: 0;
	background-color: transparent;
	border: 0;
}

.page-logos-header {
	max-height: 72px;
	max-width: 500px;
}

.page-logos-stars {
	max-height: 76px;
}

.page-logos-footer{
	max-height: 40px;
}

#email-body-toc-title {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

#email-body-navigation {
	text-align: left;
	vertical-align: top;
}

.email-body-treeview {
	width: 310px;
	overflow: auto;
}

.email-body-target {
	color: Red;
}

.email-body_italics {
	font-style: italic;
}

#email-body-content {
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
	vertical-align: top;
}

	#email-body-content p {
		margin-bottom: 5px;
		line-height: 1.2em;
	}


.email-body-heading {
	font-size: 1.5em;
	font-weight: bold;
	color: #1B81C8;
	font-variant: normal;
	text-transform: none;
	margin-bottom: 0;
	padding-bottom: 25px;
}

/* sorting configuration */
.sorting-table .thdef td {
	position: relative;
	padding-right: 20px;
}
.sorting-table .thdef .ui-icon {
	position: absolute;
	top: 3px;
	right: 3px;
	border: none;
	display: inline-block !important
}

/* info box */
.info-box{
	min-width: 200px;
	background-color: #FBF9EE;
	border: 1px solid #fcefa1;
	color: #363636;
	border-radius: 6px;
	padding: 8px 12px;
	margin-right: 20px;
}

.text-align-center {
	text-align: center;
}