/* -------------------------
---------- FONTS -----------
------------------------- */

body {
    font-size: 13px;
    font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
}

p.large {
    font-size: 15px;
}

p.xlarge {
    font-size: 18px;
    font-weight: 300;
}

p.small {
    font-size: 11px;
}

b {
    font-weight: 600;
}

.icon:before {
    font-size: 20px;
}

.icon.large:before {
    font-size: 24px;
}

.icon.xlarge:before {
    font-size: 32px;
}

.icon.small:before {
    font-size: 16px;
}

.icon.xsmall:before {
    font-size: 12px;
}

.brandname, .fixed-floater.wizard.maintitle, .expandbutton, .plusbutton, .plusicon, .pluslarge, .plussmall,
a.button {
    font-family: "Titillium Web", Verdana, Arial, Helvetica, sans-serif;
}

.texttableblue1, .texttableorg1, div.expand > .title,
.ddsubmenustyle li a,
div.tabselector > div.tab, .topbutton a, .input-button,
div.block,
.copyright-txt, .instruction, .overlayguide,
h3, h4 {
    font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
}

.texttableblue1s, .texttableblue2, .texttableorg2,
.mattblackmenu ul, .overlayguide, .search-container,
.question-answer,
h1, h2 {
    font-family: "Lato", "Open Sans", Verdana, Arial, Helvetica, sans-serif;
}

.texttableblue1 .input-padded, .texttableblue1s .input-padded, .texttableblue2 .input-padded {
    font-size: 13px;
    font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
}

.brandname,
.cornerx, .dismiss, .hoverable:hover, .poppable:hover,
.texttableblue1,
.mattblackmenu li a, .mattblackmenu li a:active, .mattblackmenu li a, .mattblackmenu ul a,
.ddsubmenustyle li a,
a, [class*='tblbod'] a,
.texttableblue1s a,  .texttableblue1 a,
.menubutton a, .TabbedPanelsTab a, .menubutton2 a {
    text-decoration: none;
}

.copyright-txt a:hover,
.texttableblue1s a:hover, .texttableblue1 a:hover,
[class*='tblbod'] a:hover, [class*='tblbod'] a:active,
.message a:hover, .message a:active,
.overlayguide a, .error a, .message a, .tblhd a {
    text-decoration: underline;
}

a.icon:hover, .icon a:hover, a.input-button:hover {
    text-decoration: none;
}

.mattblackmenu ul, .mattblackmenu li input, .topbutton a, .input-search,
.texttableblue1s, .block .title,
.tblhd, .tblmed,
h2, h3 {
    text-transform: uppercase;
}

.input-button.lowercase {
    text-transform: lowercase;
}

/* -------------------------
--------- COLOURS ----------
------------------------- */

a:visited {
    color: inherit;
}

/* BODY #2F2F2F / #20334d */

body {
    background-color: #20334d;
    color: #2F2F2F;
}

/* TRANSPARENT */

input.checkbox-styled + label.checkbox-styled:before {
    color: rgba(0, 0, 0, 0);
}

/* WHITE #FFF */

.tblhd, .message, .floatingnote, .error, .errorpop, div.block,
#hoverbubble.black, .fixed-floater.black, .overlayguide,
.facebook, .facebook td, .facebook th, .facebook a, a.fblogin,
.fixed-floater.black .dismiss:hover {
    color: #FFF;
}

.actionmenu, #messagecenter, #hoverbubble,
.tblbod, .tblmed, .tblbodw, .table-padded,
.expandbutton, .plusbutton, .pluslarge, .plussmall, .input-button, .fb-button,
.menubutton2,
.ydivider,
div.tabselector > div.tab, .topbutton a {
    background-color: #FFF;
}

.search-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.data .tblhd td {
    border-color: #FFF;
}

/* BLACK #212121 */

#messagecenter, .table-padded,
.backbutton, .yesbutton, .nobutton, .input-large, .input-padded,
.black-form-small, .black-form-txt, .black-heading-txt1, .black-bold-txt, .black-heading-txt2, .black-normal-txt, .left-tbl-top,
.menubutton a, .TabbedPanelsTab a,
.overlay,
[class*='tblbod'], .tblmed,
h4, .h4, input.noimage, input.noimage:hover,
.texttableblue1, .texttableblue1s, .texttableblue2,
div.tabselector > div.tab,
.ddsubmenustyle li a, .ddsubmenustyle div, .ddsubmenustyle,
h1, h2, h2 a.icon {
    color: #212121;
}

#hoverbubble.black, .overlayguide {
    background-color: rgba(33, 33, 33, 0.98);
}

.fixed-floater.black {
    background-color: rgba(33, 33, 33, 0.8);
}

.fixed-floater.black.wizard {
    background-color: rgba(33, 33, 33, 0.9);
}

/* MEDIUM GREY #909090 */

.plusbutton, .pluslarge, .plussmall, .expandbutton,
#hoverbubble.datapoint .title,
.text-secondary, .time-ago, footer, .ticket-processing {
    color: #909090;
}

.plussmall:hover, .pluslarge:hover, .plusbutton:hover, .expandbutton:hover,
div.tabselector > div.selected {
    background-color: #909090;
}

.input-padded, .input-large,
.expandbutton, .plusbutton, .pluslarge,
input.checkbox-styled + label.checkbox-styled:before {
    border-color: #909090;
}

/* LIGHT GREY #D2D2D2 */

.topbutton a:hover, .topbutton a.selected, a.button:hover, div.tabselector > div.tab:hover,
.ddsubmenustyle li a,.ddsubmenustyle div, .ddsubmenustyle,
input.checkbox-styled[disabled] + label.checkbox-styled:before,
input.checkbox-styled[readonly] + label.checkbox-styled:before {
    background-color: #D2D2D2;
}

/* LIGHTER GREY #E0E0E0 */

.datalite tbody td, .datasmall tbody td, .texttableblue1 th, .texttableblue1 td, .icon-block, div.expand.module > div,
#hoverbubble, #actionmenu, .actionmenu {
    border-color: #E0E0E0;
}

/* MAIN #355681 */

.cornerx:hover, .dismiss:hover, .input-button,
a, [class*='tblbod'] a,
.texttableblue1s a:not(.icon),
.offer-title, .offers-more {
    color: #355681;
}

.sortarrow, .tblhdorg, .message,
.plusicon:hover,
.cursor-highlight, #ic5-main-menu, #ic5-main-page-container > .loader, #ic5-main-menu .loader,
h2 .helpbutton, a.button, .offers-header,
.tblhd,
div.block,
.mattblackmenu li a, .mattblackmenu li a:active, .mattblackmenu li a, .mattblackmenu ul, .mattblackmenu ul a,
.menu-container,
.spinner1 > div {
    background-color: #355681;
}

.offers-header, .offer-container, .offer-title, .offers-more, .offers-bottom-link, .offer-container > table {
	border-color: #355681;
}

.offer-container > .table-padded tr:last-of-type > td {
    border-bottom-color: #355681;
}

/* ALT #4570A8 */

.input-button:hover, a.button:hover,
.floatingnote, div.expand > .error.title.init:hover,
.mattblackmenu li a.selected, .mattblackmenu li a.selectedp, .mattblackmenu li a:hover,
.ddsubmenustyle li a, .ddsubmenustyle div, .ddsubmenustyle,
div.block:hover,
.offer-title:hover, .offers-more:hover, .offer-title.selected {
    background-color: #4570A8;
}

.input-button:hover,
.offer-title:hover, .offers-more:hover, .offer-title.selected {
    border-color: #4570A8;
}

/* LEFTMENU */

.leftmenu > ul > li > a.selectedp, .leftmenu > ul > li > a.selectedp2 {
    color: #FFF;
}

.leftmenu .ddsubmenustyle li a.selectedp2 {
    color: #355681;
}

.leftmenu > ul > li > a:hover,
.leftmenu > ul > li.open > a {
    background-color: #4570A8;
}

.leftmenu > ul > li.open > a:hover {
    background-color: #4570A8;
}

.leftmenu > ul > li > a.selectedp {
    background-color: #4570A8;
}

.leftmenu .ddsubmenustyle li a:not(.selectedp):not(.selectedp2),
.leftmenu .ddsubmenustyle .arrow {
    color: #000;
}

.leftmenu .ddsubmenustyle > li > a {
    background-color: #f5f5f5;
}

.leftmenu .ddsubmenustyle > li > a:hover,
.leftmenu .ddsubmenustyle > li.open > a,
.leftmenu .ddsubmenustyle > li > ul > li > a {
    background-color: #eeeeee;
}

.leftmenu .ddsubmenustyle > li.open > a:hover,
.leftmenu .ddsubmenustyle > li > ul > li > a:hover,
.leftmenu .ddsubmenustyle > li > ul > li.open > a,
.leftmenu .ddsubmenustyle > li > ul > li > ul > li > a {
    background-color: #e8e8e8;
}

.leftmenu .ddsubmenustyle > li > ul > li.open > a:hover,
.leftmenu .ddsubmenustyle > li > ul > li > ul > li > a:hover,
.leftmenu .ddsubmenustyle > li > ul > li > ul > li.open > a {
    background-color: #dfdfdf;
}

/* FACEBOOK #3b5998 */

.facebook .input-button {
    color: #3b5998;
}

.facebook .input-button, .fb-button {
    border-color: #3b5998;
}

.facebook td, .facebook th, a.fblogin,[class*=tblbod] a.fblogin, .facebook .input-button:hover {
    background-color: #3b5998;
}

a.fblogin:hover {
    background-color: #3f7cbf;
}

.facebook .input-button:hover {
    color: white;
}

.facebook .input-button:hover {
    border-color: white;
}

/* COPYRIGHT #9CB5D4 */

.copyright-txt, .copyright-txt a, .copyright-txt a:hover {
    color: #9CB5D4;
}

/* GREEN #35813B */

span.green, p.green, td.green, th.green,
.texttableblue1.green, .texttableblue1s.green, .texttableblue2.green,
.input-button.green, .input-padded.green,
[class*='tblbod'].green, [class*='tblbod'].green a,
input.checkbox-styled:checked + label.checkbox-styled:before {
	color: #35813B;
}

.icon.green, a.icon.green, a .icon.green {
	color: #35813B;
}

.question-answer.green {
    background-color: #35813B;
}

.input-button.green, .input-correct, .input-padded.correct, .report td.selected,
input.checkbox-styled:checked + label.checkbox-styled:before {
	border-color: #35813B;
}

.input-correct:focus, .input-padded.correct:focus {
    outline-color: #35813B;
}

/* GREEN ALT #5C855F */

a.icon.green:hover {
    color: #5C855F;
}

.input-button.green:hover,
.question-answer.green:hover {
    background-color: #5C855F;
}

.input-button.green:hover {
    border-color: #5C855F;
}

/* RED #813535 */

span.red, p.red, td.red, th.red,
.texttableblue1.red, .texttableblue1s.red, .texttableblue2.red,
.input-button.red, .input-padded.red,
[class*='tblbod'].red, [class*='tblbod'].red a {
    color: #813535;
}

.icon.red, a.icon.red, a .icon.red {
    color: #813535;
}

.error,
.question-answer.red {
    background-color: #813535;
}

.input-incorrect, .input-error, .input-padded.incorrect, .input-padded.error, .input-button.red {
    border-color: #813535;
}

.input-error:focus, .input-error:focus, .input-padded.incorrect:focus, .input-padded.error:focus {
    outline-color: #813535;
}

/* RED ALT #855C5C */

.error a, a.icon.red:hover {
    color: #855C5C;
}

.input-button.red:hover, .errorpop, div.expand > .error.title.init:hover,
.question-answer.red:hover {
    background-color: #855C5C;
}

.input-button.red:hover {
    border-color: #855C5C;
}

/* YELLOW #FFC906 */

span.yellow, p.yellow, td.yellow, th.yellow,
.texttableblue1.yellow, .texttableblue1s.yellow, .texttableblue2.yellow,
.input-button.yellow, .input-padded.yellow,
[class*='tblbod'].yellow, [class*='tblbod'].yellow a,
.error a {
    color: #FFC906;
}

.icon.yellow, a.icon.yellow, a .icon.yellow {
    color: #FFC906;
}

/* YELLOW ALT #FFE176 */

.error a:hover, a.icon.yellow:hover {
    color: #FFE176;
}

/* HIGHLIGHT #F60 */

span.orange, p.orange, td.orange, th.orange,
.input-button.orange, .icon.orange, a.icon.orange, a .icon.orange,
a:hover, a:active, a.icon:hover, .icon a:hover,
.texttableblue1 a.icon:hover, .texttableblue1 .icon a:hover,
.poppable:hover, .texttableblue1 a:not(.input-button):not(.icon),
.orange-bold-txt, .texttableorg1,
.input-padded.orange,
.overlayguide a:hover {
    color: #F60;
}

.input-button.orange, #messagecenter {
    border-color: #F60;
}

/* HIGHLIGHT ALT #ff9b58 */

.texttableorg2 {
    color: #ff9b58;
}

.input-button.orange:hover, input.noimage:hover {
    background-color: #ff9b58;
}

.input-button.orange:hover, input.noimage:hover,
input.checkbox-styled:focus + label.checkbox-styled:before {
    border-color: #ff9b58;
}

/* WHITE TEXT #FFF */

.icon.helpbutton, a.button, a.button:hover, .offers-header,
.plussmall:hover, .pluslarge:hover, .plusicon a:hover, .plusbutton:hover, .expandbutton:hover, .input-button:hover, a.input-button:hover,
.instructioncontrols,
.tblhdorg,
div.tabselector > div.selected, div.tabselector > div.tab:hover,
.menu-container,
.white-bold-txt1, .white-links, .link1:hover, .link1:active, .white-normal-txt,
.search-container,
.input-button.green:hover, .input-button.grey:hover, .input-button.orange:hover, .input-button.red:hover,
.ddsubmenustyle li a, .ddsubmenustyle div, .ddsubmenustyle, .mattblackmenu ul, .mattblackmenu li a, .mattblackmenu ul, .mattblackmenu ul a,
.overlayguide a, .error a, .message a, .tblhd a,
.question-answer, .question-answer:hover {
    color: #FFF;
}

/* OTHER GREYS */

.data tbody td {
	border-color: #dce0e2;
}

.input-button.grey {
    color: #818181;
}

.dismiss {
    color: rgba(129, 129, 129, 0.6);
}

.fixed-floater.black .dismiss {
    color: rgb(129, 129, 129);
}

.input-button.grey {
    border-color: #818181;
}

.input-button.grey:hover {
    background-color: #AAA;
}

.input-button.grey:hover {
    border-color: #AAA;
}

.input-disabled {
    color: #A9A9A9;
}

/* BACKGROUND #f5f5f5 (was #edeff0) */

.mainbg, #ic5-main-menu::-webkit-scrollbar {
    background-color: #f5f5f5;
}

/* OVERRIDES */

[class*=texttableblue] .icon {
    color: #212121;
    font-weight: 400;
}

.ddsubmenustyle li a:hover {
    background-color: #355681;
}

.facebook a, .facebook a:hover, .mattblackmenu:not(.leftmenu) .ddsubmenustyle li a:hover {
    color: #FFF;
}

.fblogin, .fblogin:hover, .input-button.fblogin, .input-button.fblogin:hover {
    border-color: #FFF;
}

/* REST */

.hoverable:hover, .poppable:hover {
    background-color: #FFCD81;
}

.tblbod1 {
    background-color: #f8f9fa;
}

.tblbod0 {
    background-color: #f3f6f8;
}

.tblbod0:hover, .tblbod1:hover, .tblbod0.hover, .tblbod1.hover {
    background-color: #e8e8e8;
}

[class*='tblbodg'] {
    background-color: #DEFFDA;
}

.tblbodh {
    background-color: #eee;
}

.tblbodr {
    background-color: #ffe6e5;
}

.tblbodr:hover {
    background-color: #FFCFCF;
}

.tblbody {
    background-color: #fffede;
}

.tblbody:hover {
    background-color: #fffcbe;
}

::placeholder {
    color: #a0a0a0;
    opacity: 1;
}

::-webkit-input-placeholder {
    color: #a0a0a0;
    opacity: 1;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #a0a0a0;
    opacity: 1;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #a0a0a0;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #a0a0a0;
    opacity: 1;
}

.input-search::-webkit-input-placeholder {
    color: #FFF;
    opacity: 1;
}

.input-search:-moz-placeholder {
    /* Firefox 18- */
    color: #FFF;
    opacity: 1;
}

.input-search::-moz-placeholder {
    /* Firefox 19+ */
    color: #FFF;
    opacity: 1;
}

.input-search:-ms-input-placeholder {
    color: #FFF;
    opacity: 1;
}

/* -------------------------
---------- BORDERS ---------
------------------------- */

.report td.selected, #hoverbubble, #actionmenu, .actionmenu {
    border-width: 1px;
	border-style: solid;
}

.expandbutton, .plusbutton, .pluslarge,
input.checkbox-styled + label.checkbox-styled:before {
    border-width: 2px;
	border-style: solid;
}

.data .tblhd td, .tblmed td, .datalite tbody td, .datasmall tbody td, .input-padded, .input-large, .input-correct, .input-error,
.texttableblue1 td, .texttableblue1 th, div.expand.module > div {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.icon-block, .offer-container {
    border-left-width: 1px;
    border-left-style: solid;
}

.offer-container {
    border-right-width: 1px;
    border-right-style: solid;
}

#actionmenu, .actionmenu {
    border-bottom-width: 0;
}

/* -------------------------
----------- MAIN -----------
------------------------- */

.icon-block .icon, .overlayguide .icon {
    line-height: initial;
}

#actionmenu {
    position: absolute;
    z-index: 250;
}

#actiontitle {
    cursor: pointer;
}

#hoverbubble {
    position: absolute;
    visibility: hidden;
    z-index: 300;
    font-size: 13px;
    font-weight: 400;
    padding: 8px;
}

#hoverbubble .title {
    font-weight: 700;
}

#hoverbubble.black {
    border: 0;
    padding: 10px 16px 10px;
}

#hoverbubble.datapoint .title {
    font-size: 13px;
    font-weight: 400;
}

#hoverbubble.datapoint .content {
    font-size: 18px;
    font-weight: 700;
}

#hoverbubble.table {
    border: 0;
    padding: 0;
}

#hoverbubble.arrow:after {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #212121;
    content: "";
    top: 100%;
    left: 50%;
    position: absolute;
    margin-left: -6px;
}

#mcmessages {
    height: 102px;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 20000px;
}

#mcmessages li {
    display: inline;
    float: left;
    height: 102px;
    left: 0;
    margin: 0;
    padding: 0 25px;
    position: relative;
    top: 0;
    width: 610px;
}

#messagecenter {
    height: 162px;
    margin: auto;
    overflow: hidden;
    padding: 6px;
    text-align: center;
    width: 660px;
}

.loader {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 500;
    display: none;
}

.spinner-container {
    position: absolute;
    width: 100%;
    height: 100%;
}

.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.spinner1 {
    width: 100px;
    height: 10px;
}

.spinner1 > div {
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
}

#ic5-main-page-container-loader-spinner.spinner1 > div, #ic5-main-menu .spinner1 > div, .overlay .spinner1 > div {
    background-color: #FFF;
}

.tester {
    position: absolute;
    left: -5000px;
    top: 0;
}

.brandname, .fixed-floater.wizard.maintitle {
    border: 0;
    font-size: 42px;
    font-weight: 200;
    line-height: 50px;
    color: rgba(255, 255, 255, 0.9);
    text-align: center;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.6);
    display: block;
}

.brandname {
    padding: 16px;
}

.brandname b {
    font-weight: 600;
}

.brandname > .ic {
    font-size: 58px;
}

.brandname > .ic > b {
    font-weight: 700;
}

.cancel {
    position: relative;
    z-index: 30;
}

.center {
    text-align: center;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.closebutton, .openbutton {
	font-family: "flaticon";
    font-weight: 400;
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    width: 32px;
    margin-left: 2px;
}

.openbutton:before {
	content: "\e001";
}

.openbutton:hover:before {
	content: "\e000";
}

.closebutton:before {
	content: "\e019";
}

.closebutton:hover:before {
	content: "\e018";
}

.copyright-txt {
    font-size: 14px;
    padding: 8px;
    text-align: center;
    margin: auto;
}

.copyright-txt.credit, footer {
    font-size: 10px;
}

.cornerx, .dismiss {
    cursor: pointer;
    position: absolute;
    font-weight: 800;
    right: 9px;
}

.cornerx {
    font-size: 10px;
    top: 2px;
}

.dismiss {
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
}

.cornerx:before, .dismiss:before {
    font-family: FontAwesome;
    content: \f00d;
}

.fixed-floater .dismiss {
    font-weight: 200;
    right: 28px;
    font-size: 28px;
}

.fixed-floater > span {
    width: 100%;
}

.cornerx.large {
    font-size: 18px;
    right: 12px;
    top: 8px;
}

.cursor-highlight {
    position: absolute;
    top: -1000px;
    left: -1000px;
    width: 2px;
    height: 16px;
    opacity: 0.5;
    z-index: 5;
}

.data thead th {
    border-bottom: 0;
}

.datalite td, .data td {
    position: relative;
}

[class*='tblbod'] td, .tblhd td, .tblhdorg td, .tblmed td {
    padding: 7px;
}

[class*='tblbod'].small {
    font-size: 12px;
}

.data > thead > tr:not(.nopadding) > td,
.data > tbody > tr:not(.nopadding) > td {
    padding: 14px 12px;
}

.datalite > thead > tr:not(.nopadding) > td,
.datalite > tbody > tr:not(.nopadding) > td {
    padding: 8px 12px;
}

.datasmall > thead > tr:not(.nopadding) > td,
.datasmall > tbody > tr:not(.nopadding) > td,
.data > tbody > tr.tblmed:not(.nopadding) > td,
.datalite > tbody > tr.tblmed:not(.nopadding) > td {
    padding: 4px 12px;
}

.height-medium > tbody > tr > td {
    height: 36px;
}

.height-small > tbody > tr > td {
    height: 22px;
}

.datalite, .data, .datasmall {
    text-align: left;
}

.data > thead > tr:not(.nopadding) > td:first-of-type,
.datalite > thead > tr:not(.nopadding) > td:first-of-type,
.datasmall > thead > tr:not(.nopadding) > td:first-of-type,
.data > tbody > tr:not(.nopadding) > td:first-of-type,
.datalite > tbody > tr:not(.nopadding) > td:first-of-type,
.datasmall > tbody > tr:not(.nopadding) > td:first-of-type {
    padding-left: 32px;
}

.data > thead > tr.tblhd:not(.nopadding) > td:last-of-type,
.datalite > thead > tr.tblhd:not(.nopadding) > td:last-of-type,
.datasmall > thead > tr.tblhd:not(.nopadding) > td:last-of-type,
.data > tbody > tr:not(.nopadding) > td:last-of-type,
.datalite > tbody > tr:not(.nopadding) > td:last-of-type,
.datasmall > tbody > tr:not(.nopadding) > td:last-of-type {
    padding-right: 32px;
}

td.tablecontainer, .datalite > tbody > tr > td.tablecontainer, .data > tbody > tr > td.tablecontainer {
    border: 0;
    padding: 0;
}

td.tablecontainer > table {
    'margin-left: -2px;
}

.tblrow-extra-container {
    border-width: 1px 0;
    border-style: solid;
}

.tblrow-extra {
    font-size: 11px;
    margin-left: 0;
}

.tblrow-extra td {
    min-width: 220px;
    height: 70px;
}

.tblrow-extra .input-button.inline {
    font-size: 11px;
    right: 40px;
}

.incell-title {
    position: absolute;
    top: 6px;
    left: 0;
    font-size: 11px;
    text-transform: uppercase;
    font-family: "Titillium Web", Verdana, Arial, Helvetica, sans-serif;
    color: #909090;
    border: 1px solid #909090;
    border-bottom-right-radius: 6px;
    line-height: 10px;
    padding: 4px;
}

.ddiframeshim {
    background: transparent;
    border-width: 0;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    z-index: 600;
}

.ddsubmenustyle div, .ddsubmenustyle {
    left: 0;
    list-style-type: none;
    margin: -1px 0 0;
    padding: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: 100;
}

.ddsubmenustyle li a {
    display: block;
    padding: 6px 8px;
    width: 170px;
    border-top: 1px solid #ebe8e8;
    font-size: 12px;
}

.ddsubmenustyle ul {
    border: 0 none;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}

.editable {
    cursor: text;
}

.editable:hover {
    border-bottom: #000 1px dotted;
}

.error, .message, .errorpop, .floatingnote {
    font-size: 16px;
    line-height: 28px;
    margin: auto;
    max-width: 700px;
    padding: 12px 16px;
    text-align: left;
}

.error.small, .message.small {
    font-size: 14px;
    line-height: 24px;
}

.errorpop {
    padding: 20px;
    text-align: center;
    max-width: 700px;
    width: 700px;
}

.floatingnote {
    display: none;
    padding: 10px 24px 10px 20px;
    position: fixed;
    z-index: 8;
}

.expandbutton {
    border-radius: 10px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    line-height: 10px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 2px 4px;
}

.fixed-line-height {
    line-height: 34px;
}

.guidebutton {
    font-weight: bold;
    cursor: pointer;
    font-size: 13px;
    padding: 10px 10px 0;
    display: inline-block;
}

.guidebutton:hover {
    text-decoration: underline;
}

.guidebutton .text-secondary {
    font-size: 10px;
    font-weight: 400;
}

.headerrow {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.headerrow > div {
    max-width: 1475px;
    margin: auto;
    position: relative;
}

.helpbutton, .icon.settings {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
}

a.icon {
    cursor: pointer;
}

.icon-container {
    float: right;
    padding-right: 4px;
}

.icon-block {
    float: right;
    height: 100%;
    width: 48px;
    text-align: center;
    vertical-align: middle;
}

.input-block {
    float: right;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

.icon-block span.icon, .icon-block a.icon {
    vertical-align: middle;
}

.icon-block span.icon.info, .icon-block a.icon.info {
    vertical-align: baseline;
}

h2 .helpbutton {
    height: 50px;
    width: 50px;
    border-radius: 4px;
    padding: 6px 4px 3px 4px;
    margin: auto;
}

.icon.help:before {
    font-family: "flaticon";
    font-weight: 400;
    content: "\e021";
}

.icon.help.helpbutton:before {
    font-size: 72px;
    vertical-align: middle;
    margin-left: -10px;
}

.icon.settings.helpbutton:before {
    font-size: 48px;
    vertical-align: middle;
}

.icon.help.small:before {
    font-size: 32px;
    vertical-align: sub;
}

.icon.down-triangle:before, .icon.right-triangle:before {
    font-size: 14px;
}

a.icon.down-triangle:before {
    font-size: 22px;
    line-height: 15px;
    vertical-align: sub;
}

.icon.down-triangle:before {
    content: "\25BE";
}

.icon.right-triangle:before {
    content: "\25B8";
}

.icon.middle:before, .icon.middle:after {
    vertical-align: middle;
}

.mattblackmenu .icon.down-triangle:before {
    padding-left: 2px;
}

.ddsubmenustyle .icon.right-triangle:before {
    position: absolute;
    right: 6px;
}

.imgalign {
    position: absolute;
    right: 4px;
}

.inner-container {
    padding: 0;
}

.inner-table {
    width: 100%;
    border-spacing: 0;
}

.input-button, .fb-button {
    border: 1px solid;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    padding: 7px 11px 6px;
}

a.input-button {
    display: inline-block;
}

.fb-button {
    line-height: normal;
}

.texttableblue1 > th > .input-button {
    top: 45%;
    transform: translateY(-50%);
    position: absolute;
    right: 0;
}

.texttableblue1 a.input-button {
    font-size: 13px;
    line-height: initial;
}

.input-button.small {
    padding: 3px 5px;
    text-transform: lowercase;
    font-size: 12px;
}

.input-button.mlarge {
    padding: 8px 12px;
    font-size: 14px;
}

.input-button.large {
    padding: 8px 12px;
    font-size: 16px;
}

.input-button.xlarge {
    padding: 10px 16px;
    font-size: 18px;
    font-weight: 400;
}

.input-button.xxlarge {
    padding: 17px 24px;
    font-size: 24px;
    font-weight: 400;
}

.input-button.inline {
    padding: 3px 5px;
    position: absolute;
    right: 2px;
    margin-top: 4px;
    text-transform: lowercase;
}

.input-disabled {
    opacity: 0.6;
}

.input-padded {
    padding: 5px 8px;
    border-width: 0 0 1px;
    background-color: rgba(255, 255, 255, 0.7);
    margin-left: -2px;
}

select.input-padded {
    padding: 4px 4px;
}

select.filter.inactive {
    opacity: 0.5;
}

.input-large {
    font-size: 14px;
    padding: 12px;
    border-width: 0 0 1px;
}

.input-padded.large {
    font-size: 14px;
    padding: 12px;
}

.input-padded.xlarge {
    font-size: 20px;
    padding: 12px;
    margin-bottom: 8px;
    font-weight: 400;
}

.input-search {
    padding: 16px 12px;
    font-kerning: normal;
    background: none;
    border: 0;
    margin: 0;
}

.search-container {
    font-size: 16px;
    font-weight: 900;
    opacity: 0;
    border: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
}

.search-advanced {
    padding: 0 8px;
    cursor: pointer;
    font-size: 20px;
}

.input-correct, .input-error {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}

.instruction {
    background: rgba(0, 0, 0, 0.8);
    border: #FFF 2px solid;
    color: #e2e2e2;
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    opacity: 1;
    padding: 4px 16px;
    position: fixed;
    text-align: center;
    top: 10px;
    z-index: 200;
}

.offers-list, .offers-container {
    max-width: 1000px;
    min-width: 700px;
    width: 100%;
    margin: auto;
}

.offers-list.narrow, .offers-container.narrow {
    min-width: 400px;
}

.offers-container, #ic5-main-menu {
    overflow: hidden;
}

.offers-header, .offer-title, .offers-more, .offers-bottom-link {
    font-size: 16px;
    padding: 6px 60px;
    border-width: 1px;
    border-style: solid;
    font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
}

.offers-header {
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 600;
}

.offer-subtitle {
    font-size: 14px;
    text-transform: uppercase;
}

.offer-title, .offers-more, .offers-bottom-link {
    line-height: 32px;
    background-color: white;
    font-weight: 400;
    border-top: 0;
    cursor: pointer;
}

.offers-bottom-link {
    cursor: default;
}

.offer-title:hover, .offers-more:hover, .offer-title.selected {
    color: white;
}

.offer-container {
    overflow: hidden;
    height: 0;
}

.offer-container > table {
    border-top: 0;
}

.offer-text {
    padding: 18px 28px;
    font-size: 15px;
}

.offer-signup {
    font-size: 18px;
    font-weight: 600;
}

.offer-signup input {
    font-weight: normal;
    font-size: inherit;
}

.offers-more-container {
    overflow: hidden;
    height: 0;
}

.overlayguide {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 8px 32px;
    position: absolute;
    text-align: center;
    z-index: 200;
}

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

.overlayguidecontent {
    text-align: left;
}

.overlayguidecontrols {
    font-size: 13px;
}

.overlayguidearrow {
    position: relative;
}

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

.overlayguidearrow:after {
    border-width: 20px;
}

.overlayguidearrow:before {
    border-width: 20px;
}

.overlayguidearrow.bottom:before, .overlayguidearrow.bottom:after {
    top: 100%;
    left: 50%;
}

.overlayguidearrow.bottom:before {
    margin-left: -20px;
    border-top-color: rgba(33, 33, 33, 0.98);
}

.overlayguidearrow.bottom:after {
    margin-left: -20px;
    'border-top-color: rgba(33, 33, 33, 0.98);
}

.overlayguidearrow.right:before, .overlayguidearrow.right:after {
    left: 100%;
    top: 50%;
}

.overlayguidearrow.right:before {
    margin-top: -20px;
    border-left-color: rgba(33, 33, 33, 0.98);
}

.overlayguidearrow.right:after {
    margin-top: -20px;
    'border-left-color: rgba(33, 33, 33, 0.98);
}

.overlayguidearrow.top:before, .overlayguidearrow.top:after {
    bottom: 100%;
    left: 50%;
}

.overlayguidearrow.top:before {
    margin-left: -20px;
    border-bottom-color: rgba(33, 33, 33, 0.98);
}

.overlayguidearrow.top:after {
    margin-left: -20px;
    'border-bottom-color: rgba(33, 33, 33, 0.98);
}

.overlayguidearrow.left:before, .overlayguidearrow.left:after {
    right: 100%;
    top: 50%;
}

.overlayguidearrow.left:before {
    margin-top: -20px;
    border-right-color: rgba(33, 33, 33, 0.98);
}

.overlayguidearrow.left:after {
    margin-top: -20px;
    'border-right-color: rgba(33, 33, 33, 0.98);
}

.instructioncontrols {
    background: rgba(0, 0, 0, 0.8);
    border: #FFF 2px solid;
    bottom: 10px;
    display: inline-block;
    font-size: 9px;
    opacity: 1;
    padding: 4px;
    position: fixed;
    text-align: center;
    z-index: 201;
}

.iwxxsmall {
    width: 54px;
}

select.iwxxsmall {
    width: 44px;
}

.iwxsmall {
    width: 96px;
}

select.iwxsmall {
    width: 106px;
}

.iwsmall {
    width: 114px;
}

select.iwsmall {
    width: 132px;
}

.iwmsmall {
    width: 144px;
}

select.iwmsmall, select.filter {
    width: 162px;
}

.iwmed {
    width: 184px;
}

select.iwmed {
    width: 202px;
}

.iwlarge {
    width: 242px;
}

select.iwlarge {
    width: 260px;
}

.iwxlarge {
    width: 322px;
}

select.iwxlarge {
    width: 340px;
}

.iwxxlarge {
    width: 412px;
}

select.iwxxlarge {
    width: 430px;
}

.iwxxxlarge {
    width: 594px;
}

select.iwxxxlarge {
    width: 610px;
}

.languages {
    margin: auto;
    width: 96%;
    min-width: 900px;
    text-align: right;
    position: absolute;
    margin-top: 35px;
    z-index: 2;
}

.lh16 {
    line-height: 16px;
}

.lspace, .lh18 {
    line-height: 18px;
}

.logo-container {
    display: none;
}

.mattblackmenu {
    height: 61px;
}

.mattblackmenu li {
    display: inline;
    margin: 0;
}

.mattblackmenu li a {
    display: block;
    float: left;
    font-size: 15px;
    padding: 0px 18px;
    line-height: 60px;
}

.mattblackmenu li input {
    margin: 5px 14px 0;
}

.mattblackmenu ul {
    border-bottom: 0;
    font-weight: 900;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.menu-container {
    width: 100%;
    text-align: center;
}

.nowrap {
    white-space: nowrap;
}

.ticket-processing {
    opacity: 0.6;
}

.overlay {
    background-color: rgba(0, 0, 0, 0.7);
    display: table-cell;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
    z-index: 12;
}

.overlay2 {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    z-index: 13;
}

.overlay2.fixed, .overlay.fixed {
    position: fixed;
}

.overlay .overlay2 {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.overlay3 {
    height: 90%;
    left: 5%;
    position: absolute;
    top: 5%;
    width: 90%;
    z-index: 14;
}

.overlaygallery {
    height: 95%;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: 2.5%;
    width: 95%;
    z-index: 14;
}

.plusbutton {
    border-radius: 4px;
    cursor: pointer;
    font-size: 28px;
    line-height: 12px;
    padding: 0 2px 6px;
}

.plusicon {
    font-size: 28px;
    line-height: 24px;
    vertical-align: baseline;
}

.pluslarge {
    border-radius: 4px;
    cursor: pointer;
    font-size: 28px;
    line-height: 18px;
    padding: 0 4px 6px;
    font-weight: 400;
}

.plussmall {
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    line-height: 12px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 2px 4px;
	background: none;
}

.pointer {
    cursor: pointer;
}

[class*='tblbod'] a, .error a, .message a {
    font-weight: 600;
}

a.icon, a.input-button {
    font-weight: 400;
}

.poppable {
    cursor: context-menu;
}

.poppable a {
    cursor: pointer;
    font-weight: 700;
}

.report {
    max-width: 900px;
    overflow-x: scroll;
    max-height: 660px;
    overflow-y: scroll;
}

.report table {
    white-space: nowrap;
}

.reportplus3 {
    font-weight: 700;
}

.repfmtlabel {
    width: 190px;
    display: inline-block;
}

.settingsdiv {
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: 11;
}

.setup-tip {
    line-height: 20px;
    font-size: 14px;
}

.sortarrow {
    border-radius: 3px;
    position: absolute;
    right: 0px;
    opacity: 0.5;
}

tr:not(.nopadding) > td:last-of-type > a > span.sortarrow {
    right: 12px;
}

.strike td:not(.nostrike):not(.checkbox-container), .strike span:not(.nostrike):not(.checkbox-container) {
    text-decoration: line-through;
}

td.checkbox-container {
    width: 12px;
}

.table-padded {
    margin: 0px auto 24px;
    'padding: 6px 12px;
    text-align: left;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.table-padded.offer {
    width: 70%;
    max-width: 900px;
}

.table-padded > tbody:last-of-type > tr:last-of-type > td, .table-padded table:last-of-type > tbody:last-of-type > tr:last-of-type > td {
    border-bottom: none;
}

.tblhd, .tblhdorg, .tblmed {
    font-weight: 700;
}

.texttableblue1, .texttableorg1, div.expand > .title {
    font-size: 16px;
    font-weight: 800;
    line-height: 64px;
    text-align: left;
}

.actionmenu .texttableblue1, .actionmenu .texttableorg1 {
    line-height: 50px;
}

.texttableblue1 a, .texttableorg1 a {
    font-size: 14px;
}

.texttableblue1s, .texttableorg1s {
    font-size: 14px;
    line-height: 48px;
}

.texttableblue2, .texttableorg2 {
    font-size: 14px;
    line-height: 36px;
}

.texttableblue2 th, .texttableblue1s th, .texttableblue1 th, .texttableblue2 td, .texttableblue1s td, .texttableblue1 td {
    font-weight: inherit;
    padding: 0 32px;
}

[class*='texttable'].center > th, [class*='texttable'].center > td, div.expand > .title:not(.message):not(.error) {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.time-ago {
    float: right;
    white-space: nowrap;
}

.topbutton {
    text-align: center;
    cursor: pointer;
}

.topbutton a {
    font-size: 15px;
    display: inline-block;
    width: 100%;
    padding: 16px 0px;
}

.ydivider {
	display: none;
    width: 100%;
    height: 1px;
}

.width100 {
    width: 100%;
}

.message-container {
    max-height: 0;
    overflow: hidden;
    display: block;
    margin: auto;
}

.fixed-floater {
    width: 100%;
    position: fixed;
    padding: 10px 0;
    text-align: center;
    z-index: 5;
}

.fixed-floater.top {
    top: 0;
}

.fixed-floater.bottom {
    bottom: 0;
}

.fixed-floater.wizard {
    height: 0;
    overflow-y: hidden;
    padding: 0;
}

.fixed-floater.wizard > span {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.fixed-floater.wizard.pagetitle {
    font-size: 20px;
}

.fixed-floater.wizard.stepcontrols {
    font-size: 15px;
}

.container {
    position: relative;
    display: inline-block;
}

.form-floater {
    position: absolute;
    display: none;
    visibility: hidden;
    left: 100%;
    background-color: #fff;
    top: 0;
    z-index: 20;
    margin-left: 8px
}

.form-floater input, .form-floater select {
    margin-left: 2px;
}

div.expand.module {
    margin: auto auto 54px;
}

div.expand > div {
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
}

div.expand > .title {
    text-align: center;
    line-height: 64px;
}

div.expand > .init {
    cursor: pointer;
}

div.expand > .content {
    max-height: 0;
    overflow: hidden;
}

div.expand > .content select {
    margin-left: 0;
}

div.expand > .error.content, div.expand > .message.content {
    font-size: 13px;
}

a.button {
	display: inline-block;
	font-size: 14px;
	padding: 7px 14px;
	min-width: 120px;
}

a.button.large {
	font-size: 16px;
	padding: 8px 16px;
	min-width: 140px;
}

a.button.xlarge {
	font-size: 20px;
	padding: 10px 20px;
	min-width: 170px;
}

a.button.xxlarge {
	font-size: 24px;
	padding: 12px 24px;
	min-width: 200px;
}

a.button.small {
	font-size: 12px;
	padding: 6px 12px;
	min-width: 100px;
}

body {
    margin: 0;
    padding: 0;
}

div.slidearrow {
    float: left;
    height: 102px;
    margin-top: 44px;
    position: relative;
    top: -102px;
    width: 32px;
    z-index: 3;
}

div.slidearrowright {
    left: 596px;
}

div.tabselector {
    display: inline-block;
    margin: 4px auto;
}

th div.tabselector {
    position: absolute;;
    top: 10px;
    right: 4px;
}

div.tabselector > div.tab {
    cursor: pointer;
    float: left;
    font-weight: 400;
    margin: 1px;
    min-width: 60px;
	padding: 6px 8px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
}

div.tabselector.small > div.tab {
    font-size: 13px;
    min-width: 54px;
}

div.tabselector.xsmall > div.tab {
    font-size: 12px;
    min-width: 46px;
}

form {
    margin: 0;
}

h1, h2 {
    font-weight: 400;
    line-height: 40px;
    margin: 0 auto 30px;
    min-width: 650px;
    padding: 5px 15px;
    position: relative;
    text-align: center;
    width: 50%;
}

h2 b {
    font-weight: 900;
}

h1 {
    font-size: 42px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 16px;
    font-weight: 400;
}

h4, .h4 {
    font-size: 17px;
    font-weight: 700;
}

html {
    height: 100%;
}

img, .noborder {
    border: 0;
}

input, textarea, keygen, select, button, a.input-button {
    margin: 3px;
}

input.checkbox-styled {
    display: none;
}

input.checkbox-styled + label.checkbox-styled {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

input.checkbox-styled + label.checkbox-styled:before {
    font-family: "FontAwesome";
    font-size: 14px;
    content: "\f00c";
    border-radius: 4px;
    padding: 1px;
    margin-right: 2px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

input.checkbox-styled[disabled] + label.checkbox-styled,
input.checkbox-styled[readonly] + label.checkbox-styled {
    pointer-events: none;
}

.icon.reload:before {
    font-family: "FontAwesome";
    content: "\f021";
    margin-left: 16px;
    font-size: 24px;
    cursor: pointer;
}

input.checkbox-styled.displaynone + label.checkbox-styled:before {
    display: none;
}

.reportplus1 {
    font-weight: 700;
}

[class*='tblbod'] p {
    margin: 6px 0;
    line-height: 22px;
}

p-left, p-center, p-right, div-wide, div-medium, div-narrow {
    display: block;
    width: 100%;
    margin: auto;
}

div-wide {
    max-width: 1100px;
    min-width: 800px;
}

div-medium {
    max-width: 800px;
    min-width: 500px;
}

div-narrow {
    max-width: 500px;
}

p-left {
    text-align: left;
}

p-center {
    text-align: center;
}

p-right {
    text-align: right;
}

table, .inlineblock {
    margin: auto;
    border-collapse: separate;
    border-spacing: 0;
}

table.spaced {
    margin-left: 8px;
    margin-right: 8px;
}

tbody {
    position: relative;
    top: 1px;
}

th .input-button, th .fb-button {
    margin-left: 6px;
    margin-right: 20px;
}

th .input-button.margin-small, th .fb-button.margin-small {
    margin-right: 6px;
}

thead {
    font-weight: 400;
    position: relative;
    top: 1px;
}

thead th {
    font-weight: inherit;
    position: relative;
}

ul.indent {
    font-family: Courier New, Lucida Console, Consolas, Verdana, sans-serif;
    font-size: 11px;
    list-style-type: none;
}

.displaynone {
    display: none;
}

.invisible {
    visibility: hidden;
}

div.grid, div.grid:after, div.grid:before, div.grid > [class*='col-'] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.grid > [class*='col-'] {
    float: left;
    padding-right: 28px;
    position: relative;
}

div.grid > [class*='col-']:last-of-type, div.grid.nogutter > [class*='col-'] {
    padding-right: 0;
}

div.grid:after {
    content: "";
    display: table;
    clear: both;
}

div.grid > [class*='col-']:after {
    content: "";
    display: table;
    clear: both;
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex.align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex.wrap-reverse {
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

.col-1-1 {
    width: 100%;
}

.col-1-2 {
    width: 50%;
    padding-right: 56px;
}

.col-1-3 {
    width: 33.33%;
    padding-right: 56px;
}

.col-2-3 {
    width: 66.67%;
}

.col-1-4 {
    width: 25%;
}

.col-3-4 {
    width: 75%;
}

.col-1-5 {
    width: 20%;
}

.col-1-6 {
    width: 16.67%;
}

.col-1-8 {
    width: 12.5%;
}

div.block-container {
    height: 206px;
    position: relative;
}

div.block, td.block {
    width: 100%;
    z-index: 3;
    text-align: left;
}

div.block {
    position: absolute;
    cursor: pointer;
}

div.block.alt {
    z-index: 4;
    opacity: 0;
    visibility: hidden;
}

div.block-small {
    position: relative;
    margin-bottom: 5px;
}

.block .main {
    padding: 26px 20px 14px;
}

.block-small .main {
    padding: 12px 20px 10px;
}

.block .title {
    font-size: 14px;
    font-weight: 400;
    line-height: inherit;
}

.block .feature {
    font-size: 40px;
    font-weight: 700;
}

.block-small .feature {
    font-size: 24px;
}

.block .graph {
    position: absolute;
    width: 132px;
    height: 61px;
    right: 0;
    top: 30px;
    overflow: hidden;
}

.block .graph .bar {
    background-color: rgba(255, 255, 255, 0.4);
    width: 5px;
    margin: 2px;
    float: left;
    position: absolute;
    bottom: 0;
}

.block .graph .bar:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.block .foot {
    background-color: rgba(0, 0, 0, 0.2);
    padding: 10px 20px;
    font-size: 14px;
    position: relative;
}

.block .foot .counter-container {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.block .foot .counter-container .counter {
    background-color: rgba(255, 255, 255, 0.4);
    width: 8px;
    height: 8px;
    border-radius: 4px;
    margin: 2px;
    float: left;
}

.block .foot .counter-container .counter.selected {
    background-color: rgba(255, 255, 255, 0.8);
}

.block.quickbutton {
    width: auto;
    right: 0;
    border-radius: 22px;
}



.legend .square {
    width: 9px;
    height: 9px;
    display: inline-block;
    margin-left: 16px;
}

table.splitter {
    margin: auto;
}

table.splitter > tbody > tr > td {
    padding: 20px 80px;
}

table.splitter > tbody > tr > td:not(:last-of-type) {
    border-right: 1px solid #dddddd;
}

.revealonce {
    height: 0;
    margin: auto;
    overflow: hidden;
}

#ic5-main-page-container {
    min-height: 90vh;
    padding-top: 30px;
}

#ic5-main-loggedin {
    position: absolute;
    top: 5px;
    right: 5px;
    text-align: right;
    display: inline-block;
    color: #a0a0a0;
}

#ic5-main-page-container, #ic5-main-menu {
    position: relative;
}

.questions-container {
    width: 70%;
    margin: auto;
    max-width: 1100px;
}

.question {
    font-size: 32px;
    text-align: center;
    padding: 16px 0 24px;
}

.question-if {
    font-size: 20px;
}

.question-if-list li {
    font-size: 16px;
    padding-bottom: 8px;
}

.question-answer {
    font-size: 24px;
    border-radius: 6px;
    display: inline-block;
    margin: 24px auto 64px;
    line-height: 64px;
    width: 150px;
}

/* -------------------------
-------- DEPRECATED --------
------------------------- */

.floating-label, a.imgbord img,a.imgbord:active img {
    border: solid 1px #51ADF8;
}

.menubutton, .menubutton2 {
    border: solid 2px #51ADF8;
}

.left-tbl-border {
    border-color: #51ADF8;
}

.floating-label, .menubutton, .left-tbl-top {
    background-color: #90CAFA;
}

.link1 {
    color: #BEE0FC;
}

input.noimage {
    background-color: #BEE0FC;
}

.menubutton2 a {
    color: #0145A4;
}

#dek {
    position: absolute;
    text-align: left;
    visibility: hidden;
    width: 500px;
    z-index: 210;
}

.black-form-small {
    font-size: 10px;
    line-height: 12px;
}

.black-form-txt {
    line-height: 12px;
}

.black-heading-txt1, .black-bold-txt {
    font-weight: 700;
}

.black-heading-txt2 {
    font-size: 18px;
    font-weight: 700;
}

.blue-bold-txt1 {
    color: #0242FB;
    font-weight: 700;
}

.blue-bold-txt2 {
    color: #0363BB;
    font-weight: 700;
}

.blue-links:hover, .blue-links:active {
    color: #FC2403;
}

.blue-links:link {
    color: #0242FB;
}

.floating-label {
    cursor: pointer;
    float: left;
    font-size: 9px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    top: 1px;
}

.left-tbl-top {
    font-size: 11px;
    font-weight: 700;
}

.menubutton {
    cursor: pointer;
    float: left;
    font-size: 11px;
    list-style: none;
    margin: 0;
    padding: 3px 0;
    position: relative;
    text-align: center;
    top: 1px;
    width: 98%;
}

.menubutton2 {
    cursor: pointer;
    float: left;
    font-size: 11px;
    list-style: none;
    margin: 0;
    padding: 3px 0;
    position: relative;
    text-align: center;
    top: 1px;
    width: 98%;
}

.orange-bold-txt {
    font-weight: 700;
}

.texttableorg1 {
    border: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 36px;
    text-align: center;
}

.texttableorg2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
}

.white-bold-txt1 {
    font-weight: 700;
}

.white-links:hover, .white-links:active {
    color: #FFD200;
}

.white-normal-txt {
    font-size: 11px;
}

a.imgbord:hover img {
    border: 1px solid #f60;
}

input.noimage {
    border: 0;
    font-size: 11px;
    margin-left: 2px;
    padding: 2px;
    width: 100%;
}

input.noimage:hover {
    border: 0;
    font-size: 11px;
    margin-left: 2px;
    padding: 2px;
    width: 100%;
}