/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/* Reset */
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; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }

/* Clearfix */
.cf:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Globals */
    /* Global Styles */
html {height: 100%;}
body {font-family: arial, san-serif; color: #4d4d4d; background: #A8A9AD; font-size: 12px;position: unset;}
body.page-home {background: #FFF;}
a { -webkit-transition: .2s ease; -o-transition: .2s ease; -moz-transition: .2s ease; transition: .2s ease;}
img {display: block;}

/* Added 1.31.2020 */
img.left {float: left; margin-right: 12px; }
img.right { float: right; margin-left: 12px; }
img.full { width: 100%; }
img.center { margin: auto; text-align: center; }

video {background: #000; width: 700px }
mark {background: #fff; color: #a00;}
.content pre {margin: 0 0 10px;}
.content sup {position: relative; top: -20%; font-size: 80%;}
.content sub {position: relative; bottom: -20%; font-size: 80%;}
.content b, .content strong, .content b *, .content strong * {font-weight: 700;}
i, em {font-style: italic;}
.content u, .content u * {text-decoration: underline;}
.content h1, .content .title {font-size: 24px; color: #0076AA; font-weight: 700; line-height: 26px;}
.content h2 {font-size: 18px; font-weight: 700; line-height: 20px;}
.content h3 {font-size: 12px; font-weight: 700; line-height: 18px;}
.content h4 {font-size: 12px; font-weight: 700; color: #0076AA; line-height: 18px;}
.content h5 {font-size: 12px;}
.content h6 {font-size: 12px; font-style: italic;}
.content ul {list-style-type: disc; padding: 0 0 0 35px;}
.content ol {list-style-type: decimal; padding: 0 0 0 35px;}
.content p, .content li {margin: 0 0 15px; font-size: 12px;  line-height: 18px;}
.content td {padding: 2px 5px 2px 0; font-size: 12px; vertical-align: top;}
.content a {font-size: 12px;}
.content a:link {color: #0076AA; text-decoration: none; }
.content a:visited {color: #0076AA;}
.content a:active, .content a:hover {text-decoration: underline;}
.content .page-title, .full-content .page-title {background-color: #0076AA; color: #FFF; font-family: arvo, arial, sans-serif; padding: 13px 0 7px 77px;font-size: 24px;min-height: 30px; margin: 0 auto 23px;}
.content .page-title.no-icon {padding-left: 20px;}
.page-title * {font-family: arvo, arial, sans-serif; font-size: 24px; background: #0076AA; font-weight: 700;}

:focus {outline:none;}
::-moz-focus-inner {border:0;}
body .error {background: #eee; padding: 20px 20px 5px; font-weight: 700; color: #600; border: 1px solid #600; box-shadow: 5px 5px 10px #999; border-radius: 20px; margin: 0 0 25px;}
body .error .error {background: none; border: none; box-shadow: none; margin: 0; padding: 0;}
body .success {background: #eee; padding: 20px 20px 5px; font-weight: 700; color: #060; border: 1px solid #060; box-shadow: 5px 5px 10px #999; border-radius: 20px; margin: 0 0 25px;}
body .success .success {background: none; border: none; box-shadow: none; margin: 0; padding: 0;}
body table tr.error-row { background: rgba(190,1,1,0.2); border-bottom: 1px solid #fff; }

/* Responseive rows */
.home-content > .row { display: flex; align-items: stretch; justify-content: space-between; }
.row { margin-bottom: 35px; }


    /* Select Boxes */
.content-form .ui-multiselect,
.custom-combobox,
.custom-select, button.form-button, form.filter select {border: 1px solid #636363; border-radius: 5px; background: url(../images/bg_select.png) right top; font-size: 10px; font-weight: 700; margin: 0 10px 0 0; width: 149px; height: 19px; cursor: pointer; color: #090909; text-shadow: none;}
.customSelectInner {height: 12px; max-width: 110px; padding: 3px 6px; white-space: nowrap; overflow: hidden; display: block;}
.content-form .customSelectInner {max-width: 164px;}
.custom-select { display: block; }
.custom-select option, form.filter select option {font-weight: 400; padding: 4px; background: #DDD;}
button.form-button { 
    background-image: none; 
    background: rgb(252,252,252);
    background: linear-gradient(rgba(252,252,252,1) 0%, rgba(211,211,211,1) 100%);
    margin: 0;
    min-height: 2em;
    box-sizing: content-box;
    padding: 0 0;
}
form.filter select {
    display: inline-block;
    float: left;
    padding: 0 4px;
    height: 2em;
    margin-bottom: 10px;
}
/* Custom select appearance removed */
/*
form.filter select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/bg_select.png) right top !important;
}
*/
 

    /* Multi-Select Boxes */
.content-form .custom-multiselect {width: 202px; height: 21px;}
.content-form .ui-multiselect {width: 202px !important; height:21px;}
.content-form .ui-multiselect .ui-icon {background: transparent;}
.content-form .ui-multiselect span {font: bold 10px arial san-serif; color: #000;}

.ui-multiselect {padding:2px 0 2px 4px; text-align:left;}
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute; top: auto; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:2px 4px; }

.ui-multiselect-menu.ui-widget-content {display:none; position:absolute; z-index:10000; margin-left: 2px; border: 1px solid #000; text-align: left; background: #DDD; box-shadow: 3px 3px 8px;} /*width: auto !important; max-width: 240px;*/
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes.ui-helper-reset {height: auto !important;}
.ui-multiselect-checkboxes li {position: relative; clear:both; font: 10px arial,san-serif; color: #000;}
.ui-multiselect-checkboxes li .ui-state-hover {border: none; background: #017BB5; color: #fff;}
.ui-multiselect-checkboxes li label {cursor:default; display:block; border-radius: 0; padding:4px 4px;} /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/
.ui-multiselect-checkboxes li label input {position: absolute; top: 1px;}
.ui-multiselect-checkboxes li label span {display: block; margin-left: 22px;}

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }

    /* Combobox */
.custom-combobox {display: block;}
.content-form .custom-combobox {width: 200px;}
.custom-combobox > a {width: 18px; height: 19px; border: none; background: none;}
.custom-combobox > a.ui-button {margin-right: 0;}
.custom-combobox > a .ui-button-text {padding:0;}
.content-form .custom-combobox > input {width: 182px; border: none; padding: 3px 6px; background: transparent; font: bold 10px arial, san-serif; color: #000;}
.rcsForm .custom-combobox > input { width: 168px; }
ul.ui-autocomplete {border-radius: 0px; border: 1px solid #000; padding: 0; background: #DDD; min-width: 197px; max-height: 240px; overflow-y: auto; overflow-x: hidden;}
ul.ui-autocomplete.ui-menu .ui-menu-item {padding: 0;}
ul.ui-autocomplete.ui-menu .ui-menu-item a {border-radius: 0px; border: none; background: none; padding: 2px 4px; font: 10px arial, san-serif; color: #000; transition: none;}
ul.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-focus,
ul.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-active {margin: 0;background: #017BB5; color: #fff;}

    /* Buttons */
.btn, input[type="button"], input[type="submit"] {color: #fff; border: unset; cursor: pointer; background: url(../images/bg_btn_red.png) repeat-x; padding: 10px 8px; color: #fff; text-decoration: none; display: block; float: left; margin: 15px 10px 15px 0; font-size: 14px; text-align: center;}
.content a.btn,
.content .btn:link {color: #FFF;}
.btn:hover, .btn.alt:hover, .content .btn:hover,
input[type="button"]:hover, input[type="submit"]:hover {background: url(../images/bg_btn_grey.png) repeat-x; text-decoration: none; }
.btn.alt {background: url(../images/bg_btn_blue.png) repeat-x;}
.btn[type="submit"] {margin-top: 10px; border: none;}
input[type="button"], input[type="submit"] { margin-top: 0; }

    /* Accordion */
.content .accordion {clear: both; padding: 0; margin: 0 0 14px;}
.accordion>li { background: #DDD; color: #003; margin: 0 0 3px; cursor: pointer; list-style: none; position: relative}
.accordion>li>h2 {padding: 10px 6px 8px 17px; margin: 0 50px 0 0; text-transform: uppercase; display: inline-block;}
.accordion>li>h2>small { font-size: 12px; font-weight: normal; text-transform: none; padding: 0 1px; }
.accordion .folder {background: #FFF; color: #000; padding: 0; float: left; cursor: default; width: 100%;}
.accordion .folder>li, 
.accordion .folder p {color: #464646; font-size: 14px; padding: 18px 20px; background: #FFF; cursor: default; margin: 0; list-style: none;}
.accordion strong {color: #ED1C24;}
.accordion ul li a,
.accordion ul li a:link,
.accordion ul li a:visited { font-size: 14px; color: #ED1C24;}
.accordion .first {display: block;}
.accordion .folder {display: none;}
.accordion button { font-size: 0; float: right; width: 0; height: 0; margin: 16px 10px 0; padding: 0; background: transparent; border: 10px solid #003; border-left-color: transparent; border-bottom-color: transparent; border-right-color: transparent; transition: all linear 0.2s; transform-origin: 10px 4px; position: absolute; top: 0; right: 0; }
.accordion button.active { transform: rotate(-180deg); }
.page-standard .left-column .accordion h2 { margin: 0; }
.accordion .accordion-simple .folder { padding: 14px 0; }
.accordion .accordion-simple .folder > :first-child { margin-top: 0; }
.accordion .accordion-simple .folder p { color: inherit; font-size: inherit; padding: 0; cursor: inherit; }
.accordion .accordion-simple .folder ol,
.accordion .accordion-simple .folder ul { margin: 0.5em 0; }
.accordion .accordion-simple .folder ol li,
.accordion .accordion-simple .folder ul li { margin: 0; }
#camera-wrapper { overflow: hidden; }

    /* Filter */
.filter {font-size: 12px;}
.filter input {background: url(../images/bg_filter_button.png); color: #FFF; font-size: 12px; border: none; padding: 2px 10px; margin: 0 15px 0 10px;}
.filter i {color: #545454; font-weight: 700; margin: 0 0 0 15px;}

    /* Columns */
.column {float: left; width: 223px;}
.column h2 {background: url(../images/bg_reports_title.png) repeat-x; color: #FFF; font-size: 18px; padding: 6px 20px; margin: 0 10px 35px;}
.column ul {padding: 0 10px; border-right: 1px solid #C7C8C9;}
.column:nth-child(3n+3) ul, .content-reports .column:last-child ul {border: none;}
.column li {list-style: none; margin: 25px 0;}
.column img {float: left; margin: 0 10px 0 0;}
.column a {text-decoration: none;}
.column h3 {color: #000; font-size: 14px;}
.column li div {float: left; width: 144px;}
.column i {color: #545454; font-size: 11px;}

        /* Layout */
            /* Header */
.header {background: #FFF;}
.inner-header { max-width: 980px; margin: 8px auto; position: relative }
.inner-header { display: flex; justify-content: space-between; }
.inner-header h1 { width: 50%; }
.inner-header .logo { 
    display: block;
    height: 80px;
    max-height: 95%;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    padding: 0;
    margin: 0;
    text-indent: -1000px;
}

/* Make header fixed on all pages except map */
/* Added 1.31.2020 */
body > header.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; }   
body { padding-top: 11em; }
body.page-map  > header.header { position: initial; }
body.page-map { padding-top: 0; background: #fff; }

/* Data Tables */
/* Added 1.31.2020 */
table.data-table { width: 100%!important; margin: 30px auto; text-align: left; border-collapse: collapse; border-spacing: 0; border: none; }
table.data-table caption { font-weight: bold; }
table.data-table tr { border: none; border-bottom: 1px solid #96989A; }
table.data-table th, table.data-table td { padding: 10px 0; vertical-align: middle; border: none; }
table.data-table th { font-weight: 700; }
table.data-table thead th { color: #0076AA; }
table h1, table h2, table h3, table h4, page h5 { margin: 0; }

        /* Notifications */
a.notifications { text-decoration: none; cursor: pointer; display: none;  margin: 0;  float: none; width: 100%; height: 7em; clear: both; background: #fff; color: #000; margin: 0; position: relative;  box-sizing: border-box; background-image: url(../images/icon_notification.png); background-repeat: no-repeat; background-size: 28px; background-position: left 0.75em; padding: 1em 1em 1em 38px; overflow: hidden; }
a.notifications ul { margin: 0.5em 0; padding: 0; }
a.notifications li { display: block; width: 100%; }
a.notifications p { color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: bold; }
a.notifications::after {
    content: " ";
    display: block; 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 80%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 80%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 80%, rgba(255,255,255,1) 100%);
}
.header a.notifications { width: 50%; display: block; }


/* Offline Notice */
.offline-notice { border-top: 0px solid #D71A21; text-align: center; color: #D71A21; font-size: 130%; font-weight: bold; max-height: 0; margin: 0; padding: 0; transition: all linear 0.2s; overflow: hidden; }
.offline .offline-notice { display: block; max-height: 2em; padding: 0.5em; border-top-width: 4px; }

        /* Main Nav  */
.header nav {background: #000;  border-top: 4px solid #D71A21;}
.header nav ul {max-width: 980px; margin: 0 auto;}
.header nav>ul>li {float: left; position: relative;background-color: #000; width: 16.66%;}
.header nav>ul>li:hover {color: #000; background-color: #fff;}
.header nav a {font-size: 13px; color: #fff; text-decoration: none; display: block; padding: 11px 0; width: 100%; text-align: center; font-weight: 700;}
.header nav>ul>li:hover>a {color: #000;}
.header nav .right {float: right; background: none;}
.page-commitees .header nav .mynittec_login { display: none; }

            /* Secondary Nav */
.header ul li ul, .header ul li:hover ul ul {max-height: 0; overflow: hidden; transition: all linear 0.2s;}
.header ul li ul {position: absolute; background: #fff; border: 0px solid #CDD0D0; width: 100%; top: 100%; left: -1px; z-index: 6;}
.header ul li:hover > ul {max-height: 30em; border-width: 1px;}
.header ul li ul a, .header ul li:hover li a {color: #343434; text-align: left; background: url(../images/bg_subnav.png) no-repeat; width: 120px; padding: 10px 20px; font-size: 10px; line-height: 12px;}
.header ul ul li:first-child a {background: none;}
.header ul ul a:hover {background: #fff url(../images/bg_subnav.png) no-repeat; }
.header ul ul li:hover>a {color: #999;}
            
            /* Nth Nav */
.header ul ul li ul {left: 160px; top: 0;}
.header nav>ul>li:nth-of-type(n+4) ul ul {left: -162px;}

/* Nav Updates */
.header nav a:hover, .header nav a:focus { background: #fff; color:#000; }
.header ul ul li:hover, .header ul ul li:focus { background: #000; color:#fff;}
.header ul ul li:hover > a, .header ul ul li:focus > a,
.header ul ul a:hover, .header ul ul a:focus { color:#fff; }
.toggle-nav {
    z-index: 100;
    background: transparent;
    border: none;
    width: 15vw;
    height: 15vw;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    display: none;
    padding: 0 2vw;
}
.toggle-nav svg { width: 65%; }
.toggle-nav path, .toggle-nav path { fill: #0076AA; }
.toggle-nav:hover, .toggle-nav:focus {  background-color: #0076AA;  }
.toggle-nav:hover svg, .toggle-nav:focus svg { background-color: #0076AA; }
.toggle-nav:hover path, .toggle-nav:focus path { fill: #fff; }

    /* Content */
.home-content, .content {width: 980px; max-width: 100%; margin: 0 auto; padding: 30px 0 1px; background: #FFF;}
.full-content {position: relative; padding: 30px 0 0;}
.content-wrapper {padding: 30px 20px; width: auto;}

        /* Left Column */
.left-column {width: 670px; float: left; margin: 0 0 0 20px;}


        /* Right Column */
.right-column {float: right; width: 230px; margin: 0 20px 0 40px;}  

        /* 3 column layout */
.center-left-column {float: left; width: 160px;}
.center-right-column {float: right; width: 510px;}

    /* Promotions */
.promo {position: relative; background: #fff; margin-bottom: 20px; padding: 10px; border-top: 4px solid #D71A21; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.promo img { width: 100%; height: auto; }
.promo h2 { color: #fff; padding: 0; font-size: 12px; margin: 0;}
.promo a:link, .promo a:visited {color: #fff; text-decoration: none;}
.promo p {font-size: 15px;}
.shadow {box-shadow: 0px 2px 5px #002770;}
.promo div {color: #fff; position: relative;}
.promo.with-image div {width: 90%; margin: 0 5%; padding: 5px 0; /*position: absolute; bottom: 5px;*/ }
.promo .btn { margin: 8px; float: none; }
.promo.template-2 div {background: #FFF; padding: 14px 10px 50px;}
.promo.template-2 p {color: #464646; margin: 0;}
.promo.template-2 .btn {margin: 8px 0 8px;}

/* Weather Promo */
.promo.template-2 .promo-weather div {padding: 0;}
.promo.template-2 .promo-weather div.btns { padding: 20px; }
.right-column div.promo-weather {padding: 0}
.promo.template-2 .promo-weather .weather-wrapper { padding: 0; }
.promo.template-2 #weather-container {padding: 10px; margin: 0;}
#weather-container img { clear: both; float: left; margin-right: 5px;}
#weather-container .title {float: none; width: 100%;font-size: 14px; line-height: 18px; margin-bottom: 10px;color: #464646;}
#weather-container .title b {font-size: 16px;}
#weather-container  p {float: left; width: 132px; font-size: 12px; font-weight: bold; color: #888;}
#weather-container p:nth-of-type(2) span {font-weight: 700; font-size: 18px;}
#weather-container  a {color: #1583C1; font-size: 18px; font-weight: 700}
#weather-container .active {text-decoration: underline;}
#weather-container .temperature {color: #464646;}
#weather-container .temperature .temp-toggle:nth-of-type(1) {border-right: 2px solid #4d4d4d; padding-right: 7px;}
#weather-container .setCanadian {display: none;}
#weather .attrition {font-size: 10px; font-style: italic; display: block;}

/* Slideshow Promo */
.home-content .promo .slideshow-camera > li { display: none; }
.home-content .promo .slideshow-camera > li:first-child { display: block; }
.home-content .promo .slideshow-camera figure img {
    height: 183px;
    width: 100%;
}
.home-content .promo .slideshow-camera figcaption {
    display: flex;
    justify-content: left;
    align-items: center;
    padding: 0 20px 20px;
    min-height: 4em;
}
.home-content .promo .slideshow-camera figcaption img {
    display: inline-block;
    width: 2em;
    height: auto;
    border: none;
    margin: 0.75em 0.75em 0.75em 0;
}
.home-content .promo .slideshow-camera .slick-dotted.slick-slider {
    margin-bottom: 0;
}
.home-content .promo .slideshow-camera .slick-dots {
    position: absolute;
    top: 160px;
}

.slick-loading .slick-list
{
    background-image: none;
}

/* Audio Links */
a.audio_link,
a.audio_link:link { font-weight: bold; color: #000; }
a.audio_link img { float: left; margin: -2px 8px 0 0; }

/* Bridges */
.bridges {position: relative; margin: 0; background: url(../images/bg_bridge2.png) bottom repeat-x;}
.map.bridges {background: url(../images/bg_bridge.png) bottom repeat-x;}
.bridges .wrapper {padding: 0 18px 0; background: #E8E6E6; width: 944px; border-radius: 0; margin: 0 auto; float: none; overflow: hidden; display: none; position: relative;}
.bridges header {background: #3B3B3B url(../images/bg_diagonal.png) repeat-x;}
.bridges p {color: #fff;}
.bridges .crossing-block {background: none; width: 216px; margin: 64px 22px 0 0; text-align: left; font-weight: 700; float: left; min-height: 165px;}
.bridges .crossing-block p {margin: 0 0 18px; padding: 16px 24px 12px 16px; position: relative; box-shadow: 1px 1px 1px #999;}
.bridges .crossing-block img {position: absolute; top: 14px; right: 16px;}
.bridges .crossing-block .usa {background-color: #4295B8;}
.bridges .crossing-block .canada {background-color: #A70E13;}
.bridges .customSelect {width: 218px; height: 19px;}
.bridges .time-box {float: left; width: 220px; margin: 0 0 0 15px; font-size: 12px; text-shadow: 1px 1px #666; color: #FFF;}
.bridges .time-box-wrapper{margin-top: 10px;}
.bridges .time-wrapper {background: #009727; border-radius: 0 0 5px 5px; margin: 0 0 5px;}
.bridges .time-box p, .bridges .time-box h4 {text-align: center;}
.bridges .time-table tbody td.low-wait {background: #009727;}
.bridges .time-table tbody td.medium-wait {background: #FC9400;}
.bridges .time-table tbody td.high-wait {background: #F51500;}
.bridges .time-table tbody td.unknown-wait {background: #ccc;}
.bridges div header {border: none; padding: 14px 4px;  text-shadow: 1px 1px #333; font-weight: 700; height: auto; width: auto; background: #3B3B3B;}
.bridges div p {padding: 14px 4px 12px; font-size: 12px;}
.bridges select {width: 220px;}
.bridges .key {width: auto; box-shadow: 0 0 4px #7E7E7E; margin: -25px 0 5px 253px; background: #FFF; padding: 10px 0; z-index: 1;}
.bridges .key p {color: #4d4d4d; float: left; margin: 0; width: 29%; padding: 0 2%; }
.bridges .key p:last-child {border: none;}
.bridges .key span {width: 40px; height: 15px; background: #009727; display: block; float: left; margin: 0 18px 0 0;}
.bridges .key p:nth-of-type(2) span {background: #fc9400;}
.bridges .key p:nth-of-type(3) span {background: #f51500;}
.bridges #bridge-wrapper p.note {clear: both; color: #181818; margin: 0 0 0 253px; float: left; text-align: left;}
.bridges #bridge-wrapper p.note strong { font-weight: bold; }
#bridge-wrapper > p.footnote { margin: 0 0 0 253px; text-align: left; padding-top: 0; }
.bridges p.note span { display: block; margin: 0.5em 0; }
button {color: #fff; border: none; float: right; margin: 30px 10px 0; padding: 0 18px 0 5px; font-size: 13px; font-weight: 700; cursor: pointer;}
.footer-header button {background: url(../images/arw_up_grey.png) right no-repeat;}
.footer-header.active button {background: url(../images/arw_down_grey.png) right no-repeat;}

.bridges header { background-image: none; }
.bridges div header { background-image: none; background-color: #0076AA; margin-bottom: 5px; }
.bridges  .customSelect { display: none!important; }
select { background: #fff!important; }
small.bridge-whereto { display: none; }
.bridges p { color: #000; }
.bridges .time-box select { display: none; }
.bridges .crossing-block { margin-top: 4.75em; padding: 0 0 3em; min-height: 1px; }
.bridges .crossing-block p { margin-bottom: 5px; padding: 0.8em; color:#fff; box-shadow: none; background-repeat: no-repeat; background-position: 0 -100%; }
.bridges .crossing-block p img { top: 0.65em; }
.bridges .time-wrapper { border-radius: 0; }
.bridges .time-box p { position: relative; padding: 0 0 1em; color: #fff; }
.bridges .time-box p:first-child:before,
.bridges .time-box p:first-child:after { content: " "; display: inline-block; width: 2em; height: 1.5em; position: relative; top: 0.5em; margin: 0 1em; pointer-events: none; }
#bridge-wrapper > p { text-align: right; }
.inline-icon { display: inline-block; height: .75em; }
.select-camera{
    display: inline-block;
    overflow: hidden;
    text-indent: -1000px;
    width: 2em;
    height: 100%;
    background-image: url(../images/icon-camera.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 2em;
    background-position: center;
}

.bridges .bridge-wrapper-row { display: flex; justify-content: space-between; flex-wrap: wrap;  }

.bridges .time-table { width: 18.5em; margin: 1em 0; }
.bridges .time-table th, 
.bridges .time-table td { background-color: #3B3B3B; color: #fff; padding: 1em 0.5em; text-align: center; }
.bridges .time-table th { font-weight: bold; text-transform: uppercase; }
.bridges .time-table td { white-space: nowrap; }
.bridges .time-table thead tr:first-child th { background-color: #0076AA; text-transform: none; }
.bridges .time-table tbody tr > th.cross-us, .bridges .time-table th.cross-ca { display: none; }
.bridges .time-table th.time-table-header-hidden { display: none; }
.bridges .time-table tbody td { background-color: #009727; position: relative; }
.bridges .time-table td.cross-us, 
.bridges .time-table td.cross-ca { background-repeat: no-repeat; background-position: 95% center; padding-right: 95px; text-align: left; }
.bridges .time-table tbody .cross-us { background-color: #4295B8; }
.bridges .time-table tbody .cross-ca { background-color: #A70E13; }
.bridges .time-table tbody td:last-child { width: 40px; }
.bridges #direction-legend { margin-right: 1em; }
.bridges #direction-legend thead { opacity: 0; pointer-event: none; }
.bridges .key { margin-top: 0; }

#bridge-wrapper > p { margin: 0.5em 1em; }

.bridges .time-table .select-camera{
    display: block;
    overflow: hidden;
    text-indent: -1000px;
    width: 100%;
    height: 100%;
    background-image: url(../images/icon-camera.png);
    background-color: #3B3B3B;
    background-repeat: no-repeat;
    background-size: auto 50%;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
}

    /* Footer */
.footer {background: #3b3b3b; color: #FFF; margin: 0; width: 100%; }
.footer-inner {width: 940px; margin: 0 auto; padding: 40px 20px 0; font-size: 12px;}
.footer-inner aside {float: left; width: 223px; margin: 0 0 0 16px; position: relative; font-size: 13px;}
.footer-inner aside .buttons { display:table-cell; width: 223px; vertical-align:middle; }
.footer-inner aside p {line-height: 1.6; padding: 0 0 15px;}
.footer-inner .promo-login .buttons p {padding: 0;}
.footer-inner aside:first-child {margin: 0;}
.footer-inner a {color: #FFF;}
.footer-inner h2 {font-size: 12px; margin-bottom: 24px; font-family: arvo-italic, arial, sans-serif; background: url(../images/bg_diagonal_black.png); }
.footer-inner h2 span {background: #3B3B3B; padding-right: 10px; font-weight: 700;}
.footer-inner .btn {border-radius: 3px; width: 193px; box-shadow: 1px 1px 1px #333; font-weight: 700; font-size: 13px; margin: 0 0 8px;}
.footer-inner .btn.alt {margin: 0 0 5px;}
.footer-inner img {display: inline-block; vertical-align: middle; margin-left: 6px;}
.footer-inner .buttons > a:nth-child(1) > img{ margin-left: 0; }
.footer-inner .buttons > img:nth-child(1){ margin-left: 0; }

.footer-text {clear: both; float: left; padding: 30px 0 8px; color: #999; font-size: 11px;}
.footer-text a {color: #999;}
.footer-text p, .footer-text ul {float: left;}
.footer-text li {float: left; margin: 0 0 0 5px;}
.device-computer .footer-link-mobile {display: none;}

.footer-header {width: 980px; max-width: 100%;  margin: 0 auto; background: #3B3B3B; border-bottom: 3px solid #A70E13; font-family: arial, sans-serif; font-size: 12px; height: 60px; overflow: hidden; cursor: pointer; position: relative; z-index: 2;}
.footer-header h2 {color: #FFF; padding: 17px 10px 0 20px; float: left; font-family: arvo, arial, sans-serif; font-size: 32px; background: none;}
.footer-header h3 {color: #FFF; padding: 32px 4px 0 12px; float: left; font-weight: 700;}
.footer-header .hgroup {float: left;}
.footer-header p {float: left; padding: 32px 0 0;}
.footer .bottom-cap {height: 5px; max-width: 980px; margin: 0 auto; background: url(../images/bc_bridge.png) repeat-x;}


        /* Footer Promos */
.promo-login form {position: relative; clear: both; padding: 0; margin: 0;}
.promo-login .message {bottom: 100%; display: none; background: #CCC; box-sizing: border-box; border: 1px solid #a00; border-radius: 5px; font-weight: bold; text-align: center; box-shadow: 5px 5px 10px #000; padding: 10px; position: absolute; color: #a00; width: 220px;}
.promo-login .btn {width: 195px; text-align: left; padding: 12px;}
.promo-login input {width: 219px; margin: 0 0 5px; border: none; background: none; width: 201px; min-height: 27px; padding: 4px 10px; color: #999; position: relative; z-index: 2;}
.promo-login .bg-username div,.promo-login .bg-password div {background: url(../images/bg_input_footer.png) no-repeat;width: 219px; min-height: 27px; position: absolute; z-index: 1; opacity: 0;}
.promo-login .bg-username, .promo-login .bg-password {position: relative; z-index: 1;}
.promo-login .bg-username {background: url(../images/bg-username.png) no-repeat;}
.promo-login .bg-password {background: url(../images/bg-password.png) no-repeat;}
.footer .buttons p {width: 96px; float: left; line-height: 22px; font-size: 12px; margin: 5px; color: #DDD;}
.footer .promo-login .social {position: absolute; bottom: 0; margin: 0;}
.promo-login form .btn {position: relative; top: -35px; left: 140px; border: none; width: 77px; min-width: 0; padding: 4px 0; text-align: center; z-index: 3;}
.logged-in .btn {float: left; width: 67px; min-width: auto; text-align: center; margin: 10px;}
.footer-inner aside:nth-of-type(3) .btn {float: left; width: 80px; margin: 0 10px;}

/* Pages */
    /* Home Page */
        /* Slider */
.slider {float: left; position: relative; width: 66%; height: 324px; z-index: 0; margin: 0; box-shadow: 0 0 20px rgba(0,0,0,0.2);overflow:hidden; }
.slider a {color: inherit; text-decoration: none;}
.slider img { width: 100%; height: 100%; }
.slider .slider-content {margin: 0 0 0 20px; position: absolute; color: #fff; z-index: 3;}
.slider .slider-content.bottom {bottom: 20px;}
.slider .slider-content.top {top: 20px;}
.slider h2, .slider p {position: relative;}
.slider h2 {font-family: arvo, arial, san-serif; font-size: 45px; line-height:90%; margin-bottom:12px;}
.slider p {font-size: 14px; margin-top:12px;}
.slider .slider-content a {text-decoration: underline;}

        /* Promotions */
.row {margin: 0 0 20px;}
.home-content .promo {float: left; width: 300px; padding: 0; position: relative; width: 31%; }
.home-content .row:first-child .promo { min-height: 320px; }

.home-content .promo-map .shield {width: 100%; height: 290px; position: absolute; z-index: 2; display: block; margin: 0; padding: 0; background: #000; opacity: .01;}
.home-content .promo-map #map {width: 100%; height: 300px; position: static; padding: 0; margin: 0;}
.home-content .promo-map .wrapper {padding-bottom: 0;}
.promo h2 {background: #3B3B3B; padding: 10px 10px 10px 60px; font-size: 14px; padding: 10px 10px 10px 60px; position: relative;}
.promo h2 img {position: absolute; top: 12px; left: 6px; z-index: 1;}
.promo img {margin: 0 0 20px; width: 100%; border-bottom: 1px solid #ccc; }
.promo .wrapper {padding: 0 23px 65px; font-size: 12px; position: static;}
.promo-map .wrapper {padding-bottom: 0;}
.home-content .promo-map .wrapper div {padding: 0; bottom: auto;}
.home-content .promo .btn {position: static; float: left; margin: 15px 0;}
.home-content .promo .first {margin-right: 18px;}
.promo { padding: 0; background-repeat: no-repeat; background-size: cover; background-position: -1000px center; }
.promo h2 { background-color: #0076AA; margin: 0; padding: 10px; }
.promo .with-icon h2, .promo.with-icon h2 { padding-left: 3em; }
.promo .wrapper { padding-top: 20px; padding-bottom: 20px; color: #000; }
.promo img { padding: 0 0 0; margin: 0 0 0; }
.promo a:link, .promo a:visited { color: #000; }
.promo a.btn:link, .promo a.btn:visited { color: #fff; }
.promo header a:link, .promo header a:visited { color: #fff; }
.promo .btn a, .promo .btn a:link, .promo .btn a:visited { color: #fff; }

.home-content .display-one { width: 31%; }
.display-one > .promo { float: none; width: 100%; height: 100%; box-sizing: border-box; }

/* Promotion Icons */
.promo h2 .promo-icon {
    display: block;
    position: absolute;
    content: " ";
    background-size: 100%;
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
    width: 29px;
    height: 29px;
    left: 5px;
    bottom: 3px;
    border-radius: 0;
}
.promo h2 img { display: none; }
/* TODO: Upload and Turn these images to LINKS */
/*
#promo-random h2::after { background-image: url('img/icon_info_white.png'); }
#promo-cameras h2::after { background-image: url('img/icon_camera_white.png'); }
#promo-map h2::after { background-image: url('img/icon_map_white.png'); background-size: 80%;}
#promo-mynittec h2::after { background-image: url('img/icon_mynittec_white.png'); }
*/
#promo-cameras img { height: 183px; background: #3b3b3b; background: -moz-linear-gradient(top, #3b3b3b 0%, #000000 18%, #000000 100%); background: -webkit-linear-gradient(top, #3b3b3b 0%,#000000 18%,#000000 100%); background: linear-gradient(to bottom, #3b3b3b 0%,#000000 30px,#000000 100%); }
#promo-cameras figcaption { display: flex; justify-content: space-between; }
#promo-cameras figcaption img { width: 3em; height: 3em; border-radius: 100%; border: 2px solid #fff; margin-right: 1em; }
#promo-cameras ul.slick-dots { position: absolute; top: 160px; }
#promo-cameras .slick-dotted.slick-slider { margin-bottom: 0; }

        /* Map */
    /* Map Page */
.map-page {overflow: hidden;}
#icn-audio {position: absolute; z-index: 10; bottom: 40px; right: 40px;}
.page-map {position: relative; height: 100%; width: 100%; overflow: hidden;}
.content-map {padding: 0;}
.map-footer {width: 100%; position: absolute; bottom: 0; z-index: 10;}
.map-footer .footer-header {height: 30px;}
.map-footer .bridges header {background-image: none;}
.map-footer .bridges .tc {background: url(../images/bg_diagonal.png) repeat-x; max-width: 980px; height: 10px; position: absolute; top: -10px;}
.map-footer .footer {padding: 0; margin: 0;}
.map-footer .footer-inner {padding: 0; max-width: 980px;}
.map-footer .expandable {width: 940px; margin: 0 auto; padding: 40px 20px 0; font-size: 12px; display: none;}
.map-footer .footer-header h2 {color: #FFF; padding: 2px 10px 0 20px; font-size: 20px;}
.map-footer .footer-header h3 {padding: 10px 5px 0 0;}
.map-footer .footer-header p {padding: 10px 0 0;}
.map-footer header button {color: #fff; border: none; float: right; margin: 7px 10px 0; padding: 0 18px 0 5px; font-size: 13px; font-weight: 700; cursor: pointer;}
.map-footer .bottom-cap {height: 5px; max-width: 980px; margin: 0 auto; background: url(../images/bc_bridge.png) repeat-x;}

        /* Panel */
.panel {background: #fff; position: absolute; top: 10px; z-index: 5; overflow: visible; min-height: 150px;}
.panel .outer-wrapper {overflow-y: auto; overflow-x: hidden; min-height: 150px;}
.panel .grip {width: 20px; height: 50px; top: 0; background-color: #0076AA;}
.panel .grip img {margin: 25px 0 0 6px;}
.panel .grip span {position: absolute; width: 9px; height: 9px; left: 6px}
.panel .grip span:nth-of-type(1) {top: 10px;}
.panel .grip span:nth-of-type(2) {top: 246px;}
.panel .grip span:nth-of-type(3) {top: 555px;}

            /* Control Panel */
.control-panel {width: 245px; padding: 0 0 0 0; color: #090909; font-size: 10px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;}
.control-panel .wrapper {width: 230px; margin: 0 0 1px; display:flex; align-items: center; }
.control-panel .outer-wrapper {padding: 10px 0 6px 10px;}
.control-panel img { }
.control-panel p {font-size: 11px; font-weight: 700; margin: 0;}
.control-panel a {text-decoration: none; color: #090909;}
.control-panel i {font-style: italic; color: #4d4d4d; margin: -1px 0 0; display: block; position: absolute;}
.control-panel .wrapper-middle {position: relative;  margin: 0; width: 150px; opacity: 1; transition: opacity linear 0.25s; }
.control-panel .no-select .custom-select {overflow: hidden; height: 1px; width: 1px; border: none; visibility: hidden;} /* Override to hide custom select boxes, display would require and important attribute */
.control-panel button { margin: 0; text-align: center; width: 50px; cursor: pointer; background: #FFF; border: none; padding: 0; font-size: 10px; cursor: pointer; color: #545454;}
.control-panel button span {background: url(../images/icn_map_toggle.png) no-repeat; width: 28px; height: 28px; display: block; margin: 0 auto;}
.control-panel .toggle.active span {background-position: -28px 0;}
.control-panel .wrapper.empty {cursor: default;}
.control-panel .wrapper.empty span {background-position: -56px 0;}
.control-panel .refresh  {width: 50px;}
.control-panel .refresh span {background-image: url(../images/icn_bg_refresh.png); position: relative;  display: block; margin: 0 auto;}
.control-panel .refresh span span {background: url(../images/icn_fg_refresh.png) no-repeat; display: block; width: 10px; height: 12px; top: 7px;}
.control-panel .refresh.active span  {background: url(../images/ajax-loader3.gif) 50%  no-repeat;}
.control-panel .refresh.active span span {display: none;}
.control-panel.collapsed .wrapper-middle {opacity: 0;}

.control-panel .toggle { display: none; }
.control-panel .map-icon-wrapper { 
    cursor: pointer;
    float: left; 
    padding: 5px;
    margin: 0 10px 0 0;
    border-radius: 2px;
    background-color: rgb(14,14,14); 
    background: radial-gradient(ellipse at center, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
}
.control-panel .map-icon-wrapper img {  
    width: 34px; height: 34px;
}
.control-panel .empty .map-icon-wrapper { 
    opacity: 0.35;
}
.control-panel .active .map-icon-wrapper { 
    background-color: #0076AA; 
    background: radial-gradient(ellipse at center, rgba(114,152,168,1) 0%,rgba(0,118,170,1) 100%);
}

.control-panel #map-toggle .map-icon-wrapper img:last-child { display: none; }
.control-panel.updating #map-toggle .map-icon-wrapper img:first-child { display: none; }
.control-panel.updating #map-toggle .map-icon-wrapper img:last-child { display: block; }

.refreshed { display: inline-block; padding-right: 14px; background: url(../images/icn_fg_refresh.png) right center no-repeat; cursor: pointer; }
.refreshed.active { background: url(../images/icn_active_refresh.gif) right center no-repeat; }

.control-panel-grip {right: -20px; position: absolute; cursor: pointer;background-color: #0076AA; height: 50px;}
.control-panel-grip {background-image: url(../images/arw_grip_left.png); background-repeat: no-repeat; background-position: center center;}
.closed .control-panel-grip {background-image: url(../images/arw_grip_right.png); background-repeat: no-repeat;}


/* Date Panel */
.content-map #select-date-panel { right: 10px; min-width: 27em; padding: 1em; min-height: 0; font-size: 1em; transition: all linear 0.4s; }
.content-map #select-date-panel.closed { min-width: 20em; }
.content-map #select-date-header { display: flex; align-items: center; height: 3em; }
.content-map #select-date-header p { font-size: 1.2em; max-width: 12em; }
.content-map #select-date-panel .grip { bottom: -50px; top: auto; transform: rotate(90deg); transform-origin: top left; }
.content-map #select-date-panel.collapsed .grip-height-content { opacity: 0; pointer-events: none; }
.content-map #select-date-panel #select-date-content { margin-top: 0.5em; }
.content-map #select-date-panel.closed #select-date-content {margin-top:0;}
.content-map #select-time { width: 6em; float: right; text-align: center; padding: 2px; max-height: 14.9em; overflow-y: auto; border: 1px solid #aaa; border-radius: 4px; position: absolute; right: 1em; }
.content-map #select-time .timesel { display: block; margin: 3px 1px; border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; color: #555555; }
.content-map #select-time .timesel.selected { background: #fff; border-color: #aaa; }
.content-map #select-time .timesel.initial { background: #fbf9ee; }
.content-map #select-date-panel #choose-google-traffic,
.content-map #select-date-panel #choose-nittec-traffic { text-indent: -9999px; overflow: hidden; width: 2em; height: 2em; background-size: contain; background-repeat: no-repeat; display: inline-block; margin: 0 0.75em 0 0; }
.content-map #select-date-panel #choose-google-traffic { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 210 210' style='enable-background:new 0 0 210 210%3B' xml:space='preserve'%3E%3Cpath d='M0 105C0 47.103 47.103 0 105 0c23.383 0 45.515 7.523 64.004 21.756l-24.4 31.696C133.172 44.652 119.477 40 105 40c-35.841 0-65 29.159-65 65s29.159 65 65 65c28.867 0 53.398-18.913 61.852-45H105V85h105v20c0 57.897-47.103 105-105 105S0 162.897 0 105z' fill='%234d4d4d' /%3E%3C/svg%3E"); }
.content-map #select-date-panel #choose-nittec-traffic { background-image: url("data:image/svg+xml,%3Csvg id='svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='400' height='395.89743589743586' viewBox='0  0  400 395.89743589743586' version='1.1'%3E%3Cg id='svgg'%3E%3Cpath id='path0' d='M202.096 5.710 C 198.433 11.764 195.109 17.164 189.827 25.641 C 187.806 28.885 185.105 33.269 183.825 35.385 C 182.545 37.500 180.555 40.731 179.403 42.564 C 178.251 44.397 176.904 46.590 176.411 47.436 C 173.125 53.074 169.215 58.705 168.635 58.632 C 167.897 58.539 152.856 52.128 148.205 49.925 C 146.654 49.190 144.157 48.163 142.657 47.643 L 139.930 46.698 140.283 49.631 C 140.478 51.244 140.924 54.179 141.274 56.154 C 141.625 58.128 142.535 63.321 143.297 67.692 C 144.059 72.064 145.367 79.449 146.205 84.103 C 147.042 88.756 148.068 94.872 148.484 97.692 C 148.901 100.513 149.916 106.397 150.739 110.769 C 151.562 115.141 152.503 120.571 152.830 122.836 L 153.424 126.955 167.353 127.040 C 175.014 127.087 185.436 127.479 190.513 127.912 C 210.543 129.620 209.755 129.518 226.667 132.581 C 231.065 133.378 249.028 137.667 253.232 138.924 C 254.474 139.296 254.979 139.267 255.125 138.818 C 255.592 137.380 258.611 120.253 261.334 103.590 C 261.772 100.910 263.016 93.756 264.099 87.692 C 265.181 81.628 266.180 75.744 266.318 74.615 C 266.456 73.487 267.377 68.179 268.365 62.821 C 269.353 57.462 270.322 51.628 270.518 49.857 L 270.873 46.636 267.400 47.944 C 265.490 48.663 263.678 49.446 263.374 49.685 C 263.069 49.924 261.551 50.598 260.000 51.183 C 258.449 51.768 253.718 53.760 249.487 55.609 C 245.256 57.458 241.747 58.972 241.690 58.973 C 241.632 58.974 240.636 57.417 239.477 55.513 C 238.318 53.609 236.653 50.897 235.776 49.487 C 234.900 48.077 232.342 43.923 230.091 40.256 C 227.840 36.590 225.258 32.436 224.353 31.026 C 223.448 29.615 221.024 25.692 218.965 22.308 C 216.907 18.923 214.262 14.654 213.088 12.821 C 211.914 10.987 209.990 7.860 208.812 5.870 C 205.134 -0.342 205.749 -0.328 202.096 5.710 M98.226 103.205 C 97.162 105.532 95.510 109.106 94.556 111.148 C 93.601 113.189 92.821 115.008 92.821 115.190 C 92.821 115.373 92.046 117.048 91.100 118.915 C 90.154 120.781 89.097 123.173 88.753 124.231 C 87.947 126.702 90.345 127.092 69.231 121.059 C 65.423 119.971 58.846 118.126 54.615 116.959 C 50.385 115.793 44.500 114.124 41.538 113.250 C 35.103 111.352 26.988 109.292 26.759 109.497 C 26.668 109.579 27.181 112.725 27.898 116.489 C 28.615 120.253 30.164 128.410 31.340 134.615 C 32.516 140.821 33.555 145.987 33.648 146.096 C 33.832 146.314 35.576 145.884 44.872 143.330 C 62.944 138.365 95.206 132.335 116.538 129.934 C 120.011 129.543 119.944 129.736 117.757 126.448 C 115.720 123.386 112.356 118.097 109.253 113.077 C 108.032 111.103 106.613 108.910 106.099 108.205 C 105.585 107.500 104.111 105.135 102.825 102.949 C 100.004 98.157 100.550 98.126 98.226 103.205 M307.259 103.116 C 304.692 107.285 301.158 112.854 297.683 118.205 C 296.768 119.615 293.770 124.346 291.021 128.718 C 288.273 133.090 285.274 137.821 284.358 139.231 C 278.536 148.191 278.609 147.899 281.923 148.904 C 283.263 149.311 285.859 150.330 287.692 151.169 C 303.257 158.297 308.236 160.728 316.705 165.333 C 325.458 170.093 331.772 173.786 337.399 177.436 C 338.486 178.141 340.497 179.400 341.867 180.233 C 345.712 182.571 358.996 191.896 366.480 197.511 C 370.184 200.290 373.369 202.564 373.556 202.564 C 373.985 202.564 382.544 196.127 390.256 190.004 C 393.500 187.429 397.041 184.657 398.126 183.845 C 400.081 182.380 400.088 182.363 398.896 181.890 C 396.319 180.868 382.070 175.749 377.692 174.272 C 375.154 173.416 372.879 172.530 372.638 172.303 C 372.125 171.822 372.629 168.413 375.439 153.333 C 376.569 147.269 378.283 138.038 379.248 132.821 C 380.212 127.603 381.578 120.231 382.283 116.440 C 382.987 112.649 383.506 109.489 383.435 109.418 C 383.255 109.238 372.913 111.962 367.949 113.496 C 365.692 114.194 363.154 114.913 362.308 115.094 C 360.627 115.453 351.794 117.955 341.167 121.082 C 337.437 122.179 334.089 123.077 333.728 123.077 C 333.367 123.077 330.882 123.769 328.205 124.615 C 322.374 126.458 322.216 126.468 321.767 125.000 C 321.573 124.365 320.658 122.231 319.733 120.256 C 318.808 118.282 316.977 114.244 315.664 111.282 C 314.350 108.321 312.521 104.300 311.598 102.347 L 309.920 98.797 307.259 103.116 M111.795 138.530 C 98.161 139.083 98.974 138.843 98.974 142.317 L 98.974 145.128 111.026 145.128 L 123.077 145.128 123.077 141.538 C 123.077 139.564 122.904 137.984 122.692 138.026 C 122.481 138.069 117.577 138.296 111.795 138.530 M128.718 141.772 L 128.718 145.595 130.385 145.851 C 131.301 145.991 133.782 146.243 135.897 146.410 C 140.408 146.766 152.742 148.088 155.513 148.513 L 157.436 148.808 157.436 143.711 L 157.436 138.614 153.205 138.284 C 150.878 138.103 144.417 137.953 138.846 137.952 L 128.718 137.949 128.718 141.772 M164.336 138.912 C 163.362 139.886 164.176 149.228 165.256 149.483 C 165.891 149.633 169.064 150.218 172.308 150.783 C 188.870 153.671 192.712 154.382 194.356 154.862 C 198.033 155.935 197.949 156.067 197.949 149.261 C 197.949 145.893 197.766 143.024 197.542 142.886 C 195.829 141.827 165.098 138.150 164.336 138.912 M88.718 140.278 C 88.295 140.366 84.776 140.828 80.897 141.306 L 73.846 142.174 73.846 143.651 L 73.846 145.128 83.846 145.128 L 93.846 145.128 93.846 142.564 L 93.846 140.000 91.667 140.059 C 90.468 140.092 89.141 140.191 88.718 140.278 M63.077 143.903 C 54.215 145.869 53.911 146.125 60.769 145.837 C 68.492 145.513 69.231 145.363 69.231 144.123 C 69.231 142.628 68.878 142.615 63.077 143.903 M205.128 150.644 L 205.128 157.185 212.436 159.124 C 221.419 161.507 231.949 164.655 238.590 166.941 L 243.590 168.663 243.590 161.297 L 243.590 153.931 238.846 152.405 C 230.226 149.632 208.174 144.096 205.769 144.101 C 205.290 144.102 205.128 145.753 205.128 150.644 M252.422 164.493 L 252.564 172.028 254.103 172.514 C 257.835 173.694 272.993 180.637 283.475 185.968 L 294.899 191.777 294.757 184.233 L 294.615 176.688 291.026 174.698 C 281.305 169.309 265.104 161.759 255.756 158.259 L 252.280 156.959 252.422 164.493 M4.901 160.492 L 0.828 160.769 4.861 163.590 C 7.079 165.141 9.859 167.103 11.039 167.949 C 12.219 168.795 16.045 171.508 19.541 173.977 C 23.037 176.447 28.667 180.428 32.051 182.824 C 38.406 187.323 39.977 188.430 45.641 192.394 C 49.291 194.950 50.188 195.581 59.539 202.179 C 63.036 204.646 69.013 208.838 72.821 211.494 C 76.628 214.150 80.758 217.092 81.997 218.033 C 83.237 218.974 86.266 221.128 88.729 222.821 C 92.659 225.521 101.244 231.569 107.436 235.999 C 108.564 236.807 111.193 238.672 113.279 240.144 C 115.364 241.616 118.047 243.513 119.240 244.359 C 120.434 245.205 122.589 246.705 124.029 247.692 C 127.182 249.853 127.147 249.279 124.572 256.747 C 123.421 260.087 122.053 264.205 121.533 265.897 C 121.013 267.590 119.177 273.013 117.452 277.949 C 115.727 282.885 112.946 290.962 111.272 295.897 C 109.599 300.833 106.834 308.910 105.130 313.846 C 103.425 318.782 100.659 326.859 98.983 331.795 C 97.306 336.731 93.947 346.538 91.518 353.590 C 87.304 365.821 84.115 375.193 82.267 380.769 C 81.800 382.179 80.517 385.847 79.415 388.919 C 76.978 395.714 76.760 395.517 82.327 391.545 C 84.855 389.741 89.346 386.598 92.308 384.560 C 95.269 382.521 99.308 379.664 101.282 378.210 C 103.256 376.755 107.156 373.967 109.947 372.013 C 112.739 370.060 115.970 367.794 117.127 366.979 C 118.284 366.164 120.731 364.448 122.564 363.166 C 124.397 361.884 126.732 360.243 127.751 359.520 C 128.771 358.797 132.463 356.189 135.957 353.725 C 139.450 351.261 145.077 347.285 148.462 344.888 C 151.846 342.491 156.000 339.563 157.692 338.381 C 161.015 336.061 164.688 333.478 167.949 331.171 C 169.077 330.373 172.769 327.766 176.154 325.379 C 182.681 320.776 182.872 320.642 192.821 313.603 C 196.346 311.108 200.539 308.161 202.139 307.054 L 205.046 305.042 208.805 307.633 C 210.873 309.059 213.487 310.881 214.615 311.684 C 215.744 312.486 218.167 314.191 220.000 315.473 C 221.833 316.756 224.280 318.472 225.436 319.287 C 226.593 320.102 230.492 322.846 234.100 325.385 C 237.708 327.923 241.839 330.847 243.279 331.882 C 244.719 332.917 247.859 335.099 250.256 336.730 C 252.654 338.362 255.538 340.427 256.667 341.320 C 257.795 342.212 260.795 344.368 263.333 346.111 C 265.872 347.853 270.372 350.993 273.333 353.089 C 276.295 355.184 279.786 357.654 281.091 358.577 C 292.031 366.319 297.182 369.948 301.209 372.754 C 303.787 374.551 307.858 377.435 310.253 379.164 C 312.649 380.893 316.593 383.692 319.017 385.385 C 323.853 388.760 327.201 391.168 330.600 393.715 C 333.251 395.701 333.258 395.643 331.211 388.464 C 320.893 352.276 308.102 325.619 286.597 295.483 C 261.815 260.754 218.402 223.394 178.462 202.424 C 176.346 201.313 174.385 200.227 174.103 200.010 C 172.312 198.634 148.981 188.297 139.487 184.673 C 125.060 179.167 101.389 171.936 92.308 170.260 C 90.756 169.973 87.641 169.290 85.385 168.740 C 81.346 167.757 67.245 165.208 58.205 163.826 C 51.219 162.758 31.934 161.029 23.846 160.745 C 19.897 160.606 14.936 160.430 12.821 160.354 C 10.705 160.277 7.141 160.339 4.901 160.492 M191.897 174.896 C 190.966 175.099 190.116 175.354 190.007 175.463 C 189.899 175.571 193.315 177.138 197.598 178.944 C 201.880 180.751 206.458 182.759 207.771 183.406 C 209.964 184.487 210.389 184.533 213.027 183.980 C 216.514 183.249 216.557 183.049 213.455 181.995 C 210.967 181.149 200.747 177.331 196.154 175.531 C 194.355 174.826 193.085 174.637 191.897 174.896 M304.119 189.872 L 304.135 197.179 310.401 200.991 C 321.390 207.675 337.462 218.504 345.513 224.648 L 348.205 226.703 348.205 221.293 L 348.205 215.883 346.538 214.343 C 344.403 212.371 329.827 200.307 326.723 197.943 C 324.425 196.194 322.237 194.616 316.410 190.505 C 312.175 187.516 304.662 182.564 304.364 182.564 C 304.220 182.564 304.110 185.853 304.119 189.872 M227.949 189.328 C 227.103 189.578 225.487 189.957 224.359 190.170 L 222.308 190.556 224.615 191.870 C 234.940 197.750 242.310 202.099 245.113 203.967 C 246.938 205.182 248.761 206.050 249.165 205.895 C 249.569 205.740 251.365 205.245 253.155 204.796 C 257.102 203.804 257.145 203.563 253.718 201.655 C 252.237 200.830 249.120 199.083 246.791 197.772 C 236.274 191.852 229.570 188.848 227.949 189.328 M270.323 217.336 L 266.543 218.665 267.826 219.717 C 268.531 220.296 271.254 222.500 273.877 224.615 C 280.765 230.172 288.897 237.139 292.895 240.911 L 296.365 244.185 300.619 242.406 C 302.958 241.428 305.333 240.469 305.897 240.276 C 306.860 239.946 306.828 239.845 305.385 238.628 C 304.538 237.915 303.269 236.842 302.564 236.244 C 299.565 233.701 290.771 226.727 287.692 224.451 C 274.327 214.569 276.113 215.301 270.323 217.336 M358.978 230.606 L 358.974 235.315 360.641 236.497 C 364.129 238.969 380.536 253.319 386.913 259.473 C 390.574 263.007 393.327 265.551 393.030 265.128 C 390.055 260.882 373.995 241.811 368.616 236.136 C 365.993 233.369 362.751 229.933 361.413 228.501 L 358.981 225.897 358.978 230.606 M326.154 262.531 C 318.042 266.017 317.802 266.163 318.600 267.094 C 319.003 267.564 321.919 271.064 325.081 274.872 C 328.242 278.679 331.699 282.833 332.763 284.103 C 334.604 286.298 344.544 299.390 346.138 301.720 C 346.553 302.325 347.618 303.794 348.506 304.984 L 350.119 307.147 352.624 305.957 C 354.001 305.302 357.399 303.693 360.175 302.382 L 365.223 299.999 363.004 297.307 C 355.296 287.956 330.592 260.976 329.816 261.062 C 329.635 261.082 327.987 261.743 326.154 262.531 ' stroke='none' fill='%234d4d4d' fill-rule='evenodd'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }
.content-map #select-date-panel #choose-google-traffic.active { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 210 210' style='enable-background:new 0 0 210 210%3B' xml:space='preserve'%3E%3Cpath d='M0 105C0 47.103 47.103 0 105 0c23.383 0 45.515 7.523 64.004 21.756l-24.4 31.696C133.172 44.652 119.477 40 105 40c-35.841 0-65 29.159-65 65s29.159 65 65 65c28.867 0 53.398-18.913 61.852-45H105V85h105v20c0 57.897-47.103 105-105 105S0 162.897 0 105z' fill='%230076aa' /%3E%3C/svg%3E"); }
.content-map #select-date-panel #choose-nittec-traffic.active { background-image: url("data:image/svg+xml,%3Csvg id='svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='400' height='395.89743589743586' viewBox='0  0  400 395.89743589743586' version='1.1'%3E%3Cg id='svgg'%3E%3Cpath id='path0' d='M202.096 5.710 C 198.433 11.764 195.109 17.164 189.827 25.641 C 187.806 28.885 185.105 33.269 183.825 35.385 C 182.545 37.500 180.555 40.731 179.403 42.564 C 178.251 44.397 176.904 46.590 176.411 47.436 C 173.125 53.074 169.215 58.705 168.635 58.632 C 167.897 58.539 152.856 52.128 148.205 49.925 C 146.654 49.190 144.157 48.163 142.657 47.643 L 139.930 46.698 140.283 49.631 C 140.478 51.244 140.924 54.179 141.274 56.154 C 141.625 58.128 142.535 63.321 143.297 67.692 C 144.059 72.064 145.367 79.449 146.205 84.103 C 147.042 88.756 148.068 94.872 148.484 97.692 C 148.901 100.513 149.916 106.397 150.739 110.769 C 151.562 115.141 152.503 120.571 152.830 122.836 L 153.424 126.955 167.353 127.040 C 175.014 127.087 185.436 127.479 190.513 127.912 C 210.543 129.620 209.755 129.518 226.667 132.581 C 231.065 133.378 249.028 137.667 253.232 138.924 C 254.474 139.296 254.979 139.267 255.125 138.818 C 255.592 137.380 258.611 120.253 261.334 103.590 C 261.772 100.910 263.016 93.756 264.099 87.692 C 265.181 81.628 266.180 75.744 266.318 74.615 C 266.456 73.487 267.377 68.179 268.365 62.821 C 269.353 57.462 270.322 51.628 270.518 49.857 L 270.873 46.636 267.400 47.944 C 265.490 48.663 263.678 49.446 263.374 49.685 C 263.069 49.924 261.551 50.598 260.000 51.183 C 258.449 51.768 253.718 53.760 249.487 55.609 C 245.256 57.458 241.747 58.972 241.690 58.973 C 241.632 58.974 240.636 57.417 239.477 55.513 C 238.318 53.609 236.653 50.897 235.776 49.487 C 234.900 48.077 232.342 43.923 230.091 40.256 C 227.840 36.590 225.258 32.436 224.353 31.026 C 223.448 29.615 221.024 25.692 218.965 22.308 C 216.907 18.923 214.262 14.654 213.088 12.821 C 211.914 10.987 209.990 7.860 208.812 5.870 C 205.134 -0.342 205.749 -0.328 202.096 5.710 M98.226 103.205 C 97.162 105.532 95.510 109.106 94.556 111.148 C 93.601 113.189 92.821 115.008 92.821 115.190 C 92.821 115.373 92.046 117.048 91.100 118.915 C 90.154 120.781 89.097 123.173 88.753 124.231 C 87.947 126.702 90.345 127.092 69.231 121.059 C 65.423 119.971 58.846 118.126 54.615 116.959 C 50.385 115.793 44.500 114.124 41.538 113.250 C 35.103 111.352 26.988 109.292 26.759 109.497 C 26.668 109.579 27.181 112.725 27.898 116.489 C 28.615 120.253 30.164 128.410 31.340 134.615 C 32.516 140.821 33.555 145.987 33.648 146.096 C 33.832 146.314 35.576 145.884 44.872 143.330 C 62.944 138.365 95.206 132.335 116.538 129.934 C 120.011 129.543 119.944 129.736 117.757 126.448 C 115.720 123.386 112.356 118.097 109.253 113.077 C 108.032 111.103 106.613 108.910 106.099 108.205 C 105.585 107.500 104.111 105.135 102.825 102.949 C 100.004 98.157 100.550 98.126 98.226 103.205 M307.259 103.116 C 304.692 107.285 301.158 112.854 297.683 118.205 C 296.768 119.615 293.770 124.346 291.021 128.718 C 288.273 133.090 285.274 137.821 284.358 139.231 C 278.536 148.191 278.609 147.899 281.923 148.904 C 283.263 149.311 285.859 150.330 287.692 151.169 C 303.257 158.297 308.236 160.728 316.705 165.333 C 325.458 170.093 331.772 173.786 337.399 177.436 C 338.486 178.141 340.497 179.400 341.867 180.233 C 345.712 182.571 358.996 191.896 366.480 197.511 C 370.184 200.290 373.369 202.564 373.556 202.564 C 373.985 202.564 382.544 196.127 390.256 190.004 C 393.500 187.429 397.041 184.657 398.126 183.845 C 400.081 182.380 400.088 182.363 398.896 181.890 C 396.319 180.868 382.070 175.749 377.692 174.272 C 375.154 173.416 372.879 172.530 372.638 172.303 C 372.125 171.822 372.629 168.413 375.439 153.333 C 376.569 147.269 378.283 138.038 379.248 132.821 C 380.212 127.603 381.578 120.231 382.283 116.440 C 382.987 112.649 383.506 109.489 383.435 109.418 C 383.255 109.238 372.913 111.962 367.949 113.496 C 365.692 114.194 363.154 114.913 362.308 115.094 C 360.627 115.453 351.794 117.955 341.167 121.082 C 337.437 122.179 334.089 123.077 333.728 123.077 C 333.367 123.077 330.882 123.769 328.205 124.615 C 322.374 126.458 322.216 126.468 321.767 125.000 C 321.573 124.365 320.658 122.231 319.733 120.256 C 318.808 118.282 316.977 114.244 315.664 111.282 C 314.350 108.321 312.521 104.300 311.598 102.347 L 309.920 98.797 307.259 103.116 M111.795 138.530 C 98.161 139.083 98.974 138.843 98.974 142.317 L 98.974 145.128 111.026 145.128 L 123.077 145.128 123.077 141.538 C 123.077 139.564 122.904 137.984 122.692 138.026 C 122.481 138.069 117.577 138.296 111.795 138.530 M128.718 141.772 L 128.718 145.595 130.385 145.851 C 131.301 145.991 133.782 146.243 135.897 146.410 C 140.408 146.766 152.742 148.088 155.513 148.513 L 157.436 148.808 157.436 143.711 L 157.436 138.614 153.205 138.284 C 150.878 138.103 144.417 137.953 138.846 137.952 L 128.718 137.949 128.718 141.772 M164.336 138.912 C 163.362 139.886 164.176 149.228 165.256 149.483 C 165.891 149.633 169.064 150.218 172.308 150.783 C 188.870 153.671 192.712 154.382 194.356 154.862 C 198.033 155.935 197.949 156.067 197.949 149.261 C 197.949 145.893 197.766 143.024 197.542 142.886 C 195.829 141.827 165.098 138.150 164.336 138.912 M88.718 140.278 C 88.295 140.366 84.776 140.828 80.897 141.306 L 73.846 142.174 73.846 143.651 L 73.846 145.128 83.846 145.128 L 93.846 145.128 93.846 142.564 L 93.846 140.000 91.667 140.059 C 90.468 140.092 89.141 140.191 88.718 140.278 M63.077 143.903 C 54.215 145.869 53.911 146.125 60.769 145.837 C 68.492 145.513 69.231 145.363 69.231 144.123 C 69.231 142.628 68.878 142.615 63.077 143.903 M205.128 150.644 L 205.128 157.185 212.436 159.124 C 221.419 161.507 231.949 164.655 238.590 166.941 L 243.590 168.663 243.590 161.297 L 243.590 153.931 238.846 152.405 C 230.226 149.632 208.174 144.096 205.769 144.101 C 205.290 144.102 205.128 145.753 205.128 150.644 M252.422 164.493 L 252.564 172.028 254.103 172.514 C 257.835 173.694 272.993 180.637 283.475 185.968 L 294.899 191.777 294.757 184.233 L 294.615 176.688 291.026 174.698 C 281.305 169.309 265.104 161.759 255.756 158.259 L 252.280 156.959 252.422 164.493 M4.901 160.492 L 0.828 160.769 4.861 163.590 C 7.079 165.141 9.859 167.103 11.039 167.949 C 12.219 168.795 16.045 171.508 19.541 173.977 C 23.037 176.447 28.667 180.428 32.051 182.824 C 38.406 187.323 39.977 188.430 45.641 192.394 C 49.291 194.950 50.188 195.581 59.539 202.179 C 63.036 204.646 69.013 208.838 72.821 211.494 C 76.628 214.150 80.758 217.092 81.997 218.033 C 83.237 218.974 86.266 221.128 88.729 222.821 C 92.659 225.521 101.244 231.569 107.436 235.999 C 108.564 236.807 111.193 238.672 113.279 240.144 C 115.364 241.616 118.047 243.513 119.240 244.359 C 120.434 245.205 122.589 246.705 124.029 247.692 C 127.182 249.853 127.147 249.279 124.572 256.747 C 123.421 260.087 122.053 264.205 121.533 265.897 C 121.013 267.590 119.177 273.013 117.452 277.949 C 115.727 282.885 112.946 290.962 111.272 295.897 C 109.599 300.833 106.834 308.910 105.130 313.846 C 103.425 318.782 100.659 326.859 98.983 331.795 C 97.306 336.731 93.947 346.538 91.518 353.590 C 87.304 365.821 84.115 375.193 82.267 380.769 C 81.800 382.179 80.517 385.847 79.415 388.919 C 76.978 395.714 76.760 395.517 82.327 391.545 C 84.855 389.741 89.346 386.598 92.308 384.560 C 95.269 382.521 99.308 379.664 101.282 378.210 C 103.256 376.755 107.156 373.967 109.947 372.013 C 112.739 370.060 115.970 367.794 117.127 366.979 C 118.284 366.164 120.731 364.448 122.564 363.166 C 124.397 361.884 126.732 360.243 127.751 359.520 C 128.771 358.797 132.463 356.189 135.957 353.725 C 139.450 351.261 145.077 347.285 148.462 344.888 C 151.846 342.491 156.000 339.563 157.692 338.381 C 161.015 336.061 164.688 333.478 167.949 331.171 C 169.077 330.373 172.769 327.766 176.154 325.379 C 182.681 320.776 182.872 320.642 192.821 313.603 C 196.346 311.108 200.539 308.161 202.139 307.054 L 205.046 305.042 208.805 307.633 C 210.873 309.059 213.487 310.881 214.615 311.684 C 215.744 312.486 218.167 314.191 220.000 315.473 C 221.833 316.756 224.280 318.472 225.436 319.287 C 226.593 320.102 230.492 322.846 234.100 325.385 C 237.708 327.923 241.839 330.847 243.279 331.882 C 244.719 332.917 247.859 335.099 250.256 336.730 C 252.654 338.362 255.538 340.427 256.667 341.320 C 257.795 342.212 260.795 344.368 263.333 346.111 C 265.872 347.853 270.372 350.993 273.333 353.089 C 276.295 355.184 279.786 357.654 281.091 358.577 C 292.031 366.319 297.182 369.948 301.209 372.754 C 303.787 374.551 307.858 377.435 310.253 379.164 C 312.649 380.893 316.593 383.692 319.017 385.385 C 323.853 388.760 327.201 391.168 330.600 393.715 C 333.251 395.701 333.258 395.643 331.211 388.464 C 320.893 352.276 308.102 325.619 286.597 295.483 C 261.815 260.754 218.402 223.394 178.462 202.424 C 176.346 201.313 174.385 200.227 174.103 200.010 C 172.312 198.634 148.981 188.297 139.487 184.673 C 125.060 179.167 101.389 171.936 92.308 170.260 C 90.756 169.973 87.641 169.290 85.385 168.740 C 81.346 167.757 67.245 165.208 58.205 163.826 C 51.219 162.758 31.934 161.029 23.846 160.745 C 19.897 160.606 14.936 160.430 12.821 160.354 C 10.705 160.277 7.141 160.339 4.901 160.492 M191.897 174.896 C 190.966 175.099 190.116 175.354 190.007 175.463 C 189.899 175.571 193.315 177.138 197.598 178.944 C 201.880 180.751 206.458 182.759 207.771 183.406 C 209.964 184.487 210.389 184.533 213.027 183.980 C 216.514 183.249 216.557 183.049 213.455 181.995 C 210.967 181.149 200.747 177.331 196.154 175.531 C 194.355 174.826 193.085 174.637 191.897 174.896 M304.119 189.872 L 304.135 197.179 310.401 200.991 C 321.390 207.675 337.462 218.504 345.513 224.648 L 348.205 226.703 348.205 221.293 L 348.205 215.883 346.538 214.343 C 344.403 212.371 329.827 200.307 326.723 197.943 C 324.425 196.194 322.237 194.616 316.410 190.505 C 312.175 187.516 304.662 182.564 304.364 182.564 C 304.220 182.564 304.110 185.853 304.119 189.872 M227.949 189.328 C 227.103 189.578 225.487 189.957 224.359 190.170 L 222.308 190.556 224.615 191.870 C 234.940 197.750 242.310 202.099 245.113 203.967 C 246.938 205.182 248.761 206.050 249.165 205.895 C 249.569 205.740 251.365 205.245 253.155 204.796 C 257.102 203.804 257.145 203.563 253.718 201.655 C 252.237 200.830 249.120 199.083 246.791 197.772 C 236.274 191.852 229.570 188.848 227.949 189.328 M270.323 217.336 L 266.543 218.665 267.826 219.717 C 268.531 220.296 271.254 222.500 273.877 224.615 C 280.765 230.172 288.897 237.139 292.895 240.911 L 296.365 244.185 300.619 242.406 C 302.958 241.428 305.333 240.469 305.897 240.276 C 306.860 239.946 306.828 239.845 305.385 238.628 C 304.538 237.915 303.269 236.842 302.564 236.244 C 299.565 233.701 290.771 226.727 287.692 224.451 C 274.327 214.569 276.113 215.301 270.323 217.336 M358.978 230.606 L 358.974 235.315 360.641 236.497 C 364.129 238.969 380.536 253.319 386.913 259.473 C 390.574 263.007 393.327 265.551 393.030 265.128 C 390.055 260.882 373.995 241.811 368.616 236.136 C 365.993 233.369 362.751 229.933 361.413 228.501 L 358.981 225.897 358.978 230.606 M326.154 262.531 C 318.042 266.017 317.802 266.163 318.600 267.094 C 319.003 267.564 321.919 271.064 325.081 274.872 C 328.242 278.679 331.699 282.833 332.763 284.103 C 334.604 286.298 344.544 299.390 346.138 301.720 C 346.553 302.325 347.618 303.794 348.506 304.984 L 350.119 307.147 352.624 305.957 C 354.001 305.302 357.399 303.693 360.175 302.382 L 365.223 299.999 363.004 297.307 C 355.296 287.956 330.592 260.976 329.816 261.062 C 329.635 261.082 327.987 261.743 326.154 262.531 ' stroke='none' fill='%230076aa' fill-rule='evenodd'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }
.content-map #select-date-panel #select-date-header { background-position: center right; background-repeat:no-repeat; background-size: 2em; }
.content-map #select-date-panel #select-date-header.loading { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3ClinearGradient id='a' x1='.5' x2='.5' y2='1'%3E%3Cstop stop-color='%23191919' offset='0'/%3E%3Cstop stop-color='%23999' offset='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='1' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23191919' stop-opacity='.9'/%3E%3Cstop offset='1' stop-color='%23999' stop-opacity='.9'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='1' x2='0' y1='.5' y2='.5'%3E%3Cstop offset='0' stop-color='%23191919' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%23999' stop-opacity='.8'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='1' x2='0' y1='1'%3E%3Cstop offset='0' stop-color='%23191919' stop-opacity='.6'/%3E%3Cstop offset='1' stop-color='%23999' stop-opacity='.6'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' x1='.5' x2='.5' y1='1'%3E%3Cstop offset='0' stop-color='%23191919' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23999' stop-opacity='.5'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' x2='1' y1='1'%3E%3Cstop offset='0' stop-color='%23191919' stop-opacity='.4'/%3E%3Cstop offset='1' stop-color='%23999' stop-opacity='.4'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x2='1' y1='.5' y2='.5'%3E%3Cstop offset='0' stop-color='%23191919' stop-opacity='.3'/%3E%3Cstop offset='1' stop-color='%23999' stop-opacity='.3'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23191919' stop-opacity='.1'/%3E%3Cstop offset='1' stop-color='%23999' stop-opacity='.1'/%3E%3C/linearGradient%3E%3Cg%3E%3Crect width='10' height='25' x='43' y='4' fill='url(%23a)' stroke='%23000' ry='5' rx='5'/%3E%3Crect width='25' height='10' x='61.4' y='29.6' fill='url(%23b)' stroke='%23000' ry='5' rx='5' transform='rotate(-45 61.44 34.56)'/%3E%3Crect width='25' height='10' x='67' y='43' fill='url(%23c)' stroke='%23000' ry='5' rx='5'/%3E%3Crect width='25' height='10' x='61.4' y='56.4' fill='url(%23d)' stroke='%23000' ry='5' rx='5' transform='rotate(45 61.44 61.44)'/%3E%3Crect width='10' height='25' x='43' y='67' fill='url(%23e)' stroke='%23000' ry='5' rx='5'/%3E%3Crect width='25' height='10' x='9.6' y='56.4' fill='url(%23f)' stroke='%23000' ry='5' rx='5' transform='rotate(-45 34.56 61.44)'/%3E%3Crect width='25' height='10' x='4' y='43' fill='url(%23g)' stroke='%23000' ry='5' rx='5'/%3E%3Crect width='25' height='10' x='9.6' y='29.6' fill='url(%23h)' stroke='%23000' ry='5' rx='5' transform='rotate(45 34.56 34.56)'/%3E%3CanimateTransform fill='freeze' attributeName='transform' attributeType='XML' type='rotate' from='0 48 48' to='360 48 48' dur='3s' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E"); }

            /* Traffic Panel */
.traffic-panel {right: 0; width: 190px; font-size: 12px; padding: 12px 0 10px 20px;}
.traffic-panel .outer-wrapper {width: 280px;}
.traffic-panel-grip {background: url(../images/bar_traffic.png) no-repeat; width: 20px; height: 100%; top: 0; left: 0; position: absolute; cursor: pointer;}
.traffic-panel ul span {width: 46px; height: 12px; display: block; border: #999 1px solid; float: left;}
.traffic-panel ul {padding: 0 43px 0 6px;}
.traffic-panel li {padding: 18px 0 15px 0; border-top: 1px solid #383838;}
.traffic-panel ul li:nth-child(1) {border: none;}
.traffic-panel ul span {margin: 0 10px 0 8px;}
.traffic-panel ul li:nth-child(1) span {background: #007F00;}
.traffic-panel ul li:nth-child(2) span {background: #FFFD00;}
.traffic-panel ul li:nth-child(3) span {background: #FF1700;}
.traffic-panel ul li:nth-child(4) span {background: #7A7A7A;}
.traffic-panel ul li:nth-child(5) span {background: #F5BE00;}
.traffic-panel-grip {background-color: #0076AA; background-image: url(../images/arw_grip_right.png); background-repeat: no-repeat;}
.closed .traffic-panel-grip span {background-image: url(../images/arw_grip_left.png);}


        /* Info Window */
.infoWindow {width: 247px; padding: 8px 8px 0 8px; position: relative;}
.infoWindow .top-cap {background: url(../images/tc_infowindow.png) no-repeat; padding: 33px 10px 16px; min-height: 184px; width: 227px; position: relative;}
.infoWindow .bottom-cap {background: url(../images/bc_infowindow.png) no-repeat;    font-size: 10px; font-style: italic; height: 29px; }
.infoWindow .close {background: url(../images/close.png); width: 27px; height: 27px; display: block; font-size: 0; top: 0; right: 0; position: absolute; cursor: pointer; border: none; margin: 0; z-index: 1;}
.infoWindowBackground {overflow: hidden;}

.infoWindow h2 {padding: 0 10px; margin: 0 0 5px; font-size: 15px; font-weight: 700; text-transform: uppercase; text-align: center;}
.infoWindow h3 { color: #000; font-size: 12px; font-weight: 700; text-transform: uppercase; margin: 0 0 5px;}
.infoWindow .inner {margin: 0 auto; padding: 8px 10px;}
.infoWindow .inner img {padding-bottom: 10px;}
.infoWindow div img {margin: 0 auto;}
.infoWindow p {font-size: 12px; font-weight: 700;}
.infoWindow i {position: absolute; bottom: 5px; left: 15px; font-size: 10px; color: #545454; width: 218px;}
.infoWindow i span {position: absolute; bottom: 0;}
.infoWindow i img {float: right;}

.infoWindow .inner h3 span { white-space: break-spaces; }

        /* Detour Window */
.infoWindow.detour h2 {color: #ff0c01; border-bottom: 1px solid #959490; padding-bottom: 10px; margin: 0 10px; font-size: 14px;}
.infoWindow.detour .inner p {margin-bottom: 10px;}
.infoWindow.detour .inner a {position: absolute; bottom: 5px; text-align: center; display: block; width: 200px;}

        /* Detour Popup */
.popup.detour {}
.popup.detour h2 {font-size: 12px; text-align: center ;background: #fff; padding: 20px;}

        /* Incidents Window */
.infoWindow.incident h2 {font-size: 20px; color: #cb1b21; text-align: left;}
.infoWindow.incident .inner {border-top: 1px solid #999; margin: 0 10px; padding: 10px 0 0;}

        /* traffic-panel Window */
.infoWindow.camera .inner {padding: 0; font-size: 10px; color: #0076aa;}
.infoWindow.camera .img-wrap {background: #00466d; padding: 0;}
.infoWindow.camera p {padding: 7px 10px 2px 5px; font-size: 10px; text-decoration: underline; cursor: pointer;}
.infoWindow.camera table {text-align: center; margin: 0 auto;}
.infoWindow.camera td {width: 50%;}
.infoWindow.camera .camera-on {padding: 6px 0;}
.infoWindow.camera td {padding: 0 3px; text-transform: uppercase; font-weight: 700;}
.camera-on {display: none;}
.show-directions .camera-on {display: block; margin-bottom: 30px;}
.show-directions .camera-off {display: none;}


        /* VMS Window */
.infoWindow.signs .inner {padding: 0; position: relative;}
.infoWindow.signs h3 {background: #000; color: #FF0; text-align: center; font-family: open-arrow, Roboto, Arial, sans-serif; font-size: 16px; padding: 10px; position: relative; white-space: pre;}
.infoWindow.signs h3:nth-child(2) {position: absolute; top: 0; width: 207px; display: none;}
.infoWindow.signs .dots {width: 13px; height: 5px; background: url(../images/dots.png) no-repeat; margin: 0 auto;}
.infoWindow.signs .dots.active {background: url(../images/dots.png) no-repeat; margin: 0 auto; background-position: 0 -5px;}
/*
[data-vms-id="c-300"] .inner h3 {height: 100px; position: relative; background: url(../images/sign_990.png) 50% no-repeat; background-size: contain;}
[data-vms-id="c-300"] .inner span:nth-of-type(1) {position: absolute; bottom: -2px; left: 48px;}
[data-vms-id="c-300"] .inner span:nth-of-type(2) {position: absolute; bottom: -2px; left: 138px;}
*/

    /* Travel Time Page */
.page-travel .page-title {background: #0076AA url(../images/title_clock.png) 10px 0 no-repeat;}
.page-travel table {width: 940px; margin: 0 20px 30px;}
.page-travel tr {border-bottom: 1px solid #96989A;}
.page-travel td {padding: 10px 0; vertical-align: middle; text-align: center;}
.page-travel tr:first-child td {vertical-align: bottom;}
.page-travel tr:first-child p {margin: 0; color: #0076AA; font-weight: 700; margin: 0 0 0 6px;}
.page-travel td:first-child {width: 467px; text-align: left;}
.page-travel h3 {font-size: 14px;}
.page-travel p {margin: 3px 0;}

    /* Camera Page */
.page-calendar .page-title {background: url(../images/title_calendar.png) no-repeat 20px 3px #0076AA;}

    /* Camera Page */
.page-cameras .page-title {background: #0076AA url(../images/title_camera.png) no-repeat;}

/* Camera Blocks */
#camera-wrapper { padding: 0 20px; }
.page-cameras .title {margin: 0 0 32px;}
.page-cameras .filter {margin: 0 20px 24px;}
.page-cameras .camera-section { padding: 0; display: flex; flex-wrap: wrap; align-items: flex-end; }
.page-cameras figure {width: 31.3%; margin: 0 3% 20px 0; cursor: pointer;}
.page-cameras figure:nth-child(3n) {margin: 0 0 20px;}
.page-cameras figure div { background: #101010; width: 100%; overflow: hidden; padding-bottom: 68%; background-position: center center; background-size: cover; background-repeat: no-repeat; box-sizing: border-box; }
.page-cameras figure div img {display: none; margin: 0 auto; width: 100%; height: auto;}
.page-cameras figcaption {overflow: hidden; display: flex; justify-content: space-between; min-height: 3.75em; align-items: center; margin: 0 0 0.5em; }
.page-cameras figure div { border: 1px solid #555; }

.page-cameras figcaption img { margin: 0 5px 0 0; height: 100%; }
.page-cameras figcaption p {font-size: 13px; color: #6C6C6C; margin: 0; text-align: right;}
.page-cameras figcaption strong {display: block; color: #000; }
.page-cameras figure .small-image { height: auto; }

.page-cameras figure { box-shadow: 0 0 3px 3px #ededed; }
.page-cameras figure:hover { border-color: #0076AA; box-shadow: 0 0 3px 1px #0076AA; }
.page-cameras figcaption { padding: 2px 10px; }

        /* Camera Popup */
.modal-screen {background: #333; width: 100%; height: 1000%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; }
.modal-window {box-shadow: 0 0 15px #000;  max-width: 880px; background: #FFF; padding: 24px 16px; margin: 20px 0;}
.modal-window .modal-close {background: url(../images/modal_close.png); width: 27px; height: 27px; display: block; font-size: 0; top: 0; right: 0; position: absolute; margin: -13px -12px 0 0; cursor: pointer;}
.modal-window .map-wrapper {background: #000; width: 230px; color: #FFF; padding: 7px 0 0 7px; float: left; margin: 60px 10px 0 0; position: relative;}
.modal-window .map-border {overflow: hidden; margin: 0 5px; width: 210px; height: 160px; background: #A9A9A9; border-left: 1px solid #FFF; border-top: 1px solid #FFF; border-radius: 7px;}
.modal-window .map-wrapper p {font-size: 14px; font-weight: 700; padding: 7px 0 22px;}
.modal-window .agency-link {padding: 5px 0 0; margin: 0 -4px; width: 100%; left: 0; background: #FFF; display: block;}
.modal-window .agency-image {margin: 0 auto;}
.modal-window .camera-modal {overflow: auto; display: flex; flex-direction: row-reverse; }
.modal-window .camera-wrapper { background: #2C2F34; padding: 5px; margin: 0 8px 0; text-align: center; /*min-height: 480px;*/ width: 606px; display: flex; flex-direction: column; justify-content: space-between; }
.modal-window .camera-wrapper img {border: 3px solid transparent;}
.modal-window .camera-wrapper p {padding: 24px; color: #FFF; font-size: 14px; color: #CCC; text-align: left;}
.modal-window .camera-wrapper strong {font-weight: 700; color: #FFF;}
.modal-window .camera-wrapper .view-direction { display: block; }
.modal-window .camera-wrapper i {font-style: italic; font-size: 12px;}
.modal-window .camera-wrapper .video-container video { border: 3px solid transparent; max-width: 100%; min-height: 415px; object-fit: fill; box-sizing: border-box; }

.modal-window .camera-wrapper { padding: 5px 5px 8em; position: relative; }
.modal-window .camera-modal-caption { position: absolute; bottom: 0; left: 0; width: 100%; min-height: 6em; box-sizing: border-box; }


.modal-window .modal-video-toggle { 
    float: left;
    padding: 5px 0 5px 28px;
    border: 1px solid #fff;
    background-color: #2C2F34;
    background-image: url(../images/camera-modal-video.svg);
    background-repeat: no-repeat; 
    background-size: 20px;
    background-position: 3px center;
    border-radius: 2px;
    min-width: 6em;
    margin: -0.4em 2em 0 0;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    
}
.modal-window .modal-video-toggle:hover,
.modal-window .modal-video-toggle:focus {
    box-shadow: 0 0 3px 1px rgb(255 255 255 / 50%);
}
.modal-window .modal-video-toggle.active { background-image: url(../images/camera-modal-image.svg); background-size: 20px; background-position: 3px center; }
.modal-window .map {width: 210px; height: 160px;}

.modal-window .camera-wrapper .youtube.video-container { position: relative; padding-bottom: 56%; height: 0; border: 3px solid transparent; }
.modal-window .camera-wrapper .youtube.video-container iframe { margin-left: 50%; transform: translateX(-50%); }
.modal-window .camera-wrapper .youtube.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


figure.camera-figure.video-available > div,
.modal-window .image-container.video-available { position: relative; }
figure.camera-figure.video-available > div::before,
figure.camera-figure.video-available > div::after
/*.modal-window .image-container.video-available::before,
.modal-window .image-container.video-available::after*/ {
    display: block;
    content: " ";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
}
figure.camera-figure.video-available > div::before
/*.modal-window .image-container.video-available::before*/ {
    width: 60px;
    height: 60px;
    background: #000;
    border-radius: 100%;
    transform: translate(-50%,-50%);
    opacity: 0.5;
}
figure.camera-figure.video-available > div::after
/*.modal-window .image-container.video-available::after*/ {
    border: 15px solid rgba(256,256,256,0.5);
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    transform: scaleX(1.5) translateY(-50%);
}

.bridge-modal { height: 100%; padding: 3vh; box-sizing: border-box; }
.bridge-modal header { display: flex; flex-direction: row-reverse; justify-content: start; padding: 0 0 2.5vh; }
.bridge-modal header h1 { font-size: 5vh; margin: 0.5vh 1em; padding: 0; line-height: 1em; }
.bridge-modal header img { height: 6vh; }

.modal-window .bridge-modal .camera-modal-caption { position: unset; min-height: unset; height: auto; }
.bridge-modal-rows { height: 75.5vh; }
.bridge-modal-rows h2, .bridge-modal p { line-height: 1; font-weight: bold; text-align: center; padding: 0.5em 0.3em; font-size: 1.5rem; }
.bridge-modal .time p { font-size: 3rem; }

.bridge-modal-rows > section { display: flex; align-items: stretch; justify-content: space-between; background: rgba(0,151,39,0.075); border-top: 1vh solid #009727; height: 49%; box-sizing: border-box; margin: 0 0 1%; overflow: hidden; }
.bridge-modal-rows header { width: auto; min-width: 15em; height: 100%; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; flex-grow: 1; }
.bridge-modal-rows header { width: 50%; height: 100%; display: flex; flex-direction: column; align-items: stretch; justify-content: space-evenly; }
.bridge-modal-rows header .camera-modal-caption strong, 
.bridge-modal-rows header .camera-modal-caption .view-direction { display: none; }
.bridge-modal-rows header .camera-modal-caption .refreshed { font-size: 12px; font-weight:normal; }
.bridge-modal-rows figure { width: 48vh; flex-grow: 0; flex-shrink: 0; }
.bridge-modal-rows figure.youtube { width: 64vh; }
.bridge-modal-rows figure img { width: 100%; height: 100%; }

.bridge-modal-rows > section .time { text-align: center; display: flex; justify-content: center; align-items: center; font-size: 0; margin: 0 0 1vh; flex-grow: 1; }
.bridge-modal-rows > section .time strong { display: block; line-height: 90%; font-weight: bold; font-size: 6em; }
.bridge-modal-rows > section .time .no-delay { font-size: 3rem; line-height: 1.2em; }
.bridge-modal-rows > section figure { overflow: hidden; }
.bridge-modal-rows > section video,
.bridge-modal-rows > section iframe,
/*.bridge-modal-rows > section img { min-width: 100%; height: 100%; background: #000; position: relative; left: 50%; top: 50%; transform: translate(-50%,-50%); }*/
.bridge-modal-rows > section iframe { height: 100%; width: 100%; /*135%;*/ }
.bridge-modal-rows > section figure .video-container { width: 100%; height: 100%; }

.modal-window .bridge-modal .camera-modal-caption { font-size: 1rem; }
.modal-window .bridge-modal .modal-video-toggle { padding-right: 0.25em; border: none; margin: 0 0.5em 0 0; }
.modal-window .bridge-modal .modal-video-toggle:hover,
.modal-window .bridge-modal .modal-video-toggle:focus { box-shadow: 0 0 3px 1px rgb(0 0 0 / 50%);}

.modal-window .bridge-modal .refreshed {
    background-size: 1em;
    padding-right: 1.25em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M35.3 12.7c-2.89-2.9-6.88-4.7-11.3-4.7-8.84 0-15.98 7.16-15.98 16s7.14 16 15.98 16c7.45 0 13.69-5.1 15.46-12h-4.16c-1.65 4.66-6.07 8-11.3 8-6.63 0-12-5.37-12-12s5.37-12 12-12c3.31 0 6.28 1.38 8.45 3.55l-6.45 6.45h14v-14l-4.7 4.7z' fill='%234d4d4d'/%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3C/svg%3E");
    font-size: 10px;
    font-weight: normal;
    margin-top: 1em;
    float: right;
}

.modal-window .bridge-modal section.low-wait .time { color: #009727; } 
.modal-window .bridge-modal section.medium-wait { border-top-color: #fc9400; background-color: rgba(252,148,0,0.075); }
.modal-window .bridge-modal section.medium-wait .time { color: #fc9400; } 
.modal-window .bridge-modal section.high-wait { border-top-color: #f51500; background-color: rgba(245,21,0,0.05); }
.modal-window .bridge-modal section.high-wait .time { color: #f51500; } 

/*
.bridge-modal-rows > section .video-container.youtube { position: relative; padding-bottom: 56.25%; }
.bridge-modal-rows > section .video-container.youtube iframe { position: absolute;  top: 0;  left: 0;  width: 100%; height: 100%; border: 0; }
*/
    /* Weather Popup */
.modal-window .weather-modal {}
.modal-window .weather-modal h1 a { display: block; margin: 0 0 3px; padding: 10px 6px 10px 17px; background: url(../images/bg_accordion.png); color: #FFF; font-size: 18px; font-weight: bold; text-transform: uppercase; text-decoration: none; }
.modal-window .weather-modal h1 a:hover { text-decoration: underline; }
.modal-window .weather-modal .alerts { /*position: absolute;*/ top: 66px; left: 16px; bottom: 16px; right: 16px; overflow: auto; padding: 16px; }
.modal-window .weather-modal h2 { margin: 16px 0 2px 0; font-size: 15px; font-weight: bold; color: #ed1c24; }
.modal-window .weather-modal p { font-size: 14px; }
.modal-window .weather-modal a { font-size: 14px; color: #ed1c24; }

    /* Standard Page */
.page-standard .title {border-bottom: 1px solid #999; margin: 0 0 33px;}
.page-standard .image-primary {border: 8px solid #0077AA; margin: 0 0 15px 0;}
.page-standard .image-primary.no-border {border: none;}
.page-standard .image-primary.Left {float: left; margin: 0 15px 15px 0;}
.page-standard .image-primary.Right {float: right; margin: 0 0 15px 15px;}
.page-standard .left-column h2, .page-standard .left-column h3 {margin: 18px 0 6px 0;}
    
    /* Signs Page */
.page-signs .page-title {background: #0076AA url(../images/title_vhs.png) no-repeat;}
.content-signs table {width: 940px; margin: 0 20px 30px;}
.content-signs tr {border-bottom: 1px solid #96989A;}
.content-signs td {padding: 10px 0; vertical-align: middle;}
.content-signs tr:first-child td {vertical-align: bottom;}
.content-signs tr:first-child p {margin: 0; color: #0076AA; font-weight: 700; margin: 0 0 0 6px;}
.content-signs td:first-child {width: 467px;}
.content-signs table div {float: left;}
.content-signs img {float: right; margin: 0 30px;}
.content-signs .sign img {float: none; margin: auto; max-width: 100%; }
.content-signs h3 {font-size: 14px;}
.content-signs p {margin: 3px 0;}
.content-signs i {font-size: 11px; color: #545454; display: block;}
.content-signs .sign {background: url(../images/bg_sign.png) repeat-x; width: 230px; color: #FF0; font-weight: 700; text-align: center; font-size: 13px; padding: 16px 0; margin: 0 0 0 6px; line-height: 16px; min-height: 50px;}

/* Optional updates to make plain text signs appear more like image signs */
/*.content-signs .sign { background: #000; color: #FFF; display: flex; flex-direction: column; }*/

.content-signs .sign { background: #000; display: flex; flex-direction: column; }
.content-signs .sign img {
    float: none;
    margin: auto;
    height: 48px;
    max-width: 100%;
    max-height: fit-content;
}
.content-signs .sign img,
.infoWindow.signs h3 img {
    /*image-rendering: pixelated;*/
    filter: sepia(99%) saturate(1300%) hue-rotate(10deg) brightness(100%) contrast(102%);
}


    /* Alerts Page */
.page-alerts .page-title {background: #0076AA url(../images/title_alerts.png) no-repeat;}
.content-alerts #refresh-updated {float: right; font-weight: 700; font-style: italic;}

    /* Employment Page */
.page-employment .page-title {background: #0076AA url(../images/title_employment.png) no-repeat 20px 12px;}
.content-employment #refresh-updated {float: right; font-weight: 700; font-style: italic;}

    /* Reports Page */
.page-reports .page-title {background: #0076AA url(../images/title_reports.png) no-repeat 20px 12px;}
.content-reports #refresh-updated {float: right; font-weight: 700; font-style: italic;}

    /* Construction Activities Page */
.page-construction .page-title {background: #0076AA url(../images/title_construction.png) no-repeat;}
.content-construction {position: relative;}

    /* Form Page */
.page-form .page-title {background: #0076AA url(../images/title_form.png) no-repeat 20px 8px;}
.content-form #refresh-updated {float: right; font-weight: 700; font-style: italic;}

    /* MyNITTEC Pages */
.page-title-mynittec,
.content-faq .page-title
{background-image: url(../images/svg-mynittec.svg); background-repeat: no-repeat; background-position: 20px 8px;}


        /* Form */
.content-construction .filter {margin: 0 20px;}
.content-construction .filter span {font-size: 10px; font-weight: 700;}
.content-construction .print {position: absolute; right: 30px; top: 85px;}
.content-construction .print p {margin: 0; font-size: 10px; color: #333;}
.content-construction .print img {margin: 0 auto;}

        /* Table */
.content-construction table {margin: 20px 20px 100px; width: 940px;}
.content-construction table thead span {background: #0076AA; display: block; color: #FFF; font-weight: 700; margin: 0 11px 0 0; white-space: nowrap; padding: 7px 20px 7px 10px; font-size: 12px; position: relative;}
.content-construction td {border-bottom: 1px solid #96989A; vertical-align: top; padding: 10px 5px;}
.content-construction th {text-align: left;}
.content-construction h2 {margin: 10px 0 0;}
.content-construction td:nth-child(1) {border: none;}
.content-construction td:nth-child(2) {width: 245px;}
.content-construction td:nth-child(4) p {margin: 0;}
.content-construction table img {margin: 15px 0 0 8px;}
.content-construction strong {display: block; color: #000;}
.content-construction p {color: #545454;}
.content-construction .minimal {font-weight: 700; color: #00B14C;}
.content-construction .moderate {font-weight: 700; color: #F26500;}
.content-construction .severe {font-weight: 700; color: #ED1C24;}
.content-construction td[label="When"] span { display: block; }
.content-construction td.rcs-old span, .content-construction td.rcs-new span { display: none; }
.content-construction td.rcs-new img {   width: 50%;
  margin: auto;
    margin-top: auto;
  display: block;
  height: 50%;
  margin-top: 12%;
}

.content-construction table th.header span {background: #0076AA url(../images/arw_blue.png) no-repeat center right; cursor: pointer;}
.content-construction table th.headerSortUp span {background: #0076AA url(../images/arw_down_blue.png) no-repeat center right;}
.content-construction table th.headerSortDown span {background: #0076AA url(../images/arw_up_blue.png) no-repeat center right;}


    /* SI Page */
.content-si table {font-size: 12px; margin: 30px auto;}
.content-si td {border: 1px solid #666;}
.content-si input {font-size: 12px;}

    /* Agencies Page */
.content-agencies .title {border-bottom: 1px solid #999; margin: 0 0 33px;}
.content-agencies table {margin: 0 0 50px;}
.content-agencies tr {border-bottom: 1px solid #999;}
.content-agencies td {vertical-align: middle; padding: 10px;}
.content-agencies .cat-row {border-bottom: 3px solid #333;}
.content-agencies td h2 {margin: 50px 0 0 10px; color: #cb1b21; font-size: 24px;}
.content-agencies td img {margin: 0 auto;}
.page-agencies .content-agencies td a {color: #0076AA; font-weight: 700; text-decoration: none;}

    /* RPC & PVMs Form */
.content-form form {margin: 0 0 50px; padding: 0 20px; font-size: 12px;}
.content-form form p {margin: 0 16px 15px 16px;}
.content-form input, .content-form textarea, .content-form .custom-select {width: 200px;}
.content-form input, .content-form textarea {font: 12px arial, san-serif;}
::-webkit-input-placeholder {font: 10px arial, san-serif;}
:-moz-placeholder {font: 10px arial, san-serif;}
::-moz-placeholder {font: 10px arial, san-serif;}
:-ms-input-placeholder {font: 10px arial, san-serif;}
.content-form .btn {border: none; width: 80px; margin-right: 100px;}
.content-form table td {vertical-align: middle; padding: 5px; font-weight: 700}
.content-form table td:first-child {width: 238px; text-align: right;}
.content-form table td:first-child.top {vertical-align: top;}
.content-form table td:first-child.map {padding: 5px 0;}
.content-form table td:first-child.map-instructions {text-align: center;}
.content-form label {float: left; width: 70px;}
.content-form input[type="radio"] {float: left; width: 20px;}

.content-form .table-contact {float: right; margin: 0 0 30px;}
.content-form hr {margin: 30px 0;}

.content-form h2 {margin: 12px 0; background: url("../images/bg_accordion.png") repeat scroll 0 0 transparent; padding: 10px 16px; color: #FFFFFF;}
.content-form .form-left { float: left; width: 460px; }
.content-form .form-right { float: right; width: 460px; }

    /* Range Picker */
.range {margin:20px 0 0;}
.range tr:first-child {font-size: 12px; font-weight: 700; background: #ddd;}
.range table tr:first-child td {padding: 4px 8px; text-align: left;}
.range table {width: 100%; clear: both;}
.range table.day-picker td {width: auto; border: 1px solid #999; padding: 0; vertical-align: top;}
.range td input {border: 1px solid #999; margin: 2px; padding: 1px; width: 48px; font-size: 10px; float: left; min-height: 16px;}
.range .remove {float: left; padding: 1px 6px; margin: 2px 1px; width: 6px;}
.range .btn {border: none; min-height: 18px;}
.range .half-btn {top: 0; margin: 0; width: 50%; padding: 2px 0; font-size: 10px; font-weight: 700; float: right; min-height: auto; white-space: nowrap; overflow: hidden;}
.range .half-btn:first-child {float: left;}
.range .time-block {padding: 3px 0; clear: both;}
.range .cell-view {display: none;}
.copy-box {margin: 0 0 20px; display: none; background: #eee; padding: 20px 10px; float: right; border: 1px solid #999; box-shadow: 2px 2px 2px #999; font-size: 10px; font-weight: 700; width: 600px;}
.copy-box ul {float: left; padding: 10px 0 0;}
.copy-box li {float: left; font-weight: 700; font-style: italic; list-style: none;}
.copy-box .btn {margin: 0;}
.copy-box input {position: relative; top: 3px; margin: 0 15px 0 0;}
.copy-box p {font-size: 12px; color: #0076AA;}
.input-list {float: left; font-size: 12px; font-weight: 700;}
.input-list input {margin: 0 0 10px;}

/* Individual Committee Page */
.page-standard .left-column .committee table {margin: 0 0 15px 0;}
.page-standard .left-column .committee td {padding: 5px 20px 5px 0;}
.page-standard .left-column .committee h2 {margin: 0 10px 35px; }
.page-standard .left-column .committee h3 {margin: 0;}

/* Committees Page */
.content-commitees .folder {color: #464646;}
.content-commitees .accordion li .folder p {font-size: 12px;}
.content-commitees .column {float: left; width: 223px;}
.content-commitees .column ul {border: none;}
.content-commitees .accordion table {margin: 0;}
.content-commitees .accordion td {padding: 5px 20px;}

/* Mobile App Page */
.content.content-nittec_mobile_app .page-title { padding: 13px 0 7px 77px; background: url(../images/mobile_icon.png) no-repeat 20px 8px #0076AA;}
.content-nittec_mobile_app .left-column h2 {font-size: 24px; color: #ED1C24;}
.content-nittec_mobile_app .left-column h3 {font-size: 18px; color: #0076AA; margin: 15px 0;}
.content-nittec_mobile_app .left-column h4 {font-size: 12px; color: #464646;}
.content-nittec_mobile_app .left-column ul {padding-left: 18px;}
.content-nittec_mobile_app .left-column li {margin: 0 0 5px;}
.content-nittec_mobile_app .left-column tr {border-bottom: 1px solid #999;}
.content-nittec_mobile_app .left-column tr:last-child {border: none;}
.content-nittec_mobile_app .left-column td {padding: 5px;}

/* my routes */
.center-left-column a:link {display: block; padding: 8px 0; margin: 0 20px; text-decoration: none; border-top: 1px dotted #000; color: #000; font-size: 10px;}
.center-left-column a:visited {color: #000;}
.mynittec-content  h2 {margin: 12px 0; background: url(../images/bg_accordion.png) repeat scroll 0 0 transparent; padding: 10px 16px; color: #FFFFFF;}
.myroutes-create-form input, .myroutes-create-form select {width: 240px; box-sizing: border-box;}
.myroutes-create-form input[type="submit"] {width: 100px;}
.content-nav { border-bottom: 1px solid #999; margin: 0em 20px 24px; padding: 0 0 1em; }
.content-nav a.btn { margin: 0 10px 0 0; }
.content-nav a.active { font-weight: bold; }
.btn.new-route { margin: 2em 0; }

/* edit routes */
.edit-routes {width: 100%;}
.edit-routes td {text-align: center; padding: 5px;}
.edit-routes tr td:nth-of-type(1) {text-align: right;}
.edit-routes tr {border-bottom: 1px solid #ccc;}
.edit-routes tr:last-child {background: #ccc;}
.edit-routes tr td:last-child, .edit-routes tr th:last-child {background: #ccc;}
.myroutes-schedule-options {padding: 10px 0; float: left;}
.myroutes-schedule-options input {margin-right: 20px; position: relative; top: 3px;}
.myroutes-schedule-submit {float: right; margin: 10px 50px 0 0;}
.edit-cell input[type="text"], 
.edit-cell select {width: 300px; box-sizing: border-box;}


/* my routes list */
.myroutes-route-list h2 label {float: right; font-size: 14px;}
.myroutes-route-list h2 input {float: right;}

.user-routes .btn {margin: 0;}

/* schedule list */
.mynittec-content td {vertical-align: middle; }

/* Slick Slider */
.slick-dotted.slick-slider { margin-bottom: 0; }
.slick-dots { bottom: 0; }
.slick-dots li button {
    margin: 0;
    border-radius: 100%;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 3px 3px #000;
    width: 1em;
    height: 1em;
}
.slick-dots li.slick-active button,
.slick-dots li button:hover,
.slick-dots li button:focus {
    background: rgba(0,0,0,0.8);
    box-shadow: 0 0 3px 3px #ccc;
}
.slick-dots li button::before { 
    display: none;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.video-wrapper > iframe {    
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Header Icons */
.content .page-title { background-repeat: no-repeat; background-size: 40px; background-position: 10px center; }
.content-travel_advisories .page-title { background-image: url(../images/svg-alert.svg); }
.content-travel_resources .page-title { background-image: url(../images/svg-traffic.svg); }
.content-about_us .page-title { background-image: url(../images/svg-advisories.svg); }
.content-mynittec .page-title { background-image: url(../images/svg-mynittec.svg); }
.content.content-web_app_instructions .page-title {
    background: url(../images/mobile_icon.png) no-repeat 20px 8px #0076AA;
}

/* PWA Page */
.content-nittec_mobile_app .left-column > ul { list-style: none; padding: 0; margin: 2em 0 1em; display: flex; justify-content: space-around; }
.content-nittec_mobile_app .left-column > ul li { display: block; }
.content-nittec_mobile_app .left-column > ul li img, a[href="#open_pwa"] img { width: auto; height: 4em; }
.content-web_app_instructions .left-column img.inline { display: inline-block; vertical-align: text-bottom; }
.content-web_app_instructions a[href="#open_pwa"] { display: none; }
.content p.pwa_message {   
    font-size: 1.35em;
    line-height: 1.35em;
    background: #000;
    color: #fff;
    border-radius: 0.5em;
    padding: 0.75em 1em;
    text-align: center; 
}

/* fonts */
@font-face {
    font-family: 'arvo';
    src: url(../fonts/arvo-regular-webfont.eot);
    src: url(../fonts/arvo-regular-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/arvo-regular-webfont.woff) format('woff)'),
         url(../fonts/arvo-regular-webfont.ttf) format('truetype'),
         url(../fonts/arvo-regular-webfont.svg#arvoregular) format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'arvo-bold';
    src: url(../fonts/arvo-bold-webfont.eot);
    src: url(../fonts/arvo-bold-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/arvo-bold-webfont.woff) format('woff)'),
         url(../fonts/arvo-bold-webfont.ttf) format('truetype'),
         url(../fonts/arvo-bold-webfont.svg#arvobold) format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'arvo-bold-italic';
    src: url(../fonts/arvo-bolditalic-webfont.eot);
    src: url(../fonts/arvo-bolditalic-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/arvo-bolditalic-webfont.woff) format('woff)'),
         url(../fonts/arvo-bolditalic-webfont.ttf) format('truetype'),
         url(../fonts/arvo-bolditalic-webfont.svg#arvobold_italic) format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'arvo-italic';
    src: url(../fonts/arvo-italic-webfont.eot);
    src: url(../fonts/arvo-italic-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/arvo-italic-webfont.woff) format('woff)'),
         url(../fonts/arvo-italic-webfont.ttf) format('truetype'),
         url(../fonts/arvo-italic-webfont.svg#arvoitalic) format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'open-arrow';
    src: url('../fonts/OpenArrow-Regular.eot') format('embedded-opentype'),
		 url('../fonts/OpenArrow-Regular.woff2') format('woff2'),
		 url('../fonts/OpenArrow-Regular.woff') format('woff'),
		 url('../fonts/OpenArrow-Regular.otf') format('opentype'),
		 url('../fonts/OpenArrow-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	unicode-range: U+2190-21ff;
    font-display: swap;
}

/* NAVIGATION UPDATE */


/* header & menu */

#main-nav > ul, #main-nav ul ul { overflow: hidden; max-height: 0; transition: transform linear 0.1s; }

#main-nav > ul.open {  max-height: 40em; }
#main-nav ul ul.open {  max-height: 20em; }
#main-nav ul li a:first-child:not(:last-child)::after { display: none!important; }

#main-nav > ul > li a.nav-view { float: right; width: 2em; display: block; position: absolute; right: 0; top: 0; text-indent: -9999px; overflow: hidden; }
#main-nav > ul > li a.nav-view::after { content: ">"; font-size: 1.5em; position: absolute; left: 50%; top: 50%; text-indent: 0; font-family: monospace; font-weight: bold; transition: transform linear 0.1s; transform: translate(-50%,-50%) rotate(0); line-height: 1.25em; }
#main-nav > ul > li a.nav-view:focus {  background-color: transparent; background: #000; color: #fff; }
#main-nav > ul > li.open a.nav-view::after { transform: translate(-50%,-50%) rotate(90deg); color: #fff; }


#main-nav > ul { max-height: none; overflow: visible; }
#main-nav > ul > li a.nav-view { display: none; }
#main-nav > ul > li:hover > ul,
#main-nav > ul > li:focus > ul,
#main-nav > ul > li.open > ul { overflow: visible; max-height: 20rem; box-shadow: 0px 5px 5px rgb(0 0 0 / 20%); }

/* Shorter footer label update */
.bridges .time-table { width: 27%; }
.bridges .time-table:first-child { width: auto; }
.bridges .time-table td.cross-us, .bridges .time-table td.cross-ca { padding-right: 60px; }

/* RESPNSIVE RULES FOLLOW */

@media (max-height: 500px) {
    .bridge-modal-rows h2, .bridge-modal p, .bridge-modal-rows > section .time {
        font-size: 1.5rem; height: 1em;
    }
    .bridge-modal-rows > section .time { margin: 0; flex-grow: 0; padding: 0.25em 0; }
}

@media (max-height: 300px) {
    .bridge-modal-rows h2, .bridge-modal p, .bridge-modal-rows > section .time {
        font-size: 1rem; 
    }
}

@media (max-width: 1050px) {
    
    /* CAMERA MODAL */
    
    .modal-window .camera-modal {
        display: block;
        height: 100%;
        width: 100%;
        box-sizing: border-box;
        overflow: auto;
        overflow-x: hidden;
        padding: 0 1em;
    }
    .camera-modal .camera-wrapper {
        padding: 1% 1% 8em;
        margin: 0 auto;
        clear: both;
        max-width: 100%;
        box-sizing: border-box;
    }
    .camera-modal .camera-wrapper img {
        max-width: 98%;
    }
    .camera-modal .camera-sidebar {
        display: flex;
        justify-content: space-between;
        margin: 10px auto;
        width: 606px;
        max-width: 100%;
        flex-direction: column;
        justify-content: center;
    }
    .camera-modal .camera-sidebar .map-wrapper {
        margin-top: 0;
        padding-bottom: 85px;
    }
    .camera-modal .camera-sidebar .directionWrapper {
        margin-top: 10px;
        clear: none;
    }
    .modal-window .map-wrapper,
    .modal-window .directionWrapper {
        float: none;
        margin: auto;
    }
    
}

@media (max-width: 1000px) {
    .home-content, .content { box-sizing: border-box; padding: 20px 10px; }
    .home-content, .content, .bridges .wrapper { width: 100%; overflow-x: hidden; }
    .footer, .footer-header { width: 100%; min-width: 100%; overflow-x: hidden; }
    .inner-header .logo { margin-left: 5px; }
    #slider { width: 100%; }
    fieldset { min-width: 100%; }
    
    .left-column, .right-column { width: 100%; float: none; margin: 0 0 20px; padding: 0 10px; box-sizing: border-box; }
    .left-column::after, .right-column::after { display: none; }
    .right-column { display: flex; flex-wrap: wrap; justify-content: left; padding: 10px; }
    .right-column > * { width: 32%; margin: 0 1% 10px 0; }

    .header nav ul { width: 100%; display: flex;}
    .header nav>ul>li {float: none; flex-grow: 1; position: relative; width: auto; }
    .header nav>ul>li>ul {display: block;width:auto;}
    .header nav>ul>li>ul>li {width: auto; max-width: unset;}

    .home-content .row:first-child .promo { display: none; }
    
    /* slider changes */
    .slider, .slider img { width: 100%; height: auto; margin: 0; }    

    
    #bridge-wrapper { max-width: 100%; }
    .bridges-wrapper, .bridges .wrapper { box-sizing: border-box; padding: 0;}
    .bridges select { width: 100%; }
    .bridges div header { padding: 7px 4px; height: 2.5em; display: flex; align-items: center; text-align: center; justify-content: center; }

    .bridges .crossing-block { padding-right: 0; margin-right: 0; width: auto; margin-top: 62px; min-height: 1px; padding-bottom: 0; }
    .bridges .crossing-block p.usa, .bridges .crossing-block p.canada {
        text-indent: -9999px;
        width: 3em;
        height: 2.5em;
        margin: 0 0 7px 2px;
        padding: 0;
        background-repeat: no-repeat!important;
        background-size: contain!important;
        background-color: transparent;
        box-shadow: none;
        background-position: center center;
    }

    .bridges #bridge-wrapper p.note, #bridge-wrapper > p.footnote { margin-left: 1em; }
    
    .bridges .crossing-block .usa img, .bridges .crossing-block .canada img { display: none; }

    .bridges .time-box-wrapper { display: flex; justify-content: space-around; flex-wrap: nowrap; }
    .bridges .time-box { width: 33%; margin: 0; }

    .bridges small.bridge-whereto { display: none; font-size: 90%; font-style: italic; }

    .bridges .time-wrapper p.usa, .time-wrapper p.canada {
        background-repeat: no-repeat;
        background-position: 95% center;
    }
    .bridges .key {
        margin: 0em auto;
        box-sizing: border-box; 
        width: auto;
        border: none;
        box-shadow: -1px 0px 2px #ccc;
    }
    .bridges .key p { width: 33%;  box-sizing: border-box; }
    
    .bridges .key span { display: none; }

    .footer-inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 90%;
        padding: 3em 0;
    }
    .footer-inner aside {
        margin: 0 0 2em!important;
        width: 45%;
    }

    .promo-login form .btn {
            position: absolute;
        bottom: 3px;
        top: auto;
        right: 5px;
        left: auto;
    }
    .footer-inner .promo-login .buttons p { width: auto; }

    .inline-icon { display: inline-block; height: 1em; }
    
    .bridges .time-box p:first-child:before { display: none; }
    .bridges .key { text-align: center; display: table; width: 100%; }
    .bridges .key p { background: #009727; border: 1em solid #fff; border-width: 0 1em; color: #fff; text-align: center; padding: 0.5em; float: none; display: table-cell; vertical-align: middle; }
    .bridges .key p:last-child { border: 1em solid #fff; border-width: 0 1em; }
    .bridges .key.content-form .custom-multiselect p span { display: none; }
    .bridges .key p:nth-of-type(2) { background: #fc9400; color: #000; }
    .bridges .key p:nth-of-type(3) { background: #f51500; }
    .bridges .key span { display: none; }
    
    .bridges #direction-legend { display: none; }
    .bridges .time-table { width: 32%; margin: 1em auto; }
    .bridges .time-table th.time-table-header-hidden { display: table-cell; overflow: hidden; text-indent: -9999px; }
    .bridges .time-table tbody tr > th.cross-us, .bridges .time-table th.cross-ca { display: table-cell; text-indent: -9999px; width: 30px; background-repeat: no-repeat; background-size: auto; background-position: center; }
    
    .content-form .form-right,
    .content-form .form-left,
    .content-form .table-contact { float: none; clear:both; width: 100%; }
    .content-form table button { float: none; }
    
    .content-form table td:first-child { text-align: left; }

    table.day-picker { overflow-x: auto; display: block; width: auto; }
    
    .content-construction { width: 980px; max-width: none; }
    .content-construction .filter span,
    .content-construction .filter i { display: block; margin: 2px 0; }
    .content-construction .filter { margin: 0 100px 0 20px; }
    
    /* DYNAMIC SIGNS PAGE */
    .content-signs table { width: 100%; margin-left: auto; margin-right: auto; }
    .content-signs tr { display: block; }
    .content-signs tbody tr:first-child td { display: none; }
    .content-signs tbody tr:first-child td:first-child { display: block; }
    .content-signs tbody tr td { display: block; width: 40%; float: left; margin: 10px 1% 10px 0; }
    .content-signs tbody tr td:first-child { max-width: 100%; width: 100%; clear: both; display: flex; float: none; height: auto; }
    .content-signs table .sign { width: 100%; }
    
    .page-travel table { width: 95%; padding: 0; margin: 0 2.5%; }

    /* MAPS PAGE MODAL WINDOWS */
    .bridge-modal-rows h2 { font-size: 2.5vw; }
    .bridge-modal p { font-size: 4vw; }
    .bridge-modal-rows > section .time .no-delay { font-size: 4vw; }

}

@media (max-width: 800px) {
    .page-cameras figure {float: left; width: 49%; margin: 0 2% 20px 0;}
    .page-cameras figure:nth-child(3n) {margin: 0 2% 20px 0;}
    .page-cameras figure:nth-child(2n) {margin: 0 0 20px 0;}
    .right-column > * { width: 49%; margin: 0 1% 10px 0; }
    
    .home-content .promo-map #map { height: 320px; }
    
    .content-form table, .content-form table tbody, .content-form table tr { display: block; width: 100%; }
    .content-form table tr { display: flex; justify-content: space-between; }
    .content-form table tr td,
    .content-form table tr td:first-child { display: block; width: 45%; position: relative; padding-left: 0; padding-right: 0; }
    .content-form .ui-multiselect, 
    .content-form .custom-combobox, 
    .content-form .custom-select,
    .content-form input, 
    .content-form select,
    .content-form button,
    .content-form textarea { width: 100%; box-sizing: border-box; max-width: 100%; min-width: 100%; }
    .content-form .custom-combobox > a { position: absolute; top: 4px; right: 0; }
    button.form-button { float: none; margin: 0 10px 0 0; vertical-align: bottom; }
    
    .range table tr { display: table-row; }
    .range table tr td,
    .range table tr td:first-child { display: table-cell; width: auto; }    
    .range td input { clear: both; }
    .range .remove { clear: both; }
    
    .range .half-btn {     
        width: 49%;
        white-space: initial;
        height: 3.5em;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
    }
    

    /* MAPS PAGE MODAL WINDOWS */

    body.with-modal { overflow: hidden; }
    #modal-window { height: auto!important; max-height: 90vh!important; }
    .bridge-modal { overflow: auto; max-height: 89vh; height: 100%; }
    .bridge-modal-rows { height: auto; }
    .bridge-modal-rows > section { flex-direction: column; height: auto; }
    .bridge-modal-rows > section > * { width: 100%; height: 58vw; }
    .bridge-modal-rows figure.youtube { width: 100%; height: 43vw; }
    .bridge-modal-rows header { height: auto; margin: 0.5em auto; padding: 0; }
    .bridge-modal-rows h2, .bridge-modal p, .bridge-modal-rows > section .time .no-delay {
        font-size: 4vw; line-height: 1em; margin: 0.25em auto; padding: 0;
    }
    .bridge-modal .time p { font-size: 4vw; }
    
    .bridge-modal header h1 {font-size: 5vw; margin: 0.2em 1em 0.4em; padding: 0; line-height: 1em; }
    .bridge-modal header img { height: 6vw; }
    .bridge-modal header { padding: 0 0 0; }
    
    .bridge-modal-rows > section { position: relative; }
    .bridge-modal-rows > section .time { margin: 0; }
    .bridge-modal-rows header,
    .modal-window .bridge-modal .camera-modal-caption { margin-bottom: 0; padding-bottom: 0; }
    .modal-window .bridge-modal .modal-video-toggle { font-size: 4vw; line-height: 1em; border-radius: 0; width: 100%; background-color: #000; box-sizing: border-box; padding-right: 0; margin-top: 0; padding-left: 0; }
    
    .modal-window .bridge-modal .refreshed {
        display: inline;
        position: absolute;
        bottom: 0.25em;
        right: 0.5em;
        font-size: 3vw;
        margin: 0px;
        color: rgb(255, 255, 255);
        text-shadow: rgb(0, 0, 0) 0px 1px 1px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M35.3 12.7c-2.89-2.9-6.88-4.7-11.3-4.7-8.84 0-15.98 7.16-15.98 16s7.14 16 15.98 16c7.45 0 13.69-5.1 15.46-12h-4.16c-1.65 4.66-6.07 8-11.3 8-6.63 0-12-5.37-12-12s5.37-12 12-12c3.31 0 6.28 1.38 8.45 3.55l-6.45 6.45h14v-14l-4.7 4.7z' fill='%23ffffff'/%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3C/svg%3E");

    }
    
    .modal-window .camera-wrapper .video-container video { min-height: unset; }
    
    .modal-window .camera-modal { height: 80vh; }
    #modal-screen { height: 200%!important; }
}

@media (max-width: 650px) {
    .home-content, .content { padding: 2px 0; }
    body { padding-top: 15vw; }
    body.device-computer { padding-top: 0; margin-top: 15vw; }
    body.device-computer.page-map { margin-top: 0; }
    .row { margin-bottom: .5vw; }
        
    /* mobile promo rules */
    .promo h2 .promo-icon { display: none; }
    .home-content .promo { width: 33%; height: 0; padding-bottom: 34%; position: relative; background-color: #0076AA; background-size: 45%; background-repeat: no-repeat; background-position: center center; cursor: pointer; }
    .home-content .promo:hover { box-shadow: 0 0 10px #000; }
    .home-content .promo > * { display: none; }
    .home-content .promo > header { display: block; }
    .home-content .promo h2::after { display: none; }
    .home-content .promo h2 {
        padding: 10px 0;
        text-align: center;
        text-transform: uppercase;
        font-size: 1.5em;
        font-weight: bold;
    }

    .footer-inner aside { width: 95%; }

    /* header changes */
    .header { box-shadow: 0 0px 7px rgba(0,0,0,0.5); }
    .header nav, .header nav ul { width: 100%; min-width: 100%; }

    .inner-header { margin: 0 auto; }
    .inner-header h1 {
        width: 100%;
        border-bottom: 4px solid #D71A21;
        height: 20%;
        float: none;
        clear: both;
        overflow: hidden;
        height: 15vw
    }
    .inner-header .logo { clear: both; float: none; margin: 0; position: relative; top: 2.5%; left: 5px; }
    .inner-header .logo img { height: 90%; width: auto; margin: 0.5vw; }
    .toggle-nav { display: block; }

    .header ul li ul, .header ul li:hover ul ul { display: block; }
    .header ul li ul li { display: block; width: 100%; }

    #main-nav {
        position: absolute;
        top: 15vw;
        box-shadow: 0 3.5px 7px rgba(0,0,0,0.5);
        z-index: 1000;
    }
    #main-nav > ul { display: block; overflow: hidden; background: #fff; }
    #main-nav > ul > li { display: block; float: none; text-align: left; width: 100%; position: relative; border-bottom: 1px solid #000; background-color: #fff;}
    #main-nav > ul > li a { display: block; float: none; text-align: left; width: 100%; background: transparent; color: #000; }
    #main-nav > ul > li > a { display: inline-block; width: 80%; padding-left: 10px; padding-right: 10px; }
    #main-nav > ul > li:hover { background: #000; color: #fff; }
    #main-nav > ul > li:hover > a, 
    #main-nav ul li a:hover, 
    #main-nav > ul > li:hover > ul:before { color: #fff; }
    #main-nav > ul > li > ul { position: unset; width: 100%; border: none; }
    #main-nav > ul, 
    #main-nav ul ul { overflow: hidden; max-height: 0; transition: all linear 0.5s; }
    #main-nav.open > ul, 
    #main-nav ul > li.open ul { max-height: 100vh; }
    #main-nav ul li a:first-child:last-child { width: 100%; }
    #main-nav ul li a:first-child:not(:last-child)::after { color: #000; display: block; content: ">"; font-family: monospace; position: absolute; right: 1em; top: 1em; transition: all linear 0.3s; }
    #main-nav ul li.open a:first-child:not(:last-child)::after { transform: rotate(90deg); }
    #main-nav ul li:hover a:first-child:not(:last-child)::after { color: #fff; }


    #main-nav > ul { max-height: 0; overflow: hidden; }
    #main-nav > ul > li a.nav-view { display: block; }
    #main-nav > ul > li:hover > ul,
    #main-nav > ul > li:focus > ul { overflow: visible; max-height: 0; box-shadow:none; }
    #main-nav > ul > li.open > ul { overflow: visible; box-shadow:none; max-height: 20em;}

    .footer-header h2 { font-size: 20px; }
    .footer-header p { padding-top: 24px; }
    .footer-header button { margin-top: 23px; text-indent: -9999px; }

    a.notifications { display: block; width: 100%; margin: -0.5vw 0; background-position: 5px 0.75em; }
    .header a.notifications { display: none; }
    .slick-slide { border-bottom: 4px solid #D71A21; }
        
    .modal-window .camera-wrapper { padding: 1%;  }
    .modal-window .camera-modal-caption { position: unset; }
    .modal-window .modal-video-toggle { float: none; width: 100%; box-sizing: border-box;  margin: 0 0 1em; }
    .modal-window .bridge-modal .modal-video-toggle { margin-bottom: 0; }

    
    .content-nittec_mobile_app table, 
    .content-nittec_mobile_app thead, 
    .content-nittec_mobile_app tbody { width: 97%; display: block; }
    .content-nittec_mobile_app tr { width: 100%; display: flex; justify-content: space-around; flex-wrap: wrap; border-bottom: none; }
    .content-nittec_mobile_app td, .content-nittec_mobile_app th { width: 50%; border-bottom: 1px solid #999; }
    .content-nittec_mobile_app .left-column td { padding: 0; }
    .content-nittec_mobile_app td img { max-width: 90%; height: auto; }
    
    
    /* make these 100% width - custom select handles floating badly */
    form.filter select {
        float: none;
        width: 100%;
        display: block;
        font-size: 120%;
    }
    .bridges #bridge-wrapper p.note { float: none; display: block;  margin-bottom: -2em; }
    
    .bridges .time-table { width: 100%; }
    
    .content-signs table { width: 95%; }
    .content-signs .sign { margin: 0; }

}

@media (max-width: 480px) {
    .content-agencies table, 
    .content-agencies tbody { width: 100%; display: block; }
    .content-agencies tr { width: 100%; display: flex; justify-content: space-around; }
    .content-agencies td { width: 40%; }
    .content-agencies img { max-width: 100%; height: auto; }
    .page-cameras figure { width: 100%; }
    .page-cameras figcaption img { margin: 0 0 5px; }
    .content-signs tbody tr td { float: none; width: 100%; padding: 0; margin: 5px 0; }
    
}

@media (max-width: 400px) {
    .bridges div header h4 span { display: block; }
    /*.select-camera { position: unset; display: block; margin: 0.5em auto; }*/
    .bridges .time-box p { padding: 5px 0; }
    .bridges .time-box p:first-child:after { display: none; }
    .bridges .crossing-block p.canada { top: 10em; position: absolute; }
    .home-content .promo { background-position: center 70%; }
    .content-nittec_mobile_app .left-column ul { display: block; }
}


/**
 * FILE: jquery.ptTileSelect.css
 * 	Default style for the timeselect container.
 * 
 *  LAST UPDATED:
 * 
 * 		- $Date: 2009/04/12 20:23:02 $
 * 		- $Author: paulinho4u $
 * 		- $Revision: 1.1 $
 */
#ptTimeSelectCntr {
	width: 250px; 
	font-size: .9em;
	position: absolute;
	z-index: 10;
	display: none;
}
#ptTimeSelectCntr .ui-widget{
	padding: .2em;
}
#ptTimeSelectCntr .ui-widget-header {
	padding: .2em;
}
#ptTimeSelectCntr #ptTimeSelectUserTime {
	font-size: larger;
	padding: .2em;
	padding-left: 1em;
	text-align: center;
}
#ptTimeSelectCntr #ptTimeSelectCloseCntr {
	display: block;
	padding: .2em;
}
#ptTimeSelectCntr #ptTimeSelectCloseCntr a {
	display: block;
	padding: .2em;
}
#ptTimeSelectCntr .ui-widget-content {
	 margin-top: .1em;
	 margin-bottom: .1em; 
	 padding: .2em;	
}
#ptTimeSelectCntr .ui-widget.ui-widget-content {
	margin-top: 0;
}
#ptTimeSelectCntr .ptTimeSelectLeftPane.ui-widget-content {
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right-width: 2px;
}
#ptTimeSelectCntr .ptTimeSelectRightPane.ui-widget-content {
	border: none;
}
#ptTimeSelectCntr .ptTimeSelectHrCntr a,
#ptTimeSelectCntr .ptTimeSelectMinCntr a {
	display: block;
	float: left;
	padding: .2em;
	width: 1.9em;
	margin: 1px;
	text-align: center;
	text-decoration: none;
}
#ptTimeSelectCntr .ptTimeSelectHrAmPmCntr a {
	text-align: center;
	text-decoration: none;
	margin: 1px;
}
#ptTimeSelectCntr .ptTimeSelectTimeLabelsCntr {
	font-weight: bold;
	font-size: .9em;
}
#ptTimeSelectCntr #ptTimeSelectSetButton {
	padding-top: .2em;
	padding-bottom: .2em;
}
#ptTimeSelectCntr #ptTimeSelectSetButton a {
 	display: block;
	padding: .2em;
	width: 30%;
	text-align: center;
	text-decoration: none;
	float: right;
}


/*! jQuery UI - v1.10.2 - 2013-03-14
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.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-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}