/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
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;
}

/* invalid input */
.bvalidator_invalid{
	background-color: #FFFFAE;
}

/* error message */
.bvalidator_errmsg {
	background-color:#333;
	font-size:10px;
	border:1px solid #999;
	color:#FFF;
	display:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
	white-space:nowrap;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	-moz-opacity:.90;
	filter:alpha(opacity=90);
	opacity:.90; 
}

/* close icon */
.bvalidator_errmsg .bvalidator_close_icon {
	margin-left: 5px;
	margin-top: -2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#F96;
	cursor:pointer;
}

/* arrow */
.bvalidator_errmsg em {
	display:block;
	border-color: #333 transparent transparent;
	border-style: solid;
	border-width: 10px 10px 0;
	height: 0;
	width: 0;
	position:absolute;
	bottom:-10px;
	left:5px;
}

/**
 * Base structural styles for rtcSlider plugin
 */
.rtc-slider {
	position: relative;
	text-align: left;
}
.rtc-slider .rtc-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.rtc-slider .rtc-slider-progress-bar {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

.rtc-slider-horizontal {
	height: .8em;
}
.rtc-slider-horizontal .rtc-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.rtc-slider-horizontal .rtc-slider-progress-bar {
	top: 0;
	left: 0;
	height: 100%;
}
.rtc-slider-vertical {
	width: .8em;
	height: 100px;
}
.rtc-slider-vertical .rtc-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.rtc-slider-vertical .rtc-slider-progress-bar {
	bottom: 0;
	left: 0;
	width: 100%;
}

.carousel {
    position: relative;
	height: 69.4444%;
	overflow: hidden;
    width: 95%;
}

.carousel-items {
    left: 0;
	height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}

.carousel-btn {
    border: none;
    cursor: pointer;
    position: absolute;
    top: 12%;
    z-index: 2;
}

.carousel-btn:focus {
    color: #006DBE;
    outline: none;
}

.carousel-btn:hover {
    color: #006DBE;
}

.carousel-left-btn {
    left: 1.639344%;
}

.carousel-right-btn {
    right: 1.639344%;
}

.carousel-item {
	cursor: pointer;
	float: left;
	height: 100%;
	top: 10%;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.carousel-item:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.carousel-item-icon {
	height: 32%;
	margin-bottom: 4%;
	text-align: center;
	width: 70%;
}

.carousel-item-label {
	background: #FFF;
	border: 0.45em solid #09B9F9;
	border-radius: 14px;
	box-shadow: 0.2em 0.2em 0 RGBA( 0, 0, 0, 0.05 );
    font-family: Arial, sans-serif;
    font-size: 1em;
	padding: 4% 3%;
	text-align: center;
}

.carousel-item-label span {
	vertical-align: middle;
	display: inline-block;
	white-space: pre-line;
	width: 100%;
	word-wrap: break-word;
}

.carousel-item:hover .carousel-item-label {
	border-color: #006DBE;
}

.active .carousel-item-label {
	border-color: #155199;
}

/**
 * Checkbox and radio button base styling
 */

.eov-control-checkbox,
.eov-control-radio {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(/rtc/css/images/form-controls.png) no-repeat;
    border: none;
    cursor: pointer;
}

.ie .eov-control-checkbox,
.ie .eov-control-radio {
    float: left;
}

/* checkboxes */
.eov-control-checkbox {
    background-position: 0 0;
}
.eov-control-checkbox.hover {
    background-position: -22px 0;
}
.eov-control-checkbox.checked {
    background-position: -44px 0;
}
.eov-control-checkbox.checked.hover {
    background-position: -66px 0;
}
.eov-control-checkbox.disabled {
    background-position: -88px 0;
    cursor: default;
}
.eov-control-checkbox.checked.disabled {
    background-position: -110px 0;
}

/* radios */
.eov-control-radio {
    background-position: -132px 0;
}
.eov-control-radio.hover {
    background-position: -154px 0;
}
.eov-control-radio.checked {
    background-position: -176px 0;
}
.eov-control-radio.checked.hover {
    background-position: -198px 0;
}
.eov-control-radio.disabled {
    background-position: -220px 0;
    cursor: default;
}
.eov-control-radio.checked.disabled {
    background-position: -242px 0;
}

/* version for larger screens ~ 720p */
@media (min-width: 992px) {
    .eov-control-checkbox,
    .eov-control-radio {
        width: 33px;
        height: 33px;
        background-image: url(/rtc/css/images/form-controls@2x.png);
        -webkit-background-size: 396px 33px;
        background-size: 396px 33px;
    }
    .eov-control-checkbox {
        background-position: 0 0;
    }
    .eov-control-checkbox.hover {
        background-position: -33px 0;
    }
    .eov-control-checkbox.checked {
        background-position: -66px 0;
    }
    .eov-control-checkbox.checked.hover {
        background-position: -99px 0;
    }
    .eov-control-checkbox.disabled {
        background-position: -132px 0;
    }
    .eov-control-checkbox.checked.disabled {
        background-position: -165px 0;
    }

    .eov-control-radio {
        background-position: -198px 0;
    }
    .eov-control-radio.hover {
        background-position: -231px 0;
    }
    .eov-control-radio.checked {
        background-position: -264px 0;
    }
    .eov-control-radio.checked.hover {
        background-position: -297px 0;
    }
    .eov-control-radio.disabled {
        background-position: -330px 0;
        cursor: default;
    }
    .eov-control-radio.checked.disabled {
        background-position: -363px 0;
    }
}



/* Hi-res screen support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
    .eov-control-checkbox,
    .eov-control-radio {
        background-image: url(/rtc/css/images/form-controls@2x.png);
        -webkit-background-size: 264px 22px;
        background-size: 264px 22px;
    }
}

/* version for small screen - bootstrap xs */
@media (max-width: 480px) {
    .eov-control-checkbox,
    .eov-control-radio {
        background-image: url(/rtc/css/images/form-controls@2x.png);
        -webkit-background-size: 132px 11px;
        background-size: 132px 11px;
        height: 11px;
        width: 11px;
    }

    .eov-control-checkbox {
        background-position: 0 0;
    }
    .eov-control-checkbox.hover {
        background-position: -11px 0;
    }
    .eov-control-checkbox.checked {
        background-position: -22px 0;
    }
    .eov-control-checkbox.checked.hover {
        background-position: -33px 0;
    }
    .eov-control-checkbox.disabled {
        background-position: -44px 0;
    }
    .eov-control-checkbox.checked.disabled {
        background-position: -55px 0;
    }

    .eov-control-radio {
        background-position: -66px 0;
    }
    .eov-control-radio.hover {
        background-position: -77px 0;
    }
    .eov-control-radio.checked {
        background-position: -88px 0;
    }
    .eov-control-radio.checked.hover {
        background-position: -99px 0;
    }
    .eov-control-radio.disabled {
        background-position: -110px 0;
        cursor: default;
    }
    .eov-control-radio.checked.disabled {
        background-position: -121px 0;
    }
}

/**
 * Select menu base styling
 */
.eov-control-select-wrapper {
    position: relative;
    width: 100%;
    color: #666;
    font-size: 70%;
}

.eov-control-select-wrapper select {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 1;
    opacity: 0;
}

.eov-control-select-wrapper.notouch select {
    display: none;
}

.eov-control-select-wrapper .options {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
    background: #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    z-index: 1000;
    overflow-y: auto;
    max-height: 200px;
}

.eov-control-select-wrapper .options li a {
    display: block;
    text-decoration: none;
    padding: 5px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.eov-control-select-optgroup-option {
    padding-left: 20px;
}

.eov-control-select-wrapper .options li.eov-control-select-optgroup {
    padding: 5px;
    color: #999999;
}

.eov-control-select-wrapper .options li.selected {
    background-color: #AAA;
}

.eov-control-select-wrapper .options li.selected a {
    color: #FFF;
}

.eov-control-select-wrapper .options li.active {
    background-color: #CCC;
}

.eov-control-select-wrapper a.eov-control-selected-option {
    display: block;
    padding: 10px;
    background-color: #FFF;
    border-radius: 4px;
    color: #666;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.eov-control-select-wrapper a.eov-control-selected-option span {
    position: absolute;
    display: block;
    top: 30%;
    right: 3%;
    width: 25px;
    text-align: center;
}

/**
 * Handle scaling of custom select menu
 */
@media (max-width: 768px) {
    input.form-control,
    select.form-control,
    select.eov-control,
    input.inline-text-input {
        padding: 2px 0 !important;
    }

    .eov-control-select-wrapper a.eov-control-selected-option {
        padding: 2px 0 !important;
        border-radius: 2px;
    }
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
    font-family: "PrecisionSans_Regular", "Helveticia Neue", Helvetica, Arial, sans-serif;
}

html {
    font-size: 10px;
    font-size: calc(1vw + 1vh);
}

.cardDialog {
    height:100%;
    width: auto;
    width:100% !important;
}

/*--------------------- EOV GRID ----------------------*/

.eov-grid {
    position: absolute;
    top: 18px;
    top: 5vh;
    bottom: 18px;
    bottom: 5vh;
    left: 18px;
    left: 3.25vw;
    right: 18px;
    right: 3.25vw;
    margin: 0;
    font-family: Arial, Verdana, sans-serif;
}

.ie7 .eov-grid, .ie8 .eov-grid {
    width: 604px;
    height: 324px;
}

/*---------------------------------------------------------------------------------------------------- */

/* Rows */

.eov-grid .row-1 {
    height: 13.5px;
    height: calc(((((100vh - 34px)/ 100) * 90)/ 24));
    clear: both;
}

.eov-grid .row-2 {
    height: 27px;
    height: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 2);
    clear: both;
}

.eov-grid .row-3 {
    height: 40.5px;
    height: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 3);
    clear: both;
}

.eov-grid .row-4 {
    height: 54px;
    height: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 4);
    clear: both;
}

.eov-grid .row-5 {
    height: 67.5px;
    height: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 5);
    clear: both;
}

.eov-grid .row-6 {
    height: 81px;
    height: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 6);
    clear: both;
}

.eov-grid .row-7 {
    height: 94.5px;
    height: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 7);
    clear: both;
}

.eov-grid .row-8 {
    height: 108px;
    height: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 8);
    clear: both;
}

.eov-grid .row-9 {
    height: 121.5px;
    height: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 9);
    clear: both;
}

.eov-grid .row-10 {
    height: 135px;
    height: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 10);
    clear: both;
}

.eov-grid .row-11 {
    height: 148.5px;
    height: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 11);
    clear: both;
}

.eov-grid .row-12 {
    height: 162px;
    height: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 12);
    clear: both;
}

.eov-grid .row-13 {
    height: 175.5px;
    height: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 13);
    clear: both;
}

.eov-grid .row-14 {
    height: 189px;
    height: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 14);
    clear: both;
}

.eov-grid .row-15 {
    height: 202.5px;
    height: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 15);
    clear: both;
}

.eov-grid .row-16 {
    height: 216px;
    height: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 16);
    clear: both;
}

.eov-grid .row-17 {
    height: 229.5px;
    height: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 17);
    clear: both;
}

.eov-grid .row-18 {
    height: 243px;
    height: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 18);
    clear: both;
}

.eov-grid .row-19 {
    height: 256.5px;
    height: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 19);
    clear: both;
}

.eov-grid .row-20 {
    height: 270px;
    height: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 20);
    clear: both;
}

.eov-grid .row-21 {
    height: 283.5px;
    height: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 21);
    clear: both;
}

.eov-grid .row-22 {
    height: 297px;
    height: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 22);
    clear: both;
}

.eov-grid .row-23 {
    height: 310.5px;
    height: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 23);
    clear: both;
}

.eov-grid .row-24 {
    height: 324px;
    height: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 24);
    clear: both;
}

/* Rows - offset */

.eov-grid .row-offset-1 {
    margin-top: 13.5px;
    margin-top: calc(((((100vh - 34px)/ 100) * 90)/ 24));
}

.eov-grid .row-offset-2 {
    margin-top: 27px;
    margin-top: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 2);
}

.eov-grid .row-offset-3 {
    margin-top: 40.5px;
    margin-top: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 3);
}

.eov-grid .row-offset-4 {
    margin-top: 54px;
    margin-top: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 4);
}

.eov-grid .row-offset-5 {
    margin-top: 67.5px;
    margin-top: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 5);
}

.eov-grid .row-offset-6 {
    margin-top: 81px;
    margin-top: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 6);
}

.eov-grid .row-offset-7 {
    margin-top: 94.5px;
    margin-top: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 7);
}

.eov-grid .row-offset-8 {
    margin-top: 108px;
    margin-top: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 8);
}

.eov-grid .row-offset-9 {
    margin-top: 121.5px;
    margin-top: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 9);
}

.eov-grid .row-offset-10 {
    margin-top: 135px;
    margin-top: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 10);
}

.eov-grid .row-offset-11 {
    margin-top: 148.5px;
    margin-top: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 11);
}

.eov-grid .row-offset-12 {
    margin-top: 162px;
    margin-top: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 12);
}

.eov-grid .row-offset-13 {
    margin-top: 175.5px;
    margin-top: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 13);
}

.eov-grid .row-offset-14 {
    margin-top: 189px;
    margin-top: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 14);
}

.eov-grid .row-offset-15 {
    margin-top: 202.5px;
    margin-top: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 15);
}

.eov-grid .row-offset-16 {
    margin-top: 216px;
    margin-top: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 16);
}

.eov-grid .row-offset-17 {
    margin-top: 229.5px;
    margin-top: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 17);
}

.eov-grid .row-offset-18 {
    margin-top: 243px;
    margin-top: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 18);
}

.eov-grid .row-offset-19 {
    margin-top: 256.5px;
    margin-top: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 19);
}

.eov-grid .row-offset-20 {
    margin-top: 270px;
    margin-top: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 20);
}

.eov-grid .row-offset-21 {
    margin-top: 283.5px;
    margin-top: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 21);
}

.eov-grid .row-offset-22 {
    margin-top: 297px;
    margin-top: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 22);
}

.eov-grid .row-offset-23 {
    margin-top: 310.5px;
    margin-top: calc(((((100vh - 34px)/ 100) * 90)/ 24) * 23);
}

/* Columns */

.eov-grid .col-1,
.eov-grid .col-2,
.eov-grid .col-3,
.eov-grid .col-4,
.eov-grid .col-5,
.eov-grid .col-6,
.eov-grid .col-7,
.eov-grid .col-8,
.eov-grid .col-9,
.eov-grid .col-10,
.eov-grid .col-11,
.eov-grid .col-12,
.eov-grid .col-13,
.eov-grid .col-14,
.eov-grid .col-15,
.eov-grid .col-16,
.eov-grid .col-17,
.eov-grid .col-18,
.eov-grid .col-19,
.eov-grid .col-20,
.eov-grid .col-21,
.eov-grid .col-22,
.eov-grid .col-23,
.eov-grid .col-24 {
    height: 100%;
    display: inline-block;
    float: left;
    padding: 0 5px;
    padding: 0 0.5vw;
    box-sizing: border-box;
    position: relative;
}

.ie8 .eov-grid .col-1,
.ie8 .eov-grid .col-2,
.ie8 .eov-grid .col-3,
.ie8 .eov-grid .col-4,
.ie8 .eov-grid .col-5,
.ie8 .eov-grid .col-6,
.ie8 .eov-grid .col-7,
.ie8 .eov-grid .col-8,
.ie8 .eov-grid .col-9,
.ie8 .eov-grid .col-10,
.ie8 .eov-grid .col-11,
.ie8 .eov-grid .col-12,
.ie8 .eov-grid .col-13,
.ie8 .eov-grid .col-14,
.ie8 .eov-grid .col-15,
.ie8 .eov-grid .col-16,
.ie8 .eov-grid .col-17,
.ie8 .eov-grid .col-18,
.ie8 .eov-grid .col-19,
.ie8 .eov-grid .col-20,
.ie8 .eov-grid .col-21,
.ie8 .eov-grid .col-22,
.ie8 .eov-grid .col-23,
.ie8 .eov-grid .col-24 {
    box-sizing: content-box;
}

.eov-grid .col-1 {
    width: 15.16666667px;
    width: 3.89583333vw;
}

.eov-grid .col-2 {
    width: 40.33333333px;
    width: 7.79166667vw;
}

.eov-grid .col-3 {
    width: 65.5px;
    width: 11.6875vw;
}

.eov-grid .col-4 {
    width: 90.666666667px;
    width: 15.58333333vw;
}

.eov-grid .col-5 {
    width: 115.8333333px;
    width: 19.47916667vw;
}

.eov-grid .col-6 {
    width: 141px;
    width: 23.375vw;
}

.eov-grid .col-7 {
    width: 166.1666667px;
    width: 27.27083333vw;
}

.eov-grid .col-8 {
    width: 191.3333333px;
    width: 31.16666667vw;
}

.eov-grid .col-9 {
    width: 216.5px;
    width: 35.0625vw;
}

.eov-grid .col-10 {
    width: 214.6666667px;
    width: 38.958333333vw;
}

.eov-grid .col-11 {
    width: 266.8333333px;
    width: 42.854166667vw;
}

.eov-grid .col-12 {
    width: 292px;
    width: 46.75vw;
}

.eov-grid .col-13 {
    width: 317.1666667px;
    width: 50.6458333333vw;
}

.eov-grid .col-14 {
    width: 342.3333333px;
    width: 54.5416666667vw;
}

.eov-grid .col-15 {
    width: 367.5px;
    width: 58.4375vw;
}

.eov-grid .col-16 {
    width: 392.66666667px;
    width: 62.3333333vw;
}

.eov-grid .col-17 {
    width: 417.8333333px;
    width: 66.2291666667vw;
}

.eov-grid .col-18 {
    width: 443px;
    width: 70.125vw;
}

.eov-grid .col-19 {
    width: 468.1666667px;
    width: 74.020833333vw;
}

.eov-grid .col-20 {
    width: 493.3333333px;
    width: 77.916666667vw;
}

.eov-grid .col-21 {
    width: 518.5px;
    width: 81.8125vw;
}

.eov-grid .col-22 {
    width: 543.6666667px;
    width: 85.708333333vw;
}

.eov-grid .col-23 {
    width: 568.8333333px;
    width: 89.6041666667vw;
}

.eov-grid .col-24 {
    width: 594px;
    width: 93.5vw;
}

/* Column - offset */

.eov-grid .col-offset-1 {
    margin-left: 25.16666667px;
    margin-left: 3.89583333vw;
}

.eov-grid .col-offset-2 {
    margin-left: 50.3333333px;
    margin-left: 7.791666667vw;
}

.eov-grid .col-offset-3 {
    margin-left: 75.5px;
    margin-left: 11.6875vw;
}

.eov-grid .col-offset-4 {
    margin-left: 100.6666667px;
    margin-left: 15.58333333vw;
}

.eov-grid .col-offset-5 {
    margin-left: 125.8333333px;
    margin-left: 19.47916667vw;
}

.eov-grid .col-offset-6 {
    margin-left: 151px;
    margin-left: 23.375vw;
}

.eov-grid .col-offset-7 {
    margin-left: 176.1666667px;
    margin-left: 27.27083333vw;
}

.eov-grid .col-offset-8 {
    margin-left: 201.3333333px;
    margin-left: 31.16666667vw;
}

.eov-grid .col-offset-9 {
    margin-left: 226.5px;
    margin-left: 35.0625vw;
}

.eov-grid .col-offset-10 {
    margin-left: 251.6666667px;
    margin-left: 38.958333333vw;
}

.eov-grid .col-offset-11 {
    margin-left: 276.8333333px;
    margin-left: 42.854166667vw;
}

.eov-grid .col-offset-12 {
    margin-left: 302px;
    margin-left: 46.75vw;
}

.eov-grid .col-offset-13 {
    margin-left: 327.1666667px;
    margin-left: 50.6458333333vw;
}

.eov-grid .col-offset-14 {
    margin-left: 352.3333333px;
    margin-left: 54.5416666667vw;
}

.eov-grid .col-offset-15 {
    margin-left: 377.5px;
    margin-left: 58.4375vw;
}

.eov-grid .col-offset-16 {
    margin-left: 402.6666667px;
    margin-left: 62.3333333vw;
}

.eov-grid .col-offset-17 {
    margin-left: 427.8333333px;
    margin-left: 66.2291666667vw;
}

.eov-grid .col-offset-18 {
    margin-left: 543px;
    margin-left: 70.125vw;
}

.eov-grid .col-offset-19 {
    margin-left: 478.1666667px;
    margin-left: 74.020833333vw;
}

.eov-grid .col-offset-20 {
    margin-left: 503.3333333px;
    margin-left: 77.916666667vw;
}

.eov-grid .col-offset-21 {
    margin-left: 528.5px;
    margin-left: 81.8125vw;
}

.eov-grid .col-offset-22 {
    margin-left: 553.6666667px;
    margin-left: 85.708333333vw;
}

.eov-grid .col-offset-23 {
    margin-left: 578.8333333px;
    margin-left: 89.6041666667vw;
}

/* Column - offset ie */

.ie7 .eov-grid .col-offset-1, 
.ie8 .eov-grid .col-offset-1 {
    padding-left: 30.16666667px;
    margin-left: 0;
}

.ie7 .eov-grid .col-offset-2, 
.ie8 .eov-grid .col-offset-2 {
    padding-left: 55.3333333px;
    margin-left: 0;
}

.ie7 .eov-grid .col-offset-3, 
.ie8 .eov-grid .col-offset-3 {
    padding-left: 80.5px;
    margin-left: 0;
}

.ie7 .eov-grid .col-offset-4,
.ie8 .eov-grid .col-offset-4 {
    padding-left: 105.6666667px;
    margin-left: 0;
}

.ie7 .eov-grid .col-offset-5, 
.ie8 .eov-grid .col-offset-5 {
    padding-left: 130.8333333px;
    margin-left: 0;
}

.ie7 .eov-grid .col-offset-6, 
.ie8 .eov-grid .col-offset-6 {
    padding-left: 156px;
    margin-left: 0;
}

.ie7 .eov-grid .col-offset-7, 
.ie8 .eov-grid .col-offset-7 {
    padding-left: 181.1666667px;
    margin-left: 0;
}

.ie7 .eov-grid .col-offset-8,
.ie8 .eov-grid .col-offset-8 {
    padding-left: 206.3333333px;
    margin-left: 0;
}

.ie7 .eov-grid .col-offset-9,
.ie8 .eov-grid .col-offset-9 {
    padding-left: 231.5px;
    margin-left: 0;
}

.ie7 .eov-grid .col-offset-10,
.ie8 .eov-grid .col-offset-10 {
    padding-left: 256.6666667px;
    margin-left: 0;
}

.ie7 .eov-grid .col-offset-11,
.ie8 .eov-grid .col-offset-11 {
    padding-left: 281.8333333px;
    margin-left: 0;
}

.ie7 .eov-grid .col-offset-12,
.ie8 .eov-grid .col-offset-12 {
    padding-left: 307px;
    margin-left: 0;
}

.ie7 .eov-grid .col-offset-13,
.ie8 .eov-grid .col-offset-13 {
    padding-left: 332.1666667px;
    margin-left: 0;
}

.ie7 .eov-grid .col-offset-14,
.ie8 .eov-grid .col-offset-14 {
    padding-left: 357.3333333px;
    margin-left: 0;
}

.ie7 .eov-grid .col-offset-15,
.ie8 .eov-grid .col-offset-15 {
    padding-left: 382.5px;
    margin-left: 0;
}

.ie7 .eov-grid .col-offset-16,
.ie8 .eov-grid .col-offset-16 {
    padding-left: 407.6666667px;
    margin-left: 0;
}

.ie7 .eov-grid .col-offset-17,
.ie8 .eov-grid .col-offset-17 {
    padding-left: 432.8333333px;
    margin-left: 0;
}

.ie7 .eov-grid .col-offset-18,
.ie8 .eov-grid .col-offset-18 {
    padding-left: 548px;
    margin-left: 0;
}

.ie7 .eov-grid .col-offset-19,
.ie8 .eov-grid .col-offset-19 {
    padding-left: 483.1666667px;
    margin-left: 0;
}

.ie7 .eov-grid .col-offset-20,
.ie8 .eov-grid .col-offset-20 {
    padding-left: 508.3333333px;
    margin-left: 0;
}

.ie7 .eov-grid .col-offset-21,
.ie8 .eov-grid .col-offset-21 {
    padding-left: 533.5px;
    margin-left: 0;
}

.ie7 .eov-grid .col-offset-22,
.ie8 .eov-grid .col-offset-22 {
    padding-left: 558.6666667px;
    margin-left: 0;
}

.ie7 .eov-grid .col-offset-23,
.ie8 .eov-grid .col-offset-23 {
    padding-left: 583.8333333px;
    margin-left: 0;
}

/* Nested grid */

.eov-grid .inner-row {
    padding: 0;
}

.eov-grid .col-1.inner-row {
    width: 25.16666667px;
    width: 3.89583333vw;
}

.eov-grid .col-2.inner-row {
    width: 50.3333333px;
    width: 7.791666667vw;
}

.eov-grid .col-3.inner-row {
    width: 75.5px;
    width: 11.6875vw;
}

.eov-grid .col-4.inner-row {
    width: 100.6666667px;
    width: 15.58333333vw;
}

.eov-grid .col-5.inner-row {
    width: 125.8333333px;
    width: 19.47916667vw;
}

.eov-grid .col-6.inner-row {
    width: 151px;
    width: 23.375vw;
}

.eov-grid .col-7.inner-row {
    width: 176.1666667px;
    width: 27.27083333vw;
}

.eov-grid .col-8.inner-row {
    width: 201.3333333px;
    width: 31.16666667vw;
}

.eov-grid .col-9.inner-row {
    width: 226.5px;
    width: 35.0625vw;
}

.eov-grid .col-10.inner-row {
    width: 251.6666667px;
    width: 38.958333333vw;
}

.eov-grid .col-11.inner-row {
    width: 276.8333333px;
    width: 42.854166667vw;
}

.eov-grid .col-12.inner-row {
    width: 302px;
    width: 46.75vw;
}

.eov-grid .col-13.inner-row {
    width: 327.1666667px;
    width: 50.6458333333vw;
}

.eov-grid .col-14.inner-row {
    width: 352.3333333px;
    width: 54.5416666667vw;
}

.eov-grid .col-15.inner-row {
    width: 377.5px;
    width: 58.4375vw;
}

.eov-grid .col-16.inner-row {
    width: 402.6666667px;
    width: 62.3333333vw;
}

.eov-grid .col-17.inner-row {
    width: 427.8333333px;
    width: 66.2291666667vw;
}

.eov-grid .col-18.inner-row {
    width: 543px;
    width: 70.125vw;
}

.eov-grid .col-19.inner-row {
    width: 478.1666667px;
    width: 74.020833333vw;
}

.eov-grid .col-20.inner-row {
    width: 503.3333333px;
    width: 77.916666667vw;
}

.eov-grid .col-21.inner-row {
    width: 528.5px;
    width: 81.8125vw;
}

.eov-grid .col-22.inner-row {
    width: 553.6666667px;
    width: 85.708333333vw;
}

.eov-grid .col-23.inner-row {
    width: 578.8333333px;
    width: 89.6041666667vw;
}

.eov-grid .col-24.inner-row {
    width: 604px;
    width: 93.5vw;
}

/*-------------------- EOV ELEMENTS --------------------*/

.eov-grid.center,
.eov-grid .center {
    text-align: center;
}

sup {
    padding: 0;
    margin-top: -5px;
    display: inline-block;
}


.eov-grid form {
    width:100%;
    height: 100%;
    position: absolute;
}


.eov-grid label {
    height: 100%;
    display: inline-block;
    font-weight: bold;
    color: #333333;
    vertical-align:top;
}

.eov-grid button, .eov-grid a.button {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
    text-align: center;
    display: block;
    vertical-align: middle;
    box-sizing: border-box;
}

.eov-grid a.button {
    display: table;
}

.eov-grid a.button span {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.eov-grid button, .eov-grid a.button {
    border: none;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    outline: none;
    background: rgb(45,135,199);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkODdjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNzU4YTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(45,135,199) 0%, rgb(39,88,165) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(45,135,199)), color-stop(100%,rgb(39,88,165)));
    background: -webkit-linear-gradient(top,  rgb(45,135,199) 0%,rgb(39,88,165) 100%);
    background: -o-linear-gradient(top,  rgb(45,135,199) 0%,rgb(39,88,165) 100%);
    background: -ms-linear-gradient(top,  rgb(45,135,199) 0%,rgb(39,88,165) 100%);
    background: linear-gradient(to bottom,  rgb(45,135,199) 0%,rgb(39,88,165) 100%);
}

.ie7 .eov-grid button,
.ie8 .eov-grid button, 
.ie7 .eov-grid a.button,
.ie8 .eov-grid a.button {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d87c7', endColorstr='#2758a5',GradientType=0 );
}

.eov-grid button:hover, .eov-grid a.button:hover {
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
    outline: none;
    background: rgb(39,88,165);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3NThhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZDg3YzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(39,88,165) 0%, rgb(45,135,199) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(39,88,165)), color-stop(100%,rgb(45,135,199)));
    background: -webkit-linear-gradient(top,  rgb(39,88,165) 0%,rgb(45,135,199) 100%);
    background: -o-linear-gradient(top,  rgb(39,88,165) 0%,rgb(45,135,199) 100%);
    background: -ms-linear-gradient(top,  rgb(39,88,165) 0%,rgb(45,135,199) 100%);
    background: linear-gradient(to bottom,  rgb(39,88,165) 0%,rgb(45,135,199) 100%);
}

.ie7 .eov-grid button:hover,
.ie8 .eov-grid button:hover, 
.ie7 .eov-grid a.button:hover,
.ie8 .eov-grid a.button:hover {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2758a5', endColorstr='#2d87c7',GradientType=0 );
}

.eov-grid button:focus, .eov-grid a.button:focus {
    border: 2px solid #66aad4;
    color: #ffffff;
    text-decoration: none;
}

.ie7 .eov-grid button, .ie7 .eov-grid a.button,
.ie8 .eov-grid button, .ie8 .eov-grid a.button {
    line-height: 2em;
}

.eov-grid .row-1 > div > label {
    font-size: 1em;
    font-size: 1.5vmax;
}

.eov-grid .row-1 > div > select,
.eov-grid .row-1 > div > input,
.eov-grid .row-1 > div > button,
.eov-grid .row-1 > div > a.button {
    font-size: 0.6em;
    font-size: 1vmax;
}

.eov-grid .row-2 > div > label {
    font-size: 1.4em;
    font-size: 2vmax;
}

.eov-grid .row-2 > div > select,
.eov-grid .row-2 > div > input,
.eov-grid .row-2 > div > button,
.eov-grid .row-2 > div > a.button {
    font-size: 1.1em;
    font-size: 2vmax;
}

.eov-grid .row-3 > div > label {
    font-size: 2.1em;
    font-size: 3vmax;

}

.eov-grid .row-3 > div > select,
.eov-grid .row-3 > div > input,
.eov-grid .row-3 > div > button,
.eov-grid .row-3 > div > a.button {
    font-size: 1.4em;
    font-size: 3vmax;
}

.eov-grid .row-4 > div > label {
    font-size: 3em;
    font-size: 4vmax;
}

.eov-grid .row-4 > div > select,
.eov-grid .row-4 > div > input,
.eov-grid .row-4 > div > button,
.eov-grid .row-4 > div > a.button {
    font-size: 2.6em;
    font-size: 4vmax;
}

.eov-grid .row-5 > div > label {
    font-size: 3.6em;
    font-size: 5.1rem;
    font-size: 5vmax;
}

.eov-grid .row-5 > div > select,
.eov-grid .row-5 > div > input,
.eov-grid .row-5 > div > button,
.eov-grid .row-5 > div > a.button {
    font-size: 3.4em;
    font-size: 5vmax;
}

.eov-grid .row-6 > div > label {
    font-size: 4.4em;
    font-size: 6vmax;
}

.eov-grid .row-6 > div > select,
.eov-grid .row-6 > div > input,
.eov-grid .row-6 > div > button,
.eov-grid .row-6 > div > a.button {
    font-size: 4.2em;
    font-size: 6vmax;
}

.eov-grid .row-7 > div > label {
    font-size: 4.9em;
    font-size: 7vmax;
}

.eov-grid .row-7 > div > select,
.eov-grid .row-7 > div > input,
.eov-grid .row-7 > div > button,
.eov-grid .row-7 > div > a.button {
    font-size: 4.8em;
    font-size: 7vmax;
}

.eov-grid .row-8 > div > label {
    font-size: 5.6em;
    font-size: 8vmax;
}

.eov-grid .row-8 > div > select,
.eov-grid .row-8 > div > input,
.eov-grid .row-8 > div > button,
.eov-grid .row-8 > div > a.button {
    font-size: 5.7em;
    font-size: 8vmax;
}

.eov-grid .row-9 > div > label {
    font-size: 6.4em;
    font-size: 9vmax;
}

.eov-grid .row-9 > div > select,
.eov-grid .row-9 > div > input,
.eov-grid .row-9 > div > button,
.eov-grid .row-9 > div > a.button {
    font-size: 6.4em;
    font-size: 9vmax;
}

.eov-grid .row-10 > div > label {
    font-size: 7.1em;
    font-size: 10vmax;
}

.eov-grid .row-10 > div > select,
.eov-grid .row-10 > div > input,
.eov-grid .row-10 > div > button,
.eov-grid .row-10 > div > a.button {
    font-size: 7.2em;
    font-size: 10vmax;
}

.eov-grid .row-11 > div > label {
    font-size: 8em;
    font-size: 11vmax;
}

.eov-grid .row-11 > div > select,
.eov-grid .row-11 > div > input,
.eov-grid .row-11 > div > button,
.eov-grid .row-11 > div > a.button {
    font-size: 8em;
    font-size: 11vmax;
}

.eov-grid .row-12 > div > label {
    font-size: 8.7em;
    font-size: 12vmax;
}

.eov-grid .row-12 > div > select,
.eov-grid .row-12 > div > input,
.eov-grid .row-12 > div > button,
.eov-grid .row-12 > div > a.button {
    font-size: 8.8em;
    font-size: 12vmax;
}

.eov-grid .row-13 > div > label {
    font-size: 9.4em;
    font-size: 13vmax;
}

.eov-grid .row-13 > div > select,
.eov-grid .row-13 > div > input,
.eov-grid .row-13 > div > button,
.eov-grid .row-13 > div > a.button {
    font-size: 9.5em;
    font-size: 13vmax;
}

.eov-grid .row-14 > div > label {
    font-size: 10.2em;
    font-size: 14vmax;
}

.eov-grid .row-14 > div > select,
.eov-grid .row-14 > div > input,
.eov-grid .row-14 > div > button,
.eov-grid .row-14 > div > a.button {
    font-size: 10.3em;
    font-size: 14vmax;
}

.eov-grid .row-15 > div > label {
    font-size: 10.9em;
    font-size: 15vmax;
}

.eov-grid .row-15 > div > select,
.eov-grid .row-15 > div > input,
.eov-grid .row-15 > div > button,
.eov-grid .row-15 > div > a.button {
    font-size: 11.1em;
    font-size: 15vmax;
}

.eov-grid .row-16 > div > label {
    font-size: 11.7em;
    font-size: 16vmax;
}

.eov-grid .row-16 > div > select,
.eov-grid .row-16 > div > input,
.eov-grid .row-16 > div > button,
.eov-grid .row-16 > div > a.button {
    font-size: 11.9em;
    font-size: 16vmax;
}

.eov-grid .row-17 > div > label {
    font-size: 12.3em;
    font-size: 17vmax;
}

.eov-grid .row-17 > div > select,
.eov-grid .row-17 > div > input,
.eov-grid .row-17 > div > button,
.eov-grid .row-17 > div > a.button {
    font-size: 12.5em;
    font-size: 17vmax;
}

.eov-grid .row-18 > div > label {
    font-size: 13em;
    font-size: 18vmax;
}

.eov-grid .row-18 > div > select,
.eov-grid .row-18 > div > input,
.eov-grid .row-18 > div > button,
.eov-grid .row-18 > div > a.button {
    font-size: 13.3em;
    font-size: 18vmax;
}

.eov-grid .row-19 > div > label {
    font-size: 13.8em;
    font-size: 19vmax;
}

.eov-grid .row-19 > div > select,
.eov-grid .row-19 > div > input,
.eov-grid .row-19 > div > button,
.eov-grid .row-19 > div > a.button {
    font-size: 14em;
    font-size: 19vmax;
}

.eov-grid .row-20 > div > label {
    font-size: 14.4em;
    font-size: 20vmax;
}

.eov-grid .row-20 > div > select,
.eov-grid .row-20 > div > input,
.eov-grid .row-20 > div > button,
.eov-grid .row-20 > div > a.button {
    font-size: 14.8em;
    font-size: 20vmax;
}

.eov-grid .row-21 > div > label {
    font-size: 15em;
    font-size: 21vmax;
}

.eov-grid .row-21 > div > select,
.eov-grid .row-21 > div > input,
.eov-grid .row-21 > div > button,
.eov-grid .row-21 > div > a.button {
    font-size: 15.6em;
    font-size: 21vmax;
}

.eov-grid .row-22 > div > label {
    font-size: 15.9em;
    font-size: 22vmax;
}

.eov-grid .row-22 > div > select,
.eov-grid .row-22 > div > input,
.eov-grid .row-22 > div > button,
.eov-grid .row-22 > div > a.button {
    font-size: 16.3em;
    font-size: 22vmax;
}

.eov-grid .row-23 > div > label {
    font-size: 17.2em;
    font-size: 23vmax;
}

.eov-grid .row-23 > div > select,
.eov-grid .row-23 > div > input,
.eov-grid .row-23 > div > button,
.eov-grid .row-23 > div > a.button {
    font-size: 17em;
    font-size: 23vmax;
}

.eov-grid .row-24 > div > label {
    font-size: 17.8em;
    font-size: 24vmax;
}

.eov-grid .row-24 > div > select,
.eov-grid .row-24 > div > input,
.eov-grid .row-24 > div > button,
.eov-grid .row-24 > div > a.button {
    font-size: 17.8em;
    font-size: 24vmax;
}

.eov-grid input[type="text"],
.eov-grid select {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0 1vw;
    display: block;
    border: 1px solid #717171;
    outline: none;
    box-sizing: border-box;
    background-color: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.eov-grid select {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAFRUlEQVR4Xu3cTU7bYBRGYRsxb5fCEmCKMGIHhR2wk6orKF1BoxgxbZfAUto5JJVFLNzgxO91fOPv53Tamws+PNiJg1IW/KOAQ4HSYScrKVAACwQuBYDlkpWlwMKASwFguWRlKbAw4FIAWC5ZWQosDLgUAJZLVpYCCwMuBYDlkpWlwMKASwFguWRlKbAw4FIAWC5ZWQosDLgUAJZLVpYCCwMuBYDlkpWlwMKASwFguWRlKbAw4FIAWC5ZWQosDLgUAJZLVpYCCwMuBYDlkpWlwMKASwFguWRlKbAw4FIAWC5ZWQosDLgUAJZLVpYCCwMuBYDlkpWlwMKASwFguWRlKbAw4FIAWC5ZWQosDLgUAJZLVpYCCwMuBYDlkpWlwMKASwFguWRlKbAw4FIAWC5ZWQosDLgUCBrW1dXV+ePj42+XI4946c3NzefX19fzuq4XoR5GsLCqqroty/L7er1+qOv6LtSAx/6+GlSr1epXURRn6/X6rq7rh2N/D8rXCxJWi6o9AHC9leii6rQJEldwsLZRgWs3qpBxBQVrF6rccfWdqbYvR6FdFoOBNYQqV1wKqhDPXEHAUlHlhsuCKjRcs8OyosoF1xhUIeGaFVZVVTdlWf5UXr72zaT6avEQVG2n1Wp1Mec9wFlhNRGur6+b+zBfwDX86s/Q6Mdyubw1zE8+OjsscL3/TKc4UxVFMTuq5oiCgAWu/pufI04jQaAKClbOuFI6U7W/DMGcsdpvKLfnXCmiCu6MlRuuVFEFCyuHy2LKqIKGlTKu1FEFDytFXDmgigJWSrhyQRUNrClwFUXxfHJycrFYLP6MuD908ENyQhUVrJhx5YYqOlgx4soRVZSwYsI1Eapvy+Xy/uBr8ZEXBHfnXT3+qqruy7L8qs73zLk+55oCVWh/bmxpHS2s5iDH/pFgJ5ALrtxRRXsp7P7mhIYLVG8/najPWC2wUHCB6v1XPglYIVwWQfX/M7BkYM2JC1Qfn9YnBWsOXKDqf62YHKxj4gLV7hsQScI6Bi5Q7b+rlSwsT1ygGr5VmjQsD1ygGkaVzH2soUOd6j5X83XaDz0b+pq7/j/mt2ksx5z8GWvKm6ibXWeWwN3ZXFBlc8aaENdYU0VOqLKDtXnO1XwQSfN5EZ9GK7E98O/Ly8v509PTs+1hcU9ncyns/pguLy/PTk9Pm09j9saVJaosz1gtsCPgyhZV1rCag3fElTWq7GE54coeFbA218UJz1yg2jTN8sl73+utCXCBqhMWWJ0YB+AC1dZvK7C2gozABaqeSwCweqIYcIFqx31cYO0II+AC1Z43B4C1J84eXKAaeMcJWAOBenCBSngbE1hCpA6uIsc3lIVEH0aAJVZrcDWjuf2VgpgHWGND8ThbAc5Ytl5MiwWAJYZizFYAWLZeTIsFgCWGYsxWAFi2XkyLBYAlhmLMVgBYtl5MiwWAJYZizFYAWLZeTIsFgCWGYsxWAFi2XkyLBYAlhmLMVgBYtl5MiwWAJYZizFYAWLZeTIsFgCWGYsxWAFi2XkyLBYAlhmLMVgBYtl5MiwWAJYZizFYAWLZeTIsFgCWGYsxWAFi2XkyLBYAlhmLMVgBYtl5MiwWAJYZizFYAWLZeTIsFgCWGYsxWAFi2XkyLBYAlhmLMVgBYtl5MiwWAJYZizFYAWLZeTIsFgCWGYsxWAFi2XkyLBYAlhmLMVgBYtl5MiwWAJYZizFYAWLZeTIsFgCWGYsxWAFi2XkyLBYAlhmLMVgBYtl5MiwWAJYZizFYAWLZeTIsFgCWGYsxWAFi2XkyLBYAlhmLMVuAftH3Vta0E+gMAAAAASUVORK5CYII=');
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2020.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2020%2020%22%20style%3D%22enable-background%3Anew%200%200%2020%2020%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text/css%22%3E%0A%09.st0%7Bfill%3A%234E4E4E%3B%7D%0A%09.st1%7Bfill%3Anone%3B%7D%0A%3C/style%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M10%2C13.4L4.2%2C7.7l1.1-1.1l4.7%2C4.7l4.7-4.7l1.1%2C1.1L10%2C13.4z%22/%3E%0A%3C/g%3E%0A%3Crect%20x%3D%220%22%20class%3D%22st1%22%20width%3D%2220%22%20height%3D%2220%22/%3E%0A%3C/svg%3E%0A');
	background-repeat: no-repeat;
    background-position: right center;
}

.ie7 .eov-grid input[type="text"],
.ie7 .eov-grid select {
    height: 99%;
    width: 96%;
    padding: 0.5% 2%;    
}

.ie9 .eov-grid select,
.ie7 .eov-grid select,
.ie8 .eov-grid select,
.-ms- .eov-grid select {
     width:100%;  
}

.ie9 .eov-grid select,
.ie7 .eov-grid select,
.ie8 .eov-grid select, 
.-ms- .eov-grid select {
    padding-right:0;
    background-image:none;
}

.eov-grid select option {
    margin-left: 10%;
    display: block
}

.eov-grid input[type="checkbox"], .eov-grid input[type="radio"] {
    height: calc(2vh + 1vw);
    width: calc(2vh + 1vw);
    margin-top: 0%;
    background-color: #d7dbe0;
    -webkit-appearance: none;
    -khtml-appearance: none;
    -moz-appearance: none;
    -o-appearance:none;
    appearance: none;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    box-sizing: border-box;
    outline: none;
}

.eov-grid input[type="radio"] {
    border-radius: 50%;
}

.ie7 .eov-grid input[type="radio"] {
    line-height:50px;
}

.eov-grid input[type="checkbox"]:hover, .eov-grid input[type="radio"]:hover {
    -webkit-box-shadow: 0px 0px 10px 2px rgba(194,213,5,0.75);
    -moz-box-shadow: 0px 0px 10px 2px rgba(194,213,5,0.75);
    box-shadow: 0px 0px 10px 2px rgba(194,213,5,0.75);
}

.eov-grid input[type="radio"]:checked {
    background-color: #0c587b;
    border: solid 4px #d7dbe0;
}

 .ie7 .eov-grid input[type="checkbox"], .ie7 .eov-grid input[type="radio"],  
 .ie8 .eov-grid input[type="checkbox"], .ie8 .eov-grid input[type="radio"] {
    background: none;
}
.eov-grid select {
    border-radius: 0;
}
.eov-grid .rounded {
    border-radius: 50px;
    border-radius: calc(0.5vh + 0.5vw);
    border-radius: calc(0.5ch);
    border-radius: 1vmax;
}

.eov-grid.standard-card label input[type="checkbox"],
.eov-grid.standard-card label input[type="radio"] {
    display:none;
}

.ie7 .eov-grid.standard-card label input[type="checkbox"], 
.ie8 .eov-grid.standard-card label input[type="checkbox"],
.ie7 .eov-grid.standard-card label input[type="radio"], 
.ie8 .eov-grid.standard-card label input[type="radio"] {
    display:inline-block;
    background: none;
    margin-right:5px;
}

.eov-grid.standard-card label span {
    display:inline-block;
    border-radius: 20%;
    vertical-align:middle;
    margin: 0 0.5em 0.2em 0;
    padding:0;
    background-color: #d7dbe0;
    -webkit-appearance: none;
    -khtml-appearance: none;
    -moz-appearance: none;
    -o-appearance:none;
    appearance: none;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    box-sizing: border-box;
    outline: none;
}

.ie7 .eov-grid.standard-card label.eov-checkbox span,
.ie8 .eov-grid.standard-card label.eov-checkbox span,
.ie7 .eov-grid.standard-card label.eov-radio span,
.ie8 .eov-grid.standard-card label.eov-radio span {
    display:none;
}

.ie7 .eov-grid.standard-card label.eov-checkbox,
.ie8 .eov-grid.standard-card label.eov-checkbox,
.ie7 .eov-grid.standard-card label.eov-radio,
.ie8 .eov-grid.standard-card label.eov-radio {
    font-size:80%;
}

.eov-grid.standard-card label:hover span {
    -webkit-box-shadow: 0px 0px 10px 2px rgba(194,213,5,0.75);
    -moz-box-shadow: 0px 0px 10px 2px rgba(194,213,5,0.75);
    box-shadow: 0px 0px 10px 2px rgba(194,213,5,0.75);
}

.eov-grid.standard-card label.eov-checkbox :checked + span {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAGS0lEQVR4Xu3dQW4bRxCF4W55EQE0YB1BN4iOoBvEG8PaRT5Bkl0gZ+EAsZGdfIPYO+6UI+goPkIWFhDEgScgGSGUHGo4M1Xdr3p+b0VWF6s+cchHSc6Jf0zAYQLZoSYlmUACFghcJgAsl7FSFFgYcJkAsFzGSlFgYcBlAsByGStFgYUBlwkAy2WsFAUWBlwmACyXsVIUWBhwmQCwXMZKUWBhwGUCwHIZK0WBhQGXCQDLZawUBRYGXCYALJexUhRYGHCZALBcxkpRYGHAZQLAchkrRYGFAZcJAMtlrBQFFgZcJgAsl7FSFFgYcJkAsFzGSlFgzcHA01dHi8O/LlcP9Wb55kWJhwysElOueMbi2cVJepSucsrHqza61L0rgQtYFZfuffTi+cV3Oee3988pgQtY3tutUf/pq6PHh5+uUkqnu473xgWsGot3PPPx2U+nqeuuUk5Hfcd44gJW3/QDfX3x/OVlzun7IS174QLWkC2I3vbw7MfjR93BVc75ZEyLHriANWYTQvdZnF2c5y5f7nPpe6hta1zAEkIyqJV/s6mc8vmg+z1wY0tcwLLaSsE697Mpy6OtcAHLcisFau3KpiyPtsAFLMuNeNbaI5uyPH4qLmBZbsOp1pBsyqqFLqX3N8vXo1+/ActqE051xmRTU1uZimp1PrCmbsHp/lOzqbFtWaAC1tjpO9/PKpsa2qYVKmANnbz37R2yqX1btkQFrH2nXuB2ntlUX/vWqIDVN/FCXy+RTe16KB6ogFUIzs5jCmdT9/vwQgWsirBqZFPbD9cTFbAqwaqRTZVEBazCsGplU6VRAasgrFrZVA1UwCoBq2I2VQsVsJxh1cymaqICliOsmtlUbVTA8oBVOZtSQAUsY1i1sykVVMAyhFU7m1JCVRTW5u12+ubv/PmHP5e/fjDcadVSCtmUGqpisNaoUv5tPYAu/ZFy9/bj8s3PVUUYHK6QTSmiKgLrDqqtKXSp+5DTwYuPy1+uDXZctoRINqWKyh3WLlR3FHTd75EujyrZlDIqV1h7obqdTpDLo0o2pY7KDdYgVBEuj0LZVARULrDGolK9PCplU1FQmcMyQSV0eVTKpiKhMoVliqry5VEtm4qGygyWF6oal0e1bCoiKhNYRVCVuDwKZlNRUU2GVRSV4+VRMZuKjMoA1st3OaVvy8be28Kmh6uK2VR0VJNhrQoszmrjGvnZo2g21QIqE1hp9drkq0/XOaevqz1zbf4rj70/e1TNplpBZQNrVUUE13oxPZ89qmZTLaGyg7W6JD67OMkH6Trl/KTmM9cG15eXR+VsqjVUprDWr7eUcG1dHrv0+djib6F7f8N4/9q7d//b9c3/ol+tCKLk0DzOagmV+TPW7cDBNYxea6jcYEnEEMN2W+3WLaJyhQWufqutonKHJRVD9O+56C1aRuUPSy3jKkpn92GtoyoDSzCGqOlrDqiKwVLMuGrgmguqorA2L+a3fnG1xmYrnjknVMVhzRXX3FBVgTW3GGKOqKrBmguuuaKqCqv1jGvOqOrCajjjmjuq+rAazLhAtXnrbf5jM2Pe0av9HNeYx7C6D6j+m5wErBZiCFDd/XaUgRUZF6i+fI6XghUxhgDV/79wkIMVCReodr8alYQVIeMC1cNvcTRhiWdcoOp/36wLSzTjAlU/Kpkc66FWlTIuUO2HKgQslRgCVPujCgOrNi5QDUMVClatGAJUw1GFg1UaF6jGoQoJq1TGBarxqGLCKpBxgWoaqriwHDMuUE1HFRrW+vWW8d/jApUNqvCwLGMIUNmhagKWBS5Q2aJqBtaUGAJU9qiagjUGF6h8UDUHa0jGBSo/VO3B2jPjApUvqjZh9cQQoPJH1SysXRkXqMqgahrW/RgCVOVQNQ/rFldK+fRm+fq87GjnfZr0z7zPezWxHz2wYu9Ptntgya4mdmPAir0/2e6BJbua2I0BK/b+ZLsHluxqYjcGrNj7k+0eWLKrid0YsGLvT7Z7YMmuJnZjwIq9P9nugSW7mtiNASv2/mS7B5bsamI3BqzY+5PtHliyq4ndGLBi70+2e2DJriZ2Y8CKvT/Z7oElu5rYjQEr9v5kuweW7GpiNwas2PuT7R5YsquJ3RiwYu9Ptntgya4mdmPAir0/2e6BJbua2I0BK/b+ZLv/B1E367Uh/vx5AAAAAElFTkSuQmCC');
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2020.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2020%2020%22%20style%3D%22enable-background%3Anew%200%200%2020%2020%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text/css%22%3E%0A%09.st0%7Bfill%3Anone%3B%7D%0A%09.st1%7Bfill%3A%230C587B%3B%7D%0A%3C/style%3E%0A%3Crect%20class%3D%22st0%22%20width%3D%2220%22%20height%3D%2220%22/%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M16.4%2C4L18%2C5.6L7.6%2C16L2%2C9.6L3.6%2C8l4%2C2.4L16.4%2C4z%22/%3E%0A%3C/g%3E%0A%3C/svg%3E%0A');
	background-repeat: no-repeat;
}

.eov-grid.standard-card label.eov-radio :checked + span {
    background-color: #0c587b;
    border: solid 4px #d7dbe0;
    border: solid 0.5vh #d7dbe0;
}

/* ------------------- Standard Cards ------------------ */

.eov-grid.standard-card {
    font-family: "PrecisionSans_Regular", "Helveticia Neue", Helvetica, Arial, sans-serif;
    vertical-align: baseline;
}
.standard-card-bg {
    background-color: #110a28;
    background-size: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 5px solid #178eb0;
    border: calc(0.5vh + 0.3vw) solid #178eb0;
}

.eov-grid h1 {
    margin: 0 0 2% 0;
    padding: 0px;
    font-weight: bold;
    font-size: 24px;
    font-size: 2em;
    font-size: 4vmax;
    line-height: 130%;
}

.eov-grid.standard-card h1 {
    color: #ffffff;
    font-weight: normal;
    font-family: "PrecisionSans_Regular", "Helveticia Neue", Helvetica, Arial, sans-serif;
}

.eov-grid p, .cardDialog .eov-grid p {
    margin: 0 0 2% 0;
    padding: 0;
    font-size: 14px;
    font-size: 1.2em;
    font-size: calc(1vh + 1vw);
    font-size: 2vmax;
    font-size:calc(6px + 1.5vmax);

}
.eov-grid.standard-card p, .cardDialog .eov-grid.standard-card p {
    color: #d9d9d9;
    font-family: "PrecisionSans_Regular", "Helveticia Neue", Helvetica, Arial, sans-serif;
    line-height: 1.25;
}

.eov-grid p.small-text, .cardDialog .eov-grid p.small-text {
    font-size: 10px;
    font-size: 1em; 
    font-size: calc(0.8vh + 0.8vw);
    font-size: 1vmax;
    font-size:calc(6px + 1vmax);
}

.eov-grid.standard-card sup.asterix {
    color: #178eb0;
}

.eov-grid.standard-card a.button {
    height: 100%;
    display: table;
    line-height: 180%;
    line-height: calc(1vh + 100%);
    font-family: "PrecisionSans_Regular", "Helveticia Neue", Helvetica, Arial, sans-serif;
    background: rgb(125,185,232);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZWFmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-linear-gradient(rgb(125,185,232) 0%, rgb(110,175,203) 100%);
    background: -o-linear-gradient(rgb(125,185,232) 0%, rgb(110,175,203) 100%);
    background: linear-gradient(rgb(125,185,232) 0%, rgb(110,175,203) 100%);
}

.eov-grid.standard-card a.button:hover {
    height: 100%;
    display: table;
    line-height: 180%;
    line-height: calc(1vh + 100%);
    background: rgb(61,117,170);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkNzVhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQ5OGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(61,117,170) 0%, rgb(0,73,143) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(61,117,170)), color-stop(100%,rgb(0,73,143)));
    background: -webkit-linear-gradient(top,  rgb(61,117,170) 0%,rgb(0,73,143) 100%);
    background: -o-linear-gradient(top,  rgb(61,117,170) 0%,rgb(0,73,143) 100%);
    background: -ms-linear-gradient(top,  rgb(61,117,170) 0%,rgb(0,73,143) 100%);
    background: linear-gradient(to bottom,  rgb(61,117,170) 0%,rgb(0,73,143) 100%);
}

.eov-grid.standard-card button {
    border: none;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-family: Arial, Verdana, sans-serif;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    outline: none;
    font-family: "PrecisionSans_Regular", "Helveticia Neue", Helvetica, Arial, sans-serif;
    background: rgb(125,185,232);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZWFmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(125,185,232) 0%, rgb(110,175,203) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(125,185,232)), color-stop(100%,rgb(110,175,203)));
    background: -webkit-linear-gradient(top,  rgb(125,185,232) 0%,rgb(110,175,203) 100%);
    background: -o-linear-gradient(top,  rgb(125,185,232) 0%,rgb(110,175,203) 100%);
    background: -ms-linear-gradient(top,  rgb(125,185,232) 0%,rgb(110,175,203) 100%);
    background: linear-gradient(to bottom,  rgb(125,185,232) 0%,rgb(110,175,203) 100%);
}

.eov-grid.standard-card button:hover {
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
    outline: none;
    background: rgb(61,117,170);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkNzVhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQ5OGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(61,117,170) 0%, rgb(0,73,143) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(61,117,170)), color-stop(100%,rgb(0,73,143)));
    background: -webkit-linear-gradient(top,  rgb(61,117,170) 0%,rgb(0,73,143) 100%);
    background: -o-linear-gradient(top,  rgb(61,117,170) 0%,rgb(0,73,143) 100%);
    background: -ms-linear-gradient(top,  rgb(61,117,170) 0%,rgb(0,73,143) 100%);
    background: linear-gradient(to bottom,  rgb(61,117,170) 0%,rgb(0,73,143) 100%); 
}

.ie7 .eov-grid.standard-card button,
.ie8 .eov-grid.standard-card button, 
.ie7 .eov-grid.standard-card a.button,
.ie8 .eov-grid.standard-card a.button {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#6eafcb',GradientType=0 );
}

.ie7 .eov-grid.standard-card button:hover,
.ie8 .eov-grid.standard-card button:hover,
.ie7 .eov-grid.standard-card a.button:hover,
.ie8 .eov-grid.standard-card a.button:hover {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d75aa', endColorstr='#00498f',GradientType=0 );
}

.eov-grid.standard-card label {
    vertical-align: middle;
    color: #ffffff;
    font-family: "PrecisionSans_Regular", "Helveticia Neue", Helvetica, Arial, sans-serif;
}

.eov-grid.standard-card label.inline-label {
	padding-top: 0.5ch;
}

.eov-grid.standard-card sup.asterisk {
    top: -0.2em;
    color: #178eb0;
    line-height: 1;
}

/* This sets up the checkbox and label text sizes */

.eov-grid.standard-card .row-1 label span, 
.eov-grid.standard-card .row-2 label.small span, 
.eov-grid.standard-card .row-3 label.xsmall span {
    height: 10px;
    height:1em; 
    height: 2.8vh;
    width: 10px;
    width:1em;
    width: 2.8vh;
}

.eov-grid.standard-card .row-1 label, 
.eov-grid.standard-card .row-2 label.small, 
.eov-grid.standard-card .row-3 label.xsmall {
    font-size: 10px;
    font-size: 1em;
    font-size: 2.8vh;
}


.eov-grid.standard-card .row-2 label span, 
.eov-grid.standard-card .row-3 label.small span,
.eov-grid.standard-card .row-4 label.xsmall {
    height: 20px;
    height: 2.5em; 
    height: 6vh;
    width: 20px;
    width: 2.5em;
    width: 6vh;
}

.eov-grid.standard-card .row-2 label, 
.eov-grid.standard-card .row-3 label.small {
    font-size: 12px;
    font-size: 1.5em;
    font-size: 5vh;
}

.eov-grid .row-2 label.eov-checkbox{
    font-size: 80%;
}



/*
 * jQuery UI CSS Framework 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #333333; background: #318db5 url(/videobill/css/themes/images/ui-bg_highlight-hard_50_318db5_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; 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 #222222; background: #00498f url(/videobill/css/themes/images/ui-bg_highlight-hard_40_00498f_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #096ac8; background: #292929 url(/videobill/css/themes/images/ui-bg_flat_40_292929_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
/*
 * jQuery UI Button 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.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: 1.4;  }
.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; }
.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 */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; 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: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
/*.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; }*/
.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; }
/* Selectmenu
----------------------------------*/
.ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; }
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; position:absolute; top: 0; display: none; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-menu  ul { padding:0; margin:0; list-style:none; position: relative; overflow: auto; overflow-y: auto ; overflow-x: hidden; } 
.ui-selectmenu-open { display: block; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1.4em; display: block; padding: .405em 2.1em .405em 1em; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a { }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content { }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }
/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; }
* html .ui-selectmenu-menu li a { position: relative }
/* IE7 workaround (opacity disabled) */
*+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; }
@CHARSET "UTF-8";

html, body {
	width: 100%;
	height: 100%;
	font-size: 16px;
	margin: 0;
}

.table {
	display: table;
	width: 100%;
}
.table > .table-cell {
	display: table-cell;
}

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 13px; }
.ui-button-text-only .ui-button-text {
	padding: 5.117px 12.8px;
}

/*Make sure the splash screen hide the buffering icon */
#jp_poster_1{
	z-index:3000;
	position:absolute;
}

#buffering_icon, #loading-progress {
	display: none;
	position: absolute;
	top: 180px;
	left: 320px;
	z-index: 999;
}
#buffering_icon {
	margin: -50px 0 0 -50px;
}
#loading-progress {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: -20px 0 0 -20px;
}
#buffering_icon, #buffering_icon img {
	width: 100px;
	height: 100px;
}
/* OVERRIDES START */
#jp_container_1 {
	padding: 0
}
#video_background {
	top: 0;
	left: 0
}

#wrapper_container {
	position: relative;
	width: 640px;
	height: 360px;
}
#wrapper {
	width: 640px;
	height: 360px;
	margin: 0;
}
#wrapper_status_image {
	width: 640px;
	height: 360px;
	background-position: 0 0;
}
/* OVERRIDES END */
/* OVERLAYS START */
.layerWrapper {
	position: absolute;
	top: 0;
	left: 0;
}
#overlays {
	margin: 0;
	width:640px;
	height:360px;
	display:none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	cursor: default;
}
#overlays .overlay {
	white-space: pre;
	font-family: Arial, Sans-Serif;
	line-height: 125%;
}
.overlay-button:hover {
	background-position: bottom left;
}
div#overlaysWrapper {
	z-index:499;
}
.overlayDiv {
	display: none;
	position: absolute;
	width: 640px;
	height: 360px;
}

/* OVERLAYS END */

/* CARDS START */
/* Position of card. No rounded edges for card. */
.cardDialog.ui-dialog {
	-moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;
}

.cardDialog {
	position: absolute;
	top: 0 !important;
	left: 0px !important;
	margin: 0 !important;
	border: none;
	padding: 0 !important;
}

.cardDialog.sidecard {
	z-index: 100000;
}

.cardDialog.modal {
	overflow: hidden;
	position: absolute;
}

.cardDialog .ui-dialog-titlebar {
	display: none;
}
.cardDialog input.text {
	margin-top: 0px;
	margin-bottom: 6px;
	width: 230px;
	height: 22px;
	padding: 5.117px 9px 2.667px 9px;
	padding: 0.4em 0.7em;
	background-image: none;
	background-color: #FFF;
}

.cardDialog .ui-dialog-buttonpane {
	font-size: 14px;
	border-top:none;
	padding-left: 50px;
	padding-right: 53px;
	padding-bottom: 20px;
	margin-top:0px;
}
/* don't show scrollbars on IE8 if overflow. */
.card.ui-dialog-content, .sideCard.ui-dialog-content {
	overflow: hidden;
}
.cardDialog .ui-button-text {
	padding: 10.75px 15.35px;
}
.cardEndDialog .ui-button-text {
	padding: 10.65px 15.35px;
	font-size: 15px;
}

/* Styling of elements within card. */
.cardDialog h2{
	margin-top:35px;
	line-height:24px;
}
.cardDialog h2, #low-bandwidth-card h2, .error-card-heading {
	margin: 20px 0 12px 0;
	color:#004a97;
	font-size: 36px;
	font-family: Arial, sans-serif;
	display:block;
}
.cardDialog h3 {
	color:#004a97;
	font-size: 16px;
	font-weight: bold;
	margin-bottom:8px;
}
.cardDialog p {
	color:#666;
	font-size:18px;
	line-height:22px;
	margin-bottom: 10px;
}
#low-bandwidth-card button {
	display: block;
	margin-bottom: 20px;
}
#low-bandwidth-card button:focus {
	outline: 2px solid #66aad4;
}
.cardDialog p.small {
	font-size:12px;
	margin-top: 4px;
	margin-bottom: 0px;
}
.cardDialog p.label {
	font-family: Arial, sans-serif;
	font-size: 14px;
	margin-left: 5px;
	margin-top: 0.25px !important;
	margin-bottom: 0.1px !important;
}

.required {
	color:#318db5;
	font-size: 18px;
	line-height: 10px;
}

.cardDialog .ui-dialog-buttonpane-text .required {
	font-size: 18px;
}

.cardDialog input.text.ui-state-error {
	background: #a32d00 url(/videobill/css/themes/images/ui-bg_highlight-hard_30_a32d00_1x100.png) 50% top repeat-x;
	color: #BBB;
}
#cardshareForm p {
	margin-top: 1px;
}
.ui-selectmenu-menu li {
	background-color:white;
	background-image:none;
}
.ui-selectmenu-menu-popup li a {
	color:#000000;
}
.rtcSelect.ui-selectmenu.ui-state-default {
	background-color:white;
	background-image:none;
	color: #000000;
}
.rtcSelect.ui-selectmenu.ui-state-hover {
	background: #00498f url(/videobill/css/themes/images/ui-bg_highlight-hard_40_00498f_1x100.png) 50% 50% repeat-x;
}
.rtcSelect.ui-selectmenu.ui-state-hover span.ui-selectmenu-status {
	color: #ffffff;
}
/* Selectmenu height to match text fields. */
body a.rtcSelect {
	/*height: 2.7em;*/
	height:30px;
	width: 246px !important;
}
body .rtcSelect li a, body a.rtcSelect span.ui-selectmenu-status {
	line-height: 28px;
}

select.rtcSelect {
	width: 100px;
}

.ui-selectmenu-menu li a, .ui-selectmenu-status {
    padding: 2.56px 25.6px 2.56px 12.8px !important;
}

/* Placeholder lightgray on firefox. It is already lightgrey on webkit based browsers */
.cardDialog input:-moz-placeholder {
	color:lightgrey;
}


/* inputGroup different background */
.inputGroup {
	background-color: #1D1340;
	padding-left:6px;
	width: 246px;
	-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
}

/* CARDS END */
/* TIMELINE START */
#timeline {
	background: #000;
	width: 640px;
	height: 30px;
}
#timeline .ui-slider-handle {
	width: 5px;
	height: 30px;
	background: #FFF;
	position: absolute;
}
/* TIMELINE END */

#low-bandwidth-card {
	display: none;
}

#low-bandwidth-top-bar {
    display: none;
}

#low-bandwidth-top-bar, #low-bandwidth-top-bar.always-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 500;
}

#low-bandwidth-bar {
    background: black;
    color: white;
    padding: 7px;
    font-size: 14px;
}

#jp_container_1.hide-player .jp-interface {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.jp-progress {
	cursor: pointer;
}

/* Fail over screen ****************************************************************/
.failover_message {
   	background: #FFF;
    font-family: Arial, sans-serif !important;
	z-index: 100001;
    height: 239px;
    padding: 40px 250px 40px 50px;
    width: 340px;
    position:absolute;
    top:0px;
    left:0px;
}
.failover_message .error-card-heading {
	font-size:36px;
	font-family: Arial, sans-serif !important;
	padding-bottom:15px;
	letter-spacing: -0.5px;
	margin: 0;
	font-size: 24px;
	white-space: nowrap;
}
.failover_message p {
	width:320px;
	padding-bottom:15px;
	line-height:18px;
}
.failover_message a, .cardproblemFeedback a {
	color: #004a97;
}
.failover_message .min_requirements {
	width:320px;
	position:absolute;
	top:300px;
}
.failover_message .min_requirements a{
	cursor: pointer;
}
.failover_message .flash_player_dl img {
	padding-bottom:10px;
}

.messageID {
	font-size: 14px !important;
}

.card-control-blocker {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
}

/* Context Menu and Modal Dialog */

.context_menu {
	display: none;
	float: left;
	min-width: 80px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.context_menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
}

.context_menu a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #428bca;
	outline: 0;
}

/* modal dialogs */
.modal {
	position: relative;
	z-index: 99999;
	display: none;
	outline: 0;
	margin: 0 auto;
	overflow: hidden;
}
.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px;
}
.modal-content {
	position: relative;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	outline: none;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    		box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-header {
 	min-height: 16.42857143px;
 	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	padding: 5px 15px;
	margin: 0;
	border-radius: 5px 5px 0 0;
	background: #F2F2F2;
}
.modal-header .close {
  	margin-top: -2px;
  	font-size: 30px;
  	float: right;
  	text-decoration: none;
  	color: #666;
  	font-family: Arial;
}
.modal-header .close:hover {
	color: #111;
}
.modal-title {
  	margin: 0;
  	line-height: 1.42857143;
}
.modal-body {
  	position: relative;
  	padding: 20px;
}
.modal-header h2 {
	font-size: 20px;
	margin: 5px 0;
}
.modal-content {
	background: #FCFCFC;
	border-radius: 5px;
	font-size: 17px;
}

.about_modal {
	display: none;
}

#aboutList {
	overflow: auto;
	max-height: 135px;
}

#aboutList li {
    list-style-type: disc;
    list-style-position: inside;
    padding: 5px 0;
}

@media screen and (max-device-width:700px), screen and (max-width: 700px) {
	.modal-header {
		padding: 2px 15px;
	}
	.modal-header .close {
	  	margin-top: 0px;
	  	font-size: 24px;
	}
	.modal-header h2 {
		font-size: 16px;
	}
	.modal-content {
		font-size: 13px;
	}
	.modal-body {
		padding: 15px;
	}
}

@media screen and (max-device-width:560px), screen and (max-width: 560px) {
	.modal-header {
		padding: 2px 7px;
		min-height: 0px;
	}
	.modal-header .close {
	  	margin-top: -8px;
	}
	.modal-header h2 {
		font-size: 13px;
		margin: 0px;
	}
	.modal-content {
		font-size: 11px;
	}
	.modal-body {
		padding: 5px 7px;
	}
}

#errorCardButtonsWrapper {
	position: fixed;
	top: 0;
	z-index: 100002;
	margin-left: 20px;
	width: 100%;
	height: 70px;
}

#errorCardButtons button {
	padding: 5px;
	margin-right: 5px;
	font-size: 16px;
}

.eov-input-error {
	border:1px solid #a94442 !important;
	background:#fef1ec !important;
	color:#a94442 !important;
}

.resume-splash {
    display: block;
    position: absolute;
    opacity: 0.8;
    cursor: pointer;
    z-index: 500 !important;
}

.jp-video {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	position:relative;
	background:#000;
}
.jp-video-360p {
	width:380px;
	margin: 0px;
}
.jp-video-640p {
	width:640px;
	margin: 0px;
}
.jp-video-full {
	width:290px;
	height:270px;
	position:static !important;
	position:relative;
}
.jp-video-full .jp-jplayer {
	top: 0;
	left: 0;
	position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */
	overflow: hidden;
	z-index:1000;
}

.jp-video-full .jp-gui {
	position: fixed !important; position: static; /* Rules for IE6 (full-screen) */
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	z-index:1000;
}

.jp-video-full .jp-interface {
	position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */
	bottom: 0;
	left: 0;
	z-index:1000;
}

.jp-interface {
	position: relative;
	width:100%;
	height: 30px;
	background-color: #aaaaaa;
	background-image: -webkit-linear-gradient(top, rgb(185, 185, 185), rgb(155, 155, 155));
	background-image: -moz-linear-gradient(top, rgb(185, 185, 185), rgb(155, 155, 155));
	background-image: -o-linear-gradient(top, rgb(185, 185, 185), rgb(155, 155, 155));
	background-image: -ms-linear-gradient(top, rgb(185, 185, 185), rgb(155, 155, 155));
	background-image: linear-gradient(top, rgb(185, 185, 185), rgb(155, 155, 155));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#aaaaaa', EndColorStr='#aaaaaa');
}

div.jp-controls-holder {
	clear: both;
	width:640px;
	margin: 0;

	position: relative;
	overflow:hidden;
}

a.jp-play,
a.jp-previous,
a.jp-next,
a.jp-pause {
	width:40px;
	height:30px;
	float:left;
	text-indent:-9999px;
	outline:none;
}

a.jp-play {
	background: url(/videobill/css/skins/sprite.png) 0 -3px no-repeat;
}

a.jp-pause {
	background: url(/videobill/css/skins/sprite.png) -40px -3px no-repeat;
	display: none;
}

a.jp-replay {
	background-position: -187px -3px;
}

#separator {
	background-image:url(/videobill/css/skins/separator.png);
	background-repeat:no-repeat;
	width: 2px;
	height: 30px;
	float:left;
	margin-top: 7px;
	margin-right: 10px;
}

.jp-progress {
	background: #8593ab;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

	-webkit-box-shadow:
		inset 0px 1px 4px rgba(0,0,0,.4),
		0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow:
		inset 0px 1px 4px rgba(0,0,0,.4),
		0px 1px 0px rgba(255,255,255,.4);
	box-shadow:
		inset 0px 1px 4px rgba(0,0,0,.4),
		0px 1px 0px rgba(255,255,255,.4);

	width:350px;
	height:10px;
	float:left;
	margin-top: 10px;
}

.jp-seek-bar {
	width:0px;
	height:100%;
	cursor: pointer;
}

.jp-seeking-bg {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.jp-play-bar {
	background: url(/videobill/css/skins/play-bar.png) left repeat-x;
	width:0px;
	height:10px;
	position:relative;
	z-index: 9999;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.jp-play-bar span {
	position:absolute;
	top: -3px;
	right: -12px;

	background:url(/videobill/css/skins/handle.png) no-repeat center;
	width: 16px;
	height: 17px;
}

.jp-current-time,
.jp-duration {
	font-size:11px;
	font-family:Arial;
	color:#e7e7e7;
	margin-top: 11px;
	float:left;
}
.jp-current-time {
	float: left;
	display:inline;
}
.jp-duration {
	float: left;
	display:inline;
	text-align: right;
}
.jp-video .jp-current-time {
	margin-left:10px;
}
.jp-video .jp-duration {
	margin-right:9px;
}
.time-sep {
	float:left;
	margin: 11px 3px 0 3px;
	font-size:11px;
	font-family:Arial;
	color:#e7e7e7;
}

.jp-video a.jp-cc, .jp-video a.jp-quality {
	text-indent:-9999px;
	float:left;
	height: 30px;
	outline:none;
}

.jp-cc, .jp-quality {
	float:left;
	margin-top: 1px;
	margin-left: -10px;
	width: 40px;
}
.jp-quality {
	background: url(/videobill/css/skins/sprite.png) -397px -1px no-repeat;
}

.jp-cc {
	background: url(/videobill/css/skins/sprite.png) -230px -1px no-repeat;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.jp-quality.hd-on{
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.jp-cc.captions-on{
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.jp-language.language-on{
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.jp-video a.jp-fullscreen {
	text-indent:-9999px;
	float:left;
	height: 30px;
	outline:none;
}

.jp-fullscreen {
	float:left;
	background: url(/videobill/css/skins/sprite.png) -150px -4px no-repeat;
	margin-top: 1px;
	margin-left: -10px;
	width: 40px;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.jp-fullscreen.fullscreen-on{
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.jp-video a.jp-mute,
.jp-video a.jp-unmute {
	text-indent:-9999px;
	float:left;

	height: 30px;
	outline:none;
}

.jp-mute {
	float:left;
	background: url(/videobill/css/skins/sprite.png) -80px -3px no-repeat;
	margin-top: 1px;
	margin-left: -10px;
	width: 35px;
}

a.jp-unmute {
	background: url(/videobill/css/skins/sprite.png) -115px -3px no-repeat;
	margin-top: 1px;
	margin-left: -13px;
	display: none;
	width: 35px;
}

.jp-volume-bar {
	float:left;
	margin-top: 10px;
	margin-right: 10px;
	overflow:hidden;
    width: 60px;
	height:10px;
	cursor: pointer;
    padding-right: 11px;

	background: #8593ab;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

	-webkit-box-shadow:
		inset 0px 1px 4px rgba(0,0,0,.4),
		0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow:
		inset 0px 1px 4px rgba(0,0,0,.4),
		0px 1px 0px rgba(255,255,255,.4);
	box-shadow:
		inset 0px 1px 4px rgba(0,0,0,.4),
		0px 1px 0px rgba(255,255,255,.4);
}

.jp-volume-bar-value {
	background: url(/videobill/css/skins/play-bar.png) left repeat-x;
	width:0px;
	height:10px;
	position: relative;
}

.jp-volume-bar-value span {
	position:absolute;
	top: 0px;
	right: -11px;

	background:url(/videobill/css/skins/volume.png) no-repeat center;
	width: 11px;
	height: 10px;
}

.jp-full-screen {
	background: url(/videobill/css/skins/sprite.png) -150px -3px no-repeat;
	float:left;
	width: 40px;
	height: 30px;
	text-indent:-9999px;
	margin-left: -15px;
	outline:none;
}

.jp-restore-screen {
	background: url(/videobill/css/skins/sprite.png) -150px -3px no-repeat;
	float:left;
	width: 40px;
	height: 30px;
	text-indent:-9999px;
	margin-left: -15px;
	outline:none;

}

div.jp-video div.jp-video-play {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	cursor:pointer;
	background-color:rgba(0,0,0,0); /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */
}
div.jp-video-270p div.jp-video-play {
	height:270px;
}
div.jp-video-360p div.jp-video-play {
	height:360px;
}
div.jp-video-640p div.jp-video-play {
	height:360px;
}
div.jp-video-full div.jp-video-play {
	height:100%;
	z-index:1000;
}

div.jp-closing-prompt-holder {
	clear: both;
	width:380px;
	margin: 0 auto;

	position: relative;
	overflow:hidden;
	background: url("/videobill/css/skins/closing-prompt.png");
	height:34px;
	display: none;
}

.overlay-caption {
	left: 0px;
	text-align: center;
	width: 80%;
	margin: 0 10%;
	display: none;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	-webkit-text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
	-moz-text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
	text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
	filter: progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc)
		progid:DXImageTransform.Microsoft.Glow(Strength=5, Color=#000000);
	white-space: normal !important;
	pointer-events: none;
	z-index: 1;
}

.jp-quality-list {
	display: none;
	position: absolute;
	z-index: 999999;
	bottom: 30px;
	right: 10px;
	font-size: 12px;
	text-align: right;
	color: white;
	background: #828282;
	overflow: hidden;
}

.jp-quality-list .item {
	padding: 8px 10px;
	cursor: pointer;
}

.jp-quality-list .item:hover {
	background: #4C4C4C;
}

.jp-quality-list, .jp-quality-list .item:first-child {
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.jp-quality-list .item .auto,
.jp-quality-list .item .tick {
	display: none;
}

.jp-quality-list .item.auto-selected .auto,
.jp-quality-list .item.selected .tick {
	display: inline-block;
}

/* Fix for white hairline below video */
#jquery_jplayer_videoplayer {
	margin-bottom: -1px;
}

/* Additional Styles For Timeline To Override rtcSlider Defaults */
.rtc-slider .rtc-slider-handle{
	background: url(/videobill/css/skins/handle.png) no-repeat center;
	width: 16px;
	height: 17px;
	position: absolute;
	border: none;
	top: -3px;
	z-index: 2;
	cursor: pointer;
	margin-left: -8px;
}

.rtc-slider .rtc-slider-progress-bar {
	background: url(/videobill/css/skins/play-bar.png);
	border-radius: 5px;
	cursor: pointer;
}

/*Cover the controls with an empty div to prevent them being clicked */
#jp-gui-cover{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 30px;
	width: 640px;
	z-index: 4000;
	cursor: not-allowed;
}

/*
	JP Icon Font Styling
*/

.jp-controls-holder [class^="jp-icon"],
.jp-controls-holder [class*=" jp-icon"] {
	color: #f3f3f3;
	text-shadow: 0px 1px 0px rgba(119, 119, 119, 0.5);
}

/* Style for low bandwidth card button (overriding the jQuery UI defaults) */
.ui-state-default {
    background: #666666;
}

/* Style for error card headers (overriding video bill default) */
.cardDialog h2, #low-bandwidth-card h2, .error-card-heading {
    color: #000000;
}

/* Style for tab focus on the player controls */
a.jp-icon:focus {
    outline: 2px solid #3E53A0;
}

a.jp-icon:hover {
    outline: none;
}

/*
	Updates for Fluid Player fallback
*/


.jp-interface .table {
	margin-bottom: 0;
}

.jp-controls-holder.table {
	width: 100%;
	line-height: 0;
	font-size: 0px;
}
	.jp-controls-holder.table > .table-cell {
		vertical-align: middle;
		white-space: nowrap;
	}

	.jp-controls-holder.table > .table-cell > .table {
		background: none;
	}
		.jp-controls-holder.table a.jp-play,
		.jp-controls-holder.table a.jp-pause {
			float: none;
			display: inline-block;
			vertical-align: middle;
		}
		.jp-controls-holder.table a.jp-play[style*="inline"],
		.jp-controls-holder.table a.jp-pause[style*="inline"] {
			display: inline-block !important;
		}
		.jp-controls-holder.table a.jp-pause {
			display: none;
		}

	.jp-controls-holder.table .progress-cell {
		width: 100%;
		font-size: 100% !important;
	}
		.jp-controls-holder.table .jp-progress {
			margin: 0;
			float: none;
			width: 100% !important;
		}

	.jp-controls-holder.table .time-cell {
		font-size: 100% !important;
		line-height: 30px;
	}
		.jp-controls-holder.table .time-cell > * {
			float: none;
			margin-top: 0px;
			vertical-align: middle;
		}


		.jp-controls-holder.table .jp-cc, .jp-controls-holder.table .jp-quality {
			display: inline-block;
			float: none;
			margin-top: 0;
			width: 30px;
			margin-left: 0;
			background-position: -231px -1px;
		}
		.jp-controls-holder.table .jp-quality {
			background-position: -397px -1px;
		}

	.jp-controls-holder.table .audio-cell {
		font-size: 100% !important;
	}
		.jp-controls-holder.table .audio-cell > .table {
			width: auto;
			margin-right: 10px;
		}

		.jp-controls-holder.table .audio-cell .audio-cell-toggle {
			vertical-align: middle;
		}
			.jp-controls-holder.table a.jp-mute,
			.jp-controls-holder.table a.jp-unmute {
				float: none;
				display: inline-block;
				vertical-align: middle;
				margin-top: 0;
				margin-left: 0;
			}
			.jp-controls-holder.table a.jp-mute[style*="inline"],
			.jp-controls-holder.table a.jp-unmute[style*="inline"] {
				display: inline-block !important;
			}
			.jp-controls-holder.table a.jp-mute {
				background-position: -80px -2px;
				margin-left: -3px;
			}
			.jp-controls-holder.table a.jp-unmute {
				display: none;
				margin-left: -3px;
				background-position: -115px -2px;
			}

		.jp-controls-holder.table .audio-cell .audio-cell-volume {
			vertical-align: middle;
			width: 100%;
		}

			.jp-controls-holder.table .jp-volume-bar {
				float: none;
				display: inline-block;
				vertical-align: middle;
				margin: 0px;
			}

		.jp-controls-holder.table .jp-fullscreen {
			float: none;
			display: inline-block;
			margin-top: 0;
			background-position: -145px -3px;
		}

.js-font-preloader-container {
    left: 0;
    height: 100px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100px;
    z-index: -1;
}

.js-font-preloader {
    float: left;
    font: normal normal normal 300px serif;
    letter-spacing: 0;
    white-space: nowrap;
}

/**
 * As there is no timeline in the player for bancorp this rule needs to be changed to fix an issue on iOS where there
 * is a 30px bar at the bottom of cards.
 */
html.no-cssvhunit .cardDialog,
html.no-csscalcvhunit .cardDialog {
    bottom: 0 !important;
}

.failover_message {
    max-height: 100% !important;
}

body #jquery_jplayer_videoplayer > img {
    max-height: 100vh;
}