body {
	margin-top: 5px;
	margin-left: 8px;
	background: #f6f5f4;
	color: black;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}
.page-header {
}
.page-header div {
	height:100px;
	display: flex;
	align-items: center;
	justify-content:left;
}
.page-header div div {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

a		  { color: #166594; }
a:link    { color: #166594; }
a:visited { color: #666666; }
a:hover, a:active {
	color: #1E3158;
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration: none;
}

h2 {
	display: inline;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 2px;
	padding-bottom: 2px;
	margin-top: 4px;
	padding-top: 4px
}

h3 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 10px 0;
	color: #166594;
}

form {
	display: block;
	margin:0px;
	padding:0px
}

table {
	font-size:12px;
	font-family: Verdana, Arial, sans-serif
}

th {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	padding: 4px;
	vertical-align: top
}
td {
	padding: 4px;
}
#linkAuditTrail,
#linkAddCustomerCareTicket {
	color: #FFFFFF;
}
.message, .error {
    color: #CC3333;
    font-family: Verdana,Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 5px;
    text-align: left;
	border: 2px solid #CC3333;
	padding: 12px
}

.error-message {
	font-weight: bold;
	font-size: 12px;
	color: red;
	display: inline;
	margin-left: 20px
}
.text-danger {
	color: red;
}

.menulink {
	font-weight: bold;
	font-size: 14px
}

.adminmenu {
	width: 100%;
	font-size: 12px;
	padding: 2px;
	margin: 2px;
}

.adminmenu A {
	text-decoration: none;
	color: #111111
}

.adminmenu A:hover, adminmenu A:active {
	background: #e0e5e9;
	text-decoration: none;
	color: #3c7098;
	padding-top: 15px;
	padding-bottom: 5px
}

.selectedmenu {
	background: #e9e6e0;
	text-decoration: none;
	color: #3c7098;
	padding-top: 1px;
	padding-bottom: 1px;
}

.subnav td {
	width: 150px;
	list-style-type: none;
	background-color: #999;
	border-top: 1px;
	border-color: #FFF;
	border-style: solid;

}

.subnav td.selected {
	background-color: #0e4768;
}

.subnav td a {
	color: white;
}

.subnav td a:hover, a:active {
	color: #166594;
	padding: 0;
}

.subnav td.selected a:hover, a:active {
	background-color: #ffffff;
}

div.draggable {
	border:1px solid black;
	margin: 4px;
	padding:4px 2px;
	width: 125px;
	background:white;
	z-index:256
}

div.unassignedjobs, div.rejectjobs {
	z-index:0;
	width:150px;
	padding-top:40px;
	padding-bottom:40px;
	border:1px solid black;
}

div.unassignedjobs div.spacer {
	height:30px;
	background:lightblue;
}

table.schedule {
    border:1px solid black;
	padding:0px;
	margin:0px;
	width:100%;
	font-size:100%;
	border-collapse:collapse;
	z-index: 0;
	empty-cells:show;
}

table.schedule th {
	border:1px solid black;
	background: #e9e6e0;
	padding:4px 8px;
	z-index: 0;
}

table.schedule td {
	border:1px solid black;
	width:140px;
	z-index: 0;
}

table.schedule td.hovering {
/*	background: #AAFF7F;*/
	z-index: 0;
}

table.products, table.job {
	border:1px solid black;
	border-collapse:collapse;
}

table.products {
	margin: 10px 5px;
}

table.products td, table.products th, table.job td, table.job th {
	border:1px solid black;
	padding: 4px;
}

table.job {
	margin-left:auto;
	margin-right:auto;
}

.headtable {
	border:0px;
	padding:0px;
	margin:0px;
	width:95%;
	z-index: 0;
	empty-cells:show;
	margin-left:auto;
	margin-right:auto;

}

table.headtable tr.title {
	color: white;
	background: #166594;
	font-size: 30px;
	/*background: #FF6600;*/
}

#banner td {
	font-family: "Times New Roman";
	font-weight: bold;
	padding: 0px;
}

.subtitle {
	font-size: 10px;
	background: #FFFFFF;
}

.mainmenu {
	width: 100%;
	font-size: 9px;
	background: #FFFFFF;
}

.content {
	width:100%;
	border:0px;
	margin-left:auto;
	margin-right:auto;
	background: #e9e6e0;
	text-align:left;
}
.icontent {
	width:100%;
	border:0px;
	margin-left:auto;
	margin-right:auto;
	background: #e9e6e0;
	text-align:left;
	padding: 5px;
}

.datalist, .signaturecapture {
	border:0px;
	padding: 1px;
	margin-left:auto;
	margin-right:auto;
	background: #FFFFFF;
	width: 100%
}

.header {
	font-weight: bold;
	padding: 10px 4px 10px 4px;
	font-size: 14px;
}

.alt {
	background-color: #DEDEDE;
}

.red {
	background-color: #FF3333;
}

.green {
	background-color: #70AD47;
}

.red a, .red a:visited {
	color: #000;
}

.datalist_header {
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	margin-left:auto;
	margin-right:auto;
	background: #166594;
	padding: 4px;
}
.datalist_content {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.datalist_content td {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top
}

.datalist_detail {
	background: #f4f4f4;
}
.datalist_detail2 {
	background: #f4f4f4;
	font-size: 10px
}

tr.sales_headers th {
	text-align: right;
}

.highlight-row tr:hover {
	background: #F2C476;
}

.footer {
	text-align: center;
	font-size:7pt;
	background: #b2c1cd;
	padding: 0px;
	margin: 0px;
}

.smallone {
	text-align: center;
	font-size:7pt;
	padding: 0px;
	margin: 0px;
}

.input1 {
	font-family: Verdana;
	font-size:10pt;
	background-color: #FFFFFF;
	border: 1px solid;
	border-color: #CCCCCC;
	width: 250px;
	display: inline
}
.input2 {
	font-family: Verdana;
	font-size:10pt;
	background-color: #FFFFFF;
	border: 1px solid;
	border-color: #CCCCCC;
	width: 200px;
	display: inline
}

.input0 {
	font-family: Verdana;
	font-size:10pt;
	background-color: #FFFFFF;
	border: 1px solid;
	border-color: #166594;
	width: 70px;
	display: inline
}

.input1_opt {
	font-family: Verdana;
	font-size:10pt;
	background-color: #FFFFFF;
	border: 1px solid;
	border-color: #CCCCCC;
	width: 250px;
	float: left;
	display: inline
}

.input1_opt2 {
	font-family: Verdana;
	font-size:10pt;
	background-color: #FFFFFF;
	border: 1px solid;
	border-color: #CCCCCC;
	width: 180px;
	float: left;
	display: inline
}

.input1_opt2_err {
	font-family: Verdana;
	font-size:10pt;
	background-color: #FFFFFF;
	border: 1px dotted;
	border-color: #FF0000;
	width: 280px;
	float: left;
	display: inline
}

.input3 {
	font-family: Verdana;
	font-size:10pt;
	background-color: #FFFFFF;
	border: 1px solid;
	border-color: #166594;
	float: left;
	display: inline
}
.input3_err {
	font-family: Verdana;
	font-size:10pt;
	background-color: #FFFFFF;
	border: 1px dotted;
	border-color: #FF0000;
	float: left;
}

.input1_opt3 {
	font-family: Verdana;
	font-size:10pt;
	background-color: #FFFFFF;
	border: 1px solid;
	border-color: #CCCCCC;
	width: 70px;
	/*float: left;*/
	display: inline
}
.input1_opt3small {
	font-family: Verdana;
	font-size:10pt;
	background-color: #FFFFFF;
	border: 1px solid;
	border-color: #CCCCCC;
	width: 100px;
}
.input1_opt3small2 {
	font-family: Verdana;
	font-size:10pt;
	background-color: #FFFFFF;
	border: 1px solid;
	border-color: #CCCCCC;
	width: 150px;
	float: left;
	display: inline
}

.input1_opt3_err {
	font-family: Verdana;
	font-size:10pt;
	background-color: #FFFFFF;
	border: 1px dotted;
	border-color: #FF0000;
	width: 70px;
	/*float: left;*/
	display: inline
}

.input1_opt4 {
	font-family: Verdana;
	color: red;
	font-size:10pt;
	background-color: #FFFFFF;
	border: 1px solid;
	border-color: #CCCCCC;
	width: 70px;
}

.input1_opt5 {
	font-family: Verdana;
	font-size:10pt;
	background-color: #FFFFFF;
	border: 1px solid;
	border-color: #CCCCCC;
	width: 180px;
	display: inline
}


.input_error {
	font-family: Verdana;
	font-size:10pt;
	background-color: #FFFFFF;
	border: 2px dotted;
	border-color: #FF0000;
	width: 250px;
	float: left;
}

.input_noborder {
	font-family: Verdana;
	font-size:10pt;
	background-color: #f4f4f4;
	font-weight: bold;
	border: none;
}
.input_noborder2 {
	font-family: Verdana;
	font-size:10pt;
	background-color: #f4f4f4;
	border: none;
	width: 65px;
}

.input_noborder3 {
	font-family: Verdana;
	font-size:10pt;
	background-color: #FFFFFF;
	border: none;
}
.input_noborder4 {
	font-family: Verdana;
	font-size:10pt;
	background-color: #FFFFFF;
	font-weight: bold;
	border: none;
}

.input_noborder5 {
	font-family: Verdana;
	font-size:10pt;
	color: #000000;
	background-color: #f4f4f4;
	font-weight: bold;
	width: 65px;
	border: none;
}

.rb_err {
	border: 1px dotted;
	border-color: #FF0000;
}

.rejected,.rejected A,.rejected A:active,.rejected A:visited {
	background-color: red;
	font-weight: bold;
	color: #FFFFFF
}

.stage, .stage a {
	background-color: #0079bc;
	color: #ffffff;
}

.stage_101, .stage_101 a {
	background-color: #ff6363;
	color: #ffffff;
}

.stage_aiw, .stage_aiw a {
	background-color: #309adc;
	color: #ffffff;
}

.stage_cc, .stage_cc a {
	background-color: #5ebf5e;
	color: #FFF;
}

tr.audit_trail, tr.audit_trail a {
	background-color: #F9F9F9;
	color: #000;

}

tr.job, tr.job a {
	background-color: #F9F9F9;
	color: #000;

}

tr.important, tr.important a {
	background-color: #CC0000;
}

.default_button {
	font-weight: bold;
	color: #000000
}
.small {
	font-family: Verdana;
	font-size:8pt;
	color: #999999;
}

.list_content{
	width:95%;
	border:1px solid #ccc;
	margin-left:auto;
	margin-right:auto;
	background: #fff;
	text-align:left;
}

.list_content2{
	width:95%;
	border:1px solid #ccc;
	margin-left:auto;
	margin-right:auto;
	background: #fff;
	text-align:left;
	font-size:8pt;
	padding: 0px;
}


.select_required {
	color: #FF6600;
	background-color: yellow;
}

.report_data{
	background:white;
	color:black;
}

.out_of_schedule{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	/*color: #FF6600;*/
	background-color: red;
}
.in_schedule{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	color: #14c414;
	/*background-color: #14c414;*/
}

div.calendar{
	background: white;
	border: 1px solid black;
	position:relative;
}

div.calendar td{
	text-align:center;
}

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  cursor: pointer;
}

.calendar .nav {
  background: #BBC url(../calendar/menuarrow.gif) no-repeat 100% 100%;
}


.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #A9FFAB;
  color: #000;
}

.v8n{
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
}
.v8nn{
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
    font-weight: bold;
	color: #000000;
}

/* previous orders link in jobs page */
#previousorders a {color:red;}
#previousregistration a {color:red;}

/** country selector styles **/
#country_box {
	color: white;
	font-size: 8pt;
	float: right;
}

#country_box a {
	color: white;
}

#country_box a.selected {
	font-size: 10pt;
	font-weight: bolder;
}

img.calendar {
	margin: 3px;
	border: none;
	cursor: pointer;
}

/** CSS Popup **/
#fade {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	opacity: .70;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*--IE 8 Transparency--*/
	left: 0;
	top: 0;
	z-index: 10;
}
#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.popup_block {
	background: #ddd;
	padding: 5px 20px;
	border: 10px solid #fff;
	float: left;
	width: 480px;
	position: fixed;
	top: 5%;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 100;
}
.popup_block_wide {
	background: #ddd;
	padding: 10px 20px;
	border: 10px solid #fff;
	float: left;
	width: 620px;
	position: fixed;
	top: 2%;
	left: 50%;
	margin: 0 0 0 -370px;
	z-index: 100;
}
.popup_block_wide .popup, .popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}
.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}


/************************/

ul.BonusPointsMenu {
	margin: 0;
	padding: 0;
	background-color: #FFF;
}

ul.BonusPointsMenu li {
	list-style-type: none;
	width: 200px;
	border-color: #FFF;
	border-style: solid;
	border-width: 1px 1px 0em 1px
}

ul.BonusPointsMenu li.top {
	list-style-type: none;
	width: 220px;
	border-color: #FFF;
	border-style: solid;
	border-width: 1px 1px 0em 1px
}

ul.BonusPointsMenu li.top a {
	padding: 4px;
	background-color: #166594;
	color: white;
	text-decoration: none;
	display: block;
}

ul.BonusPointsMenu ul {
	margin: 0;
	padding: 0 0 0 20px;
}

ul.BonusPointsMenu ul li {
	color: #166594;
	margin: 0;
	padding: 2px;
	border: none;
}

h3.points_total {
	float: right;
}

h3.points_total a {
	text-decoration: none;
}

#LoyaltyBanner {
	background-color: #993333;
	width: 100%;
	color: white
}

#LoyaltyBanner td {
	padding: 4px
}

#LoyaltyBanner a {
	color: white
}


/*********** FLOATING MENU *************/

#floatingMenu {
  position: fixed;
  bottom: 5px;
  left: 0;
}
#floatingMenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#floatingMenu li {
	float: left;
}
#floatingMenu a:hover {
	background-color: #ccc;
	color: #166594;
}
#floatingMenu img {
	display: block;
	padding: 6px 0;
}
#floatingMenu a {
	border: 1px solid white;
	text-decoration: none;
	padding: 6px;
	background-color: #166594;
	color: #ffffff;
	display: block;
}
#floatingMenu a.selected {
	background-color: #fff;
	color: #166594;
}

/************** MODAL BOX ************/

.ModalOptionList {
	list-style-type: none;
	font-size: 14px;
}

.ModalOptionList li {
	padding: 6px;
}

.ModalOptionList label {
	padding-left: 6px;
}

#MB_content .error {
	margin: 0;
	padding: 0;
	border: none;
}

/************** GPS MAP ************/

#MapInfoBox h3 {
	color: #2C6877;
	margin-bottom: 20px;
}

#MapInfoBox table {
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-collapse: collapse;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    clear: both;
    color: #333333;
    margin-bottom: 10px;
    width: 100%;
	font-family: "frutiger linotype","lucida grande","helvetica","arial",sans-serif;
}


#MapInfoBox th {
    background-color: #F2F2F2;
    border-color: #FFFFFF #BBBBBB #BBBBBB #FFFFFF;
    border-style: solid;
    border-width: 1px;
    padding: 4px;
    text-align: left;
}

.cart_buttons {
	margin: 20px
}

#WaitDiv {
	margin: 20px;
}


/************** CSS BUTTON ************/

a.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fabd5a), color-stop(1, #ffa600));
	background:-moz-linear-gradient(top, #fabd5a 5%, #ffa600 100%);
	background:-webkit-linear-gradient(top, #fabd5a 5%, #ffa600 100%);
	background:-o-linear-gradient(top, #fabd5a 5%, #ffa600 100%);
	background:-ms-linear-gradient(top, #fabd5a 5%, #ffa600 100%);
	background:linear-gradient(to bottom, #fabd5a 5%, #ffa600 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fabd5a', endColorstr='#ffa600',GradientType=0);
	background-color:#fabd5a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#212121;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
a.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffa600), color-stop(1, #fabd5a));
	background:-moz-linear-gradient(top, #ffa600 5%, #fabd5a 100%);
	background:-webkit-linear-gradient(top, #ffa600 5%, #fabd5a 100%);
	background:-o-linear-gradient(top, #ffa600 5%, #fabd5a 100%);
	background:-ms-linear-gradient(top, #ffa600 5%, #fabd5a 100%);
	background:linear-gradient(to bottom, #ffa600 5%, #fabd5a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa600', endColorstr='#fabd5a',GradientType=0);
	background-color:#ffa600;
}
a.myButton:active {
	position:relative;
	top:1px;
}


/************** SYSTEM NOTIFICATION BOX ************/

.system-notification {
	margin: 4%;
	background-color: white;
	padding: 20px;
	border: 1px solid;
}
.system-notification h2 {
	font-size: 16px;
	color: #212121;
}
.system-notification div.title {
	margin: 30px 0;
	background-color: #166594;
	padding: 6px;
	color: #ffffff;
}
.system-notification div.title > p {
	margin: 0;
	font-weight: bold;
}
.system-notification div.box-right {
	float: right
}
.system-notification div.box-right span {
	line-height: 24px;
}
.system-notification div.buttons {
	margin-top: 3%;
}
.system-notification div.confirm-box {
	margin-top: 40px;
	border: 4px solid red;
	padding: 20px 10px;
	color: #212121;
	display: none;
}

.system-alert-warning {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}
.system-alert-warning > div {
	border: 5px solid red;
	padding: 10px 20px;
}

/************** NOTIFICATION BOX ************/

.notification-box {
	position: relative;
	margin-bottom: 20px;
	border-radius: 3px;
	padding: 10px 30px 10px 32px;
	background-repeat: no-repeat;
	background-position: 10px 11px;
	border: 1px solid;
	color:#444;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px rgba(255,255,255,0.4) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px rgba(255,255,255,0.4) inset;
}
.notification-close {
	position: absolute;
	right: 5px;
	top: 5px;
	color: #666 !important;
	text-decoration: none !important;
	font-weight: bold;
	font-size: 14px;
	line-height: normal;
}
.notification-box p {
	margin-bottom: 0;
	margin-top: 20px;
}
.notification-box > p:first-child {
	margin: 0;
}
.notification-box-info {
	background-color: #cfe6fc;
	background-image: url(../img/info.png);
	border-color: #a4c8f5;
}
.notification-box-success {
	background-color: #d2f7ad;
	background-image: url(../img/tick.png);
	border-color: #aedb2e;
}
.notification-box-warning {
	background-color: #fae7a2;
	background-image: url(../img/warning.png);
	border-color: #f5c558;
}
.notification-box-error {
	background-color: #ffd5af;
	background-image: url(../img/delete.png);
	border-color: #f8b472;
}

/*************** GPS Control Panel ****************/

.panel-container {
	width: 190px;
}

.panel-container select, .panel-container input {
	width: 190px;
	margin: 2px 0;
}

.panel-container button {
	width: 92px;
}

.panel-container button.reset {
	margin-right: 6px;
}

/*************** Stylised Action Buttons/Links ****************/

.styled-button {
	-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	color:#fff;
	background-color:rgb(51, 122, 183);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:none;
	font-family:'Helvetica Neue',Arial,sans-serif;
	font-size:14px;
	font-weight:500;
	height:28px;
	padding:4px 16px;
	cursor:pointer;
}

.styled-button:hover {
	background-color:rgb(43, 90, 178);
}

table a.action-button {
	-moz-box-shadow: 0px 10px 14px -7px #3e7327;
	-webkit-box-shadow: 0px 10px 14px -7px #3e7327;
	box-shadow: 0px 10px 14px -7px #3e7327;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	padding:4px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}

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

table a.action-button-blue {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4747D1), color-stop(1, #545ECE));
	background:-moz-linear-gradient(top, #4747D1 5%, #545ECE 100%);
	background:-webkit-linear-gradient(top, #4747D1 5%, #545ECE 100%);
	background:-o-linear-gradient(top, #4747D1 5%, #545ECE 100%);
	background:-ms-linear-gradient(top, #4747D1 5%, #545ECE 100%);
	background:linear-gradient(to bottom, #4747D1 5%, #545ECE 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4747D1', endColorstr='#545ECE',GradientType=0);
	background-color:#4747D1;
	border:1px solid #115993;
}
table a.action-button-blue:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8497CC), color-stop(1, #4747D1));
	background:-moz-linear-gradient(top, #8497CC 5%, #4747D1 100%);
	background:-webkit-linear-gradient(top, #8497CC 5%, #4747D1 100%);
	background:-o-linear-gradient(top, #8497CC 5%, #4747D1 100%);
	background:-ms-linear-gradient(top, #8497CC 5%, #4747D1 100%);
	background:linear-gradient(to bottom, #8497CC 5%, #4747D1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8497CC', endColorstr='#4747D1',GradientType=0);
	background-color:#8497CC;
}

table a.action-button-red {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #D3474C), color-stop(1, #D1646B));
	background:-moz-linear-gradient(top, #D3474C 5%, #D1646B 100%);
	background:-webkit-linear-gradient(top, #D3474C 5%, #D1646B 100%);
	background:-o-linear-gradient(top, #D3474C 5%, #D1646B 100%);
	background:-ms-linear-gradient(top, #D3474C 5%, #D1646B 100%);
	background:linear-gradient(to bottom, #D3474C 5%, #D1646B 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D3474C', endColorstr='#D1646B',GradientType=0);
	background-color:#D3474C;
	border:1px solid #942911;
}
table a.action-button-red:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #CE8490), color-stop(1, #D3474C));
	background:-moz-linear-gradient(top, #CE8490 5%, #D3474C 100%);
	background:-webkit-linear-gradient(top, #CE8490 5%, #D3474C 100%);
	background:-o-linear-gradient(top, #CE8490 5%, #D3474C 100%);
	background:-ms-linear-gradient(top, #CE8490 5%, #D3474C 100%);
	background:linear-gradient(to bottom, #CE8490 5%, #D3474C 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CE8490', endColorstr='#D3474C',GradientType=0);
	background-color:#CE8490;
}

table a.action-button-green {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
	background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
	background-color:#77b55a;
	border:1px solid #4b8f29;
}
table a.action-button-green:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8EAF94), color-stop(1, #77b55a));
	background:-moz-linear-gradient(top, #8EAF94 5%, #77b55a 100%);
	background:-webkit-linear-gradient(top, #8EAF94 5%, #77b55a 100%);
	background:-o-linear-gradient(top, #8EAF94 5%, #77b55a 100%);
	background:-ms-linear-gradient(top, #8EAF94 5%, #77b55a 100%);
	background:linear-gradient(to bottom, #8EAF94 5%, #77b55a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8EAF94', endColorstr='#77b55a',GradientType=0);
	background-color:#8EAF94;
}



/***************************************************

	Tooltip Styles

***************************************************/

.tooltip-hover {
  position: relative;
  cursor: pointer;
}

.tooltip-hover > .tooltip-text {
  text-align: center;
  line-height: 150%;
  color: white;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  background-clip: padding-box;
  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  position: absolute;
  left: 50%;
  padding: 10px 20px;
  bottom: 100%;
  margin-bottom: 15px;
  visibility:hidden;
  opacity:0;
  font-size: 14px;
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}

.tooltip-hover > .tooltip-text:before, .tooltip-hover > .tooltip-text:after {
  content: "";
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  top: 100%;
  left: 50%;
  margin-left: -10px;
}

.tooltip-hover > .tooltip-text:before {
  margin-top: 5px;
}

.tooltip-hover > .tooltip-text:after{
  border-top: 10px solid hsla(0, 0%, 20%, 0.9);
  margin-top: -2px;
  z-index: 1;
}

.tooltip-hover:hover > .tooltip-text {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.tooltip-text h2 {
	text-align: left;
	margin: 10px 0 20px 0;
	display: block;
	font-size: 12pt;
	color: #E6A43F
}

.tooltip-text p {
	color: #66D9EF;
	text-align: left;
	display: block
}

/***************************************************

	Popup Form [used in ESG Reconciliation]

***************************************************/

.popup {
  padding: 10px 20px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #999;
	z-index: 99;
}

.popup-hidden {
  position: absolute;
  visibility: hidden;
}

.popup-show {
  visibility: visible;
}

.popup h2 {
  display: block;
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}

.popup textarea, .popup input {
	display: block;
	margin-bottom: 5px;
}

.popup .close {
  position: absolute;
  top: 2px;
  right: 20px;
  font-size: 22px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}

.popup .close:hover {
  color: #06D85F;
  cursor: pointer;
}

.popup .content {
  max-height: 30%;
  overflow: auto;
}

.popup:after, .popup:before {
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.popup:after {
	border-color: rgba(136, 183, 213, 0);
	border-width: 10px;
}

.popup:before {
	border-color: rgba(194, 225, 245, 0);
	border-width: 12px;
}

/* arrow on the right */
.popup-right:after, .popup-right:before {
	left: 100%;
	top: 50%;
}

.popup-right:after {
	border-left-color: white;
	margin-top: -10px;
}
.popup-right:before {
	border-left-color: #999;
	margin-top: -12px;
}

/* arrow at the bottom */
.popup-bottom:after, .popup-bottom:before {
	top: 100%;
	left: 50%;
}

.popup-bottom:after {
	border-top-color: white;
	margin-left: -10px;
}

.popup-bottom:before {
	border-top-color: #999;
	margin-left: -12px;
}

#SupplierInvoiceForm input[type=text], #SupplierInvoiceForm input[type=number], #SupplierInvoiceForm select {
	width: 250px;
}