/*-----------------------------------*/
/* Imports;                          */
/*-----------------------------------*/
/*-----------------------------------*/
/* Variables;                        */
/*-----------------------------------*/
/* Colors; */
/* Greys; */
/* Blues; */
/* Reds; */
/* Fonts; */
/* Font sizes; */
/* Font weights; */
/* Shared Dimensions; */
/*-----------------------------------*/
/* Mixins;                           */
/*-----------------------------------*/
/* Display SVG with PNG fallback; */
/* Font-smoothing; */
/* Remove focus hilite completely;   */
/* Remove ability to select text for element; */
/* Vertical center a group of divs; */
/* Chevron common CSS (for Cognos); */
/* Responsive to browser sizing; */
/*************************************/
/* PAGE STYLES;                      */
/*************************************/
/* General reset; */
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 {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

html, body {
  height: 100%;
}

/*-----------------------------------*/
/* Elements;                         */
/*-----------------------------------*/
body {
  color: #30373a;
  font-family: Arial, "Helvetica Medium", Helvetica, "Helvetica Neue", "Arial Neue", sans-serif;
  background: #fcfcfc;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
  text-shadow: rgba(0, 0, 0, 0.004) 1px 1px 1px;
}

h1, h2, h3, h4, h5 {
  color: #797979;
  font: 300 100%/120% "Open Sans", "Segoe UI", "Segoe WP", "Helvetica Neue", Arial, "Helvetica Medium", Helvetica, sans-serif;
}

a {
  text-decoration: none;
}

a:visited {
  color: #006ed3;
}

p a:hover {
  border-bottom: 1px dotted #b0b7ba;
}

table {
  width: 300px;
  margin-right: 40px;
  empty-cells: show;
  border-collapse: collapse;
}

th, td {
  vertical-align: top;
}

th {
  cursor: pointer;
}

/*-----------------------------------*/
/* Convenience Classes;              */
/*-----------------------------------*/
.hid {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

/*************************************/
/* OVERALL LAYOUT;                   */
/*************************************/
/* Wrapper; */
.wrapper {
  width: 1340px;
  margin: 20px auto;
}

.flt {
  float: left;
  width: 322px;
  margin: 0 20px 20px 0;
}

/*-----------------------------------*/
/* Chevrons;                         */
/*-----------------------------------*/
.jll-chv {
  clear: both;
  position: relative;
  width: 1320px;
  height: 60px;
  margin: 10px 0;
  overflow: hidden;
}

.jll-chv-info {
  float: left;
  height: 60px;
  width: 220px;
  min-width: 220px;
  max-width: 220px;
  overflow: hidden;
  cursor: default;
}

.jll-tran-name {
  width: 220px;
  color: #40474a;
  font-size: 0.92em;
  font-weight: 700;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.jll-tran-stat {
  display: block;
  width: 220px;
  color: #60676a;
  font-size: 0.86em;
  line-height: 1.1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.jll-tran-loca {
  display: block;
  width: 220px;
  font-size: 0.66em;
  text-transform: uppercase;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.jll-chv-base {
  display: block;
  height: 60px;
  width: 1100px;
  margin: 0 0 0 220px;
  background: transparent url(../img/chv/chevron-background.png) 0 0 no-repeat;
  background: transparent url(../img/chv/chevron-background.svg) 0 0 no-repeat;
  -moz-transform: preserve-3d;
  -ms-transform: preserve-3d;
  -webkit-transform: preserve-3d;
  transform: preserve-3d;
}

.jll-chv-0 {
  float: left;
  width: 125px;
  height: 60px;
  margin-left: 0;
  cursor: default;
  background: transparent url(../img/chv/chevron-colors.png) 0 0 no-repeat;
  background: transparent url(../img/chv/chevron-colors.svg) 0 0 no-repeat;
  background-position: 0 0;
}

.jll-chv-1 {
  float: left;
  width: 125px;
  height: 60px;
  margin-left: -3px;
  cursor: default;
  background: transparent url(../img/chv/chevron-colors.png) 0 0 no-repeat;
  background: transparent url(../img/chv/chevron-colors.svg) 0 0 no-repeat;
  background-position: 0 -67px;
}

.jll-chv-2 {
  float: left;
  width: 125px;
  height: 60px;
  margin-left: -3px;
  cursor: default;
  background: transparent url(../img/chv/chevron-colors.png) 0 0 no-repeat;
  background: transparent url(../img/chv/chevron-colors.svg) 0 0 no-repeat;
  background-position: 0 -135px;
}

.jll-chv-3 {
  float: left;
  width: 125px;
  height: 60px;
  margin-left: -3px;
  cursor: default;
  background: transparent url(../img/chv/chevron-colors.png) 0 0 no-repeat;
  background: transparent url(../img/chv/chevron-colors.svg) 0 0 no-repeat;
  background-position: 0 -203px;
}

.jll-chv-4 {
  float: left;
  width: 125px;
  height: 60px;
  margin-left: -3px;
  cursor: default;
  background: transparent url(../img/chv/chevron-colors.png) 0 0 no-repeat;
  background: transparent url(../img/chv/chevron-colors.svg) 0 0 no-repeat;
  background-position: 0 -270px;
}

.jll-chv-5 {
  float: left;
  width: 125px;
  height: 60px;
  margin-left: -3px;
  cursor: default;
  background: transparent url(../img/chv/chevron-colors.png) 0 0 no-repeat;
  background: transparent url(../img/chv/chevron-colors.svg) 0 0 no-repeat;
  background-position: 0 -338px;
}

.jll-chv-6 {
  float: left;
  width: 125px;
  height: 60px;
  margin-left: -3px;
  cursor: default;
  background: transparent url(../img/chv/chevron-colors.png) 0 0 no-repeat;
  background: transparent url(../img/chv/chevron-colors.svg) 0 0 no-repeat;
  background-position: 0 -405px;
}

.jll-chv-7 {
  float: left;
  width: 125px;
  height: 60px;
  margin-left: -3px;
  cursor: default;
  background: transparent url(../img/chv/chevron-colors.png) 0 0 no-repeat;
  background: transparent url(../img/chv/chevron-colors.svg) 0 0 no-repeat;
  background-position: 0 -473px;
}

.jll-chv-8 {
  float: left;
  width: 125px;
  height: 60px;
  margin-left: -4px;
  cursor: default;
  background: transparent url(../img/chv/chevron-colors.png) 0 0 no-repeat;
  background: transparent url(../img/chv/chevron-colors.svg) 0 0 no-repeat;
  background-position: 0 -540px;
}

.jll-chv-alert-1 {
  float: left;
  width: 125px;
  height: 60px;
  margin-left: -3px;
  cursor: default;
  background: transparent url(../img/chv/chevron-colors.png) 0 0 no-repeat;
  background: transparent url(../img/chv/chevron-colors.svg) 0 0 no-repeat;
  background-position: 0 -608px;
}

.jll-chv-alert-2 {
  float: left;
  width: 125px;
  height: 60px;
  margin-left: 0;
  cursor: default;
  background: transparent url(../img/chv/chevron-colors.png) 0 0 no-repeat;
  background: transparent url(../img/chv/chevron-colors.svg) 0 0 no-repeat;
  background-position: 0 -675px;
}

.jll-chv-alert-3 {
  float: left;
  width: 125px;
  height: 60px;
  margin-left: -3px;
  cursor: default;
  background: transparent url(../img/chv/chevron-colors.png) 0 0 no-repeat;
  background: transparent url(../img/chv/chevron-colors.svg) 0 0 no-repeat;
  background-position: 0 -743px;
}

.jll-chv-ttl {
  display: block;
  margin: 2px 8px 0 16px;
  line-height:1.2em;
  color: #fAfAfB;
  font-family: Arial, "Helvetica Medium", Helvetica, "Helvetica Neue", "Arial Neue", sans-serif;
  font-size:0.76em;
  font-weight: 700;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.jll-chv-lbl {
  display: block;
  margin: 2px 8px 0 16px;
  color: #f5f7f9;
  color: #E0E5E7;
  color:rgba(255,255,255,0.8);
  font-family: Arial, "Helvetica Medium", Helvetica, "Helvetica Neue", "Arial Neue", sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 0.66em;
  height: 26px;
  max-height: 26px;
  line-height:1.2em;
  -webkit-transition:all 500ms linear;transition:all 500ms linear;transition:all 500ms linear;
}

.jll-chv-lbl:hover {color:#FFF;color:rgba(255,255,255,1);-webkit-transition:all 500ms linear;transition:all 500ms linear;transition:all 500ms linear;}

.jll-chv-0 .jll-chv-ttl, .jll-chv-0 .jll-chv-lbl {margin:0 8px 0 8px;}

.jll-vert-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


/* Chevron Tooltip Code; */
.ui-helper-hidden {display:none;}
.ui-helper-hidden-accessible {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.ui-helper-reset {margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;}

.ui-tooltip {position:absolute;width:auto;height:auto;padding:8px;max-width:250px;z-index:9999;color:#553;font-size:11px;line-height:1.3em;background:#DDB;background:#f9efb6;background:-moz-linear-gradient(top,#f9efb6 0%,#f9f0bb 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9efb6),color-stop(100%,#f9f0bb));background:-webkit-linear-gradient(top,#f9efb6 0%,#f9f0bb 100%);background:-o-linear-gradient(top,#f9efb6 0%,#f9f0bb 100%);background:-ms-linear-gradient(top,#f9efb6 0%,#f9f0bb 100%);background:linear-gradient(to bottom,#f9efb6 0%,#f9f0bb 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9efb6',endColorstr='#f9f0bb',GradientType=0);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9efb6,endColorstr=#f9f0bb)";color:#665 !important;-moz-box-shadow:inset 0 1px 0 0 rgba(255,255,255,1),0 1px 7px 0 rgba(0,0,0,0.5);-webkit-box-shadow:inset 0 1px 0 0 rgba(255,255,255,1),0 1px 7px 0 rgba(0,0,0,0.5);box-shadow:inset 0 1px 0 0 rgba(255,255,255,1),0 1px 7px 0 rgba(0,0,0,0.5);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;overflow:hidden;border:1px solid #AA9;}