@charset "utf-8";

/* general setup */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
	overflow-y: scroll;
}
body {
	margin: 0 auto;
	font-family: 'Roboto', Helvetica, Verdana, Arial, sans-serif;	
	font-size: 14px;
	background-color: #fff;
	font-weight: 500;
	color: #000;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;	
	-webkit-font-smoothing: antialiased;	
}

/* super and subscripts */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* paragraph */
p { line-height: normal; white-space: normal; }

/* labels */ 
label,
table tr th { font-weight: 700; color: #000; font-size: 12px; padding-right: 4px;}

/* links */
a { outline: none; color: #0053a1; text-decoration: none; }
a:hover,
#side-navigation1 a:hover { color: #e6403b; text-decoration: underline; cursor: pointer;}
a:focus { color: #0053a1; }
a:visited {color: #0053a1; }

/* lists */
ol,
ul { list-style: none; }

/* table */
table {	
	border-collapse: collapse;	
	border-spacing: 0;
	width: 100%; 
	border: none;
}
th,
td { 
	text-align: left;
	white-space: nowrap;
	padding: 0;
	padding-right: 4px;
	vertical-align: top;
}
table.text-wrap tr td,
tr td.text-wrap {
	white-space: normal;
}
.text-no-wrap {
	white-space: nowrap;
}

/* headings */
h1,
h2,
h3,
h4,
h5,
h6 { display: block; font-style: italic; letter-spacing: 1px; padding: 10px 0; color: #000; }
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

/* horizontal rule */
hr {
	display: block;
	background: #0053a1;
    background: -webkit-linear-gradient(#0053a1, #00060e); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0053a1, #00060e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0053a1, #00060e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0053a1, #00060e); /* Standard syntax */
	border: 0;
	height: 2px;
	margin: 24px 0;
}
.hr-margin-6 {
	margin: 6px 0!important;
}

/* form fields, general styles first */
button,
input,
textarea,
select {
	border: 1px solid #565758;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 2px;
	font-size: 12px!important;
}
button,
input {	line-height: normal; margin-bottom: 1px; margin-right: 1px;}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}
input[type=text]:focus, 
input[type=password]:focus, 
input[type=url]:focus, 
input[type=email]:focus, 
textarea:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus { 
	background-color: #ffffc0;
	box-shadow: 0 0 0 1pt #0053a1;
	outline: none;
}

/* reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}
input[type=checkbox], 
input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
	padding: 2px; /* for ie */
}

input.lg-ckbox {
	transform: scale(1.5);
}

input[type=radio] { bottom: 2px; }

/* for jquery validator */
input[type="text"].error,
input[type="password"].error,
textarea.error,
select.error { border: 2px solid red!important; background-color: #ffd3d3!important; }

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video { max-width: 100%; }

/* general padding for spacing */
.pad-top-2 { padding-top: 2px; }
.pad-top-4 { padding-top: 4px; }
.pad-top-6 { padding-top: 6px; }
.pad-top-8 { padding-top: 8px; }
.pad-top-10 { padding-top: 10px; }
.pad-top-12 { padding-top: 12px; }
.pad-top-14 { padding-top: 14px; }
.pad-top-16 { padding-top: 16px; }
.pad-top-18 { padding-top: 18px; }
.pad-top-20 { padding-top: 20px; }
.pad-top-22 { padding-top: 22px; }
.pad-top-24 { padding-top: 24px; }
.pad-left-4 { padding-left: 4px!important; }
.pad-left-6 { padding-left: 6px!important; }
.pad-left-8 { padding-left: 8px!important; }
.pad-left-10 { padding-left: 10px!important; }
.pad-left-12 { padding-left: 12px!important; }
.pad-left-14 { padding-left: 14px!important; }
.pad-left-16 { padding-left: 16px!important; }
.pad-left-18 { padding-left: 18px!important; }
.pad-left-20 { padding-left: 20px!important; }
.pad-left-22 { padding-left: 22px!important; }
.pad-left-24 { padding-left: 24px!important; }
.pad-left-36 { padding-left: 36px!important; }
.pad-right-4 { padding-right: 4px!important; }
.pad-right-6 { padding-right: 6px!important; }
.pad-right-8 { padding-right: 8px!important; }
.pad-right-10 { padding-right: 10px!important; }
.pad-right-12 { padding-right: 12px!important; }
.pad-right-14 { padding-right: 14px!important; }
.pad-right-16 { padding-right: 16px!important; }
.pad-right-18 { padding-right: 18px!important; }
.pad-right-20 { padding-right: 20px!important; }
.pad-right-22 { padding-right: 22px!important; }
.pad-right-24 { padding-right: 24px!important; }
.pad-bottom-2 { padding-bottom: 2px; }
.pad-bottom-4 { padding-bottom: 4px; }
.pad-bottom-6 { padding-bottom: 6px; }
.pad-bottom-8 { padding-bottom: 8px; }
.pad-bottom-10 { padding-bottom: 10px; }
.pad-bottom-12 { padding-bottom: 12px; }
.pad-bottom-14 { padding-bottom: 14px; }
.pad-4 { padding: 4px; }
.pad-6 { padding: 6px; }
.pad-6 { padding: 8px; }
.pad-10 { padding: 10px; }
.pad-12 { padding: 12px; }
.pad-14 { padding: 14px; }
.margin-4 { margin: 4px; }
.margin-6 { margin: 6px; }
.margin-8 { margin: 8px; }
.margin-10 { margin: 10px; }
.margin-12 { margin: 12px; }
.margin-14 { margin: 14px; }
.margin-top-2 { margin-top: 2px; }
.margin-top-4 { margin-top: 4px; }
.margin-top-6 { margin-top: 6px; }
.margin-top-8 { margin-top: 8px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-12 { margin-top: 12px; }
.margin-top-14 { margin-top: 14px; }
.margin-top-24 { margin-top: 24px; }
.margin-bottom-4 { margin-bottom: 4px; }
.margin-bottom-6 { margin-bottom: 6px; }
.margin-bottom-8 { margin-bottom: 8px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-12 { margin-bottom: 12px; }
.margin-bottom-14 { margin-bottom: 14px; }
.margin-right-4 { margin-right: 4px; }
.margin-right-6 { margin-right: 6px; }
.margin-right-8 { margin-right: 8px; }
.margin-right-10 { margin-right: 10px; }
.margin-right-12 { margin-right: 12px; }
.margin-right-14 { margin-right: 14px; }
.margin-left-4 { margin-left: 4px; }
.margin-left-6 { margin-left: 6px; }
.margin-left-8 { margin-left: 8px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-12 { margin-left: 12px; }
.margin-left-14 { margin-left: 14px; }
.margin-left-24 { margin-left: 24px; }

/* width overrides */
.width-50 { width: 49%; }
.width-75 { width: 75%; }
.width-95 { width: 95%; }

/* font sizes for override */
.fs-11 { font-size: 11px!important; }
.fs-12 { font-size: 12px!important; }
.fs-14 { font-size: 14px!important; }
.fs-20 { font-size: 20px!important; }

/* background colors */
.blue-background { 
	background: #0053a1;
	background: -moz-linear-gradient(top, #0053a1 0%, #00060e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0053a1), color-stop(100%,#00060e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0053a1 0%,#00060e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0053a1 0%,#00060e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0053a1 0%,#00060e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0053a1 0%,#00060e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0053a1', endColorstr='#00060e', GradientType=0 ); /* IE6-9 */	
	color: #fff; 
}
.red-background { 
	background: #e6403b;	
	background: -moz-linear-gradient(top, #e6403b 0%, #c1010d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6403b), color-stop(100%,#c1010d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e6403b 0%,#c1010d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e6403b 0%,#c1010d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e6403b 0%,#c1010d 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e6403b 0%,#c1010d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6403b', endColorstr='#c1010d',GradientType=0 ); /* IE6-9 */	
	color: #fff; 
}
.grey-background {
    background: #939799; /* Old browsers */
	background: -moz-linear-gradient(top,  #939799 0%, #747678 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#939799), color-stop(100%,#747678)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #939799 0%,#747678 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #939799 0%,#747678 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #939799 0%,#747678 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #939799 0%,#747678 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939799', endColorstr='#747678',GradientType=0 ); /* IE6-9 */
	color: #fff;
}	
/* clearing floats */
.clear { clear: both; zoom: 1; }
.clearleft { clear: left; }

/* expanding cell on table */
/* can't use :last... because it screws up datepicker */
table tr th.expand-cell,
table tr td.expand-cell { width: 99%; }

/* results tables */
.tfi-table-results {
	border-collapse: separate;
	border: 1px solid #939799;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 24px;
}

/* specific colours */
.valid { background-color: #fff!important; }
.blue { color: #0053a1; }
.red { color: #e6403b; }
.green { color: #144814; }
.grey { color: #565758; }
.black { color: #000; }

/* alignment */
.text-right { text-align: right; }
.text-left { text-align: left!important; }
.text-center { text-align: center; }
.floatleft { float: left; }
.floatright { float: right; }
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.vertical-align-middle {
	vertical-align: middle;
}
.inline-block {	display: inline-block; }
.standard-block { display: block; }

/* accents on text */
.important { font-style: italic; font-weight: 700; }
.underline { text-decoration: underline; }
.italic {	font-style: italic; }
.bold { font-weight: 700; }

/* input field sizing */
.normal-input { width: 140px; }
.small-input { width: 60px; }
.small-input-40 { width: 40px; }
.small-input-list { width: 70px; }
.date-input { width: 100px; }
.wide-input { width: 160px; }
.phone-input { width: 35px; }
input.extra-wide-input { width: 200px; }
select.extra-wide-input { width: 205px; }

/* need important to ensure it overrides other classes */
.text-hide { display: none!important; }

/* jquery ui pop up dialogs need NO IMPORTANT or the dialog remains hidden */
.text-hide-not-important { display: none; }

/* font awesome alignment */
.fa.fa-info-circle.fa-2x,
.fa.fa-question-circle.fa-2x,
.fa.fa-file-pdf-o.fa-2x,
.fa.fa-warning.fa-2x,
.fa.fa-home.fa-2x {
	vertical-align: middle;
}

/* sortable items in 2 lists - assigned (active - green) and unassigned (inactive - red) */
/* can't use opacity because it changes the text opacity as well */
.tfi-sortable label {
	display: block;
	padding: 8px;
	min-width: 250px; /* 200px */
	max-width: 300px; /* 300px */
	margin: 2px 0;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;	
}
#assigned-attributes label.tfi-active {
	background-color: rgba(20, 72, 20, 0.3);
}
#assigned-attributes .ui-state-highlight,
#unassigned-attributes .ui-state-highlight {
	min-height: 10px;
}
#unassigned-attributes label.tfi-active {
	background-color: rgba(193, 1, 13, 0.3);
}
.tfi-sortable label:hover { color: #e6403b; text-decoration: underline; }

/* top navigation bar - across full screen */
.top-navigation-bar {
	line-height: 2.6; 
	font-weight: 500;	
}
/* center above maximum width of site */
.top-navigation-container {
	background: transparent;
	max-width: 960px; 
	display: block; 
	margin: 0 auto 0 auto;
}
/* align to the right and style table entries */
.top-navigation-table {
	background: transparent;
	padding: 2px 0;
	width: auto!important;
	margin: 2px 0 2px auto;
}
.top-navigation-table tr td {
	font-size: 12px;
	padding-right: 16px;
	vertical-align: middle;	
}
.top-navigation-bar a { color: #fff; }
.top-navigation-bar a:hover,
.top-navigation-bar a:focus { color: #fff; text-decoration: underline;}

/* added in the javascript when home page invoked */
.home-page-main-navigation-wrapper {
	border-bottom: 3px solid #0053a1;
}

/* main navigation and logo structure */
.main-navigation-menu-wrapper {
	display: block;
	max-width: 710px;  
	float: right;
}
#main-navigation {
	height: 48px;
	max-width: 960px;
	margin: 14px auto 0 auto;
	text-align: center;
}
#main-navigation .logo-wrapper { 
	float: left;
	width: 250px; 
	text-align: left;
}
#main-navigation .main-navigation-menu-wrapper a {
	text-transform: uppercase; 
	display: inline-block;
	margin: 10px 0;
	padding: 5px 0px 5px 15px;
	border: none;
	font-weight: 700;
}
#main-navigation .main-navigation-menu-wrapper a.reverse-link { color: #e6403b; }
#main-navigation .main-navigation-menu-wrapper a.reverse-link:hover { color: #0053a1; text-decoration: underline; }

/* page banner */
#page-banner h1 {
	color: #fff;
	font-style: italic;
	max-width: 960px;
	margin: 0 auto 0 auto;
	padding: 10px 0;
}

/* animated gif for showing something running */
#inprocess {
    position: absolute;
    top: 28%;
    left: 40%;
    border: 4px double #e6403b;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
    background-color: #fff;
    width: 300px;
	line-height: 88px;
	padding-left: 24px;
    z-index: 10001;
}
#inprocess img,
#inprocess span { display: inline-block; vertical-align: middle; }
#inprocess span {
	margin-left: 24px;
	font-size: 22px;
	color: #e6403b;
}

/* side navigation */
#side-navigation1 { 
	float: left;
	width: 200px;
	padding: 0; 
	margin-top: 24px;
	font-size: 12px;
	font-weight: 700;
}
#side-navigation1 div.side-navigation-item { padding: 8px 0; }
#side-navigation1 div.fa { display: inline-block; width: 10%; }
#side-navigation1 a,
#side-navigation1 span.current-page-heading {
	display: inline-block;
	padding-left: 5px;
	text-decoration: none;
	width: 85%;
}

/* main content */
#content, 
#content-footer1,
#content-policies {
	max-width: 960px;
	margin: 24px auto 0 auto;	
}
#content-policies {
	margin-top: 14px;	
}
#content { min-height: 300px; }
#content .page-content {
	float: left;
	margin: 24px 0 0 10px;
	max-width: 745px;
	width: 100%;
}
#content .full-page-content {
	margin: 24px auto 0 auto;
	max-width: 960px;
	width: 100%;
}

/* standard entry boxes */
#content .standard-box {
	border: 1px solid #939799;
	border-top: none;
	/* padding: 2px; */
    border-radius: 5px;
}
#content .standard-box h5 {
	text-align: left;
	padding: 5px;
	line-height: 1.33333333;
	/* border: 1px double #939799; */
	border: 1px solid #939799;
    border-top-right-radius: 5px;
	border-top-left-radius: 5px;
    background: #939799; /* Old browsers */
	background: -moz-linear-gradient(top,  #939799 0%, #747678 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#939799), color-stop(100%,#747678)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #939799 0%,#747678 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #939799 0%,#747678 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #939799 0%,#747678 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #939799 0%,#747678 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939799', endColorstr='#747678',GradientType=0 ); /* IE6-9 */
	color: #fff;
	font-weight: 700;	
}

/* see credit-application view for example in use */
#content .standard-box .lined-title h6,
#content .tf-accordion .lined-title h6 {
    overflow: hidden;
    text-align: center;
}
#content .standard-box .lined-title h6:before,
#content .standard-box .lined-title h6:after,
#content .tf-accordion .lined-title h6:before,
#content .tf-accordion .lined-title h6:after {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
#content .standard-box .lined-title h6:before,
#content .tf-accordion .lined-title h6:before {
    right: 0.5em;
    margin-left: -50%;
}
#content .standard-box .lined-title h6:after,
#content .tf-accordion .lined-title h6:after {
    left: 0.5em;
    margin-right: -50%;
}
#content .standard-box .lined-title h6.heading:before,
#content .standard-box .lined-title h6.heading:after,
#content .tf-accordion .lined-title h6.heading:before,
#content .tf-accordion .lined-title h6.heading:after {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}


/* add shadow borders to images */
img.with-shadow { box-shadow: 10px 10px 5px #888888; }

/* specific page based styles based on class */
.tracing-results-done-text {
	display: inline-block;
	font-weight: bold;
	font-style: italic;
	color: #144814;;
	margin-left: 8px;
}
div.site-map div {
	width: 33%;
	display: inline-block;
	vertical-align: top;
}
/* caption below sliders */
p.caption a { font-size: 16px; font-weight: bold; }
p.caption a.reverse-link { color: #e6403b; }
p.caption a.reverse-link:hover { color: #004b8e; text-decoration: underline; }
/* specific page content */
#content .president-letter img { float: left; margin: 0 30px 20px 0; }
#content .cross-border-advantage { max-width: 450px; float: left; }
#accordion-etrack-management table.table-detail th,
#accordion-etrack-management table.table-detail td {
	text-align: center;
	width: 10%;
	padding-bottom: 3px;
	vertical-align: bottom;
}
#accordion-general table tr td:first-child,
#accordion-southbound table tr td:first-child,
#accordion-northbound table tr td:first-child {
	width: 40%;
}
#accordion-customer-selection .text-customer label,
#accordion-data-selection .text-report-data label {
	white-space: nowrap;
}
#accordion-customer-selection .text-customer,
#accordion-data-selection .text-report-data {
	display: inline-block;
	margin-right: 24px;
	width: 28%;
	overflow: hidden;
	text-overflow: clip;
}
/* links with font awesome icon on the left */
.link-fa {
	display: inline-block;
	margin-left: 8px;
	font-weight: 700;
}

/* accordion overrides */
.ui-accordion input,
.ui-accordion select,
.ui-accordion textarea { font-size: 11px!important; }
/* tooltip styling */
.ui-tooltip {
    display: none;
    background: #edeceb;
    font-size: 11px;
    padding: 10px;
    color: #000; 
    z-index: 99;
    border: 1px solid #0053a1;
}
/* override jquery ui autocomplete box to add scroll bar and change colour */
.ui-autocomplete {
	width: 300px;
	max-height: 93px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	font-size: 10px!important;
}
/* set color to blue */
.ui-autocomplete .ui-menu-item a { color: #0053a1; }
/* set color to red when hovering with mouse */
.ui-autocomplete .ui-menu-item a:hover,
.ui-autocomplete .ui-menu-item a:focus { color: #e6403b!important; }
/* set color to red with no background on selected item */
.ui-autocomplete .ui-state-focus {
	background: transparent;
	color: #e6403b!important;
	border: 1px solid #e6403b;
}

/* jquery accordion overrides */
.ui-accordion .ui-accordion-header { 
    background: #939799; /* Old browsers */
	background: -moz-linear-gradient(top,  #939799 0%, #747678 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#939799), color-stop(100%,#747678)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #939799 0%,#747678 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #939799 0%,#747678 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #939799 0%,#747678 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #939799 0%,#747678 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939799', endColorstr='#747678',GradientType=0 ); /* IE6-9 */
	color: #fff;
	font-size: 16px!important;
	font-family: 'Roboto', Helvetica, Verdana, Arial, sans-serif;
}

/* accordions like standard-box but open and close */
.tf-accordion div {
	font-family: 'Roboto', Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #000;
}
.tf-accordion a { outline: none; color: #0053a1; }
.tf-accordion a:hover {	color: #e6403b; }
.tf-accordion a:focus { outline: none; }
/* open/close text */
.accordion-open-close { font-size: 10px; }
.accordion-open-close-hover { text-decoration: underline; }

/* hold box for when accordion is closed to show current content */
.tf-accordion-current-content {
	border: 1px solid #565758;
	border-top: 0;
	padding: 8px;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: -3px;
}
/* override jquery ui date picker */
.ui-datepicker,
.image-dialog,
.ui-dialog {
	font-family: 'Roboto', Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: 500;
}
.ui-datepicker .ui-datepicker-header {
	letter-spacing: 1px;	
}
.ui-datepicker table tr th { font-family: inherit; font-style: inherit; }
.ui-datepicker a { color: #fff!important; }
.ui-datepicker-trigger { cursor: pointer; }
.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-state-focus,
.ui-datepicker .ui-widget-content .ui-state-focus,
.ui-datepicker .ui-widget-header .ui-state-focus {
	border: 1px solid #565758;
	background: #0053a1;
	background: -moz-linear-gradient(top, #0053a1 0%, #00060e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0053a1), color-stop(100%,#00060e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0053a1 0%,#00060e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0053a1 0%,#00060e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0053a1 0%,#00060e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0053a1 0%,#00060e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0053a1', endColorstr='#00060e',GradientType=0 ); /* IE6-9 */	
	/* font-weight: 500; /* maybe leave off */
	color: #fff;
}
.ui-datepicker-trigger { 
	position: relative; 
	top: 2px;
	left: 2px;
}
/* jquery ui dialog overrides */
.ui-dialog .ui-button-text { font-size: 11px; }

/* jquery ui image request dialog */
.image-dialog .ui-dialog-content label { display: block; margin: 10px 0 2px 0; }
.image-dialog .ui-dialog-buttonpane {
	position: absolute; 
	top: 24px; 
	width: 99%;
}
.image-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: left; }
.image-dialog .ui-dialog-content {	padding-top: 58px; }
.image-dialog .ui-dialog-content input.error { background: #e6403b; }

/* jquery ui shipment history dialog */
.shipment-history-dialog table tr td { padding: 3px 0; }

/* font awesome overrides */
.fa a { font-family: 'Roboto', Helvetica, Verdana, Arial, sans-serif; } 
.text-list .fa { display: block; }

/* basic submit & other button formats */
a.tfi-btn-base {
	display: inline-block;
	min-width: 150px;	
}
a.tfi-btn,
div.tfi-btn,
.image-dialog .ui-dialog-buttonpane button {
	background: #939799;
    background-image: -webkit-linear-gradient(top, #939799, #747678);
    background-image: -moz-linear-gradient(top, #939799, #747678);
    background-image: -ms-linear-gradient(top, #939799, #747678);
    background-image: -o-linear-gradient(top, #939799, #747678);
    background-image: linear-gradient(to bottom, #939799, #747678);
	
	/* rounding on corners */
    -webkit-border-radius: 20;
    -moz-border-radius: 20;
    border-radius: 20px;
	
	/* shadow below */
    -webkit-box-shadow: 7px 6px 3px #666666;
    -moz-box-shadow: 7px 6px 3px #666666;
    box-shadow: 7px 6px 3px #666666;

    color: #fff;
    font-size: 12px; /* 14 */
	font-weight: 700;
	font-style: italic;
    padding: 5px 10px;
	text-align: center;
	letter-spacing: 1px;
	
	/* jquery ui to remove border after you click a button in a dialog box */
	/* outline-width: 0px !important; */
	outline: none;	
}
a.tfi-btn-red-large {
	background: #e6403b;	
	background: -moz-linear-gradient(top, #e6403b 0%, #c1010d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6403b), color-stop(100%,#c1010d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e6403b 0%,#c1010d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e6403b 0%,#c1010d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e6403b 0%,#c1010d 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e6403b 0%,#c1010d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6403b', endColorstr='#c1010d',GradientType=0 ); /* IE6-9 */	

	/* rounding on corners */
    -webkit-border-radius: 20;
    -moz-border-radius: 20;
    border-radius: 20px;
	
	/* shadow below */
    -webkit-box-shadow: 7px 6px 3px #666666;
    -moz-box-shadow: 7px 6px 3px #666666;
    box-shadow: 7px 6px 3px #666666;

    color: #fff;
    font-size: 12px;
	font-weight: 700;
	font-style: italic;
    padding: 10px 10px;
	text-align: center;
	letter-spacing: 1px;
	width: 95%;
	
	/* jquery ui to remove border after you click a button in a dialog box */
	/* outline-width: 0px !important; */
	outline: none;	
}
.image-dialog .ui-dialog-buttonpane button {
	width: 130px!important;
	padding: 0!important;
	font-family: inherit;
}
a.tfi-btn:visited {
	background: #939799;
    background-image: -webkit-linear-gradient(top, #939799, #747678);
    background-image: -moz-linear-gradient(top, #939799, #747678);
    background-image: -ms-linear-gradient(top, #939799, #747678);
    background-image: -o-linear-gradient(top, #939799, #747678);
    background-image: linear-gradient(to bottom, #939799, #747678);
}
a.tfi-btn:hover,
a.tfi-btn-red-large:hover,
.image-dialog .ui-dialog-buttonpane .ui-state-hover {
  	background: #0053a1;
  	background-image: -webkit-linear-gradient(top, #0053a1, #00060e);
  	background-image: -moz-linear-gradient(top, #0053a1, #00060e);
  	background-image: -ms-linear-gradient(top, #0053a1, #00060e);
  	background-image: -o-linear-gradient(top, #0053a1, #00060e);
  	background-image: linear-gradient(to bottom, #0053a1, #00060e);
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}
/* mimic the "push" button effect */
a.tfi-btn:active {
	box-shadow: none;
	top: 5px;
}

/* in process and iframe for images and documents */
#secretIFrame { display: none; visibility: hidden; }

/* bottom boxes */
#content-footer1 {
	height: 204px;
	text-align: center;
	padding-top: 14px;
}
#content-footer1 .column-foot {
	height: 200px;
	width: 31%;
	border: 1px solid #565758;
	background: #fbfaf9; /* #edeceb; /* light grey */
    border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	font-size: 12px;
	font-weight: 500;	
	padding-bottom: 5px;	
}

/* middle box centre */
#content-footer1 .column-center { display: inline-block; }

/* header bar in bottom content boxes */
#content-footer1 h4 {
	text-align: left;
	padding: 5px;
	line-height: 1.33333333;
	color: #fff;
	border: 2px double #edeceb;
	border-bottom: 0;
}

/* box content */
#content-footer1 .column-foot .content { 
	padding: 7px 7px 0 7px; 
	min-height: 125px; 
	text-align: left;
}
#content-footer1 .column-foot ul li {
	display: block;
}
/* links in boxes */
#content-footer1 .column-foot ul li a { margin-right: 14px; font-weight: 700; }
#content-footer1 .text-list .fa-ul { margin: 0; }

/* buttons in boxes */
#content-footer1 div.tfi-buttons { 
	text-align: center; 
	margin-bottom: 10px;
}
#content-footer1 .column-foot .content input[type="text"] { width: 90%; display: inline-block; margin: 0; margin-bottom: 1px;}

/* small bottom links */
#content-policies ul.floatright {
	display: block;
	font-size: 11px;
	padding-right: 7px;
}
#content-policies ul.floatright li {
	display: inline;
	text-align: right;
	padding-left: 7px;
}
#content-policies ul.floatleft { padding-left: 0; }
/* file download */
#preparing-file-modal { padding-top: 28px; }
#preparing-file-modal img {	height: 20%; width: 20%; }
#preparing-file-modal div { width: 72%; }

/* error handling & good response */
#errorBox,
#json-results {
	padding: 8px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 8px;
}
#errorBox {
	border: 2px solid #e6403b;
	background-color: #ffd3d3;
	display: none;		
}
#json-results {
	border: 2px solid #144814;
	background-color: #deebd9;	
}
/* #json-results.width-control { float: right; width: 711px; } */
#json-results span,
.text-complete-message span,
.text-not-complete-message span {
	display: inline-block;
	padding-right: 5px;
	font-size: 14px;
	color: #144814;
	font-weight: 700;
}
/* home page slider paragraph text */
#homeSlides p {
	text-indent: 14px;
	padding-top: 14px;
	font-style: italic;
}
/* specific page */
#table-oasis-help tr {
	border-bottom: 4px dashed #0053a1;
}
#table-oasis-help tr td {
	width: 70%;
	white-space: normal;
	padding: 14px;
	vertical-align: top;
}
#table-oasis-help tr td:first-child {
	width: 33%;
}
#table-oasis-help p {
	padding-top: 4px; /* 10 */
}
#table-oasis-help a {
	font-weight: bold;
	text-decoration: underline;
}

/* google map */
.google-maps iframe { border: none; }
.text-complete-message { color: #144814; }
.text-not-complete-message,
.text-not-complete-message span { color: #e6403b; }
/* when only one error shown */
#errorBox ul li {
	background: #ffd3d3 url(/images/redcross.png) no-repeat left;
	line-height: 24px;
	vertical-align: middle;
	text-indent: 50px;
	font-weight: 700;
	color: #e6403b;
}
/* =Media queries */
/*-------------------------------------------------------------- */
/* at this resolution, perhaps suggest mobile app? */
@media screen and (min-width: 0px) and (max-width: 545px) {
	body {	font-size: 75%; }
	#content .full-page-content { padding-left: 3px; }	
	#side-navigation1,
	#content-footer1,
	#main-navigation,
	.span-search-form {	display: none; }
	#ddmenu ul li div.column img {width: 65%;	height: 65%;}		
	#ddmenu ul li,
	#ddmenu ul li div.column {font-size: 11px!important;}	
	#page-banner .page-banner-text {padding-left: 10px;}
	#content-policies 	ul li a img {display: none;	}	
}
/*-------------------------------------------------------------- */
/* at this resolution, lose the logo and menu still fits */
@media screen and (min-width: 546px) and (max-width: 759px) {
	body {	font-size: 75%;}
	#content .full-page-content {padding-left: 3px;	}	
	#side-navigation1,
	.span-search-form {	display: none;}
	#main-navigation span.top-heading {font-size: 10px;}	
	#main-navigation li.no-sub a {font-size: 10px;}
	#main-navigation .logo-wrapper {	width: 200px!important;}
	#main-navigation .logo-wrapper img {width: 85%!important;height: 85%!important;}	
	#ddmenu ul li div.column img {width: 65%;	height: 65%;}		
	#ddmenu ul li,
	#ddmenu ul li div.column {font-size: 11px!important;}
	#page-banner .page-banner-text {padding-left: 10px;}	
}
/*-------------------------------------------------------------- */
/* at this resolution, lose boxes at the bottom */
@media screen and (min-width: 760px) and (max-width: 1023px) {
	body {	font-size: 75%;}
	#content .full-page-content {padding-left: 3px;}	
	#side-navigation1 {display: none;	}
	/* #main-navigation .main-navigation-menu-wrapper a {padding: 5px 0px 5px 5px!important;} */
	#ddmenu ul li,
	#ddmenu ul li div.column {font-size: 10px!important;}
	#ddmenu ul li div.column img {width: 75%;	height: 75%;}	
	#main-navigation .logo-wrapper {	float: left;	width: 220px!important;}
	#main-navigation .logo-wrapper img {width: 85%;height: 85%;}
	.span-search-form {display: none!important;}
	#page-banner {max-width: 700px;}
	#page-banner .page-banner-text {padding-left: 10px;}
	#content-policies {max-width: 550px;}
}