/* Minification failed. Returning unminified contents. (2887,55): run-time error CSS1019: Unexpected token, found ' ' (2887,55): run-time error CSS1019: Unexpected token, found ' ' (2887,55): run-time error CSS1042: Expected function, found ' ' (2887,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2887,109): run-time error CSS1019: Unexpected token, found ' ' (2887,109): run-time error CSS1019: Unexpected token, found ' ' (2887,109): run-time error CSS1042: Expected function, found ' ' (2887,109): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2888,56): run-time error CSS1019: Unexpected token, found ' ' (2888,56): run-time error CSS1019: Unexpected token, found ' ' (2888,56): run-time error CSS1042: Expected function, found ' ' (2888,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2888,110): run-time error CSS1019: Unexpected token, found ' ' (2888,110): run-time error CSS1019: Unexpected token, found ' ' (2888,110): run-time error CSS1042: Expected function, found ' ' (2888,110): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2889,58): run-time error CSS1019: Unexpected token, found ' ' (2889,58): run-time error CSS1019: Unexpected token, found ' ' (2889,58): run-time error CSS1042: Expected function, found ' ' (2889,58): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3411,9): run-time error CSS1038: Expected hex color, found '#fffa' (3487,30): run-time error CSS1038: Expected hex color, found '#0005' */ /* Minification failed. Returning unminified contents. (2863,55): run-time error CSS1019: Unexpected token, found ' ' (2863,55): run-time error CSS1019: Unexpected token, found ' ' (2863,55): run-time error CSS1042: Expected function, found ' ' (2863,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2863,109): run-time error CSS1019: Unexpected token, found ' ' (2863,109): run-time error CSS1019: Unexpected token, found ' ' (2863,109): run-time error CSS1042: Expected function, found ' ' (2863,109): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2864,56): run-time error CSS1019: Unexpected token, found ' ' (2864,56): run-time error CSS1019: Unexpected token, found ' ' (2864,56): run-time error CSS1042: Expected function, found ' ' (2864,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2864,110): run-time error CSS1019: Unexpected token, found ' ' (2864,110): run-time error CSS1019: Unexpected token, found ' ' (2864,110): run-time error CSS1042: Expected function, found ' ' (2864,110): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2865,58): run-time error CSS1019: Unexpected token, found ' ' (2865,58): run-time error CSS1019: Unexpected token, found ' ' (2865,58): run-time error CSS1042: Expected function, found ' ' (2865,58): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3387,9): run-time error CSS1038: Expected hex color, found '#fffa' (3463,30): run-time error CSS1038: Expected hex color, found '#0005' */ /* VERTICAL MENU */ #accordion { visibility: hidden; box-shadow: 0 0 12px rgba(0,0,0,0.3); } #accordion-top { padding: 35px 35px 0px 35px; } /* root UL */ #accordion ul { padding: 0; margin: 0; list-style: none; } /* sub UL */ #accordion ul ul { padding: 0px 0px 0px 15px; } /*---------- Indents------*/ /*top-level*/ #accordion .top > a, #accordion .top > div { padding-left: 20px; padding-top: 10px; padding-bottom: 10px; } /*2nd-level*/ #accordion li li > a, #accordion li li > div { padding-left: 30px; padding-top: 8px; padding-bottom: 8px; } /*3rd-level*/ #accordion li li li > a, #accordion li li li > div { padding-left: 50px; } /*---------- Other styles ------*/ /* headings */ #accordion li > div { color: #565656; } #accordion .active > div { color: #da291c; font-weight: 700; } #accordion li { font-size: 13px; padding: 0; margin: 0; overflow: hidden; cursor: pointer; } #accordion .accordion-support { width: 100%; background: #565656; text-align: center; padding: 8px 0px 8px 0px; color: #fff; font-weight: 400; letter-spacing: 0.1em; font-size: 1.0em; } /*------------------Search Panel --------------*/ #accordion-search { padding: 15px 15px 20px 15px; text-align: center; } #accordion-search input[type="submit"] { cursor: pointer; -webkit-appearance: none; background-color: #d6291c; text-align: center; color: #fff; text-transform: uppercase; padding: 3px 3px; border-radius: 3px; } #accordion-search input[type="button"] { margin: 50px; } #accordion-search input[type="text"] { -webkit-appearance: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 3px; border-style: solid; border-width: 1px; border-color: #ccc; font-family: 'Open Sans', sans-serif; font-weight: 400; padding: 6px 30px; margin-right: 6px; width: 60%; box-shadow: none; } .accordion-search-btn { padding-top: 0px !important; padding-bottom: 6px !important; } /* Add borders to the top LIs */ #accordion .top { /*border:1px solid #000;*/ } /* links */ #accordion a { color: #333; font-weight: normal; font-size: 13px; text-decoration: none; display: block; line-height: 1; transition: all 0.3s; } #accordion a:hover { background-color: #da291c; color: #fff; } #accordion a.active { background-color: #dd0d0d; color: #fff; border-style: solid; border-width: 0px 20px 0px 0px; border-color: #565656; } /* carets */ #accordion .caret { color: inherit; display: inline-block; /*float:right;*/ margin-top: 0px; margin-right: 12px; width: 0; height: 0; overflow: hidden; /*for IE6*/ border-style: solid; border-width: 6px; /*caret size is 6px now*/ position: relative; border-bottom: 6px solid transparent; border-right: none; border-left-color: initial; border-top-color: transparent; } #accordion .caret.active { margin-bottom: 2px; margin-right: 6px; border-bottom: none; border-right: 6px solid transparent; border-left-color: transparent; border-top-color: initial; } #accordion li { -ms-user-select: none; -mos-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } #accordion .accordion-main { background: #fff; text-transform: uppercase; } #accordion .accordion-main:hover { background: #565656; color: #fff; } #accordion .accordion-sub:hover { background: #565656; color: #fff; } /*---- SUPER PANEL ----*/ #panel1 { position: fixed; z-index: 9000; top: 0; left: 0; width: 360px; height: 100%; background: white; padding: 20px 0; box-sizing: border-box; box-shadow: 4px 0 18px rgba(0,0,0,0.2); visibility: hidden; } /*---- transparent layer ---- Available when the option transparentLayer is true in pane-panel.js */ .transparent-layer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.5); display: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } /*---- panel button ----*/ .panel-button { -ms-user-select: none; -mos-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .panel-button { position: fixed; margin: 12px 0 0 12px; top: 0; left: 0; /*display:inline-block;vertical-align:middle;position:relative;*/ background-color: black; border-radius: 3px; height: 3px; width: 24px; border-style: solid; border-color: white; border-top-width: 18px; border-bottom-width: 18px; border-left-width: 8px; border-right-width: 8px; cursor: pointer; box-sizing: content-box; } .panel-button:before, .panel-button:after { background-color: black; content: ""; position: absolute; top: -8px; left: 0; width: 24px; height: 3px; display: block; transition: all .2s linear; } .panel-button:after { top: 8px; } .panel-button.active { background-color: white; } .panel-button.active:before { transform: rotate(45deg); top: 0; } .panel-button.active:after { transform: rotate(-45deg); top: 0; } /*--- subMenu---*/ #regBodyContent .subMenu, .subMenu li { display: flex; padding: 0; margin: 0; } #regBodyContent .subMenuEmpty { height: 20px; } #regBodyContent .subMenu svg { display: none; } #regBodyContent .subMenu li { text-indent: 0em !important; } #regBodyContent .subMenu { width: 100%; list-style: none; flex-wrap: wrap; border-top: 4px solid; border-radius: 0px 0px 4px 4px; border-color: #da291c; background: #565656; overflow: hidden; box-shadow: 0 5px 14px -10px #909090; display: flex; box-sizing: border-box; text-align: center; align-self: start; margin: 0 auto 20px; padding: 0; } #regBodyContent .subMenu li { flex-shrink: 1; flex-grow: 1; padding: 0; height: 35px; white-space: nowrap; border: solid 1px #4b4b4b; } #regBodyContent .subMenu li:hover { background: #da291c; } #regBodyContent .subMenu a { display: flex; justify-content: center; align-items: center; width: 100%; padding: .5em 1em; text-decoration: none; color: #fff; font-size: 1rem; font-weight: 400; } #regBodyContent .subMenu a:hover { color: #fff; } /* Rebuilt Apr 2021*/ div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th { margin: 0; padding: 0px; } body { font-family: 'Open Sans', sans-serif; font-size: 1.0em; color: #757575; } h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; } iframe[name='google_conversion_frame'] { height: 0; width: 0; line-height: 0; font-size: 0; margin-top: -13px; float: left; } #page { margin: 0 auto; max-width: 1350px; min-width: 320px; } /*regHeader*/ #regHeader { width: 100%; height: 60px; } #regHeader .Inner { display: grid; } #regHeader .Acc, #regHeader .Search { display: inline-block; vertical-align: middle; height: 100%; width: 3%; font: 0/0 a; } #regHeader .excellence { display: flex; flex-direction: column; align-self: center; text-transform: uppercase; color: #fff; text-align: center; font-weight: 100; height: 100%; padding-top: 3%; } #regHeader .Nav { display: inline-block; vertical-align: top; font: 0/0 a; background-color: #FFF; text-align: center; border-top: 30px solid #DADADA; border-left: 30px solid transparent; border-right: 30px solid transparent; } #regHeader .Nav:before, #regHeader .Nav:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #regHeader #regSearchMob { width: 25px; height: auto; margin-left: 15px; margin-right: 15px; display: none } #regHeader #regAccount { width: 25px; height: auto; margin-right: 15px; margin-left: 5px; display: none } #regHeader .SolidWorks { text-align: end; display: flex; flex-direction: column; align-self: center; } #regHeader .MySolidSolutions { display: inline-block; width: 22%; margin: 0 5.5%; vertical-align: top; } #regHeader .MySolidSolutions img { padding-right: 5px; padding-bottom: 5px; padding-left: 5px; width: 190px } .headerContainer { display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; align-content: center; min-height: 60px; } .mainSSM { background: #1d4f91; border-color: #290000; margin-bottom: 0%; } .mySSM { background: radial-gradient(circle, rgb(43, 43, 43) 0%, rgb(66, 64, 64) 27%, rgb(53, 53, 53) 82%); border-color: #931212; } .myssm-logo { color: #fff; font-size: 2.5em; } .ssm-logo { color: #fff; font-size: 1.4em; } .ssm-logo a { color: #fff; } .myssm-logo a { color: #fff; } .ssm-logo a:hover { color: #fff; } .myssm-logo a:hover { color: #fff; } .swks-logo { color: #fff; font-size: 2.2em; } .my-ssm-logo { width: 290px; height: 56px; color: #fff; } .excel { color: #fff; font-size: 1.7em; } .excel-top { font-size: 1.2em; font-weight: 400; } .excel-bottom { font-size: 1.8em; font-weight: 700; } .myssm-excel-bottom { font-size: 1.5em; font-weight: 700; margin-top: -10px; } .excel-mob { display: none; } .accordion-logo-top { font-size: 1.4em; text-align: left; padding-left: 60px; } .accordion-logo-bottom { font-size: 3.4em; text-align: center; } .ssmred { color: #1d4f91; } #divfixMenu { width: 80px; left: 15px; display: block; top: 16px; right: 0; position: fixed; z-index: 3000; border-color: #1d4f91; border-style: none; border-width: 1px 1px 1px 0; padding: 5px 5px 10px 10px; -webkit-perspective-origin-x: center; cursor: pointer !important; text-align: right; color: #fff; height: 13px; font-weight: 100; } #divfixMenuTitle { width: 80px; left: 15px; top: 16px; position: fixed; padding: 5px 5px 10px 10px; text-align: right; color: #fff; font-weight: 100; } header { background-color: #565656; } a img { border: 0; } #regBodyContent { /*padding-top: 20px;*/ } img { height: auto; max-width: 100%; } table { border-collapse: collapse; } html { -ms-overflow-style: scrollbar; } .hidden { display: none; visibility: hidden; } .visible-phone { display: none; } .visible-tablet { display: none; } .hidden-desktop { display: none; } .visible-desktop { display: inherit; } img[usemap] { border: none; height: auto; max-width: 100%; width: auto; } .Inner { max-width: 1350px; margin: auto; overflow: hidden } .main4 h3 { overflow: hidden; text-align: center; padding-bottom: 2%; color: #565656; } .main4 h3:before { background: -webkit-gradient(radial, 0% 0%, 0, 50% 50%, 60, from(#DADADA), to(#565656)); content: ""; display: inline-block; height: 1.5px; position: relative; vertical-align: middle; width: 30%; } .main4 h3:after { background: -webkit-gradient(radial, 100% 0%, 0, 50% 50%, 60, from(#DADADA), to(#565656)); content: ""; display: inline-block; height: 1.5px; position: relative; vertical-align: middle; width: 30%; } .main4 h3:before { right: 0.5em; margin-left: -50%; } .main4 h3:after { left: 0.5em; margin-right: -50%; } picture { line-height: 0; } .regNavCont, .regNavContNew { cursor: pointer; } /*Skeleton-----*/ .card-col-container, .filter-container { display: grid; grid-gap: 10px; margin-bottom: 20px; } .filter-container { grid-gap: 10px; } .one { grid-template-columns: repeat(1, 1fr); } .two { grid-template-columns: repeat(2, 1fr); } .three { grid-template-columns: repeat(3, 1fr); } .four { grid-template-columns: repeat(4, 1fr); } .five { grid-template-columns: repeat(5, 1fr); } .six { grid-template-columns: repeat(6, 1fr); } .seven { grid-template-columns: repeat(7, 1fr); } .eight { grid-template-columns: repeat(8, 1fr); } .nine { grid-template-columns: repeat(9, 1fr); } .ten { grid-template-columns: repeat(10, 1fr); } .eleven { grid-template-columns: repeat(11, 1fr); } .twelve { grid-template-columns: repeat(12, 1fr); } .thirteen { grid-template-columns: repeat(13, 1fr); } .fourteen { grid-template-columns: repeat(14, 1fr); } .fifteen { grid-template-columns: repeat(15, 1fr); } .grid-right-end-A { grid-column-end: -1; } .flex-row-gap { grid-row-gap: 0; } .flex-row-gap-four { grid-row-gap: 4%; } .flex-row-gap-two { grid-row-gap: 2%; } /*skeleton end---*/ /*Flex box setup start---*/ .stretch { align-self: auto; } .shrink { align-self: flex-start; } .across-one { grid-column: span 1; } .across-two { grid-column: span 2; } .across-three { grid-column: span 3; } .across-four { grid-column: span 4; } .across-five { grid-column: span 5; } .across-six { grid-column: span 6; } .across-seven { grid-column: span 7; } .across-eight { grid-column: span 8; } .across-nine { grid-column: span 9; } .across-ten { grid-column: span 10; } .across-eleven { grid-column: span 11; } .across-twelve { grid-column: span 12; } .across-thirteen { grid-column: span 13; } .across-fourteen { grid-column: span 14; } .across-fifteen { grid-column: span 15; } .across-all { grid-column: 1/-1; } .down-two { grid-row: 1/3; } .down-twoB { grid-row: 3/2; } .downThree { grid-row: 1/4; } .inset3-4 { grid-column: 3 / span 4; } /*Main card formatting*/ .card-span { border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; border-color: #c3c3c3; background: #fff; overflow: hidden; box-shadow: 0 5px 14px -10px #909090; display: flex; flex-direction: column; box-sizing: border-box; text-align: center; font-size: 1.0em; font-weight: 400; align-self: auto; } .stretch { align-self: auto; } .shrink { align-self: flex-start; } .card-heading-prod { display: flex; align-items: center; background-image: url(https://images.solidsolutions.co.uk/uploaded/image/Cards/Hex_Corner_White.png); background-repeat: no-repeat; background-position: right; background-size: contain; height: 60px; flex-wrap: nowrap; justify-content: center; } .card-heading { display: flex; align-items: center; height: 50px; flex-wrap: nowrap; justify-content: center; border-style: solid; border-width: 0px 0px 7px 0px; border-color: rgba(86, 86, 86, 0.00); } .card-headingTitle { flex-grow: 2; font-weight: 400; color: #ffffff; font-size: 1.4em; order: 1; text-align: left; padding: 15px; line-height: 1; } .card-headingImage { flex: none; order: 2; width: 60px; padding-right: 15px; } .card-headingProdImage { padding-top: 8px; order: 2; width: 70px; } .card-headingImage-webcastLeft { background-color: #000066; flex-grow: 1; order: -1; } .card-headingTitle-webcastMiddle { flex-grow: 1; order: 2; inline-size: 18%; padding-left: 10px; } .card-headingImage-webcastRight { flex-grow: 1; font-weight: 500; color: #565656; font-size: 1.3em; max-width: 55%; min-width: 55%; order: 1; text-align: left; padding-left: 13px; } .card-middle { display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; flex-direction: column; padding: 10px; flex-grow: 2; } .card-subtitle { font-size: 1.3em; font-weight: 400; color: #1d4f91; border-color: #1d4f91; border-style: solid; border-width: 0px 0px 1px 0px; padding-bottom: 10px; width: 100%; } .card-body { padding: 10px; text-align: left; flex-grow: 2; } .card-text { text-align: left; margin-bottom: 12px; flex: 1; } .align-left { text-align: left; } .align-center { text-align: center; } .card-button input[type=submit] { width: 100%; text-transform: none; color: #333; font-weight: 400; font-size: 1em; background: #FFF; border: 0 } .card-button input[type=submit]:hover { background: #565656; color: #FFF } .locked { background: #ccc; } .ticketSummary { border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; border-color: #c3c3c3; background: #fff; overflow: hidden; margin-bottom: 5px; } .ticketSummary:hover, .ticketSummary:focus { border-color: #1d4f91; cursor: pointer; background-color: #EFEFEF } .ticketHistorySummary { width: 100%; margin-bottom: 5px; text-align: left } .ticketSummary div { padding: 10px; } .ticketHead { color: #1d4f91; font-weight: 700 } .ticketFooter { border-top: 1px solid #c3c3c3; } .noRecords { text-align: center; font-style: italic; } .card-body .typed { font-size: 1em; } .support-ticket h1 { color: #1d4f91; font-weight: 500; font-size: 3em; margin: 30px } .card-body .notification, #regBodyContent .card-body .notification a { color: #1d4f91; font-weight: 500; } .support-ticket .case-reference { font-size: 2em; } .support-ticket .larger { font-size: 1.5em } #secNewTicket { margin-bottom: 50px; } #secOnlineSupport .card-heading { height: 52px; } #secOnlineSupport .card-headingTitle { font-size: 1.2em; padding: 15px 15px 8px 15px } #secNewTicket .card-body, #secOnlineSupport .card-body { width: 100% } .card-body .label { padding-bottom: 5px; } .card-body .ticketStatus { font-weight: 500; font-size: 1.1em; padding-bottom: 5px; } .card-body .caseItem { border: 1px solid #ccc; border-radius: 4px; padding: 8px; margin: 5px 0; } .card-body .action { padding: 5px 0; } .card-body .actionDate { font-style: italic } .card-button { border-style: solid; border-width: 1px 0px 0px 0px; border-color: #ccc; max-height: 35px; min-height: 35px; line-height: 35px; position: relative; flex: 1; box-shadow: 0 3px 1px #aaa; background: #f4f4f4; } .card-button a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; /* No underlines on the link */ z-index: 10; /* Places the link above everything else in the div */ } .card-button a:hover, .card-button:hover { color: white; background: #565656; cursor: pointer; } .card-button:hover a { color: #FFF } .multi-button-container { display: flex; flex-direction: row; } .card-span-FAQ { background: #fff; overflow: hidden; display: flex; flex-direction: column; box-sizing: border-box; text-align: left; font-size: 1.0em; font-weight: 400; } .card-image { display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; flex-direction: column; flex-grow: 2; } /*------Flexbox ends here----*/ #regBodyContent a { color: #565455; text-decoration: none; } #regBodyContent a:hover { color: #1d4f91; text-decoration: none; } #regBodyContent ul, #regBlue ul, #regGrey ul { margin-left: 10px; padding-left: 0; list-style: none; } #regBodyContent ul li, #regBlue ul li, #regGrey ul li { padding-left: 1.68571429em; text-indent: -1.68571429em; padding-bottom: 3px; } #regBodyContent ul li::before, #regBlue ul li::before, #regGrey ul li::before { content: "\f312"; font-family: "Font Awesome 5 Pro"; font-weight: 400; margin: 0 5px 0 -15px; display: none; } #regBodyContent ul li svg, #regBlue ul li svg, #regGrey ul li svg { color: #a2a2a2; padding-right: 10px; font-size: 0.75em; line-height: 0.11em; } .tabs-nav-wrap svg { display: none; } .tabs-nav-wrap ul li { text-indent: 0em !important; } /* #regBodyContent ul li, #regBlue ul li, #regGrey ul li { padding-left: 15px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAJCAYAAAD+WDajAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA15pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDowMEQzQzA0NzBFM0JERTExQTE5QUJGMzQ2Q0QwMDM0NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCMTYwRUIyOTA2MTUxMUUxQUY4Q0YwMzY1QTgxQUE3RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCMTYwRUIyODA2MTUxMUUxQUY4Q0YwMzY1QTgxQUE3RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozN0ZCODg0RTEyMDZFMTExQTk1RjlCNDA2RjdBNUU4OSIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDowMEQzQzA0NzBFM0JERTExQTE5QUJGMzQ2Q0QwMDM0NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnnT860AAACHSURBVHjaYrylKSPKwMCwCIiLgfgaAxSoXnvMwASkdwGxBxAfBmJjBiQAkswF4i9ALATEe4HYElnyCBC7AfFHIOaHmmQGkwSB40C8D8rmAWIbmCQzEM8H4kCo5CYgngKTBLk0ASqxDIiDgPgXTPIUVGIWEMcB8V+Yg1iAeCIQn4U6DAUABBgAhDIYR9zmdCwAAAAASUVORK5CYII=') ; background-repeat: no-repeat; background-position: 0 8px; } */ #regBodyContent .Inner.Inner { display: block; } #regBodyContent hr { height: 2px; color: #CCCCCC; } #regTopFaderBar { width: 1350px; height: 300px; margin: 0 auto; } div#wrapper { float: right; width: 100%; margin-left: -210px; } #regBodyContent .BlogEntries, #regBodyContent .BlogDetail { margin-left: 280px; display: inline-block; } .UnL { width: 10% } .UnR { width: 90% } #regRHS .menuItemsBox { padding: 0; margin-bottom: 5px; } #regBodyContent #regRHS .menuItemsBox .Middle input[type=text] { display: inline; margin: 5px 3px; padding: 3px 6px; border: 1px solid #E6E7E8; background-color: #E6E7E8; color: #58595B; } #regBodyContent #regRHS .menuItemsBox .Middle input[type=submit] { display: inline; -webkit-appearance: none; margin: 5px 3px; padding: 6px 6px; margin-right: -20px; border: 0; background-color: #1d4f91; color: #FFFFFF; text-decoration: none; font-size: 14px; cursor: pointer; } #regBodyContent .SocialNetworking { clear: both; text-align: center; padding: 20px } #regBodyContent .menuItemsBox input[type=submit] { padding: 0 10px; } #regBodyContent .blogCatItem a { text-transform: uppercase; font-size: 0.9em; color: #565656; text-decoration: none; } #regBodyContent .blogCatItem { padding: 5px; margin: 5px 5px auto; background-color: #dadada; border: 1px solid #565656; border-radius: 3px; display: inline-block; white-space: nowrap } #regBodyContent .blogCatItem:hover { text-decoration: none; color: White; background-color: #565656; cursor: pointer } #regBodyContent .blogCatItem:hover a { color: #fff; } .ui-widget-content h2 a { color: #1d4f91; text-decoration: none; } .ui-widget-content h2 a:hover { color: #004487; text-decoration: underline; } .ui-widget-content h3 a { text-decoration: underline; color: #004487; } .ui-widget-content h3 a:hover { text-decoration: underline; color: #1d4f91; } #regBodyContent #container a, #regBodyContent #containerA a, #regBodyContent #containerB a { border: 0; margin: 0; } #regBodyContent .GalleryImage { border: 1px solid #Cccccc; width: 140px; height: 140px; margin-bottom: 5px; } #regBodyContent .GalleryImage:Hover { border: 1px solid #DE011D; } #regBodyContent .NewsLink a { text-decoration: none; font-size: 0.9em; } #regBodyContent .highlight { background-color: Yellow; } #regBodyContent .NoEvents { padding: 5px; text-align: center; color: #E78501; font-size: 1.2em; border: 1px solid #D1D1D1; } #regBodyContent .CalDayTitle { font-size: 1.2em; color: #333333; padding-top: 5px; padding-bottom: 4px; font-style: italic; } #regBodyContent .CalTitle { font-size: 1.9em; color: #333333; border: 2px solid #CCCCCC; background-color: #CCCCCC; padding: 6px; } #regBodyContent .CalDay { font-size: 1.4em; border: 1px solid #CCCCCC; color: #004487; background-color: #FFFFFF; } #regBodyContent .CalDay a { color: #004487; font-size: 13px; } #regBodyContent .CalDayLive { font-size: 1.4em; border: 1px solid #CCCCCC; color: #004487; background-color: #FFFFFF; background-image: url('data:image/gif;base64,R0lGODlhQgAHAMQAAOvr6/v7+/Hx8fX19fLy8vb29vPz8/Dw8Pf39/T09O/v7+zs7O7u7vj4+Pn5+e3t7fr6+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAABCAAcAAAWbICAuJPmcD6MyStse8CHMAmETRm4kfDL8g4KwgCgiGsiGY+mAOJ2j0gKVWrFcMRnthtP1fMAh0ZhUMpvPAEA6RVmvrxitdtPtesDg0HhMntFOAQFsVFUqLgpZc1x2X3lifGV/TxCCgyWFVoiKW3VeeGF7ZH5nlJWCmFSaWHKdNo2gP5CjpEumlpeZK5utM4yfPI+iRWVmtpS4ASEAOw==') /*../../images/template/CalendarBG.gif*/; background-repeat: repeat-y; } #regBodyContent .CalDayLive a { color: #004487; font-size: 13px; } #regBodyContent .CalDayWeekend { border: 1px solid #CCCCCC; color: #FFFFFF; background-color: #EFEFEF; font-size: 1em; } #regBodyContent .CalDayWeekend a { color: #FFFFFF; font-size: 1em; } #regBodyContent .CalPrevNext { font-size: 14px; white-space: nowrap; color: #333333; } #regBodyContent #content { background: #fff; padding: 10px 0; min-height: 220px; position: relative; z-index: 2; -moz-border-radius: 0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px; /*box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);*/ } .MessageToUser { margin: 0 0 10px 0; clear: both; width: 98%; color: #333333; background: #F4EF91; border: none; text-align: center; padding: 1%; font-size: 1.2em; } #regBodyContent .slider { z-index: 1; } #regBodyContent .NewsListDate { color: #333333; } #regBodyContent .ReadMoreButton { padding: 1%; color: #ffffff; background-color: #cecece; border: 1px solid transparent; text-align: center; } #regBodyContent .ReadMoreButton a { border: none; color: #3c0000; text-transform: uppercase } #regBodyContent .ReadMoreButton:hover { background-color: #1d4f91; text-decoration: none; } #regBodyContent a.ReadMoreButton:hover { color: #ffffff; text-decoration: none; } #regBodyContent .FormDetail { margin-bottom: 2%; } #regBodyContent .FormDetail div { float: left; margin-right: 2% } #regBodyContent .FormDetail .Label { } #regBodyContent .FormDetail div select { width: 350px; } #regBodyContent .FormDetail div input[type=submit] { font-size: 1em; } #regBodyContent .FormDetail div input[type=text] { padding: 4%; font-size: 1em; width: 80px; } #regBodyContent .Datagrid { border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; border-color: #c3c3c3; background: #fff; overflow: hidden; box-shadow: 0 5px 14px -10px #909090; box-sizing: border-box; text-align: left; font-size: 1.0em; font-weight: 400; } #regBodyContent .Datagrid .datagridHeader td { padding: 1%; text-transform: uppercase; border: 0; border-bottom: solid 1px #000000; margin-bottom: 10px; font-size: 1em; color: #333; } #regBodyContent .Datagrid.Blue {margin: 20px auto; width: 810px; box-sizing: border-box} #regBodyContent .Datagrid.Blue .datagridHeader td { padding: 6px 8px; text-transform: uppercase; border: 0; border-bottom: solid 1px #1d4f91; margin-bottom: 10px; font-size: 1em; color: #FFF; background-color: #1d4f91; } #regBodyContent .Datagrid.Blue .datagridItem td {padding: 6px 8px} #regBodyContent .Datagrid .datagridItem td, #regBodyContent .Datagrid .datagridAlternatingItem td { padding: 1%; border: 0; background-color: #FFFFFF; color: #212121; font-size: 1em; } #regBodyContent .Datagrid .datagridAlternatingItem td { background-color: #EFEFEF; } #regBodyContent .EmptyDatagridMessage { padding: 1%; color: #1d4f91; text-align: center } #regBodyContent .Datagrid .datagridFooter td { text-align: right; padding: 1%; text-transform: uppercase; border: 0; border-top: solid 2px #c3c3c3; margin-bottom: 10px; font-size: 1em; color: #333; } #regBodyContent .paging { padding-top: 10px; padding-bottom: 20px; } #regBodyContent .paging a { text-decoration: none; } #regBodyContent .paging table { width: 100%; } #regBodyContent .paging .currentPageLabel { width: 180px; color: black; } #regBodyContent .paging .previousPage { width: 100px; text-align: left; } #regBodyContent .paging .previousPage a { color: Gray; } #regBodyContent .paging .pageNumbers { text-align: center; } #regBodyContent .paging .pageNumbers a.unselectedPage { color: #999999; } #regBodyContent .paging .pageNumbers a.selectedPage { color: red; } #regBodyContent .paging .nextPage { width: 80px; text-align: right; } #regBodyContent .paging .nextPage a { color: Gray; } #password_description { font-size: 10px; font-style: italic; } #password_strength { height: 10px; display: block; } #password_strength_border { width: 160px; height: 10px; border: 1px solid black; } .strength0 { width: 160px; background: #cccccc; } .strength1 { width: 40px; background: #ff0000; } .strength2 { width: 80px; background: #56e500; } .strength3 { background: #399800; width: 120px; } .strength4 { background: #4dcd00; width: 160px; } #lightbox { background-color: #eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; } #lightboxDetails { font-size: 0.8em; padding-top: 0.4em; } #lightboxCaption { float: left; } #keyboardMsg { float: right; } #closeButton { top: 5px; right: 5px; } #lightbox img { border: none; clear: both; } #overlay img { border: none; } .registerNow { cursor: pointer; } .viewMap { cursor: pointer; } #overlay { background-color: #333; background-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../js/lightbox/overlay.png", sizingMethod="scale"); } #MyAccount { text-align: left; margin-bottom: 25px; margin-top: 15px; padding: 5px; } #MyAccount a { background-color: #7C7C7C; color: #FFFFFF; border: 1px solid #FFFFFF; text-decoration: none; margin: 6px 0 6px 1px; padding: 11px; font-size: 1.1em; text-transform: uppercase; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; } #MyAccount a:hover { background-color: #FFFFFF; color: #7C7C7C; text-decoration: none; border: 1px solid #7C7C7C; } #regBodyContent .Green { color: green; } #regBodyContent .Red { color: red; } #regBodyContent .None input { border: 0; padding: 0; font-size: 1.1em; } .tabContainer { padding: 0; } .tabContainer > p { padding-left: 10px; } #regBodyContent .FindACourseNearMe { padding: 3px; border: 1px solid #d1d1d1; margin-left: 80px; margin-right: 80px; margin-top: 20px; } #cookieNotification { display: none; position: relative; background-color: #3b3b3b; color: #FFFFFF; border: none; width: 96%; padding: 0.5% 2%; font-size: .9em; clear: both; } #cookieNotificationClose { float: right; margin: 10px; padding: 5px 10px 5px 10px; color: white; background-color: #1d4f91; cursor: pointer; } #cookieNotification a { color: #FFFFFF; } .AddressContainer { min-height: 300px; max-height: 300px; width: 285px; margin-left: 10px; margin-right: 10px; float: left; position: relative; } .PDFMapContainer { min-height: 280px; max-height: 280px; width: 198px; margin-left: 10px; margin-right: 10px; float: left; position: relative; border: 1px solid #ccc; } #regBodyContent .PDFMapContainer input { padding: 0; } .OfficeImageContainer { min-height: 280px; max-height: 280px; width: 380px; margin-left: 10px; margin-right: 10px; float: right; border: 1px solid #ccc; position: relative; } .OfficeImageHeader { background-color: #1d4f91; min-height: 45px; max-height: 45px; width: 100%; float: left; position: relative; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } .OfficeImageHeader h2 { color: #FFFFFF; padding-top: 7px; } .Container { min-height: 400px; width: 98.5%; margin-top: 0%; border: 10px solid #fff; position: relative; } #googleMap { width: 100%; min-height: 400px; height: 100% } #regBodyContent .ReadMore { padding: 0.6% 2%; float: right; color: #ffffff; text-transform: uppercase; background-color: #1d4f91; } #regBodyContent .ReadMore:hover { background-color: #1d4f91; } #regBodyContent .ReadMore a, #regBodyContent a.ReadMore { text-decoration: none; color: #ffffff; } #regBodyContent .ReadMore a:hover, #regBodyContent a.ReadMore:hover { text-decoration: none; } #CaseStudyContentBottom { padding-bottom: 10px; } #CaseStudyDetail h2 { margin: 15px 0 5px 0; } #CaseStudyDetail h3 { color: #333333; padding-bottom: 5px; padding-top: 15px; font-size: 1.2em; } .CompanyInfo { width: 275px; float: left; } .CompanyInfo .CustomerDetails { margin-top: 10px; } .CompanyInfo .CustomerDetailsRight .Title { font-size: 1.2em; margin-top: 10px; } .SuccessContainer { margin-top: 5px; } .SuccessContainer .ClientQuote { text-align: center; color: #FFF; padding-bottom: 5px; padding-top: 13px; } .SuccessContainer .ClientQuoteName { text-align: center; color: #FFF; } .LabelDir { text-align: right; font-size: 14px; color: #333333; font-weight: normal; padding-right: 10px; width: 150px; } #regBodyContent .EventPanel { float: left; clear: both; width: 100%; } #regBodyContent .EventPanel .TitleDate, #regBodyContent .EventPanel .Description, #regBodyContent .EventPanel .Prerequisites { margin: 0 0 2% 0; border: 1px solid #9A9997 } #regBodyContent .EventPanel .Description { margin: 0; } #regBodyContent .EventPanel .TitleDate { text-align: center; padding: 2%; } #regBodyContent .EventPanel .Description .Inn, #regEvenLoc .Inn { padding: 2%; width: 96%; text-align: center; } #regBodyContent .EventPanel .Description p { margin-top: 0; margin-bottom: 10px; text-align: center; } #regBodyContent .EventPanel .TitleDate h2, #regBodyContent .EventPanel .Description h2 { text-align: center; color: #FFF; padding: 2% 3%; margin: 0; background-color: #587D90 } #regBodyContent .EntitlementContainer { color: #333; background-color: #F4EF91; text-align: center; padding: 1%; margin: 0 0 1% 0; } #regBodyContent .EventPanel .Inn { height: auto; } #regBodyContent .Registration .Butt { float: left; margin-right: 20px; } #regBodyContent .Registration { margin-bottom: 4%; clear: both; } #regBodyContent #regForm.EventReg { margin: 0 auto; width: 96%; margin-top: 2%; float: none; clear: both } #regBodyContent #regForm.EventReg input[type=text] { margin-bottom: 1% } #regBodyContent #regForm.EventReg input[type=checkbox] { height: 1.5em; width: 1.5em } .TeamM { float: left; width: 14%; margin: 2% 7.5% 0 0; line-height: 1.1em; text-align: center; } .TeamM:nth-child(5n) { margin-right: 0; } .TeamM Img { width: 100% } .TeamMN { margin: 1% 0; color: white; height: 100px; display: table-cell; vertical-align: middle; width: 100%; float: left; } #regBodyContent .ProductContainerSpan-1 a { text-decoration: none; } #regBodyContent .ProductContainerSpan-1 a:hover { color: #1d4f91; text-decoration: none; } .BoxShadowWW { border: 1px solid #ccc; float: left; width: 435px; height: 200px; margin: 10px; } .BoxShadowWW h2 { margin: 0; padding: 10px; text-align: left; color: #333333; font-size: 1.2em; /* IE10 Consumer Preview */ background: -ms-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CCCCCC 100%); /* Mozilla Firefox */ background: -moz-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CCCCCC 100%); /* Opera */ background: -o-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CCCCCC 100%); /* Webkit (Safari/Chrome 10) */ background: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #CCCCCC)); /* Webkit (Chrome 11+) */ background: -webkit-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CCCCCC 100%); /* W3C Markup, IE10 Release Preview */ background: radial-gradient(circle farthest-corner at center, #FFFFFF 0%, #CCCCCC 100%); } #divCalendar { float: right; position: relative; top: -35px; width: 42px; right: -10px; font-style: italic; padding-top: 5px; padding-bottom: 10px; background-image: url(data:image/x-png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAA6CAYAAAAkydC5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABE9JREFUeNrsml1s00YcwP9OmrTNZxsTmgRo2SoqygNCaGJCQuKjPBRt056GUKdJ20BioGkV7IENXoCHwQOMUiGBKKOTEEh8bATa8YjK1tGSpOWFBwRDojRN6VdWNy0lrRPzP7d2fcUO0IfKRj7pdHf2z3c/X+4uiX0AOcLxEydrI9HY6PXwTe5uW3uNGnPs17ra9nuRVFPzLS4ai6kzx+u+ikSj3I2bzalYR8f3GvVsi8U6uPCNptGOzs69ubwsOU9arIdZlnU6HA4Pz/MH1CnmkM/nc7ndbk9BQcE+dYT5CRkPMq7CwsLDGvX8jG15XC6XE+s5OGdphmE8KAx2ux1vwOLRYLwSg0KFGozD6XRKTLFWWwrGPWfpqd62kArFqBWsVqvIYSpoIILEkPgmhqS5Qp6UKS9bSvLLMOYr7l5OM5mMDZlVGr0kphMTE/lqDF5rV9Y1ByaN8fGTrqe8LI3AYkxaSFbr7rjh4RJM7ufqgYH+/jI15sXY2OxDc2GeoOcGFI9LPb2bCJ+oPwlLSktl6u/WNjnvY1m4Fr7+mujtln/kfCAYVGXutkeo8rsy3c+ewZ4fasunPfdL0iEc/JOffFRpk8B44jlVyQjHQYU3D3xFXvlYb9/A7J6GD5wM+FnfzLGhJCSHhijOL7yAYIlfLieHOfg/mZwZ3IIAPj4Fi0MBsbxyYSXsR7/x8fHQaxMx2/VQjmdOnxEvlirBJQ8unm+kmMaGc/J5EgjTePYczWA5k8lCNpudagPT82cbKIbUy/MZmSH1kfaVjOpEFCdD138zd9/XB0XpNExOTooyYzjm+ru7Kaa/pwcCpctlJpVKQbI3QdeDZZs3JDI42cReH0jQzEAc6/2wWGY4/FRJ+0pGW7q7S85vDhbBhTstsGnjevGjawqH4dsS9yzGC7/92wqbqzbB4OAg/Hn1MtQEPBRTheW66D3oTXwGQyh86a9mqMbrKAbrPRqJQE88Dkls648rl8X2lYymtDCSkvNbAl4YG+mBX3Z+g2snA18uXwIfexdSTJXfjcwoHN21HSy4TG2tWATrigMUs67YAdyCEWR2QBY/9i+QqSoPUswaTwF8F8qHI7u34xAR4HM8vwU5JUMtsdNL3u84EWvaPl1tA52Gtc2dZCJewiXva7qnX06AEUIevcIbUFowpedJ+umDhH5N7RrSPAg67l9G48tFMKXnZ0zzhpQGs6fnRzojZI0obcCe9ldX69e09Y669JqG0/qVrlzx9g9r9BhMaVPalDalTWlT2pQ2pU3pd/k9LT2JN4y0oHNpQaunDfJva9bwMNwfW+xmQc9jWjEMjD0Rp27GgI8QyJslc502V4/35huRLHk6HtLKRSKvvGwp2XvTm06nbafq64FlWd0Jk3fqxA+zz4kvQ3arYIHsozgIU9uB9BoeTzsmyPBwYSRvzn/ESHag5OtQmOxh4qbzLiJNdoBUYLQqTug1ZDA+eiXAAIXmGdh5y/VKAAAAAElFTkSuQmCC); background-repeat: no-repeat; padding-right: 15px; height: 100px; } .CenterGlow { background: -ms-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CCCCCC 100%); /* Mozilla Firefox */ background: -moz-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CCCCCC 100%); /* Opera */ background: -o-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CCCCCC 100%); /* Webkit (Safari/Chrome 10) */ background: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #CCCCCC)); /* Webkit (Chrome 11+) */ background: -webkit-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CCCCCC 100%); /* W3C Markup, IE10 Release Preview */ background: radial-gradient(circle farthest-corner at center, #FFFFFF 0%, #CCCCCC 100%); } #divCalendarM { margin-left: 5px; text-align: center; font-style: italic; padding-top: 5px; padding-bottom: 10px; background-image: url(data:image/x-png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAwCAYAAAB9sggoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABGJJREFUeNrsWV1sFFUU/nZ2dvrDZv9qi7WFbt2aromGUjVqyoOJFh+IQDBogm/wJA/VxBisGCW1UhEkpjZINJoYUEJJmwZlxUK1CNttgC7QoLSF2i61AtuU1LKl3Z0/751lZn86NejLLHFP9mbvnO+ce74559ydm1lgAWnZs/fw8a6fxJ5A76l0bOeu3Taiv3qwtS3aEwhsSsd37f5k49m+YPTHzuNjR3w+ezr+9b5vAkd8R0Vi07ZQfEZP+X5jo4lhzC84nU7GbrfX7Nu/PzcZN5lMS10u15L8/HxOluVX0v1NJmZ9YWEhZ7PZSsmlJxlr2rEjj2UtTxGMcTgc62isuyZmsXAMCQ6O45CTkwNCkkkjpuhZlqVzTmcJluIWi4Vam1N8yWpEFIzaeL3euyeWTuK/ykK+qv6f1lYQT5n7WWL0LSlLkerwRv1WrKh5GqRcWLVyJXie15xcBQVobW/HwMAQwtfH0fDetpRFV697EVve2oLx8T/x5uuvIRQKJVXDgm3bP4S7bClKS0vwTE0NSFyVaJjMNwyHRrvYO/YNz9XWFjV80Aiz2awYHmrr0Bb7pcev6FUJT0xo80qvF6eDfSnEvvvep80//+pLkF7VrgVBwM8nEvup9+wZJRGiKOLdre8UHevsbCDqLrWUi558fDkKbo3DMXUVgY4DKYHav2hR9OpobmrUsMuDQ7h16YyG0fnF/n4N3/vxRym+dK1kobGonsamHCgXpUlVA5mPQRyKL3jsaCcerl2jZE6SJHR3n8TG6vjmivIC+i4OKBgdgijA/4MP61c8puD+U33gBVbzDf46iNnfguDYeKjuEyex9qFlGk5jPV9i0zhouyeRYx7ClUvK1JNrwhjpi7nqKoRGR+HOZzWMFtRplhEOhxGLxXAuGMQGWzThK8/i0MgEZmZmMDk5iTxhFszoZQh3wpTnsQjfuI7i+xcj4PejgsRSfSHeN6/5z79d9+qyl6cGFSVP7mTP+REEb0yh0mVF3XIPrFziHn7/a0bBb87FsNpTjLUVxSnl6bhyDYeHr8GVy2FzVTketC/SsEhMQPO5YQzejKB6sUPBLUy8ow46KrG9+bMLpPmrEtEkUprbc1oa67wlAB3xjoUsCJppucWMnU9UaNeqnyprHnAqQw+nFOsfLUsYk5uT1blN1ikl7ZnbURgqsi4x8okYTQw6xGgpjSYm6WRMIE0Z6v/DUF5ClTCfGOXKJ9XY4EomlZIyNpgY9IjFMyZlM/YvMiZnQI/J+hkTDS6lfsYIWUEyOGN6P7CC3YZV5BRgpHza0qJfShPLZkwpGWSoZIlliWWJZYllif3fiCWdLuLvEow9Xcj3EDGJKEWDiUnyQq8IDCaGe6qUVCdl4tE6s3elnJG7UlLeHBu7K6V5xOToXNTwHqMc1DcFJk+Z202+mxiGeclqtc4aSSwSieSRPm8l03qasUfIOEAUI9PT04UGPyLpPxu9lBMlNkbGEjICGfL8pqUc+1uAAQDIVReYuGV6cgAAAABJRU5ErkJggg==); background-repeat: no-repeat; } #divDay, #divDayL { width: 36px; color: #fff; padding: 2px 0; text-align: center; } #divDate, #divDateL { width: 36px; color: #000; clear: both; text-align: center; font-size: 13px; } #divDayL { width: 42px; } #divDateL { width: 42px; padding-top: 4px; } div.FeaturesBox:hover { background-color: #1d4f91; color: #ffffff; cursor: pointer; } div.FeaturesHeader { margin-top: 0; color: #333; background: -ms-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CCCCCC 100%); /* Mozilla Firefox */ background: -moz-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CCCCCC 100%); /* Opera */ background: -o-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CCCCCC 100%); /* Webkit (Safari/Chrome 10) */ background: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #CCCCCC)); /* Webkit (Chrome 11+) */ background: -webkit-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CCCCCC 100%); /* W3C Markup, IE10 Release Preview */ background: radial-gradient(circle farthest-corner at center, #FFFFFF 0%, #CCCCCC 100%); } .VidMainTitle { color: #565656; text-align: center; margin-bottom: 10px } #regWhite .VidMainTitle a { text-decoration: underline; } #VidShare { margin: 30px auto 10px; } .dgLarge { font-size: 1.2em; } .VideoContainer { float: right; height: 345px; max-width: 460px; width: 100%; position: relative; } #regBodyContent .qsf-demo-canvas { } #regBodyContent .qsf-demo-canvas .ruProgress { margin: 20px 0 0 0; } #regBodyContent .qsf-demo-canvas ul { margin: 10px 0 0 0; padding: 0; list-style: none; } #regBodyContent .qsf-demo-canvas ul li { margin: 10px 0 0 0; background-image: none; } #regBodyContent .qsf-demo-canvas .ruFileCount { display: none; } #regBodyContent .qsf-demo-canvas ul li.ruProgressHeader { background-color: #5b7f95; color: #fff; font-size: 14px; margin: 0; } #regBodyContent .qsf-demo-canvas ul li.ruTimeSpeed { padding-bottom: 10px; } #regBodyContent .RadUpload .ruFileWrap { width: 250px; } #regBodyContent .RadUpload_Default .ruButton { float: right; margin-right: 100px; } #page #inline1, #page #inline2, #page #inline3, #page #inline4 { display: none; font-size: 14px; } .Fade { filter: alpha(opacity=35); -moz-opacity: .35; opacity: .35; cursor: default; } #refFeefoFeedback { clear: both; } #feefo_TotalCustomers { background-color: #CCC; padding: 10px; color: #333333; font-size: 13px; text-align: justify; } #regTechBlog h2, #regQuickLinks h2, #regDemoSchedule h2 { margin-bottom: 4%; text-transform: uppercase; color: #555; text-align: left } #regQuickLinks h2 { margin-bottom: 9%; } #regTechBlog h2 a, #regQuickLinks h2 a { color: #555 } #regDemoSchedule h2 { text-align: center; color: #FFF; margin-bottom: 2% } #regTechBlog { width: 65%; float: left } #regTechBlog .Month { text-transform: uppercase } #regTechBlog .Day { font-size: 1.4em } #regTechBlog .Post { background-color: #FFF; padding: 2% 3%; margin-bottom: 2%; clear: both; } #regTechBlog .blogPostTitle { padding: 0% 1%; vertical-align: middle; font-size: 1.1em } #regTechBlog .blogIntro { padding: 0% 1%; vertical-align: middle; display: none } #regTechBlog .blogDateFiled { padding: 0% 0.5%; float: left; height: 100%; display: block; margin-right: 2%; width: 50px; border-left: 1px solid #555; border-right: 1px solid #555; text-align: center } #regQuickLinks { width: 30%; float: right } #regQuickLinks div { margin-bottom: 2%; background-color: #555; color: #FFF; padding: 2% 3%; } #regQuickLinks div a { color: #FFF; text-transform: uppercase; } #regQuickLinks div a:hover { text-decoration: underline; color: #FFF } #regDemoSchedule #divSeminarSection { color: #555; float: left; width: 42%; background-color: #FFF; padding: 2%; margin-bottom: 2% } #regDemoSchedule #divSeminarSection a { color: #555 } #divSeminarSection .Date, #divSeminarSection .Title { padding: 0% 1%; vertical-align: middle; margin-bottom: 2% } #divSeminarSection .Date { width: 50px; float: left; margin-right: 2%; display: block; border-left: 1px solid #555; border-right: 1px solid #555; text-align: center } #divSeminarSection .Month { text-transform: uppercase } #divSeminarSection .Day { font-size: 1.4em } #regDemoSchedule #divMapSection { float: right; text-align: center; margin-bottom: 2%; width: 50% } #regDemoSchedule #divMapSection img { width: 60%; height: auto } #regDemoSchedule .CTA { clear: both; width: 60%; margin: 0 auto; padding: 1%; text-align: center; background-color: #FFF; text-transform: uppercase; font-size: 1.2em; } #regDemoSchedule .CTA a { color: #555 } .DSCon { width: 22%; text-align: center; margin: 0 5% 0 0; float: left; background-color: #FFF; } .DSCon img { width: 82%; margin-top: 9%; border: 1px solid #ccc } .DSConh3 { margin: 3% 9%; font-size: 1.1em; text-align: center; color: #1d4f91; display: table-cell; width: 1%; vertical-align: middle; height: 90px; padding: 0 2%; } #googleMap { width: 100%; } #googleMap.dirMap { width: 48%; padding: 1%; height: 600px; float: left } .dirInst { width: 48%; padding: 0 1%; float: right } .ProdConShadow { background-image: url('/Uploaded/Image/SSG/underShadow.png'); background-repeat: no-repeat; opacity: 0.5; background-position: bottom; } #regLogin { float: left; color: #555; font-weight: 400 } .WarningBox { margin: 0 auto; clear: both; color: #333; width: 96%; background-color: #f4ef91; text-align: center; padding: 1%; font-weight: 400; } #lightboxGallery { text-align: left; } #lightboxGallery div { display: inline-block; vertical-align: middle; padding: 0 1%; } #screen, #mask { position: absolute; left: 0; top: 0; background: #000; z-index: 999; } #fade { /*--Transparent background layer--*/ display: none; /*--hidden by default--*/ background: #515153; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .80; z-index: 9999; } #divPopup { margin: 0; z-index: 9999999; height: 34%; width: 46%; padding: 1.5% 2%; position: fixed; left: 25%; top: 31%; background-color: #FFF; border: 1px solid #FFF; border-radius: 10px; } #divPopup #PopupClose { float: right; font-weight: bold; } #divPopup h2 { float: left; } #divPopup #PopupClose:hover { cursor: pointer; } #divPopup .ProductBDetails div { display: inline-block; padding: 2%; font-size: 1.3em; vertical-align: middle; font-weight: bold; } #divPopup .ProductBDetails div.img { width: 20%; text-align: center; } #divPopup .ProductBDetails div.img img { max-width: 100px; } #divPopup .ProductBDetails div.name { width: 52%; } #divPopup .ProductBDetails div.price { width: 15%; text-align: right; color: #1d4f91; font-weight: bold; } .MyAccountNav { clear: both; overflow: hidden } .MyAccountPanel { float: left; overflow: hidden; width: 26.3%; padding: 1% 2%; margin: 1.5%; background-color: rgb(245, 245, 245); height: 150px; cursor: pointer } .MyAccountPanelLogout { clear: both; overflow: hidden; width: 93%; padding: 1% 2%; margin: 1.5%; background-color: rgb(245, 245, 245); height: 60px; cursor: pointer } .MyAccountPanelLogout .LHS { float: left; width: 75% } .MyAccountPanelLogout .RHS { text-align: right; height: 50px; float: left; width: 25% } #regBodyContent .MyAccountPanelLogout .RHS img { height: 60px; margin-right: 5% } .MyAccountPanel .LHS { float: left; width: 65% } .MyAccountPanel .RHS { float: left; width: 31%; text-align: right; padding: 10% 2% } .MyAccountPanel h2 { font-size: 1.2em; padding: 0 0 10px 0; line-height: 1em; } .b-lazy { -webkit-transition: opacity 500ms ease-in-out; -moz-transition: opacity 500ms ease-in-out; -o-transition: opacity 500ms ease-in-out; transition: opacity 500ms ease-in-out; max-width: 100%; opacity: 0; } .b-lazy.b-loaded { opacity: 1; } #lightboxGallery { text-align: left; } #lightboxGallery div { display: inline-block; vertical-align: middle; padding: 0 1%; } #divPopupIE { text-align: center; z-index: 9999999; position: fixed; top: 50%; height: 360px; margin-top: -180px; left: 50%; margin-left: -160px; width: 320px; background-color: #FFF; border: 1px solid #FFF; border-radius: 10px; } #divPopupIE #PopupClose { color: #555555; clear: both; padding-top: 20px; font-size: 18px } #divPopupIE #PopupClose:hover { cursor: pointer; } #divPopupAdminShare, #divPopupAdminLink { display: none; text-align: center; z-index: 9999999; position: fixed; top: 50%; min-height: 420px; overflow: hidden; margin-top: -210px; left: 35%; margin-left: -160px; width: 50%; background-color: #FFF; border: 1px solid #FFF; border-radius: 10px; padding-bottom: 30px; } #divPopupAdminLink { top: 40%; height: 220px; margin-top: -105px; left: 35%; margin-left: -160px; width: 50%; } #PopupCloseShare, #PopupCloseLink { color: #555555; clear: both; padding: 10px; font-size: 18px; text-align: right; } #PopupCloseShare:hover, #PopupCloseLink:hover { cursor: pointer; } #divPopupAdminShare h2, #divPopupAdminLink h2 { font-size: 24px; padding-bottom: 20px; } #divPopupAdminLink input[type=text], #divPopupAdminShare input[type=text], #divPopupAdminShare input[type=email], #divPopupAdminShare textarea { margin-bottom: 5px; padding: 1%; color: #333333; background-color: #FFFFFF; border: 1px solid #CCCCCC; } #divPopupAdminLink input[type=text] { width: 550px; } .eventTitle { font-weight: bold; padding-bottom: 5px; } .ProdHead { background-color: #fff; padding: 2%; } .App { width: 100%; margin: 2% 5% 2% 0; float: left; } .ProdCon:nth-child(3n) { margin-right: 0 } .App img { width: 100% } .ProdConShadow { background-image: url('/Uploaded/Image/SSG/underShadow.png'); background-repeat: no-repeat; opacity: 0.5; background-position: bottom; } #regLogin { float: left; color: #555; font-weight: 400 } .regNavCont, .regNavContNew { cursor: pointer } #regBodyContent a { font-weight: 400; color: #565455; text-decoration: none } #regBodyContent a:hover { font-weight: 400; color: #1d4f91; text-decoration: none } #regBodyContent .BlogDetail .blogPostTitle { font-size: 1.2em; font-weight: 400; } #regBodyContent .BlogDetail .Comments .leaveComment .heading { color: #333; font-weight: 400; padding-top: 4px } #regRHS { font-size: 1em; color: #333; width: 250px; display: block; font-weight: 400; background-color: #fff; padding: 0 } #regRHS h2 { background: #1d4f91; color: #fff; font-size: 1.4em; font-family: 'Open Sans Condensed', Arial Narrow, sans-serif; text-transform: uppercase; margin: 0; padding: 2% 3% } #regBodyContent .menuItemsBox .blogCategoryItem a { font-family: 'Open Sans Condensed', Arial Narrow, sans-serif; text-transform: uppercase; color: #333; text-decoration: none } .EventDate { margin-top: 3px; font-size: 1.2em; font-weight: 100; color: #1d4f91 } #regBodyContent .NoEvents { font-weight: 400; padding: 5px; text-align: center; color: #e78501; font-size: 1.2em; border: 1px solid #d1d1d1 } #regBodyContent .CalDayTitle { font-size: 1.2em; color: #333; padding-top: 5px; padding-bottom: 4px; font-style: italic } #regBodyContent .CalTitle { font-size: 1.9em; color: #333; border: 2px solid #ccc; background-color: #ccc; padding: 6px } #regBodyContent .CalDay { font-size: 1.4em; font-weight: 400; border: 1px solid #ccc; color: #004487; background-color: #fff } #regBodyContent .CalDay a { color: #004487; font-size: 13px } #regBodyContent .CalDayLive { font-size: 1.4em; font-weight: 400; border: 1px solid #ccc; color: #004487; background-color: #fff; } #regBodyContent .NewsListDate { color: #333; font-weight: 400; } #regBodyContent .FormDetail .Label { font-weight: 400; } #regBodyContent .Datagrid .datagridHeader td { padding: 1%; text-transform: uppercase; border: 0; border-bottom: solid 2px #000; font-weight: 400; margin-bottom: 10px; font-size: 1em; color: #333 } #regBodyContent .Datagrid .datagridFooter td { text-align: right; padding: 1%; text-transform: uppercase; border: 0; border-top: solid 2px #c3c3c3; font-weight: 400; margin-bottom: 10px; font-size: 1em; color: #333 } #regBodyContent .paging .pageNumbers a.unselectedPage { font-weight: 400; color: #999 } #regBodyContent .paging .pageNumbers a.selectedPage { font-weight: 400; color: red } #MyAccount a { background-color: #7c7c7c; color: #fff; border: 1px solid #fff; font-weight: 400; text-decoration: none; margin: 6px 0 6px 1px; padding: 11px; font-size: 1.1em; text-transform: uppercase; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px } #regBodyContent .Green { font-weight: 400; color: green } #regBodyContent .Red { font-weight: 400; color: red } #regBodyContent .None input { border: 0; padding: 0; font-weight: 400; font-size: 1.1em } #cookieNotificationClose { float: right; margin: 10px; padding: 5px 10px 5px 10px; font-weight: 400; color: #fff; background-color: #1d4f91; cursor: pointer } .CompanyInfo .CustomerDetailsRight .Title { font-weight: 400; font-size: 1.2em; margin-top: 10px } .SuccessContainer .ClientQuoteName { text-align: center; color: #fff; font-weight: 400; } .LabelDir { text-align: right; font-size: 14px; color: #333; padding-right: 10px; width: 150px; font-weight: 400; } #regBodyContent .EventPanel .head { font-weight: 400; } #regBodyContent .EntitlementContainer { color: #333; background-color: #f4ef91; text-align: center; padding: 1%; margin: 0 0 1% 0; font-weight: 400; } #divDay, #divDayL { width: 36px; color: #fff; font-weight: 400; padding: 2px 0; text-align: center } #divDate, #divDateL { width: 36px; color: #000; font-weight: 400; clear: both; text-align: center; font-size: 13px } #regBodyContent .qsf-demo-canvas ul li.ruProgressHeader { background-color: #1d4f91; color: #fff; font-size: 14px; margin: 0; font-weight: 400; } #regTechBlog .blogPostTitle { padding: 0% 1%; vertical-align: middle; font-weight: 400; font-size: 1.1em } #regTechBlog .blogDateFiled { padding: 0% .5%; float: left; height: 100%; display: block; margin-right: 2%; width: 50px; border-left: 1px solid #555; border-right: 1px solid #555; font-weight: 400; text-align: center } #divSeminarSection .Date { width: 50px; float: left; margin-right: 2%; display: block; border-left: 1px solid #555; border-right: 1px solid #555; font-weight: 400; text-align: center } #regBodyContent .OfLoc a.Buttons2 { font-size: 1.4em; font-weight: 400; padding: 10px 10px; background-color: #1d4f91 } #adminToolbarQuotes input[type=submit].Approve { background-color: green; color: #fff; padding: 4px 10px; font-size: 1.1em; font-weight: 400; } #adminToolbarQuotes input[type=submit].Reject { background-color: #1d4f91; color: #fff; padding: 4px 10px; font-size: 1.1em; font-weight: 400 } #adminToolbarQuotes input[type=text] { border: 1px solid #fff; font-weight: 400; padding: 3px 10px; width: 250px } #adminToolbarQuotes .actions { color: #fff; padding: 4px 10px 6px 10px; line-height: 32px; overflow: hidden; margin: 0 auto; font-weight: 400; font-size: 1.1em } #regBodyContent .ReadMoreButton:hover a { color: #FFF } #regBodyContent input[type=email], #regBodyContent input[type=number], #regBodyContent input[type=text], #regBodyContent input[type=password], #regBodyContent textarea { font-family: 'Open Sans', sans-serif; font-weight: 400; padding: 1%; color: #333; background-color: #fff; border: 1px solid #ccc } #regBodyContent textarea { font-weight: 400 } #regBodyContent select { -webkit-appearance: none; font-weight: 400; border: 0 !important; background-color: #fff; color: #333; padding: 4px 5px } #regBodyContent option { -webkit-appearance: none; font-weight: 400 !important; } #regBodyContent .FormDetail select { background-image: url(../../Images/downarrow.png); background-size: contain; background-position: right center; background-repeat: no-repeat; text-transform: none; -webkit-appearance: none; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 1em; border: 0 !important; background-color: #1d4f91; color: #fff; padding: 4px 5px } #regBodyContent option { font-family: 'Open Sans' !important; } input[type=submit], input[type=button] { font-family: 'Open Sans', sans-serif; } #regBodyContent .blogContent a { font-weight: normal; color: #2a24ff; } .ProdCon:hover { box-shadow: 0px 11px 18px -10px #505050; } a:hover { font-family: 'Open Sans', sans-serif; color: #1d4f91; text-decoration: none; } .VideoR { margin-left: 20px; margin-right: 15px; margin-top: 15px; float: right; } .clean { border-style: none; box-shadow: none; padding: 0px 15px 0px 0px; padding: 0px; } .LessonBox { box-shadow: 0px 11px 18px -10px #909090; border-radius: 10px; } .panel-button.active { filter: none; } .panel-button { filter: drop-shadow(1px 1px 1px #1d4f91) drop-shadow(-1px -1px 1px #1d4f91); } /*------------------------------------------ New Banner masthead CSS starts here --------------------------------------------*/ .Overlay { position: absolute; top: 0; left: 0; right: 0; background: linear-gradient(140deg, rgba(20, 10, 0, 0.55) 0%, rgba(10, 0, 0, 0.75) 100%); background-size: 200%; z-index: 1000; width: 100%; height: 100%; } #BGVideo { top: -100px; left: 0; right: 0; margin: auto; position: absolute; max-width: 1920px; width: 250%; min-width: 960px !important; filter: saturate(2.5) blur(1px); } #BGImg { top: 0; left: 0; position: absolute; } /*------------------------------------------ New Banner masthead CSS ends here --------------------------------------------*/ /* --- searchStyles --- */ #regSearchBar, #regSearchBarC { padding: 2% 1%; background-color: #1d4f91; color: #FFF; max-width: none !important } #regSearchBar .Left { float: left; color: #FFFFFF; font-size: 20px; padding: 6px 30px 6px 30px; } #regSearchBar .Right { float: right; padding: 0 0 0 0; background-color: #FFF; margin: 1% 2%; height: 40px; } #regSearchBar .Right input { width: 40px; height: 40px; } #regSearchBar .menuLinksB { float: left; width: 75%; } #regSearchBar .menuLinksB input { width: 100%; font-size: 1.5em; padding: 2%; border: none; box-shadow: none; } #regSearchBar .InputWrapper { margin: 0 auto; background: #FFF; width: 60%; border: 1px solid #FFF; border-radius: 5px; overflow: hidden; } #regSearchBar .SubNav { text-align: center; margin-top: 1% } #regSearchBar .SubNav input { margin: 0 1%; } #regSearchBar h1 { font-size: 2.2em; max-width: 50% } #regSearchBar .blogDateFiled { font-size: 1.3em; padding-top: 8px; } #regSearchBarC { background-image: none; margin: 0 auto; max-width: 500px !important; } #regSearchBarC input[type=text] { max-width: 500px; Box-shadow: 0 11px 18px -10px #909090; } .bs-container { max-width: 1250px; } /* --- carouselStyles ---*/ .carouselImg { width: 100%; height: 200px; display: flex; justify-content: center; align-items: center; } .carouselImg img { display: block; max-width: 100%; max-height: 100%; } .blog .carouselBtn { background: #3F51B5; } .blog .carouselBtn::after { content: 'READ MORE'; } .carouselBtn { background: #1d4f91; width: 140px; display: block; margin: auto auto 20px; padding: 0 12px; line-height: 30px; text-align: center; border-radius: 4px; color: #fff !important; font-weight: 400; transition: background-color 0.5s; } .carouselBtn::after { content: 'WATCH NOW'; } .carouselBtn:hover { background-color: #1d4f91; } .carouselArrow { position: absolute; top: 0; z-index: 3; height: 100%; width: 80px; background: rgba(0, 0, 0, 0.3) no-repeat center center; background-size: 18px; transition: opacity 0.3s ease-out; cursor: pointer; border-radius: 8px; opacity: 0.6 } .carouselArrow.left { left: 0; background-image: url('/Images/arrow_white_left.svg'); border-left: black; border-width: 0px 0px 0px 1px; border-style: solid; border-radius: 8px 0px 0px 8px; } .carouselArrow.right { right: 0; background-image: url('/Images/arrow_white_right.svg'); border-left: black; border-width: 0px 1px 0px 0px; border-style: solid; border-radius: 0px 8px 8px 0px; } .carouselTitle { width: 100%; padding: 10px 10px; text-align: center; line-height: 1.4; font-weight: 100; font-size: 0.9em; } .carouselText { width: 100%; padding: 10px 10px 20px; font-size: 1em; display: none; } .carouselTile { border-radius: 4px; overflow: hidden; width: 300px; border-style: solid; border-width: 1px; border-color: #cecece; margin-right: 7px; background: #fff; display: flex; flex-direction: column; } .videosCarousel, .videosCarousel * { box-sizing: border-box; } .videosCarousel:hover .carouselArrow { opacity: 0.3; } .videosCarousel .carouselArrow:hover { opacity: 1; } .videosCarousel, .lightboxCarousel { height: 260px !important; } .videosCarousel { width: 100%; clear: both; margin: 30px 0; overflow: hidden; position: relative; height: 263px; aspect-ratio: 4.43 / 1; background: transparent !important; } .carouselWrap { padding: 35px 15px 35px 35px; position: absolute; z-index: 2; top: 0; left: 0; display: flex; justify-content: space-between; align-content: center; transition: transform 0.3s ease-out; transform: translateX(0px); margin-top: 0px; } /*-----2020 grey wash ------*/ /*------2020 grey wash end ----*/ /* ---- tabsSearch ----*/ #txtsearch { border: 1px solid #FFF; border-radius: 5px; margin-right: 12px; font-size: 1.1em; position: absolute; display: none; right: 50px; width: 250px; padding: 10px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } #tabsSearch .tile {position:relative;} #tabsSearch .tile .imgWrap { height: 159px; } #tabsSearch .tile .Type { position: absolute; right: 6px; top: 6px; background-color: #FFF; border-radius: 5px; padding: 3px 6px; border: 1px solid #ccc } #tabsSearch .tile .assetTitle { padding: 8px 5px 8px 5px; white-space: nowrap; text-overflow: ellipsis; font-size: 1em; background: #565656; color: white; font-weight: 100; line-height: 1em; border-style: solid; border-width: 1px 0px 0px 0px; border-color: #232323; margin-bottom: -2%; } #tabsSearch .tile .imageDimensions { padding: 3px 5px; white-space: nowrap; font-size: 1em; color: #777; height: 25px; text-align: center; display: none; } #tabsSearch { width: 100%; clear: both; padding-top: 10px; } #tabsSearch ul.tabs { margin: 0; padding: 0 0 0 5px; width: 100%; box-sizing: border-box; list-style: none } #tabsSearch ul.tabs svg {display:none} #tabsSearch ul.tabs li { margin: 0 0 -1px 0; display: inline-block; list-style-image: none; list-style: none; background-image: none; width: 31%; box-sizing: border-box; font-size: 1.4em; padding: 15px 50px; font-weight: 400; border-radius: 10px; border-bottom: 0px solid #FFF; } #tabsSearch ul.tabs li.active { font-weight: normal; text-decoration: none; background-color: #FFF; border-bottom: 1px solid #FFF; } #tabsSearch ul.tabs li:hover { cursor: pointer; } #tabsSearch ul.tabs li img { max-width: 90px; float: left; margin-right: 15px } #tabsSearch div.info { clear: both; box-sizing: border-box; padding: 2% 5%; -webkit-transition: all .45s ease-in-out; -moz-transition: all .45s ease-in-out; -o-transition: all .45s ease-in-out; transition: all .45s ease-in-out; display: none } #tabsSearch div.info.visible { display: block; -webkit-transition: all .45s ease-in-out; -moz-transition: all .45s ease-in-out; -o-transition: all .45s ease-in-out; transition: all .45s ease-in-out; } .bs-container { max-width: 1250px; } /*-- regTopBar--*/ #regTopBar .TelUK, #regTopBar .TelIE { float: left; color: #555555; display: none; } #regTopBar .TelUK, #regTopBar .TelIE a { color: #555555; text-decoration: none } #regTopBar .TelUK { margin-right: 50px; } #regTopBar .Inner .SearchBox input[type=submit] { margin-left: 5px; cursor: pointer; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 400; padding: 8% 5px; font-size: 16px; background-color: #1d4f91 } #regTopBar .Inner { max-height: 62px; padding: 0px; } /*regWhite*/ #regWhite .blogContent h3 { font-weight: bold; color: #565656; font-size: 1.8em; margin-bottom: 5px; margin-top: 20px; } #regWhite h1 { font-size: 2.0em; } #regWhite .Inner, #regGrey .Inner, #regMySolidSolutions .Inner, #regBlue .Inner { background-color: transparent; /*padding: 0% 2% 1% 2%; font-size: 1.25em; line-height: 1.35em;*/ } #regWhite h3 a { text-decoration: underline; color: #000; } #regWhite h3 a:hover { text-decoration: underline; color: #000; } #regWhite h3 { margin-top: 8px; margin-bottom: 3px; font-size: 1.6em; font-weight: normal; color: #000; } #regWhite h4 { margin-top: 8px; font-size: 1.6em; font-weight: normal; color: #000; padding-bottom: 7px; margin-bottom: 10px; } #regWhite h5 { margin-top: 0; margin-bottom: 8px; font-size: 1.6em; font-weight: normal; color: #000; line-height: 1.1em; } #regWhite .OfLocH2 { height: 55px; VERTICAL-ALIGN: MIDDLE; text-align: left; } #regWhite .OffConH2 { height: 55px; display: TABLE-CELL; WIDTH: 1%; VERTICAL-ALIGN: MIDDLE; text-align: center; font-size: 1.4em; background-color: #5b7f95; color: #fff; } #regWhite .card-button a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; /* No underlines on the link */ z-index: 10; /* Places the link above everything else in the div */ } #regWhite .card-button a:hover { color: white; background: #565656; } /*regGrey*/ #regMySolidSolutions h2, #regGrey h2 { margin-bottom: 1%; margin-top: 1%; font-size: 1.6em; font-weight: normal; color: #000; line-height: 1.1em; text-align: center; } #regMySolidSolutions h2 a, #regGrey h2 a { color: #FFF; text-decoration: none; } #regMySolidSolutions h2 a:hover { color: #FFF; text-decoration: underline; } #regGrey h3 a { text-decoration: underline; color: #333; } #regGrey h3 a:hover { text-decoration: underline; color: #FFF; } #regGrey h3 { margin-top: 8px; margin-bottom: 3px; font-size: 1.6em; font-weight: normal; color: #333; } #regGrey h4 { margin-top: 8px; font-size: 1.6em; font-weight: normal; color: #333; padding-bottom: 7px; margin-bottom: 10px; } #regGrey h5 { margin-top: 0; margin-bottom: 8px; font-size: 1.6em; font-weight: normal; color: #333; line-height: 1.1em; } #regGrey .OfficeList { float: left; background-color: #FFF; width: 30%; margin: 1% 0 1% 7.5%; } #regGrey .OfficeList h3 { background-color: #5b7f95; color: #FFF; margin: 0; padding: 3% 2%; font-size: 1.3em; text-align: center; } #regGrey .OfficeMap { float: right; width: 45%; margin-right: 5%; margin-top: 6%; } #regGrey ul.Offices { margin: 0; padding: 3% 5%; } #regGrey ul.Offices li { padding-left: 0; font-size: 1em; padding-bottom: 3px; list-style: none; list-style-image: none; background-image: none } #regGrey #regEvenOrg h2 { margin-top: 0; margin-bottom: 0.5%; font-size: 1.3em; } #regGrey .reviewDetail { clear: both; padding: 1%; background-color: #FFF; font-size: 0.9em; } #regGrey .reviewDetail .Row { clear: both; overflow: hidden; height: auto !important; } #regGrey .reviewDetail .Row:nth-child(2n+1) { background-color: #EFEFEF; } #regGrey .OfficeList h3 { background: #565656 } #regGrey .BlogDetail .blogPostTitle { font-size: 1.2em; font-weight: 400; } #regGrey .EventCon h2 a { color: #000; font-weight: 400; } #regGrey .EventCon h2 { margin: 2% 0 0; font-weight: 400; padding: 3% 1% 0% 1%; background-color: #fff; font-size: 1em } #regGrey .EventCon a.Buttons-1 { color: #000; } #regGrey .EventCon .Buttons-1:hover { background-color: #555; color: #FFF } #regGrey .EventCon a.Buttons-1:hover { background-color: #555; color: #FFF } #regGrey .EventCon .Buttons-1 { text-align: center; border-radius: 0; font-weight: 400; background-color: #fff; width: 100%; margin-right: 2%; margin-top: 3%; display: inline-block; border: 0 solid #fff; padding: 3% 0 } #regGrey .BlogEntries h1 { text-align: center; margin: 2% } #regGrey .BlogEntries h2 { visibility: hidden; } #regGrey input[type=text], #regGrey textarea { margin-bottom: 5%; width: 45.5%; float: left; font-size: 1.2em; font-weight: 400 } #regGrey select { font-weight: 400; font-size: 1em; border: 0; background-color: #1d4f91; color: #fff; padding: 4px 5px } #regGrey .hBlogArticle { min-height: 280px; width: 24%; background-color: #FFF; border: 1px solid #ccc; cursor: pointer; border-radius: 4px; overflow: hidden; box-sizing: border-box; margin-bottom: 15px; display: flex; flex-direction: column; justify-content: space-between; } #regGrey .hBlogArticle .Img img { width: 100%; height: auto; display: block; } #regGrey .hBlogArticle .Title { padding: 15px 5px; text-align: center; font-size: 1.1em; line-height: 1.3em; } #regGrey .hBlogArticle .Title a { color: #333; font-weight: bold; text-decoration: none; } #regGrey .hBlogArticle .Content { padding: 6% 1% 0% 1%; height: 130px; overflow: hidden; text-align: center; font-size: 0.9em } #regGrey .hBlogArticle a { color: #E31837; text-decoration: none; font-weight: normal; } #regGrey .hBlogArticle .ReadMore { background-color: #1d4f91; border-radius: 3px; width: 120px; text-align: center; margin: 12px auto; font-size: 1.1em; padding: 1% 2%; text-transform: uppercase; } #regGrey .hBlogArticle .ReadMore a { color: #FFF; font-weight: 400; } #regGrey .BlogListing { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } #regGrey .BlogListingOnPage { display: flex; flex-direction: row; justify-content: space-evenly; align-items: flex-start; flex-wrap: wrap; } #regGrey .BlogListing .hBlogArticle { } #regGrey .BlogListing .hBlogArticle:nth-child(4n) { } #regGrey .hBlogArticle:nth-child(4n), #regGrey .BlogListing .hBlogArticle:nth-child(3n) { } #regGrey .OfficeList h3 { background: #565455 } #regGrey a { text-decoration: none; color: #565656; } #regGrey h2 a { font-weight: 400 } #regGrey a:hover { font-weight: 400; color: #000; text-decoration: underline; text-decoration-color: #c3c3c3; text-underline-offset: 0.2em; } #regGrey .EventCon h2 a { color: #000; font-weight: 400; } #regGrey .EventCon h2 { margin: 2% 0 0; font-weight: 400; padding: 3% 1% 0% 1%; background-color: #fff; font-size: 1em } #regGrey .EventCon .Buttons-1 { text-align: center; border-radius: 0; font-weight: 400; background-color: #fff; width: 100%; margin-right: 2%; margin-top: 3%; display: inline-block; border: 0 solid #fff; padding: 3% 0 } #regGrey .feefo_ProductName, #regGrey .feefo_ProductNameText { float: left; width: 18%; padding-left: 1%; } #regGrey .feefo_Posted, #regGrey .feefo_PostedText { width: 14%; float: left; padding-left: 1%; } #regGrey .feefo_Rating, #regGrey .feefo_RatingText { width: 15%; float: left; } #regGrey .feefo_Comment, #regGrey .feefo_CommentText { width: 49%; float: left; padding-left: 1%; } #regGrey .feefo_CommentW, #regGrey .feefo_CommentTextW { float: left; width: 70%; } #regGrey .feefo_RatingText { padding: 5px 0 5px 0; } #regGrey .feefo_CommentText { padding: 5px 0 5px 1%; } #regGrey .feefo_RatingText .Inn { max-width: 100px; margin: 5px 0 5px 0; padding: 0; background: url(../../images/ratings_star_off.svg); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4yIiBiYXNlUHJvZmlsZT0idGlueSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQoJIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzAwIDMwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBmaWxsPSIjQ0NDQ0NDIiBwb2ludHM9IjEwNy4zLDEwNC43IDE0OC44LDIxLjEgMTkyLjIsMTAzLjcgMjg0LjYsMTE3LjMgMjE5LjQsMTg0LjIgMjM1LDI3Ni4zIDE1MS4zLDIzNC45IDY4LjUsMjc4LjIgDQoJODIsMTg1LjggMTUuMiwxMjAuNSAiLz4NCjwvc3ZnPg0K'), none /*../../images/ratings_star_off.svg*/; background-size: 20px 20px; background-repeat: repeat-x; } #regGrey .feefo_RatingText .divRating { margin-bottom: 5px; background: url(../../images/ratings_star.png); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4yIiBiYXNlUHJvZmlsZT0idGlueSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQoJIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzAwIDMwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBmaWxsPSIjRjg5QjAwIiBwb2ludHM9IjEwNy4zLDEwNC43IDE0OC44LDIxLjEgMTkyLjIsMTAzLjcgMjg0LjYsMTE3LjMgMjE5LjQsMTg0LjIgMjM1LDI3Ni4zIDE1MS4zLDIzNC45IDY4LjUsMjc4LjIgDQoJODIsMTg1LjggMTUuMiwxMjAuNSAiLz4NCjwvc3ZnPg0K'), none; background-size: 20px 20px; background-repeat: repeat-x; } #regGrey .feefo_ProductNameText { padding: 5px 0 5px 1%; font-weight: 400 } #regGrey .feefo_ReviewOuter { float: left; border-bottom: solid 2px #000; clear: both; font-weight: 400; text-transform: uppercase; width: 100% } #regGrey .feefo_ProductNameText { padding: 5px 0 5px 1%; font-weight: 400 } #regGrey .feefo_PostedText { font-weight: 400; padding: 5px 0 5px 1% } #regGrey input[type=text], #regGrey textarea { margin-bottom: 5%; width: 45.5%; float: left; font-size: 1.2em; font-weight: 400 } #regGrey select { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 1em; border: 0 !important; background-color: #1d4f91; color: #fff; padding: 4px 5px } #regGrey h2 { font-weight: 400; } #regGrey .Buttons-1:hover, #regGrey .Buttons-2:hover, #regGrey .Buttons-3:hover { background-color: #555; color: #FFF } #regGrey a.Buttons-1:hover, #regGrey a.Buttons-2:hover, #regGrey a.Buttons-3:hover { color: #FFF } #regGrey .Buttons-1 { margin-top: 0%; font-weight: 400 } #regGrey .Buttons-2 { margin-top: 0%; font-weight: 400 } #regGrey .Buttons-3 { margin-top: 0%; font-weight: 400 } #regGrey .card-headingTitle { font-size: 1.2em } #regGrey .card-button a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; z-index: 10; color: #565656; } #regGrey .card-button a:hover { color: #fff; background: #565656; } #regGrey .card-button-capa a { position: absolute; width: 108%; height: 90%; top: 0; left: -8px; z-index: 10; } #regGrey .card-button-capa a:hover { color: white; background: #1d4f91; } #regGrey .capability { grid-gap: 10px; border-style: solid; border-color: #1d4f91; border-width: 1px; padding: 10px; border-radius: 8px; background: #ffffff; } #regGrey .Datagrid { border-style: solid; border-width: 1px; border-radius: 8px 8px 8px 8px; border-color: #c3c3c3; background: #fff; overflow: hidden; box-shadow: 0 5px 14px -10px #909090; box-sizing: border-box; text-align: left; font-size: 1.0em; font-weight: 400; } #regGrey .Datagrid .datagridHeader td { padding: 1%; text-transform: uppercase; border: 0; border-bottom: solid 2px #000; margin-bottom: 10px; font-size: 1.2em; color: #333; padding-right: 30px; } #regGrey .Datagrid .datagridItem td, #regBodyContent .Datagrid .datagridAlternatingItem td, #regGrey .Datagrid .EmptyDatagridMessage { padding: 1%; border: 0; background-color: #fff; color: #212121; font-size: 1em; border-bottom: 1px solid #b2b9bf; } #regGrey .Datagrid .datagridItem input[type='checkbox'] { width: 20px; height: 20px; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #555; } #regGrey .Datagrid .datagridItem td, #regBodyContent .Datagrid .datagridAlternatingItem td, #regGrey .Datagrid .EmptyDatagridMessage { padding: 1%; border: 0; background-color: #fff; color: #212121; font-size: 1em; border-bottom: 1px solid #b2b9bf; } #regGrey .Datagrid tbody > tr:nth-child(even) td { background: white; } #regGrey .CPDQuestion h2 { text-align: left; margin: 0 0 20px 0; padding: 10px 0 20px 0; border-bottom: 1px solid #333 } /* regBlue */ #regBlue .across-six .card-heading { border-color: #565656; } #regBlue { background-color: #1d4f91; margin-top: 0; padding-top: 20px; padding-bottom: 20px; } #regBlue .Inner { padding-top: 0px; padding-bottom: 0px; } #regBlue a { font-weight: 400; color: #fff; text-decoration: none; } #regBlue a:hover { font-weight: 400; color: #fff; text-decoration: none } #regBlue .NSCon:hover a { font-weight: 400 } #regBlue h2 { margin-bottom: 1%; font-size: 1.6em; font-weight: normal; margin-top: 1%; color: #FFF; line-height: 1.1em; text-align: center; } #regBlue h2 a { color: #FFF; text-decoration: none; } #regBlue h3 a { text-decoration: underline; color: #FFF; } #regBlue h3 a:hover { text-decoration: underline; color: #FFF; } #regBlue h3 { margin-top: 8px; margin-bottom: 3px; font-size: 1.6em; font-weight: normal; color: #FFF; } #regBlue h4 { margin-top: 8px; font-size: 1.6em; font-weight: normal; color: #FFF; padding-bottom: 7px; margin-bottom: 10px; } #regBlue h5 { margin-top: 0; margin-bottom: 8px; font-size: 1.6em; font-weight: normal; color: #FFF; line-height: 1.1em; } .relatedContentRed { font-weight: 400; color: white; text-align: center; font-size: 1.3em; } .RedTitle { text-align: center; background-color: #1d4f91; border-width: 2px; box-shadow: 0 5px 14px -5px #440000; } #regBlue .card-headingTitle { text-align: center; } #regBlue .card-heading { background-color: #1d4f91; } #BlueTitle { border-width: 2px; box-shadow: 0 5px 14px -5px #505050; } /*-- regBreadCrumb --*/ #regBreadCrumb { background-color: #DADADA; clear: both; border-top: 1px solid #979797; } #regBreadCrumb .Inner { background-color: #DADADA; font-size: 0.9em; height: 40px; display: flex; justify-content: space-between; } #regBreadCrumb .Inner .pSSG { text-transform: uppercase; display: flex; align-items: center; } #regBreadCrumb .Inner .pSSG svg { font-size: 2.0em; color: #1d4f91; } #regBreadCrumb .Inner .social-icons { text-transform: uppercase; display: flex; align-items: center; font-size: 2em; } .social-icons svg { color: #565656; padding-right: 20px; } /*-- regFooterMenu--*/ #regFooterMenu { color: #ffffff; background-color: #555555; font-family: 'Open Sans Condensed', Arial Narrow, sans-serif; font-weight: 100; font-size: 0.9em; text-transform: uppercase; } #regFooterMenu a { color: white; font-family: 'Open Sans Condensed', Arial Narrow, sans-serif; text-decoration: none; } #regFooterMenu a:hover { text-decoration: underline; font-family: 'Open Sans Condensed', Arial Narrow, sans-serif; } #regFooterMenu .MenuBottom { display: flex; flex-direction: row; justify-content: space-between; align-items: center; align-content: center; /*padding: 1% 0 2% 0;*/ } #regFooterMenu .Copyright { font-weight: 200; text-transform: uppercase } #regFooterMenu ul { width: 100%; margin: 0; float: none; padding: 0; border: none; } /*--- #regForm ---*/ #regForm .Control input[type=text], #regForm .Control input[type=password], #regForm3 .Control input[type=text], #regForm3 .Control input[type=password] { font-weight: 400; background-color: #dbdbdb; width: 96%; padding: 1% 2%; font-size: 1.2em; margin-bottom: 3%; border: 1px solid #dbdbdb } input[type=submit] { cursor: pointer; -webkit-appearance: none; background-color: #1d4f91; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 0; text-align: center; font-weight: 400; color: #fff; font-size: 1.5em; text-transform: uppercase; padding: 8px 16px } #regForm .FormTop { font-weight: 400 } #regForm .Label { float: left; font-weight: 400; color: #333; font-size: 1.2em; clear: left; width: 40%; text-align: right; padding-right: 2% } #regUploadFileForm { background-color: #5b7f95; min-height: 20px; width: 450px; margin: 0 auto; border: 1px solid #ccc; padding: 10px; } #regUploadFileForm .Label { text-align: right; font-size: 15px; color: rgb(255, 255, 255); font-weight: normal; vertical-align: top; padding-top: 5px; } #regUploadFileForm h2 { text-align: center; font-size: 21px; color: #FFFFFF; margin-bottom: 15px; } #regUploadFileForm input[type=text], #regCallToActionForm textarea, #regCallToActionForm select { font-size: 14px; padding: 4px; color: #333333; background-color: #FFFFFF; border: 1px solid #CCCCCC; } /*-- EVENTS --*/ .BookEvent { border-radius: 4px; padding: 2px; } #regGrey .BookEvent a { color: white; } #regEvenOrg { width: 80%; text-align: center; margin: 0 auto; padding: 2%; color: #000 } #regEvenOrg img { max-width: 160px; margin-bottom: 10% } #regEvenOrg a { color: #000 } #regEvenLoc { width: 100%; color: #FFF; clear: both; text-align: center; } #googleMap.GoogleMapContainer { clear: both; min-height: 400px; max-height: 400px; border: 5px solid #FFF; width: 100%; } .EventCon { min-height: 270px; /*max-height: 390px;*/ width: 30%; text-align: center; margin: 2% 5% 2% 0; float: left; } .EventCon:nth-child(3n) { margin-right: 0 } .EventCon img { width: 100% } .DemoBod { background-color: #FFF; padding-top: 12px; height: 200px; padding: 3%; } .EventCon .ProdTxt { height: 200px; padding: 3%; margin: 0; background-color: #FFF; } .EventCon #ctl00_ContentPlaceHolder2_btnSearch { font-size: 1em; color: #000; text-transform: none; } .EventCon #ctl00_ContentPlaceHolder2_btnSearch:hover { color: #FFF } .EventCon .Control { margin: 0 auto 20% auto; width: 183px; padding-top: 20%; } /* regCallToAction */ #regBodyContent #CallToAction a { text-decoration: none; color: #FFF; font-size: 1.5em; font-weight: normal; } #regCallToActionForm { float: right; background-color: #fff; min-height: 350px; width: 450px; margin-left: 10px; margin-right: 10px; border: 1px solid #ccc; padding: 10px; } #regCallToActionForm .Label { text-align: right; font-size: 15px; color: rgb(255, 255, 255); font-weight: normal; vertical-align: top; padding-top: 5px; } #regCallToActionForm h2 { text-align: center; font-size: 21px; color: #FFFFFF; margin-bottom: 15px; } #regCallToActionForm input[type=text], #regCallToActionForm textarea, #regCallToActionForm select { font-size: 14px; padding: 4px; color: #333333; background-color: #FFFFFF; border: 1px solid #CCCCCC; } #regCallToActionFormLeft { min-height: 50px; clear: both; width: 940px; margin-bottom: 20px; } #regCallToActionFormRight { width: 46%; float: left; min-height: 100px; } #CallToAction { clear: both; white-space: nowrap; margin: 0 auto; padding: 1%; width: 33%; margin-top: 2%; min-width: 380px; text-align: center; border: 1px solid #1d4f91; background-color: #1d4f91; } #CallToAction a:hover { color: #FFF; } #CallToAction .Act { background-image: none; padding-left: 0; } #CallToAction.Grey { border: 1px solid #555555; background-color: #555555; } #CallToAction.Blue { border: 1px solid #5b7f95; background-color: #5b7f95; } #CallToAction.Simu { border: 1px solid #5bb9c2; background-color: #5bb9c2; } #CallToAction.Data { border: 1px solid #f1ba13; background-color: #f1ba13; } #CallToAction.Tech { border: 1px solid #9b0372; background-color: #9b0372; } #CallToAction.Elec { border: 1px solid #3b5aa8; background-color: #3b5aa8; } #CallToAction.Manu { border: 1px solid #910505; background-color: #910505; } #CallToAction { border-radius: 6px; } /* --- searchStyles --- */ .ContentSearch .SearchResults { border-bottom: 1px solid #999999; padding: 0.5% 0; } .ContentSearch .SearchResults:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .ContentSearch .SearchResults .Date { font-style: italic; font-size: 0.9em; } #searchResults .Thumbnail .Bl { color: #5b7f95; font-weight: 400; text-transform: uppercase } #searchResults .Thumbnail { float: left; min-height: 390px; width: 30%; margin: 1% 5% 2% 0; } #searchResults .Thumbnail:nth-child(3n) { margin-right: 0 } #searchResults .Thumbnail .ThumbnailText a { text-decoration: none; color: #555 } #searchResults .Thumbnail .ThumbnailText { font-size: 1.2em; padding: 0 4%; text-align: center; height: 100px; display: table-cell; width: 1%; vertical-align: middle; background: #FFF; } #searchResults .Thumbnail .ThumbnailPhoto { text-align: center; height: 270px; padding: 0 4%; background: #FFF; } #searchResults .Thumbnail .Description { padding: 2% 1%; float: left; width: 98%; margin-top: 2%; background: #FFF; } #searchResults .Thumbnail img.videoImage { border: 1px solid #555555; /* max-width: 335px; */ width: 100%; max-height: 251px; display: block; } #searchResults .Thumbnail .Icon { float: left; max-width: 70px; margin-right: 7%; } #searchResults .Thumbnail .Icon img { max-width: 70px; } #searchResults .Thumbnail .Dur, #searchResults .Thumbnail .Add { float: left; margin-top: 5%; font-size: 1.1em } #searchResults .Thumbnail .Dur { margin-right: 7% } /* -- CaseStudy Styles ---*/ #regCaseStudies { margin: 0 auto } #CaseStudyListL .Item { font-weight: 400; padding-bottom: 10px; } #CaseStudyListL .ItemB { font-weight: 400; padding-top: 10px; } #CaseStudyListL .ItemBB { font-weight: 400; height: 60px } #CaseStudyListL { cursor: pointer; text-align: center; width: 30%; margin: 2% 5% 2% 0; min-height: 350px; float: left; background-color: #FFF } #CaseStudyListL:nth-child(3n) { margin-right: 0 } #CaseStudyList:nth-child(4n) { margin-right: 0 } #CaseStudyList .CaseStudyPhoto { height: 60px; } #CaseStudyListL .CaseStudyPhoto img { max-width: 100%; } #CaseStudyListL .CompanyLogo { width: 100%; height: 50px; padding-top: 10px; vertical-align: middle; text-align: center } #CaseStudyListL h2 a { color: #1d4f91; font-size: 0.7em; } #CaseStudyList { cursor: pointer; width: 22%; margin: 2% 4% 1% 0; text-align: center; padding-top: 2%; min-height: 245px; float: left; background-color: #FFF; padding-bottom: 2%; } #CaseStudyList.Low { min-height: 170px; } #CaseStudyList .Title { padding-top: 20px; height: 70px; line-height: 1.25em } #CaseStudyList .Loc { height: 40px; } #CaseStudyList .ReadMore { padding: 0 0 2% 0; } #CaseStudyList .ReadMore a { color: #555; } #CaseStudyList .ReadMore a:hover { font-weight: 400; } /* JOB CARD*/ #JobCards { margin: 0 auto; display: flex; flex-wrap: wrap; } #JobCards .Loc svg { color: red; } #JobCardList { cursor: pointer; width: 24%; margin: 5px; text-align: center; padding-top: 2%; min-height: 245px; float: left; background-color: #FFF; } .jobCard { Border-Radius: 4px; border-style: solid; border-width: 1px; border-color: #ccc; } #JobCardList .JobCardPhoto { height: 60px; } #JobCardList .Company { padding-top: 10px; font-weight: 700; } #JobCardList .Title { padding: 1%; height: 70px; line-height: 1.25em; color: #1d4f91; } #JobCardList .Loc { height: 40px; } #JobCardList .Item { font-weight: 400; padding-bottom: 10px; } #JobCardList .card-button a:hover { background: #1d4f91; color: white; } /*JOB PAGE*/ #JobPage { display: flex; } #JobPage .datePosted { font-weight: 700; color: #1d4f91; } .MainJobL { padding: 4%; text-align: left; margin: 10px; } .JobTitle { padding-top: 10px; padding-bottom: 10px; font-weight: 700; color: #565656; } .MainJobConR { } .MainJobR { padding: 4%; text-align: left; margin: 10px; } .MainJobImg { padding: 0 10%; } .MainJobImg Img { width: 100% } .MainJobTxtR { margin: 0; padding: 4%; } .MainHTCon { text-align: justify } #regGrey .MainJobTxtL { margin: 0; } #regGrey .MainJobConL h2 { margin: 0; } /* blogStyles */ .blogQuote { font-size: 1.5em; font-weight: bold; color: #1d4f91; line-height: 1.5em; } .fade-effect2 { display: block; border: none; color: white; height: 1px; background: black; background: -webkit-gradient(radial, 0% 1%, 0, 70% 50%, 60, from(#565656), to(#ffffff)); clear: both; } .blogQuote .fade-effect2 { background: linear-gradient(45deg, #1d4f91, transparent); margin-top: 10px; } .blogPDF { max-width: 300px; margin: 10px auto 20px; } #regBodyContent .BlogEntries .BlogArticle { border-bottom: 1px solid #cccccc; padding-bottom: 8px; } #regBodyContent .BlogEntries .blogPostTitle { padding-top: 5px; } #regBodyContent .BlogEntries .blogPostTitle a { font-size: 1.2em; } #regBodyContent .BlogEntries .blogDateFiled { color: Gray; padding-top: 2px; padding-bottom: 8px; } #regBodyContent .BlogEntries .blogDateFiled img { -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px; border: 1px solid #ccc; border-radius: 5px; } #regBodyContent .blogContent { line-height: 1.8em; background: #fff; margin: 0% 20%; } #regBodyContent .BlogEntries .blogNoEntries { margin-left: 15px; color: Navy; padding-top: 10px; } #regBodyContent .BlogDetail .blogFooter { padding-bottom: 5px; border-bottom: 1px solid #cccccc; } #regBodyContent .BlogDetail .blogNoEntry { margin-left: 15px; color: Navy; padding-top: 10px; } #regBodyContent .BlogEntries .SocialNetworking, #regBodyContent .BlogDetail .SocialNetworking { width: 100%; padding-top: 0; text-align: right; clear: both } /* BLOG NOV 2020 */ .BlogListingOnpage { display: flex; flex-wrap: wrap; justify-content: space-between; } #blogColumn { display: flex; justify-content: center; flex-direction: column; } #blogMainSection { display: flex; justify-content: center; } .blogTitle { border-style: solid; border-width: 0px 0px 2px 0px; border-color: #1d4f91; margin: 2% auto 2%; text-align: center; } #regWhite .blogTitle { padding-bottom: 10px; } .blogFeatures { display: grid; grid-template-columns: 12% 38% 38% 12%; } .blogDateFiled { text-align: center; padding: 25px; grid-column-start: 2; min-height: 50px; padding: 10px; } .blogDateFiled svg { margin-right: 10px; margin-left: 10px; color: #1d4f91; } .blogCatItemInside { padding: 0px; margin: 0px; background-color: #fff; border: 0px solid #565656; border-radius: 3px; display: inline-block; white-space: nowrap; } #blogMainSection { display: flex; justify-content: center; } #regBodyContent .blogCategories { width: 48%; margin-left: 2%; float: right; overflow: hidden; margin-top: -80px; } .BlogImage { margin: 20px auto 20px; max-width: 600px; width: 80%; } .BlogImage img { height: auto !important; } .blogPicture { margin: 0% 20%; } .blogIntro { margin: 0% 20%; } #BLOG h1 { font-size: 2em; padding-top: 1%; padding-bottom: 1%; text-align: center; font-weight: 500; color: #565656; } #BLOG .card-span { align-self: flex-start; } #BLOG { margin-bottom: 0px; } #BLOG .card-heading { border-color: #1d4f91; border-style: solid; border-width: 0px 0px 7px 0px; } #blogMainSection .blogCatItem { padding: 0%; margin: 5px 5px auto; background-color: #fff; color: #565656; border: 0px solid #dadada; border-radius: 3px; white-space: nowrap; } #blogMainSection .blogCatItem a { color: #565656; } #regBodyContent .blogContentShort { width: 100%; display: flex; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #ccc; } /* --- DAM Styles ---*/ #DAMSharing { overflow: hidden } #DAMSharing .intro { float: left; width: 35%; padding: 03% 3% 3%; margin-right: 2%; color: white; } #DAMSharing .StaffPic { float: left; width: 14%; text-align: center; margin-top: 2%; padding: 2%; margin-right: 2%; clear: right } #DAMSharing .StaffPic img { width: 100% } #DAMSharing .BCard { float: right; text-align: center; margin-top: 2%; } #DAMSharing .BCardR { height: 250px; width: 300px; float: left; border-radius: 0 16px 16px 0; border: 1px solid #dadada; background: white; } #DAMSharing .BCardL { height: 252px; width: 60px; float: left; background-color: #1d4f91; border-radius: 16px 0 0 16px; text-align: center; } #DAMSharing .BCard1 { float: right; width: 94%; text-align: right; padding: 10px 10px 10px 0; } #DAMSharing .BCard2 { float: left; text-align: left; padding: 0 0 10px 10px; width: 100px; } #DAMSharing .BCard3 { float: right; text-align: right; padding: 0 10px 10px 0; } #DAMWrap { width: 100%; overflow: hidden; position: relative; margin-top: 1px; } #DAMWrap, #DAMWrap *, #DAMWrap *::after, *::before { box-sizing: border-box; } #DAMWrap .row { width: 100%; clear: both; overflow: hidden; } #DAMWrap { width: 100%; overflow: hidden; position: relative; margin-top: 1px; } #DAMWrap .files { min-height: 100px; height: 700px; overflow-y: auto !important; } /* ----------------office location pages ------*/ #offLoc { display: flex; justify-content: space-between; } .offices { flex: auto; margin: 5px; } .offDetails { flex-direction: row; margin: 5px; line-height: 0px; } .off-card { display: flex; flex-direction: row; padding: 5px; } .offAdd { flex: 2; text-align: left; padding: 0.5% 1% 0.5% 7%; } .offImg { flex: 2; max-height: 304px; overflow: hidden; align-self: center; } .offMapDownload { flex: 1; max-height: 295px; max-width: 208px; padding: 5px; align-self: center; } #offLoc .card-subtitle { padding-top: 15px; } #offLoc .Buttons2 { color: #565656 !important; padding: 0px !important; } #offLoc a.Buttons2:hover { color: #fff !important; padding: 0px; } .Inn { height: 241px; width: 100%; float: inherit; vertical-align: middle; text-align: left; } .OffCon { width: 18%; text-align: center; margin: 2% 0 0 0; float: left; background-color: #FFF; } .Map { border: 1px solid #ccc; } .OffCon:nth-child(2n) { float: right; width: 41%; } a.OffImg img { } /* ------------- office location pages end -------------------- */ /*-------------------------------- PROMO POP-UP START ------------------------------*/ .PromoPopContainer { position: fixed; margin: 5% auto; top: 15%; width: 100%; display: none; height: 100%; z-index: 99999 } .PromoPop { background-image: url("https://www.solidsolutions.co.uk/Uploaded/Image/PromoModal_v1.png"); background-repeat: no-repeat; background-color: rgb(53, 12, 87); background-position: center; background-size: contain; width: 60%; margin: 0 auto; height: 400px; } .PromoPopButtonContainer { position: relative; left: 27.5%; margin: 10px; bottom: -79%; width: 50%; } .PromoPopButtons { color: #4d2188 !important; text-align: center; background-color: #ffffff; width: 40%; margin-right: 2%; margin-top: 2%; display: inline-block; border: 0px solid #FFF; padding: 3% 1%; font-weight: 600 !important; font-size: 1.2em; border-radius: 5px 5px 5px 5px; float: left; } .PromoPopButtons:hover { font-weight: 400 !important; } /*-------------------------------- PROMO POP-UP END ------------------------------*/ .mb { display: none; } #IMG-MASTHEAD { display: flex; flex-direction: column; flex-wrap: wrap; border-style: solid; border-width: 1px 0px 0px 0px; border-color: #000; height: 360px; box-sizing: border-box; background-repeat: no-repeat; background-size: auto; background-position: center; justify-content: center; align-content: center; align-items: center; } #IMG-MASTHEAD .space { display: none; } #IMG-MASTHEAD .MastheadCTA { position: relative; color: #fff; text-align: center; padding: 5px 20px; border: solid 2px; border-radius: 8px; border-color: #1d4f91; font-size: 1.5em; font-weight: 100; text-shadow: 0 0 1px #1d4f91; margin: 40px auto 0px; text-transform: uppercase; text-decoration: none; box-shadow: 5px 5px 14px -10px #909090; transition: transform 1s,background-color 1s; -webkit-transition: transform 1s,background-color 1s; z-index: 2000; font-weight: 400; background: linear-gradient(305deg, rgba(29,79,145,0) 55%, rgba(29,79,145,0.8) 55%, rgba(29,79,145,0.4)85%); background-size: 450%; animation: OverlayMove 4s ease-out; animation-fill-mode: forwards; } @keyframes OverlayMove { 0% { background-position: 100% 50% } 100% { background-position: 0% 50% } } #IMG-MASTHEAD .MastheadCTA:hover { transform: scale(1.1); transform-origin: 50% 50%; background-color: rgba(29,79,145, 1); } #IMG-MASTHEAD .masthead-container img { display: block; } #IMG-MASTHEAD .space { visibility: hidden; } #INNER-MASTHEAD { padding-top: 1%; padding-bottom: 1%; display: flex; flex-wrap: wrap; justify-content: center; align-content: stretch; flex-direction: row; font-size: 5.0rem; } #INNER-MASTHEAD img { display: none; } #INNER-MASTHEAD .MastheadCTA { display: none; } #INNER-MASTHEAD h1 { font-size: 1.0em; color: #1d4f91; font-weight: 700; text-transform: uppercase; text-align: center; flex-basis: 100%; white-space: nowrap; } #INNER-MASTHEAD h2 { font-size: 0.4em; color: #565656; letter-spacing: 4px; text-transform: uppercase; text-align: center; font-weight: 400; flex-basis: 100%; white-space: nowrap; } /*------------------------------------------ New masthead CSS ends here --------------------------------------------*/ /* bookflip icons */ .far { margin-right: 10px; } .fas { margin-right: 10px; } .fa-wrench:before { content: "\f0ad"; font-family: "Font Awesome 5 Pro"; } .fa-chevron-right:before { content: "\f054"; font-family: "Font Awesome 5 Pro"; } .fa-share:before { content: "\f064"; font-family: "Font Awesome 5 Pro"; } .ti-angle-double-left:before { content: "\f100"; font-family: "Font Awesome 5 Pro"; } .ti-close:before { content: "\f057"; font-family: "Font Awesome 5 Pro"; } .ti-angle-double-right:before { content: "\f101"; font-family: "Font Awesome 5 Pro"; } .ti-control-play:before { content: "\f04b"; font-family: "Font Awesome 5 Pro"; } .ti-menu-alt:before { content: "\f0c9"; font-family: "Font Awesome 5 Pro"; } .ti-layout-grid2:before { content: "\f00a"; font-family: "Font Awesome 5 Pro"; } .ti-zoom-in:before { content: "\f00e"; font-family: "Font Awesome 5 Pro"; } .ti-zoom-out:before { content: "\f010"; font-family: "Font Awesome 5 Pro"; } .ti-volume:before { content: "\f028"; font-family: "Font Awesome 5 Pro"; } .ti-facebook:before { content: "\f082"; font-family: "Font Awesome 5 Pro"; } .ti-google:before { content: "\f0d4"; font-family: "Font Awesome 5 Pro"; } .ti-twitter-alt:before { content: "\f081"; font-family: "Font Awesome 5 Pro"; } .ti-email:before { content: "\f199"; font-family: "Font Awesome 5 Pro"; } .far { margin-right: 10px; } .fas { margin-right: 10px; } /*------------------------------------------ Playlist starts --------------------------------------------*/ /*------------------------------------------ Playlist ends --------------------------------------------*/ /*--- editing Video PLayer ----*/ .jw-controls.jw-controls-disabled, .jw-instream, .jw-preview, .jwplayer .jw-aspect { padding-top: 56.5% !important; } .jw-state-idle .jw-controls { background-color: transparent !important; } /* --- Product Branding for button and rules ---*/ #CAD .card-button a:hover { background: #1d4f91; } #CAD .card-heading { border-color: #1d4f91; } #VIZ .card-button a:hover { background: #000000; } #VIZ .card-heading { border-color: #000000; } #VIZ .accordion-header:hover { background-color: #000; } #PDM .card-button a:hover { background: #f1ba13; } #PDM .card-heading { border-color: #f1ba13; } #PDM .accordion-header:hover { background-color: #f1ba13; } #SIM .card-button a:hover { background: #5bb9c2; } #SIM .card-heading { border-color: #5bb9c2; } #TEK .card-button a:hover { background: #9b0372; } #TEK .card-heading { border-color: #9b0372; } #TEK .accordion-header:hover { background: #9b0372; } #MAN .card-button a:hover { background: #910505; } #MAN .card-heading { border-color: #910505; } #MAN .accordion-header:hover { background: #910505; } #COL .card-button a:hover { background: #1f315d; } #COL .card-heading { border-color: #1f315d; } #PCB .card-button a:hover { background: #3b5aa8; } #PCB .card-heading { border-color: #3b5aa8; } #PCB .accordion-header:hover { background-color: #3b5aa8; } #REP .card-button a:hover { background: #cc6600; } #REP .card-heading { border-color: #cc6600; } #DRAF .card-heading { border-color: #82b74f; } #DRAF .accordion-header:hover { background: #82b74f; } #DRAF .card-button a:hover { background: #82b74f; } #SIMU .card-heading { border-color: #00176c; } #SIMU .accordion-header:hover { background: #00176c; } #SIMU .card-button a:hover { background: #00176c; } #DELM .card-heading { border-color: #ffcc00; } #DELM .accordion-header:hover { background: #ffcc00; } #DELM .card-button a:hover { background: #ffcc00; } #ENO .card-button a:hover { background: #cc6600; } #ENO .card-heading { border-color: #cc6600; } #ENO .accordion-header:hover { background: #cc6600; } /*---------------------- Section Titles Start ------------------------------- */ #regWhite .section-title, #regGrey .section-title, #regBlue .section-title { color: white; justify-content: center; margin: 10px 0 10px 0; padding: 0 10px; font-size: 1.5em; background-color: #565656; background-image: url(/uploaded/image/Cards/CardTitleBlank.png); border: 2px solid white; border-radius: 4px; box-shadow: 0 5px 14px -5px #909090; height: 70px; background-repeat: no-repeat; background-position: right; background-size: contain; display: flex; align-items: center; grid-column: -1/1; } #regBlue .section-title { background-color: #1d4f91; margin-top: 0px; } /*---------------------- Section Titles End ------------------------------- */ /*------------------------------------------ New capabilities CSS starts here --------------------------------------------*/ .card-capabilities { display: flex; align-items: center; height: 60px; flex-wrap: nowrap; justify-content: center; font-size: 0.9em; } .card-capabilitiesTitle { flex-grow: 2; font-weight: 400; color: #000; font-size: 1em; order: 2; text-align: left; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; } .card-capabilitiesImage { flex: none; order: 1; width: 65px; padding-right: 15px; margin-top: 10px; } .card-button-capa { border-width: 1px 0px 0px 0px; border-color: #ccc; max-height: 35px; min-height: 75px; line-height: 75px; position: relative; order: 2; flex: 1; left: -8px; } /*------------------------------------------ New capabilities CSS ends here --------------------------------------------*/ /*---------------------- Border Container Start ------------------------------- */ .border-container { box-shadow: 0 5px 14px -10px #909090; padding: 10px; border: solid 1px #c3c3c3; border-radius: 8px; background: #FFF; } /*---------------------- Border Container End ------------------------------- */ /*---------------------- 3DX DROP DOWNS & BACKGROUND START --------------------------------------*/ .threedx { grid-gap: 10px; border-style: solid; border-color: #1d4f91; border-width: 1px; padding: 10px; border-radius: 8px; background: #ffffff; } .roleTitle { text-transform: uppercase; color: #565656; } .roleSubTitle { padding-top: 8px; padding-bottom: 8px; } .roleBody { color: #1d4f91; } #introText { flex-direction: row; } .expRed:hover { background: #1d4f91; } .expDkBlue:hover { background: #1f315d; } .expTurq:hover { background: #288d98; } .expGreen:hover { background: #588b39; } .expOrange:hover { background: #cc6600; } .expBlue:hover { background: #255a8b; } #HeadingOne { grid-row: 1 / 5; padding: 10px; text-align: left; } #HeadingTwo { grid-row: 1 / 4; padding: 10px; text-align: left; } #HeadingThree { grid-row: 1 / 8; padding: 10px; text-align: left; } #HeadingFour { grid-row: 1 / 5; padding: 10px; text-align: left; } /*---------------------- 3DX DROP DOWNS & BACKGROUND END --------------------------------------*/ /*---------------------- LAUNCH IMAGE HOVER START --------------------------------------*/ .Launch { height: 160px; position: relative; justify-content: center; } .Inside { position: relative; color: #fff; font-weight: bolder; font-size: 1.15em; text-shadow: 0px 0px 15px #1d4f91; padding: 15px 10px; line-height: normal; transition: transform 1s, background-color 1s; -webkit-transform: transform 1s, background-color 1s; } .gLeft { background: linear-gradient(to left, rgba(29,79,145,0.0), rgba(29,79,145,1)); } .gRight { background: linear-gradient(to right, rgba(29,79,145,0.0), rgba(29,79,145,1)); } .Launch::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; filter: blur(0.5px); transition: transform 2s, filter 2s; -webkit-transform: transform 1s; } .Launch:hover .Inside { transform: scale(1.1); transform-origin: 50% 50%; background-color: rgba(29,79,145,1); } #regWhite .Launch:hover, #regGrey .Launch:hover, #regBlue .Launch:hover { text-decoration: none; } .Launch:hover:before { transform: scale(1.05); transform-origin: 50% 50%; filter: blur(1px) brightness(0.7) } /*---------------------- LAUNCH IMAGE HOVER END --------------------------------------*/ /* Floating Modal Starts*/ #divfix { display: block; bottom: 48%; right: 0; position: fixed; z-index: 3000; background-image: linear-gradient(to top right, red, #be2015); border-color: black; border-style: solid; border-width: 1px; padding: 8px; border-radius: 4px 0px 0px 4px; -webkit-perspective-origin-x: center; cursor: pointer !important; -moz-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6); -webkit-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6); box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6); text-align: center; color: white; background: #1d4f91; transition: background 1s; } #divfix:hover { background-image: linear-gradient(to top right, red, #7d140d); background: #7d140d; } .iconLeft:before { float: left; position: relative; font-size: 2.0em; top: 10px; } .iconLeft { float: left; position: relative; font-size: 2em; } .fixRight { float: left; position: relative; margin-left: 8px; } .fixheading { font-weight: 500; text-align: left; text-transform: Uppercase; } .fixbody { color: white; text-decoration: none; font-weight: 500; } .fixbody a { color: white; text-decoration: none; } /* Floating Modal Ends */ .DX { font-weight: 600; } /* ------------------ 2020 Accordion Start ------------*/ .accordion { font-size: 1rem; width: 100%; border-radius: 5px; } .accordion-header, .accordion-body { background: white; } .accordion-header { padding: 7px; cursor: pointer; font-size: 1.0em; transition: all .3s; text-align: left; padding-left: 20px; } .accordion__item { border-bottom: 1px solid #1d4f91; } .accordion__item .accordion__item { border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .accordion-header:hover { background: #1d4f91; position: relative; z-index: 5; color: white; } .accordion-body { background: #fcfcfc; color: #353535; display: none; } .accordion-body__contents { padding: 10px 20px 10px 20px; font-size: 1em; text-align: left; } .accordion__item.active:last-child .accordion-header { border-radius: 0; } .accordion:first-child > .accordion__item > .accordion-header { border-bottom: 1px solid transparent; } .accordion__item > .accordion-header::before { display: none; content: "\f300"; font-family: "Font Awesome 5 Pro"; font-weight: 400; } .accordion__item.active > .accordion-header::before { display: none; content: "\f307"; font-family: "Font Awesome 5 Pro"; font-weight: 400; } .accordion-header svg { margin-right: 20px; transition: .3s all; transform: rotate(0deg); } .accordion__item.active .accordion-header { background: #565656; color: white; } .accordion__item .accordion__item .accordion-header { background: #f1f1f1; color: #353535; } .accordion__item:nth-last-child(1) { border-bottom: none; } .accordion-header { padding-left: 3.0em; text-indent: -2.3em; } /* ------------------ 2020 Accordion End ------------*/ /*-----------------MATRIX Start---------------------------*/ #matrix-container .active .accordion-header { white-space: normal; } #matrix-container { display: flex; flex-wrap: nowrap; flex-direction: column; border-radius: 8px; overflow: hidden; margin-bottom: 20px; border: solid 1px #c3c3c3; } #matrix-container .accordion__item { border-bottom: none; } #matrix-container .accordion-body__contents { font-size: 0.85em; } #matrix-container .accordion-header, .accordion-body { background-color: transparent; color: #565656; } #matrix-container svg { color: #1d4f91; } #matrix-container > div:nth-child(odd) { background: #f9f9f9; } #matrix-container > div:nth-child(even) { background: #fff; } #matrix-container > div:nth-child(1) { padding-top: 5px; } .matrix-row { display: flex; flex-wrap: nowrap; align-items: center; line-height: 2.0em; padding: 0 10px; } .matrix-description-header { text-align: left; font-weight: 700 } .matrix-column-tick-header { text-align: center; font-weight: 700 } .matrix-description { text-align: left; } .matrix-column-tick { text-align: center; } .matrix-ten { flex: 1 0 10% } .matrix-twenty { flex: 1 0 20% } .matrix-thirty { flex: 1 0 30% } .matrix-fourty { flex: 1 0 40% } .matrix-fifty { flex: 1 0 50% } .matrix-sixty { flex: 1 0 60% } .matrix-seventy { flex: 1 0 70% } .matrix-eighty { flex: 1 0 80% } .matrix-ninety { flex: 1 0 90% } /*------------------MATRIX End----------------------------*/ /* old matrix*/ .matrix-span { text-align: center; background: #fff; overflow: hidden; display: flex; flex-direction: row; box-sizing: border-box; justify-content: center; align-items: center; border-bottom: 1px solid #1d4f91; } #regBlue .across-six { justify-content: left; } .matrix-span .accordion__item { border-bottom: 0px; } #matrix-container .green svg { color: green; } #matrix-container .silver svg { color: #999999; } #matrix-container .gold svg { color: #b2a110; } #matrix-container .platinum svg { color: #35342c; } .green { color: green; } /* old matrix end*/ /*---------------------- SLIDER GALLERY CSS START---------------------------------------*/ /* Position the image container (needed to position the left and right arrows) */ .containergal { position: relative; } /* Hide the images by default */ .mySlides { display: none; line-height: 0; } .mySlides img { width: 100%; } /* Next & previous buttons */ .prevgal, .nextgal { cursor: pointer; position: absolute; top: 40%; width: auto; padding: 22px 18px; margin-top: -26px; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; background: rgba(0,0,0,.25); background-repeat: no-repeat; background-position: center; background-size: auto; } /* Position the "next button" to the right */ .nextgal { right: 0; border-radius: 8px 0 0 8px; } .prevgal { left: 0; border-radius: 0px 8px 8px 0px; } /* On hover, add a black background color with a little bit see-through */ .prevgal:hover, .nextgal:hover { background-color: rgba(0, 0, 0, 0.6); transition: 0.5s; } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 16px 12px; position: absolute; top: 0; } /* Container for image text */ .caption-container { text-align: center; background-color: #222; padding: 2px 16px; color: white; } .rowgal:after { content: ""; display: table; clear: both; } /* Six columns side by side */ .column { float: left; width: 16.66%; display: inline-flex; } .column img { width: 100%; } /* Add a transparency effect for thumnbail images */ .demo { opacity: 0.6; } .active, .demo:hover { opacity: 1; } /*---------------------- SLIDER GALLERY CSS END---------------------------------------*/ /*---------------------- OVERLAY IMAGE START --------------------------------------*/ .Sliders { grid-gap: 10px; border-style: solid; border-color: #1d4f91; border-width: 1px; padding: 10px; border-radius: 8px; background: #ffffff; } .card-subtitle.slideroverlaytitle { color: #fff; } .slidercontainer { position: relative; background: #333; padding-top: 64.25%; background-size: cover; } .slidercontainer img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100% } .slideroverlay { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.6); overflow: hidden; width: 100%; height: 46px; transition: .5s ease; } .slidercontainer:hover .slideroverlay { height: 100%; } .slidertext { color: white; position: absolute; text-align: center; padding: 8px; padding-top: 12px; } .card-subtitle.overlaytitle { padding-bottom: 10px; color: #fff; } /*---------------------- OVERLAY IMAGE END --------------------------------------*/ /*---------------------- Card Image Icon Start ------------------------------- */ .card-icon img { height: 120px; } .across-four .card-icon img { height: 150px; } /*---------------------- Card Image Icon End ------------------------------- */ /*---------------------- Submenu Flex Sizing and Accordion Start --------------------------------------*/ .subDrop { border-radius: 0 0 4px 4px; overflow: hidden; } #regBodyContent .subDrop .subMenu { border-top: none; margin: 0; } .subDrop .accordion-header { border-style: solid; border-color: #1d4f91; border-width: 4px 0 0 0; text-align: center; background-color: #565656; color: #fff; } .subDrop .accordion-header:hover { background-color: #1d4f91; } .subFourteen li { flex-basis: 14%; } .subSixteen li { flex-basis: 16%; } .subEighteen li { flex-basis: 18%; } .subTwenty li { flex-basis: 20%; } /*---------------------- Submenu Flex Sizing and Accordion End --------------------------------------*/ /*----------------- Submenu search icon ------------------*/ /*.subMenu li:nth-child(1) { display: flex !important; FLEX-GROW: 0.1 !important; background: #f1ba17; } .subMenu svg:nth-child(1) { display: flex !important; font-size: 1.25em !important; color: white !important; } svg.svg-inline--fa.fa-f312.fa-w-18 { display: none !important; } svg.svg-inline--fa.fa-search.fa-w-16 { padding: 0px !important }*/ /*----------------- Submenu search icon End ------------------*/ /*---MySSM Elements anbd Controls */ #mySSM-login { display: flex; align-content: center; margin-top: 20px; margin-bottom: 30px; justify-content: space-between; } #myAcc { display: flex; align-content: center; margin-bottom: 30px; justify-content: space-between; } #myAcc .card-span { width: 49%; } .SubsValidated { background-color: #0a8e31; width: 96%; padding: 1% 2%; font-size: 1.2em; margin-bottom: 3%; color: #fff; border: 1px solid #dbdbdb; } #mySSM-login h5 { color: #1d4f91; font-weight: 500; font-size: 1.25em; } #regLoginTV { padding: 10px; background: #e8e8e8; overflow: hidden; box-shadow: 0 5px 14px -10px #909090; display: flex; flex-direction: column; box-sizing: border-box; flex-basis: 49%; text-align: left; } #regNotCustomer { padding: 10px; background: #e8e8e8; overflow: hidden; display: flex; flex-direction: column; box-sizing: border-box; flex-basis: 49%; text-align: left; } #regBodyContent #mySSM-login #regLoginTV .mySSMbtn { width: 50%; border-style: solid; border-radius: 4px; } #regBodyContent #mySSM-login #regNotCustomer .mySSMbtn { width: 50%; border-style: solid; border-radius: 4px; } #regBodyContent #mySSM-login #regForm .mySSMbtn { width: 50%; border-style: solid; border-radius: 4px; } #regBodyContent .mySSMbtn { width: 50%; border-style: solid; border-radius: 4px; } .mySSMforgot { margin-top: 5px; } .CPDQuestion { background: #FFF; position: fixed; top: 20%; width: 90%; left: 5%; z-index: 9999; font-size: 1.2em; } .CPDQuestion .top { padding: 20px; overflow: hidden } .CPDQuestion .bottom { background-color: #CDCDCD; padding: 20px; line-height: 1.6em; } .CPDQuestion .button { width: 150px; margin: 20px; text-align: center; text-transform: uppercase; cursor: pointer; background-color: #a9ce9a; float: left; font-weight: bold; padding: 10px } .CPDQuestion .button.No { background-color: #f8ae91 } .typed { font-size: 1.5em; text-align: center; padding: 10px; } #btnSearchC { border-width: 0px; width: 25px; height: 25px; float: right; position: relative; top: 8px; cursor: pointer } .templateSearchPanel { margin: 0 auto; min-width: 320px; overflow: hidden } .templateSearchPanel input[type=text] { margin: 5px 5%; padding: 10px; box-sizing: border-box; font-size: 1.1em; border: 1px solid #cecece; width: 90%; border-radius: 5px; } .templateSearchPanel input[type=submit] { display: none } .tvSearch #btnSearchC { float: none; position: absolute; top: 12px; right: 4px; } .tvSearch #txtsearch { top: 4px; } /*#filesList, #contentList, #blogList { background: #ededed; overflow: hidden; overflow-y: auto !important; padding: 5px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }*/ .files .tile { width: calc((25%) - (20px)); margin: 10px; background: #fff; float: left; padding-bottom: 5px; cursor: pointer; position: relative; transition: transform 0.15s ease-out; border-radius: 8px; overflow: hidden; border: 1px solid #ccc; } .files .tile::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 10px; z-index: -1; opacity: 0; transition: opacity 0.15s ease-out; } .files .tile:hover { border-color: #fff; transform: scale(1.05); } .files .tile:hover::after { opacity: 1; } .files .tile.active { border-color: #D95101; } .tile .imgWrap { background: #bbb; height: 220px; display: flex; justify-content: center; flex-direction: column; } .tile .imgWrap img { min-width: 40px; max-width: 100%; max-height: 100%; align-self: center; } .tile .assetTitle { padding: 10px 5px 3px 5px; white-space: nowrap; text-overflow: ellipsis; font-size: 1em; } .tile .fileTitle { padding: 3px 5px; white-space: nowrap; text-overflow: ellipsis; font-size: 0.9em; height: 18px; } .tile .imageDimensions { padding: 3px 5px; white-space: nowrap; font-size: 1em; color: #777; height: 20px; } .tile .assetDescription { padding: 3px 5px; font-size: 1em; font-style: italic; } .tile .starRating { padding: 3px 5px; } .tile .starRating img { margin-right: 5px; width: 11px; } .terms { text-align: center; margin-bottom: 10px; clear: both; max-width: 600px; margin: 5px auto; padding-bottom: 15px; overflow: hidden; } #regForm.EventReg #dvCaptcha { max-width: 305px; margin: 5px auto; padding-bottom: 15px; overflow: hidden; } .terms .checkbox { padding: 5px 5px 1px 5px; width: 20px; display: block; float: left; background-color: #B2B9BF } label { display: block; float: left; text-align: left; width: calc((100%) - (40px)); padding-left: 8px; } #regTopMenuBar .menuLinks li:last-child:hover { background-color: transparent } #regTopMenuBar .menuLinks ul li ul li:last-child:hover { background-color: #565656 } #regTopMenuBar .menuLinks ul li ul.thirdlevel li:last-child:hover, #regTopMenuBar .menuLinks ul li ul.thirdlevel li:hover { background-color: #1d4f91 } #regTopMenuBar .menuLinks ul li ul.thirdlevel li:last-child:hover a, #regTopMenuBar .menuLinks ul li ul.thirdlevel li:hover a { color: #FFF } .filters { padding: 10px 15px; overflow: hidden; color: #fff; } .filters .filtersContainer { margin-bottom: 6px; width: 31%; float: left; margin: 0 1% } .filtersList input[type=checkbox] { border: none; margin-right: 3px; padding: 1px } .filtersContainer .btn { height: 30px; width: 80px; line-height: 30px; background: #1d4f91; color: #fff; text-align: center; cursor: pointer; font-size: 1.1em; border-radius: 4px; } .filters .filtersTitle { padding: 5px; font-size: 1.05em; font-weight: bold; color: #1d4f91; } .filters .filtersList { padding: 5px; width: 100%; max-height: 200px; overflow: auto !important; } .filters .filtersList .row { padding: 1px 0; } .filters .filtersList input { vertical-align: middle; } .filters .alwaysVisibleContainer { display: block; } .filters .sortByList input[type="radio"] { margin: 0 0 0 3px; } #FT { display: flex; flex-direction: row; flex-wrap: wrap; } .footerColumn { flex-wrap: wrap; flex-grow: 1; padding-top: 2%; } .pdfViewer { display: none; position: relative; left: 0; top: 0; width: 100%; height: 100vh; z-index: 1000; background: #ededed; overflow: hidden; } .regNavCont { font-family: 'Open Sans', sans-serif !important; } #adminToolbar {position: fixed; bottom: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAYAAAHXptwiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MDM1QkJGNTQzMjcxMUUwQkVDNDkwQTkwNEVGMzc0NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MDM1QkJGNDQzMjcxMUUwQkVDNDkwQTkwNEVGMzc0NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCODYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PppYkfwAAAEKSURBVHjaYmQp3rCfAQmwSApwMaAIqIkLoAoISouhCAAEECMVzAAIIEa+qi0oZqADFkVhXga8ClSkhPAqAAggDGei6OZiZ8FtND8nG25JIS523JIivJy4JQXwSTLy4fYvQAAxcpRtwhtaeAOKl4OVgWzNglxs5GsW5uGgQDOe0CKomZubfM0AAUgnAxMAYBCGwezc/P/ewT5QaA4IkWLaxxnNiuWfnQLwUfjw3QAuBsuHu4xnOEEYRcyHmEUGe+WH8QUYI1vJRrIzBiUA6GMmhgGxmI2CPEWRxRwDZjHrAFnMyTZQFlOQnyiymJt9gCzmYmcdoMTFNkAWs7INUFAzswyQxU/5hQfEYgAFGxUeGXSYOAAAAABJRU5ErkJggg==') /*../images/_toolbar/tbar_bg_all.png*/; background-repeat: repeat-x; width: 100%; height: 26px; top: 0; left: 0; padding: 0; margin: 0; color: White; font-size: .9em; } #adminToolbar .version {float: right; height: 26px; color: white; text-transform: uppercase; font-weight: bold; padding: 6px 40px 0 30px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAYAAAHXptwiAAAHCElEQVRIx4WW229cVxXGf2vttc9tLp7x2GPnXqdpapLQG61oRdsIgUQfEPDES4WAB3jircADL/wTSAikquI/KBXiAQlFXNKmpGkobdOkSZza9SVxxo7tzHhuZ87hYcapnd6WtLSP9vnW+rS11/rWFnvp1TMAP5719T9d7q/avkrC/nLk6zXHvkoLOz5V4RHtV+u1Or94eq2u1QN1Fi8vE40VyZK3EXvp1TNfP1ItALw5f6dl+yoJRzbPF6YqIQuVh1vy0suvvz9WK6Lhx8TxPmzh/RtIXqNw8iqzJ1aR8m/+cgbg4Fjkv3XQqlnaxbznlfe2VwF0plZiplbie0dr1aVLrzM9lpA03uJXpw/XZ2ol7Nj+cfjXhfqNpQIBjxCVCjQqRsWf5cXHXV12jgrw0xNRXX3Ey+9sDNMnoZGExg+KH9Yt7+Ad/Ozwcj0JDRuLg2FYCp3bN6gUFe8cY3GAjichJ6bKfmb2NK1mk7DboHz0CQ5XCiq//dvVi6uXF4PqRIlStYDYTfIsx2wCK8QBjWvL3JkrI6YUj73P5EREZTxEu0GYZQqD3KNByGZP2ewrWZgj0a9fu3eUHfv5U/vqrdVrqIWIRaiPEIsIogJ/ODe/uoOzUuT3BB4Yi/zye2cITImCkNrD36A9/28QZYBQio7ew1o1CfYEj8Ue2QIB8iwlpoO4DCQHlN14qxUjAF54cHxy4fKSRC4jPnaaKAkQmhQLBaIHn6Q7WEc15kca1VUT1Iq51kox3z25r3Lxtf/I3cV1JqpFquWEufMrXDm3QU6PhaXXydNtinHCWKGI04uQ/UOsUIiJwgBjAP0eV85dhUEBUcFUcc5od6Cxvky7c4vJacOZggh7CmfHQlN58bGpicHWiohFROVJXnlr6XY3zfLdODOnewK/f2pfpdScC7KNeZxFiFMG3RY/eWJ6cmU77/71g1ubO1gNTNntE7od9NpNwriEmeKdEviAvPEuM7Uk3I210NweZqdCp7lO3tmkevgUmm6Rrn+AimKq7MZb5O8Ldjq8UqC1fIlyLHgVIMM7ZTfe4vuCTQWRYZEo4HWUScA7ZTdeY2/s+A8fPVBL20Zl8hCtZpNms4W2G2hnjWRqlqzf4DsP18d28PLM786eOT5ZiMtbrVK/2ydKAqIkIC6ErC9eZCLJSCdqCIZqjGqCtxL/u9XZsiTwTHc6pc1WDx86vNtxJSycIK1uYNrESYiqQ9VhTnnyoC9bHBqrc/NsNJo8cOoIgSl5N+e/b84hKhRn3iNJjJkjz5NnfcTdodt7myh8CA0Dj1NwkrN0ZZmsB9cuLONyweVCmsIghZWVs6jdoj+4inM55gQzbwgg5AgZKoLkILlALvRT6Kc5vRSQPqI5IhniQAdxzP5TM6QqDFTJnCMVIxVj9tljhOU67czRzhwDr2ReGJhg8UEk+OWfP9UYn2UPThTCpw+Vi0F/06XtTUAQZ4gOHTXEGeZDBi7Mz3105+6lW3c7n5fPvOkXEh4ci/0Lx6vVbmsD6TUYtLdw6hB1iFNEFXS4ilMkzwkkl+cOSPmbx4+W//jGR6ufSRzc11P3m7dhN9++fmGoKyqU6g8QlydIuy1EFDWP8wH99TkGnQ0yBESISqf5vPwWfQlx6BxudPGMfLsxT29tAfOe8ZnH6SxdYACoCCoyBAl4FaLPJfZfQuwd5oace0wgHwzwTkglA5HRfj78Cdh9wrGHOA6+mPjYRCFMYgijmLTXHjEq5JBLNuwnzYbFxkh9EKw4hTdlppb4m3e7/U8Te9uzETiVJw6USxMmUePmBoM7W9xpGvX9Tw1lwmesL3/Axsp1vBMCyeh11lALCeonYaxGmnVAlLS7xPOHfNW5MuYLXGl0WldWW9u9QZbL879/4wzAo/vLxelAk+vvfowIOO8wb5h3mHd473Cj1YLhXhAGqFM6nSU63WVEPCoewSPqEbFd3x7FQD3eeywJhy+CyWJoH/7zXTZW7zI9M0Vtssx2s4uZ+8S9I4wCbs1vsDS3Bgpf+/Y01+fOUiqOM1X/Ck4zsqwHoqg4BIc6j3NGL12gl67g9CgWBUPiwAwTwZHRmF9lbXENUUdcinn02VkunVugudke3qOCE4EMVJRBCtutDRYX38R7JfDK5MRjJIVxmtvnSQdtGCgyGkRmgvlgeMfOHCo5suNkiAi97Q5rK5u07rQRGU4vchnVkKCqpOmoqHXoojm3199hKpgmlxYqO50gCDnOgTmze/N09Gi6J9SS5SDZ8JTZJxWLDpMMVV7pp6N2u9fsMuIZCvuQMBvtC6KCPPf3xj2tPjlmhUM+T66+cUmWri7BaJgde+w4187fZChIQv2BCrPPHGYhd63l9qD71TFf7K5fD65eP49IiveK98Kxh6bop7dHba/E4XGwk4NLW9L8P6djXeofbN9yAAAAAElFTkSuQmCC') /*../images/_toolbar/tbar_logo_zarr.png*/; background-repeat: no-repeat; background-position:right top;} #adminToolbar .actionsL {float: left; width: 3px; height: 26px; margin-left: 20px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAaCAYAAAEF9tZ6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODdBNjc5OTNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODdBNjc5ODNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtChytwAAABySURBVHjaYvj//z8DEwMDQwOIYGAAcQECCESUgrjcYDGAAGKAKcFNAAQQI1AJM5DOB6ltgKuHy2MwjgAxD0AAwQ12ArG4ibAHTniAFQMEGCPYtVAA4rgAaRYgPgZ3B4pbUJxBNc5XUEghhwLIFboobgMAMrQ8Z8CMgCIAAAAASUVORK5CYII=') /*../images/_toolbar/tbar_box_end_l.png*/; background-repeat: no-repeat;} #adminToolbar .actions {float: left; height: 26px; color: Yellow; padding: 4px 10px 0 10px; font-weight: bold; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAaCAYAAAHnKs0DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODdBNjc5NTNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODdBNjc5NDNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvdpJTkAAABCSURBVHjaYvj//z8DEwMQIAiAAGJAFQMIIAYsStAIgABiBCppgDEYEDrxMwACCK6YBYhJ104eAyDA4FYMTYEGvCoAqQA9jNBT8y4AAAAASUVORK5CYII=') /*../images/_toolbar/tbar_box_bg.png*/; background-repeat: repeat-x;} #adminToolbar .actions div.text {float: left; padding: 2px 10px 0 0; vertical-align: top;} #adminToolbar .actions div.icon {float: left; padding: 0 10px 0 0; vertical-align: top;} #adminToolbar .actions a {color: white; text-decoration: none;} #adminToolbar .actionsR {float: left; width: 3px; height: 26px; margin-right: 20px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAaCAYAAAEF9tZ6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOEIwRTI0NzNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOEIwRTI0NjNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq72r5YAAABwSURBVHjaYvj//z8DEwMQIAiAAGJAFQMIIDi3FERwY1MMEEAgogiImRnBPAaGBogcXBE6gweIjwIEENxgJxCLmwGLU3ARHmDFAAEGsw0MQBw+IG0FxH+QZRBuQXEGVTgwe7iBOAvkphIgdkcOCTAAAL9RPtw480aOAAAAAElFTkSuQmCC') /*../images/_toolbar/tbar_box_end_r.png*/; background-repeat: no-repeat;} #adminToolbar .seoL {float: left; width: 3px; height: 26px; margin-left: 20px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAaCAYAAAEF9tZ6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODdBNjc5OTNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODdBNjc5ODNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtChytwAAABySURBVHjaYvj//z8DEwMDQwOIYGAAcQECCESUgrjcYDGAAGKAKcFNAAQQI1AJM5DOB6ltgKuHy2MwjgAxD0AAwQ12ArG4ibAHTniAFQMEGCPYtVAA4rgAaRYgPgZ3B4pbUJxBNc5XUEghhwLIFboobgMAMrQ8Z8CMgCIAAAAASUVORK5CYII=') /*../images/_toolbar/tbar_box_end_l.png*/; background-repeat: no-repeat;} #adminToolbar .seo {float: left; height: 26px; color: Yellow; padding: 5px 10px 0 10px; font-weight: bold; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAaCAYAAAHnKs0DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODdBNjc5NTNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODdBNjc5NDNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvdpJTkAAABCSURBVHjaYvj//z8DEwMQIAiAAGJAFQMIIAYsStAIgABiBCppgDEYEDrxMwACCK6YBYhJ104eAyDA4FYMTYEGvCoAqQA9jNBT8y4AAAAASUVORK5CYII=') /*../images/_toolbar/tbar_box_bg.png*/; background-repeat: repeat-x;} #adminToolbar .seo div.text {float: left; padding: 1px 10px 0 0; vertical-align: top;} #adminToolbar .seo div.icon {float: left; padding: 0 10px 0 0; vertical-align: top;} #adminToolbar .seo a {color: white; text-decoration: none;} #adminToolbar .seoR {float: left; width: 3px; height: 26px; margin-right: 20px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAaCAYAAAEF9tZ6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOEIwRTI0NzNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOEIwRTI0NjNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq72r5YAAABwSURBVHjaYvj//z8DEwMQIAiAAGJAFQMIIDi3FERwY1MMEEAgogiImRnBPAaGBogcXBE6gweIjwIEENxgJxCLmwGLU3ARHmDFAAEGsw0MQBw+IG0FxH+QZRBuQXEGVTgwe7iBOAvkphIgdkcOCTAAAL9RPtw480aOAAAAAElFTkSuQmCC') /*../images/_toolbar/tbar_box_end_r.png*/; background-repeat: no-repeat;} #adminToolbar .previewPageL {float: left; width: 3px; height: 26px; margin-left: 20px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAaCAYAAAEF9tZ6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODdBNjc5OTNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODdBNjc5ODNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtChytwAAABySURBVHjaYvj//z8DEwMDQwOIYGAAcQECCESUgrjcYDGAAGKAKcFNAAQQI1AJM5DOB6ltgKuHy2MwjgAxD0AAwQ12ArG4ibAHTniAFQMEGCPYtVAA4rgAaRYgPgZ3B4pbUJxBNc5XUEghhwLIFboobgMAMrQ8Z8CMgCIAAAAASUVORK5CYII=') /*../images/_toolbar/tbar_box_end_l.png*/; background-repeat: no-repeat;} #adminToolbar .previewPage {float: left; height: 26px; color: Yellow; padding: 5px 10px 0 10px; font-weight: bold; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAaCAYAAAHnKs0DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODdBNjc5NTNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODdBNjc5NDNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvdpJTkAAABCSURBVHjaYvj//z8DEwMQIAiAAGJAFQMIIAYsStAIgABiBCppgDEYEDrxMwACCK6YBYhJ104eAyDA4FYMTYEGvCoAqQA9jNBT8y4AAAAASUVORK5CYII=') /*../images/_toolbar/tbar_box_bg.png*/; background-repeat: repeat-x; text-transform: uppercase } #adminToolbar .previewPageR {float: left; width: 3px; height: 26px; margin-right: 20px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAaCAYAAAEF9tZ6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOEIwRTI0NzNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOEIwRTI0NjNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq72r5YAAABwSURBVHjaYvj//z8DEwMQIAiAAGJAFQMIIDi3FERwY1MMEEAgogiImRnBPAaGBogcXBE6gweIjwIEENxgJxCLmwGLU3ARHmDFAAEGsw0MQBw+IG0FxH+QZRBuQXEGVTgwe7iBOAvkphIgdkcOCTAAAL9RPtw480aOAAAAAElFTkSuQmCC') /*../images/_toolbar/tbar_box_end_r.png*/; background-repeat: no-repeat;} #adminToolbarQuotes {position: fixed; bottom: 0; background-color: #808080; width: 100%; height: 40px;left: 0; padding: 0; margin: 0; color: White; font-size: 1em; text-transform: uppercase } #adminToolbarQuotes .version {float: right; height: 40px; color: white; text-transform: uppercase; font-weight: bold;line-height: 40px; padding-right: 20px; } #adminToolbarQuotes input[type=submit].Approve {background-color: green; color: #FFF; padding: 4px 10px; font-size: 1.1em; font-family: '3dsweb'} #adminToolbarQuotes input[type=submit].Reject {background-color: #1d4f91; color: #FFF; padding: 4px 10px; font-size: 1.1em;font-family: '3dsweb'} #adminToolbarQuotes input[type=text] {border: 1px solid #fff; font-family: '3dsweb'; padding: 3px 10px; width: 250px;} #adminToolbarQuotes .actions { color: #FFF; padding: 4px 10px 6px 10px; line-height: 32px; overflow: hidden; margin: 0 auto; font-family: '3dsweb'; font-size: 1.1em;} #adminToolbarQuotes .actions div.text {float: left; padding: 2px 10px 0 0; vertical-align: top;} #adminToolbarQuotes .actions div.icon {float: left; padding: 0 10px 0 0; vertical-align: top;} #adminToolbarQuotes .actions a {color: white; text-decoration: none;} #adminToolbarQuotes .previewPageL {float: left; width: 3px; height: 26px; margin-left: 20px; } #adminToolbarQuotes .previewPage {float: left; height: 26px; color: Yellow; padding: 5px 10px 0 10px; font-weight: bold; } #adminToolbarQuotes .previewPageR {float: left; width: 3px; height: 26px; margin-right: 20px;} #devToolbar { position: fixed; bottom: 0; background-repeat: repeat-x; background-color: #ff6a00; overflow: hidden; width: 100%; height: 32px; line-height: 32px; left: 0; padding: 0; margin: 0; color: White; font-size: 1.1em; font-family: 'Ubuntu','3dsweb',Helvetica,Arial,sans-serif; font-weight: lighter; } #devToolbar .LHS { float: left; width: 50%; text-align: left; } #devToolbar .RHS { float: right; color: #FFF; width: 50%; text-align: right; } #adminToolbarQuotes input[type=submit].Approve { background-color: green; color: #fff; padding: 4px 10px; font-size: 1.1em; font-family: 'Ubuntu','3dsweb',Helvetica,Arial,sans-serif; font-weight: lighter; } #adminToolbarQuotes input[type=submit].Reject { background-color: #1d4f91; color: #fff; padding: 4px 10px; font-size: 1.1em; font-family: 'Ubuntu','3dsweb',Helvetica,Arial,sans-serif; font-weight: lighter } #adminToolbarQuotes input[type=text], #adminToolbarQuotes input[type=email] { border: 1px solid #fff; font-family: 'Ubuntu','3dsweb',Helvetica,Arial,sans-serif; font-weight: lighter; padding: 3px 10px; width: 250px } #adminToolbarQuotes .actions { color: #fff; padding: 4px 10px 6px 10px; line-height: 32px; overflow: hidden; margin: 0 auto;float: left; font-family: 'Ubuntu','3dsweb',Helvetica,Arial,sans-serif; font-weight: lighter; font-size: 1.1em } #regForm.Payment h3, #divPaymentSection h3 {background-color: #999999; color: #fff; padding: 8px 5px;} #regBodyContent #regForm h2 {margin-bottom: 2%;} #regBodyContent #regForm { width: 46%; padding: 2%; float: right; background-color: #DADADA } #regBodyContent #regFormContent { width: 45%; float: left;} #regForm .Label { float: left; font-family: 'Open Sans'; color: #333; font-size: 1.2em; line-height: 39px; margin-bottom: 1%; clear: left; width: 40%; text-align: right; padding-right: 2% } #regForm .Control { float: right; margin-bottom: 1%; width: 58% } #regForm .Control input[type=text], #regForm .Control input[type=email], #regForm .Control select, #regForm .Control input[type=password], #regForm3 .Control input[type=text], #regForm3 .Control input[type=password] { font-family: 'Open Sans'; font-weight: 400; background-color: #DBDBDB; width: 96%; padding: 1% 2%; font-size: 1.2em; margin-bottom: 3%; border: 1px solid #DBDBDB } #regGrey input[type=text], #regGrey textarea { margin-bottom: 5%; width: 45.5%; float: left; font-size: 1.2em; font-family: 'Open Sans' !important; font-weight: 400; } #regGrey input[type=email], #regGrey textarea { margin-bottom: 5%; width: 45.5%; float: left; font-size: 1.2em; font-family: 'Open Sans' !important; font-weight: 400; }egGrey select { background-image: url(../../Images/downarrow.png); background-size: contain; background-position: right center; background-repeat: no-repeat; text-transform: none; -webkit-appearance: none; font-family: 'Open Sans'; font-weight: 400; font-size: 1em; border: 0 !important; background-color: #d6291c; color: #FFF; padding: 4px 5px; } .SubscribeCheck, .regSubscribe { padding: 5px 5px 1px 5px; width: 20px; margin: 0 auto; background-color: #DADADA } #regBodyContent #regForm.Checkout { width: 96%; padding: 1% 2%; float:none; max-width: 800px; margin: 1% auto; } #regBodyContent #regForm.Checkout .Label {line-height: 40px; height: 40px; margin-bottom:1%} #regBodyContent #regForm.CTA select:focus { color: #333 } #regBodyContent #regLoginTV input[type=text], #regBodyContent #regLoginTV input[type=password] , #regNotCustomer input[type=text], #regNotCustomer input[type=password] ,#regBodyContent #regForm3 input[type=text],#regBodyContent input[type=text],#regBodyContent input[type=email],#regBodyContent input[type=number], #regBodyContent input[type=password],#regBodyContent #regForm textarea { margin-bottom: 3%; width: 45.5%; float: left; font-size:1.2em;} #regBodyContent #regForm.CTA select { margin-bottom: 3%; width: 47.5%; float: left; padding: 1%; font-size:1.2em;color: #CCC;} #regBodyContent #regLoginTV input[type=text],#regBodyContent input[type=text],#regBodyContent input[type=text] { margin-right: 4% } #regBodyContent #regLoginTV input[type=text]:nth-child(2n),#regBodyContent input[type=text]:nth-child(2n) {margin-right: 0} #regBodyContent #regForm.CTA input[type=checkbox], .dynamicForm input[type=checkbox] { width: 20px; height: 20px; border-radius: 5px; background-color: #FFF; position: relative; border-radius: 3px; border: 1px solid #333; -webkit-appearance: none; } #regBodyContent #regForm.CTA input[type=checkbox]:checked, .dynamicForm input[type=checkbox]:checked { background: #85b358; } #regBodyContent #regForm.CTA input[type=checkbox]:checked:after, .dynamicForm input[type=checkbox]:checked:after { content: '✓'; display: inline-block; position: absolute; color: #333; font-weight: bolder; font-size: 30px; top: -16px; } #regBodyContent #regForm.Checkout input[type=text], #regBodyContent #regForm.Checkout input[type=email], #regBodyContent #regForm.Checkout select { width: 90%; background-color: #FFF; margin-bottom: 1% } #regBodyContent #regForm.AccountRegister { margin: 0 auto; margin-bottom: 2%; float: none; } #regBodyContent #regLoginTV input[type=text], #regBodyContent #regLoginTV input[type=password] {width: 96%; clear: both;} #regBodyContent #regLoginTV input[type=submit] { text-align: center; width: 98%; padding: 1% 2%} #regBodyContent #regLoginTV.SeatID {height: auto; margin:0 auto; margin-bottom: 2%; float: none;} #regBodyContent #regForm3 select{width: 101.5%; max-width: 365px;} #regBodyContent #regForm.Checkout select { max-width: none; width: 94.5%; -webkit-appearance:menulist; } #regBodyContent #regForm .Validator { float: left; clear: right; width: 10%; } #regBodyContent #regForm .Three { width: 83%; clear: both; max-width: 620px;padding-top: 0;} #regBodyContent #regForm .B { margin-right: 12%; float: left; text-align: right} .validationSummary {color: red;} /*Password Tool CSS */ #regForm #password_description { font-size: 10px; font-style: italic; } #regForm #password_strength { height: 27px; display: block; } #regForm #password_strength_border { width: 100%; height:27px; border: 1px solid #DBDBDB; margin-bottom: 3%} #regForm .strength0 { width: 100%; background: #DBDBDB; } #regForm .strength1 { width: 40%; background: #ff0000; } #regForm .strength2 { width: 60%; background: #56e500; } #regForm .strength3 { background: #399800; width: 80%; } #regForm .strength4 { background: #4dcd00; width: 100%; } #regBodyContent #regForm input[type=submit].Secure {background-image: url(../Images/template/Secure.svg); background-repeat: no-repeat; background-size: contain; padding-left: 40px; background-position: 10px center} #regBodyContent #regLoginTV *:focus,#regBodyContent *:focus { outline: none; } #regBodyContent #regLoginTV .required_notification ,#regBodyContent .required_notification { color: #d45252; margin: 5px 0 0 0; display: inline; float: right; clear: both; height: 25px; width: 100%; text-align: right; } #regBodyContent #regLoginTV input[type=password]:focus, #regBodyContent #regLoginTV input[type=text]:focus,#regBodyContent input[type=text]:focus,#regBodyContent input[type=email]:focus,#regBodyContent input[type=number]:focus,#regBodyContent input[type=password]:focus,#regBodyContent textarea:focus {} #regBodyContent #regLoginTV input,#regBodyContent input,#regBodyContent textarea { -moz-transition: padding .25s; -webkit-transition: padding .25s; -o-transition: padding .25s; transition: padding .25s; } #regBodyContent #regForm input[type=submit].buttonLP {width: 100%;} #regBodyContent #regLoginTV input:required,#regBodyContent select:required,#regBodyContent input:required,#regBodyContent textarea:required { background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpQTFRF+M7O6Wxt+djY63Z3/vX18qeo7ICA++Hi/Ovr75OU8Z2e7omK6GJj////SyXd4gAAAEtJREFUeNqczksKgEAMA9D0Nx/N3P+6uqplQBC7fIGkWNvhM2jfgGeFO7ZYGAmNZk0YCQOTDPjT0WVK81Jq4sqjgGvu4f/r73AJMAA5UgvJnpeyCQAAAABJRU5ErkJggg==') /*../images/forms/red_asterisk.png*/ no-repeat 98% 10px; } #regBodyContent #regLoginTV input[type=password]:focus:invalid, #regBodyContent #regLoginTV input[type=text]:focus:invalid,#regBodyContent select:focus:invalid,#regBodyContent input[type=text]:focus:invalid,#regBodyContent input[type=email]:focus:invalid,#regBodyContent input[type=number]:focus:invalid,#regBodyContent input[type=password]:focus:invalid,#regBodyContent textarea:focus:invalid { /* when a field is considered invalid by the browser */ background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUpJREFUeNpivBIUxEAJYMIhngnEB4D4PxLeBcQJhAxQhGqcBsT2aHKuQDwfiLcDsTQ2A3SB+CqyRmY+PgYmDg4wjQQ8gPgSEKsgG8AGxOuAmBNZJYugIAOPlRUDm7g4usuFgHg1yA6YAckwE5EBt64ug2x2NgOPtTW2cDIA4kCYAVF4g5qREZdMAhOS/zHA70+fGP7+B0bA16+4DNCFGcCPTfbv+/cMf37+ZPj98SMuA/hhBrzGJvsHaMCHrVsZfj16hMuA1zADLmNNZcAo/PvlC8N/3GFwGWbAAmyyXJqaDJLx8Qx85ua4DJgLM2AZEJ/FCMQXLxi+XL7M8OvhQ2yaDwLxVkakzARKxseAWAIl+kCxAKMRABQoJshhAAL3gRjk1uNwEZgmVM37oOrAAc+C5iyQyVZA7A3NeYrQNAIK5JvQsNqNrAEgwAAO6VaUCoOyHgAAAABJRU5ErkJggg==') /*../images/forms/invalid.png*/ no-repeat 95% center; box-shadow: 0 0 5px #d45252; border-color: #b03535; } #regBodyContent #regForm textarea {width: 98%; } #regBodyContent #regLoginTV input:required:valid,#regBodyContent select:required:valid,#regBodyContent input:required:valid,#regBodyContent textarea:required:valid { /* when a field is considered valid by the browser */ background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASdJREFUeNpiibkQzEAJYMIhngnEB4D4PxI+ABXHa4AiVOE0ILZHk7OHih+AqgMDFiQFckB8Hoj5CbjaHqpOD4gfIbtgPhGaYYAfqh7uhVggdiIx/EDqY2EGJBBS3SFXxNAqm4sunAAzwBif5na5AgYJbisGZkZ2dCljkAHM6H5frL+GYbb6QjC7VTabQZrPhuH518MMFY96MMICZMBfIH6NLBp7MQQo+J1hoc4aBhl+R4YnHw8xVD6aiM1xr2FeuIkuk3Ezg+Hnnw8Mzz4eZah6PAmX727C0sFcILZBl027kUIobOfCXLAYiC+QGI0g9YthBoDCIRQ9LPCA11D1f5FT4h0gtiLCJReg6u5gy0wgQUMgjgbiTUD8FCr+FMqPhsrfgWkACDAAdeFJlrFXYEcAAAAASUVORK5CYII=') /*../images/forms/valid.png*/ no-repeat 95% center; box-shadow: 0 0 5px #5cd053; /*border-color: #28921f;*/ border:1px solid #28921f !important } #regBodyContent #regLoginTV.form_hint,#regBodyContent .form_hint { background: #d45252; color: white; margin-left: 8px; padding: 1px 6px; z-index: 999; /* hints stay above all other elements */ position: absolute; /* allows proper formatting if hint is two lines */ display: none; } #regBodyContent #regForm .SubmitButton {text-align: right; clear: both;} #regBodyContent #regLoginTV .form_hint::before,#regBodyContent .form_hint::before { content: "\25C0"; /* left point triangle in escaped unicode */ color: #d45252; position: absolute; top: 1px; left: -6px; } #regBodyContent #regLoginTV input:focus + .form_hint,#regBodyContent input:focus + .form_hint { display: inline; } #regBodyContent #regLoginTV input:required:valid + .form_hint,#regBodyContent input:required:valid + .form_hint { background: #28921f; } /* change form hint color when valid */ #regBodyContent #regLoginTV input:required:valid + .form_hint::before,#regBodyContent input:required:valid + .form_hint::before { color: #28921f; } /* change form hint arrow color when valid */ #regBodyContent #regLoginTV :-moz-placeholder,#regBodyContent :-moz-placeholder { color: lightgray; } #regBodyContent #regLoginTV ::-webkit-input-placeholder,#regBodyContent ::-webkit-input-placeholder { color: lightgray; } /* RESPONSIVE: MOBILE FRIENDLY FORM LAYOUT */ select.unselected{ color: gray; } select{ color: black; } #regBodyContent .Buttons2, #regBodyContent input[type=submit].Buttons, .SubmitButton, .GenericButton { padding: 5px 5px; color: #ffffff; /*background-color: #5b7f95;*/ border: 1px solid transparent; position: relative; } #regBodyContent a.Buttons2 { font-size: 16px; } .SubmitButton, .GenericButton { text-align: center; /*width: 180px; float: right;*/ } .GenericButton { background-color: #808080; color: #FFF; border: 1px solid #808080; float: left } #divPopup .SubmitButton { -webkit-appearance: none; float: right; background-color: #1d4f91; } #regBodyContent .Buttons2:hover, #regBodyContent input[type=submit].Buttons:hover { background-color: #1d4f91; text-decoration: none; cursor: pointer; } #regBodyContent a.Buttons2:hover { color: #ffffff; text-decoration: none; } #regBodyContent .Buttons:hover { background-color: #1d4f91; text-decoration: none; } #regBodyContent a.Buttons:hover { color: #ffffff; text-decoration: none; } #regBodyContent a.Buttons { padding: 5px 5px; color: #ffffff; /*background-color: #5b7f95;*/ border: 1px solid transparent; text-decoration: none; } input[type=button], input[type=submit], input[type=email], input[type=text], input[type=password], textarea { -webkit-appearance: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 3px; border-style: solid; border-width: 1px; border-color: #ccc; } /* Button styles */ #regEnterDetails input[type=text], #regEnterDetails input[type=email] { width: 50% !important; float: none !important } /*-webkit-appearance:none; - This is crucial to stop apple devices changing the style of the button */ input[type=submit], input[type=button], #divPopupAdminShare input[type=submit] { cursor: pointer; -webkit-appearance: none; background-color: #1d4f91; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 0; text-align: center; color: #FFF; font-size: 1.5em; text-transform: uppercase; padding: 8px 16px; } #divPopupAdminShare input[type=submit] { width: auto !important } #regForm.CTA input[type=submit], #regForm.CTA input[type=button] { width: 100%; } #regBodyContent #regForm input[type=submit].Login { font-size: 0.9em; color: #FFF; background-color: #4C5051; padding: 3% 5%; } #regBodyContent input[type=email], #regBodyContent input[type=number], #regBodyContent input[type=text], #regBodyContent input[type=password], #regBodyContent textarea { font-weight: 400; padding: 1%; color: #333333; background-color: #FFFFFF; border: 1px solid #CCCCCC; } textarea { font-weight: 400; font-family: 'Open Sans', sans-serif !important; font-size: 1.0em; } #secNewTicket input[type=text], #secNewTicket textarea, #regBodyContent #secNewTicket select, #secOnlineSupport input[type=text], #secOnlineSupport textarea, #regBodyContent #secOnlineSupport select { margin-bottom: 2%; width: 98%; -webkit-appearance: none; border: 1px solid #CCC !important; padding: 1%; font-size: 14px; } #regBodyContent #secNewTicket select { padding: 1%; width: 100% } #secOnlineSupport .locked input[type=text], #secOnlineSupport .locked textarea, #regBodyContent #secOnlineSupport .locked select { background-color: #CCC; border: 1px solid #565656 !important; } #secOnlineSupport ::placeholder { color: #565656; font-style: italic; } #regBodyContent input[type=text]:focus, #regBodyContent input[type=password]:focus, #regBodyContent textarea:focus { border-color: rgba(82, 168, 236, 0.8); outline: thin; outline-style: dotted; outline-color: invert; -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075), 0px 0px 8px rgba(82, 168, 236, 0.6); -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075), 0px 0px 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075), 0px 0px 8px rgba(82, 168, 236, 0.6); } #regBodyContent input[type=checkbox], #regBodyContent input[type=radio] { border: 1px solid #757575; } #regBodyContent input[type=checkbox] #regBodyContent select { -webkit-appearance: none; font-weight: 400; border: 0 !important; background-color: #FFFFFF; color: #333333; padding: 4px 5px; } #regBodyContent option { -webkit-appearance: none; font-weight: 400; } #regBodyContent .FormDetail select { background-image: url(../../Images/downarrow.png); background-size: contain; background-position: right center; background-repeat: no-repeat; text-transform: none; -webkit-appearance: none; font-weight: 400; font-size: 1em; border: 0 !important; background-color: #1d4f91; color: #FFF; padding: 4px 5px; } #regBodyContent .FormDetail { text-transform: uppercase; } select { -webkit-appearance: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } input[type=checkbox] { border: none; } input[type=radio] { border: none; } div.chk { margin-bottom: 10px; clear: both; text-align: left; } div.chk input[type=checkbox] { float: left; } div.chk label { padding-left: 10px; display: table-cell; } /*Password Tool CSS */ #password_description { font-size: 10px; font-style: italic; } #password_strength { height: 10px; display: block; } #password_strength_border { width: 160px; height: 10px; border: 1px solid black; } .strength0 { width: 160px; background: #cccccc; } .strength1 { width: 40px; background: #ff0000; } .strength2 { width: 80px; background: #56e500; } .strength3 { background: #399800; width: 120px; } .strength4 { background: #4dcd00; width: 160px; } /* 2021 edits*/ input[type=button], input[type=text], input[type=password], input[type=email] { font-family: 'Open Sans', sans-serif !important; -webkit-appearance: none; box-shadow: 0 0 3px #617fbb; border: 1px solid #415595; -moz-border-radius: 0; -webkit-border-radius: 0; font-size: 1.0em; margin-bottom: 1%; margin-right: 1%; width: 97%; float: left; padding: 5px; border-radius: 3px 3px 3px 3px; } input[type=submit] { font-family: 'Open Sans', sans-serif !important; cursor: pointer; -webkit-appearance: none; background-color: #415595; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; width: 100%; border: 0; text-align: center; color: #fff; font-size: 1.5em; text-transform: uppercase; padding: 8px 16px; border-radius: 5px 5px 5px 5px; } input[type=textarea] { font-family: 'Open Sans', sans-serif !important; font-weight: 400; color: #fff; font-size: 1.5em; } /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * * Version: 1.3.1 (05/03/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } * html #fancybox-loading { /* IE6 */ position: absolute; margin-top: 0; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('fancybox.png'); } #fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; } * html #fancybox-overlay { /* IE6 */ position: absolute; width: 100%; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #FFF; } #fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background-image: url('fancybox.png'); background-position: -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox_error { color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0; } #fancybox-content { height: auto; width: auto; padding: 0; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; } #fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; } #fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; } .fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold; } .fancybox-title-over { color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('fancy_title_over.png'); display: block; } #fancybox-title-wrap { display: inline-block; } #fancybox-title-wrap span { height: 32px; float: left; } #fancybox-title-left { padding-left: 15px; background-image: url('fancybox.png'); background-position: -40px -90px; background-repeat: no-repeat; } #fancybox-title-main { font-weight: bold; line-height: 29px; background-image: url('fancybox-x.png'); background-position: 0px -40px; color: #FFF; } #fancybox-title-right { padding-left: 15px; background-image: url('fancybox.png'); background-position: -55px -90px; background-repeat: no-repeat; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancy-bg-n { top: -20px; left: 0; width: 100%; background-image: url('fancybox-x.png'); } #fancy-bg-ne { top: -20px; right: -20px; background-image: url('fancybox.png'); background-position: -40px -162px; } #fancy-bg-e { top: 0; right: -20px; height: 100%; background-image: url('fancybox-y.png'); background-position: -20px 0px; } #fancy-bg-se { bottom: -20px; right: -20px; background-image: url('fancybox.png'); background-position: -40px -182px; } #fancy-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('fancybox-x.png'); background-position: 0px -20px; } #fancy-bg-sw { bottom: -20px; left: -20px; background-image: url('fancybox.png'); background-position: -40px -142px; } #fancy-bg-w { top: 0; left: -20px; height: 100%; background-image: url('fancybox-y.png'); } #fancy-bg-nw { top: -20px; left: -20px; background-image: url('fancybox.png'); background-position: -40px -122px; } /* IE */ #fancybox-loading.fancybox-ie div {background-color: #333; back\ground-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='~/js/fancybox/fancy_loading.png', sizingMethod='scale'); } .fancybox-ie #fancybox-close { background-color: #333; back\ground-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='~/js/fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-over { background-color: #333; back\ground-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='~/js/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie #fancybox-title-left { background-color: #333; back\ground-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='~/js/fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-main { background-color: #333; back\ground-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='~/js/fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-right { background-color: #333; back\ground-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='~/js/fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie #fancybox-left-ico { background-color: #333; back\ground-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='~/js/fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-right-ico { background-color: #333; back\ground-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='~/js/fancybox/fancy_nav_right.png', sizingMethod='scale'); } /* .fancybox-ie .fancy-bg { background-color: #333; back\ground-color: transparent; }*/ .fancybox-ie #fancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='~/js/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='~/js/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='~/js/fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='~/js/fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='~/js/fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='~/js/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='~/js/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='~/js/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); } .cd-container { width: 90%; max-width: 768px; margin: 2em auto; } .cd-container::after { /* clearfix */ content: ''; display: table; clear: both; } .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 10px; right: 10px; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: #d6291c url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iOCwyLjggMTYsMTAuNyAxMy42LDEzLjEgOC4xLDcuNiAyLjUsMTMuMiAwLDEwLjcgIi8+DQo8L3N2Zz4NCg==') /*../../images/cd-top-arrow.svg*/ no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; -o-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; -o-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5; } .no-touch .cd-top:hover { background-color: #d6291c; opacity: 1; } @media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; } } @media only screen and (min-width: 1024px) { .cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; } } /* media queries only in here for now */ @media (max-width: 1550px) { .files .tile { width: calc((25%) - (20px)); } } @media (max-width: 1350px) { .files .tile { width: calc((33.3333%) - (20px)); } } @media (max-width: 1100px) { .files .tile { width: calc((50%) - (20px)); } } @media (max-width: 1400px) { #divfix { bottom: 1%; } #divfixMenu { display: none !important;} } @media (max-width: 1350px) { #regHeader .Inner { max-width: 90%; margin: 0 auto; } #regWhite .Inner, #regGrey .Inner, #regBlue .Inner { padding: 0% 2% 0% 2%; } } @media (max-width: 1200px) { #JobCardList { width: 32%; } #regGrey .hBlogArticle { width: 32%; } } @media (max-width: 1100px) { #regTopMenuBar .menuLinks ul li ul.Show, #regTopMenuBar .menuLinks ul li ul li ul.Show { left: 10px; } #regTopMenuBar .menuLinks ul li:hover ul { left: 10px; } #regTopMenuBar .menuLinks ul li ul li ul li, #regTopMenuBar .menuLinks ul li ul li ul li.selected { background: #da291c; } #regTopMenuBar .menuLinks ul li ul li ul li a, #regTopMenuBar .menuLinks ul li ul li ul li a.selected { color: #fff; margin: -13px; } #regTopMenuBar .menuLinks ul li ul li ul li a:hover { color: #555555; } #regBodyContent .blogCategories { margin-top: 10px; width: 100% } #regBodyContent .blogContentShort { width: 100%; height: auto } #regSearchBar h1 { max-width: none } #CaseStudyListL { width: 32%; margin-right: 2% } .EventCon { width: 32%; margin-right: 2% } .OfLoc { width: 33%; margin-right: 0%; } #DAMSharing .StaffPic { margin-left: 10%; width: 20%; } #DAMSharing .BCard { margin-right: 2%; clear: right } #DAMSharing .intro { width: 50% } } @media (max-width: 1024px) { #regFooterMenu ul { width: 22%; margin: 0 2% 0 2%; } #regFooterMenu ul:nth-child(4) { margin: 0; } #regFooterMenu ul:nth-child(3) { margin-left: 0; } #regFooterMenu ul:nth-child(2) { margin-left: 0; } #regFooterMenu .MenuLinks { padding-left: 1% } #regGrey .OfficeMap { display: none; } #regGrey .OfficeList { width: 80%; margin: 0 10%; text-align: center; } #regTechBlog { width: 60%; float: left } #regQuickLinks { width: 35%; float: right } #regDemoSchedule #divMapSection img { width: 80%; } .cd-top { height: 60px; width: 60px; left: 30px; bottom: 30px; } } @media (max-width: 1000px) { .across-four { grid-column: span 6; } .across-eight { grid-column: span 6; } .across-five {grid-column: span 6;} .across-seven {grid-column: span 6;} .flex-row-gap { grid-row-gap: 10px; } #regHeader .Inner { max-width: 87%; margin: 0 auto; } .swks-logo { display: none; } } @media (max-width: 960px) { #regSearchBarC { display: none } #regBodyContent #mySSM-login #regNotCustomer .mySSMbtn { width: 100%; } #regBodyContent #mySSM-login #regLoginTV .mySSMbtn { width: 100%; } #regBodyContent .FormDetail div { clear: both; margin-bottom: 2%; width: 100%; margin-right: 0; } #regBodyContent .FormDetail div select { width: 100%; padding: 1%; } #regBodyContent .FormDetail .Label { clear: both; width: 98%; } #regBodyContent .FormDetail div input[type=submit] { font-size: 1em; width: 100%; } #regBodyContent .FormDetail div input[type=text] { padding: 0.5% 1%; font-size: 1em; width: 98%; } .Inn { height: 222px; margin-top: 0; } #regBodyContent .EventPanel .Description .Inn { height: auto } #regGrey .SKUsTable { width: 54%; padding: 1%; } #regGrey .SKUsTable .Item .Size { width: 42%; } #regGrey .SKUsTable .Item .price { width: 52%; } #regBuy { float: left; width: 40%; padding: 1%; } #regGrey .USPs li { width: 100%; } #divPopup { margin: 0; z-index: 9999999; height: 47%; width: 66%; padding: 1.5% 2%; position: fixed; left: 15%; top: 15%; } .MyAccountPanel { width: 43%; height: 140px; } #regGrey .ProdThumbs .Th { float: left; min-height: 375px; width: 32%; margin: 2% 1%; } #regGrey .ProdThumbs .Th:nth-child(4n) { margin: 2% 1%; } #regGrey .ProdThumbs .Th:nth-child(4n-7) { margin: 2% 1%; } #regGrey .ProdThumbs .Th:nth-child(3n) { margin-right: 0; } #regGrey .ProdThumbs .Th:nth-child(3n-8) { margin-left: 0; } #regGrey .hBlogArticle .Title { font-size: 1.2em; } #regGrey .BlogListing .hBlogArticle { float: left; min-height: 0; width: 49%; margin: 1% 2% 2% 0; } #regGrey .BlogListing .hBlogArticle:nth-child(3n) { margin: 1% 2% 1% 0; } #regGrey .BlogListing .hBlogArticle:nth-child(2n) { margin-right: 0; } #regSearchBarC { display: none } #offLoc { flex-direction: column; } } @media (max-width: 910px) { #JobCardList { width: 48%; } #regBodyContent input[type=text], #regBodyContent input[type=email], #regBodyContent input[type=number], #regBodyContent input[type=password], #regBodyContent textarea { max-width: 97%; width: 97%; font-size: 1.2em; } #regBodyContent input[type=submit] { font-family: 'Ubuntu' !important; font-weight: 400; } #regBodyContent select, #regBodyContent #regForm.CTA select { width: 101%; padding: 2%; font-size: 1.2em; margin-right: 0 } #regBodyContent #regForm input, #regBodyContent textarea { padding-right: 2%; } #regBodyContent input[type=checkbox] { clear: both; margin: 0 auto } .across-three { grid-column: span 6; } .EventCon { width: 98%; margin-right: 4%; margin-top: 2% } #searchResults .Thumbnail { width: 98%; margin-right: 4%; margin-top: 2% } #regBodyContent .Datagrid table, #regBodyContent .Datagrid thead, #regBodyContent .Datagrid tbody, #regBodyContent .Datagrid th, #regBodyContent .Datagrid td, #regBodyContent .Datagrid tr { display: block; } #regBodyContent .Datagrid { width: 100%; margin: 1px } #regBodyContent .Datagrid .datagridHeader td { position: absolute; top: -9999px; left: -9999px; } #regBodyContent .Datagrid .datagridItem td, #regBodyContent .Datagrid .datagridAlternatingItem td { /* Behave like a "row" */ border: none; background-color: #FFF; position: relative; padding: 0.1%; width: 100%; vertical-align: top; text-align: center; } #regBodyContent .Datagrid .datagridItem td:nth-of-type(1), #regBodyContent .Datagrid .datagridAlternatingItem td:nth-of-type(1) { font-size: 1.2em; } #regBodyContent .Datagrid .datagridItem td:nth-of-type(1) a, #regBodyContent .Datagrid .datagridAlternatingItem td:nth-of-type(1) a { color: #333; } #regBodyContent .Datagrid .datagridItem td:first-child, #regBodyContent .Datagrid .datagridAlternatingItem td:first-child { border-top: 2px solid #D4D4D4; padding-top: 1.5%; margin-top: 1.5%; } #regBodyContent .Datagrid .ReadMoreButton { width: 98%; padding: 1%; font-size: 1.1em; margin-top: 8px } #regEvenOrg { clear: both; width: 96% } #regEvenOrg img { max-width: none; margin-bottom: 0 } #regBodyContent .Datagrid .datagridItem td:nth-of-type(1), #regBodyContent .Datagrid .datagridAlternatingItem td:nth-of-type(1) { font-size: 1.2em; font-weight: 400; } #regBodyContent #regForm input[type=submit] { font-family: 'Ubuntu Condensed' } #regBodyContent input[type=email], #regBodyContent input[type=number], #regBodyContent input[type=text], #regBodyContent input[type=password], #regBodyContent textarea { padding: 2% } #JobPage { flex-direction: column-reverse; } .Launch {height:250px;} .Inside {font-size: 1.3em;} } @media (max-width: 880px) { #searchResults .Thumbnail { width: 45%; margin: 2% 4% 2% 3%; } #searchResults .Thumbnail:nth-child(3n) { margin-left: 27% } #searchResults .Thumbnail:nth-child(2n) { margin-right: 0; margin-left: 0 } #CaseStudyList { width: 32%; margin: 2% 2% 1% 0; min-height: 245px; } #CaseStudyList:nth-child(4n) { margin-right: 2% } #CaseStudyList:nth-child(3n) { margin-right: 0 } #CaseStudyListL { width: 48%; margin-right: 4% } #CaseStudyListL:nth-child(3n) { margin-right: 4% } #CaseStudyListL:nth-child(9n) { margin-left: 0 } #CaseStudyListL:nth-child(2n) { margin-right: 0; margin-left: 0; } #CaseStudyListL h2 a { font-size: 0.9em; } .EventCon { width: 48%; margin-right: 4% } .EventCon:nth-child(3n) { margin-left: 26% } .EventCon:nth-child(2n) { margin-right: 0; margin-left: 0; } .EventCon .HeadImg { display: none; } .EventCon .HTCon { width: 100%; } .TeamM { width: 22%; margin-right: 4% } .TeamM:nth-child(5n) { margin-right: 4%; } .TeamM:nth-child(4n) { margin-right: 0 } .MainJobConL { width: 60%; } .MainJobConR { width: 35%; } .OfLoc { width: 100%; margin-right: 0%; text-align: center; } #regWhite .OfLocH2 { text-align: center; } .Inn { text-align: center; height: 234px; } #regBodyContent .EventPanel .Description .Inn { height: auto } .OffCon { width: 29%; } .OffCon:nth-child(2n) { width: 66%; } #regBodyContent .blogContent { flex-basis: 90%; } #regBodyContent .blogContent, #regBodyContent .blogIntro {margin: 0 5%;} #regBodyContent input[type=email], #regBodyContent input[type=number], #regBodyContent input[type=text], #regBodyContent input[type=password], #regBodyContent textarea { padding: 2%; } .Launch {height:250px;} .Inside {font-size: 1.3em;} } @media (max-width: 835px) { #regTechBlog { width: 47%; float: left } #regQuickLinks { width: 47%; float: right } #regQuickLinks h2 { margin-bottom: 4%; } #DAMSharing .StaffPic { margin-left: 5%; } #DAMSharing .BCard { margin-right: 5% } .footerColumn { flex-wrap: wrap; flex-grow: 1; padding-top: 2%; } #regGrey .hBlogArticle { width: 48%; } } @media (max-width: 770px) { .CPDQuestion { top: 5%; font-size: 1em; } .CPDQuestion .top img { max-width: 100px } .CPDQuestion .button { margin: 5px auto } .CPDQuestion .bottom { font-size: 0.9em } #regRHS { display: none; } div#wrapper { float: left; width: 100%; margin-left: 0; } #regBodyContent .BlogEntries, #regBodyContent .BlogDetail { margin-left: 0; display: block; clear: both; } #regWhite h1 { font-size: 1.8em; } #regGrey h2, #regBlue h2, #regMySolidSolutions h2 { font-size: 1.5em; } #regHeader #regSearchMob, #regHeader #regAccount { display: inline-block; cursor: pointer } #regTopBar .Inner .SearchBox { float: none; width: 98%; margin: 1%; } #regTopBar .Inner .SearchBox .TextBox { width: 96%; padding: 1% 2%; font-size: 1.2em; vertical-align: top; } #regTopBar .Inner .SearchBox input[type=submit] { margin-left: 5px; cursor: pointer; color: #FFF; padding: 2px 10px !important; font-size: 16px; background-color: #d6291c } #regTopBar .Inner .SearchBox .sButton { width: 12%; height: auto; float: right; display: table-cell; margin-left: 0 } #regTopBar .Inner .SearchBox .sBox { width: 88%; height: auto; float: left; display: table-cell } #regHeader .excellence-top { font-size: 1.1em; font-weight: 100; } #regHeader .excellence-bottom { font-size: 1.8em; font-weight: 700; } #regFooterMenu ul { width: 45%; margin: 0 2% 0 2%; } #regFooterMenu ul:nth-child(even) { border-right: 0; } #regFooterMenu ul:nth-child(3) { margin-top: 20px; margin-left: 2% } #regFooterMenu ul:nth-child(4) { margin: 20px 2% 0 0; } #regFooterMenu .MenuLinks { padding-left: 2%; } #regFooterMenu .MenuLinks ul li { display: list-item; } #regFooterMenu .Copyright { clear: right; width: 48%; text-align: right; } #regGrey .OfficeList { float: left; width: 98%; margin: 1%; } #regGrey .OfficeMap { float: none; width: 98%; margin: 1%; clear: left; text-align: center; } #googleMap.GoogleMapContainer { width: 50% } #regGrey .feefo_RatingText .Inn { margin-top: 0; } #regGrey .feefo_Posted { display: none; } #regGrey .feefo_PostedText { width: 25%; } #regGrey .feefo_ProductName, #regGrey .feefo_ProductNameText { width: 26%; clear: none; } #regGrey .feefo_ProductNameText { clear: both; width: 74%; } #regGrey .feefo_Rating { display: none; } #regGrey .feefo_RatingText { width: 60%; clear: right; padding-bottom: 0; } #regGrey .feefo_CommentText { width: 72%; margin-left: 26%; padding-top: 0; } #regGrey .feefo_CommentW, #regGrey .feefo_CommentTextW { width: 74%; margin-left: 26%; padding-top: 0; } #regGrey .feefo_CommentW { margin-left: 0; } #regPurchaseOptions { border-bottom: 0; } #regGrey .SKUsTable { width: 98%; clear: both; float: none; border: 0; } #regBuy { width: 98%; clear: both; border: 0; float: none; text-align: right; } #regGrey #tabsProduct .left, #regGrey #tabsProduct .right { width: 100%; float: left; clear: right; } #regGrey #tabsProduct .bottom { padding-top: 1%; } #regSocialNetworking { display: none; } #regGrey .WhyBuy { width: 70%; } #regGrey input[type=radio] { transform: scale(1.4); } #regBodyContent .PaymentRHS { width: 96%; padding: 1% 2%; float: right; margin-bottom: 2%; } #regBodyContent .PaymentLHSO { margin-bottom: 2%; width: 96%; padding: 1% 2%; float: left; } #regBodyContent .InvoicePDF { width: 96%; padding: 1% 2%; } #regBodyContent .InvoicePDF input[type=image] { max-width: 50px; height: auto; } #regSecure .Cert { float: left; clear: right; text-align: center; width: 94%; padding: 1%; margin: 0 2% 1% 2%; } #regSecure .Blurb { float: right; text-align: center; width: 100%; padding: 1%; } #regGrey .hBlogArticle .Title { font-size: 1.2em; } #regGrey .BlogListing .hBlogArticle, #regGrey .hBlogArticle { float: left; min-height: 0; width: 49%; margin: 1% 2% 2% 0; } #regGrey .hBlogArticle:nth-child(2n) { margin-right: 0; } #regGrey .hBlogArticle .Content { height: 150px } .CPDQuestion { top: 5%; font-size: 1em; } .CPDQuestion .top img { max-width: 100px } .CPDQuestion .button { margin: 5px auto } .CPDQuestion .bottom { font-size: 0.9em } .cd-top { left: 20px; bottom: 20px; } } @media (max-width: 700px) { .across-three { grid-column: span 6; } .across-five {grid-column: span 12;} .across-seven {grid-column: span 12;} .across-six { grid-column: span 12; } .across-eight { grid-column: span 12; } .across-four { grid-column: span 12; } .across-nine { grid-column: span 12; } .videosCarousel { margin: 15px 0; } .carouselWrap { padding: 20px 5px 20px 20px; } .carouselImg { height: 130px; } .carouselTile { width: 240px; } .carouselTitle { padding: 5px; font-size: 1.05em; } .carouselText { font-size: 0.9em; } .carouselArrow { opacity: 0.3; width: 48px; } #regHeader .excellence { display: none; } #regHeader .SolidWorks { display: none; } #regHeader .three { grid-template-columns: repeat(1, 1fr); } #regHeader .Inner { max-width: 80%; } #regHeader .Logo img { max-width: 80%; width: 100%; height: auto; padding: 2% 2% 2% 10%; } #divfixMenu { display: none; } #divfixMenuTitle { display: none; } #regBreadCrumb .Inner { justify-content: center; } #matrix-container .accordion-header { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 263px; } } @media (max-width: 680px) { #regSearchBarControls { width: 420px; } #regWhite h1 { font-size: 1.6em; text-align: center } #regWhite .VidMainTitle h1 { text-align: left; } #regGrey h2, #regBlue h2, #regMySolidSolutions h2 { font-size: 1.4em; } #regHeader .Nav { display: none; } #regHeader .SolidWorks { width: 5%; margin-left: 0 } #regHeader .MySolidSolutions { clear: both; float: right; width: 100%; margin: 0; display: block } #regHeader .Tel { padding: 0 0 1% 0 } #regHeader #regSearchMob { margin-left: 0 } #CaseStudyList { max-height: 300px; width: 48%; margin: 2% 4% 2% 0; } #CaseStudyList:nth-child(3n) { margin-right: 4% } #CaseStudyList:nth-child(2n) { margin-right: 0 } #regBodyContent #regForm { width: 96%; } #regCallToActionFormRight { width: 96%; float: left; min-height: 100px; padding: 1% 2% } #regBodyContent .EventPanel { clear: both; width: 100%; } #regEvenLoc, #regBodyContent .EventPanel .TitleDate, #regBodyContent .EventPanel .Description, #regBodyContent .EventPanel .Prerequisites { margin: 0 0 2% 0; } #regEvenOrg { width: 96%; clear: both; margin-top: 0; } #googleMap.GoogleMapContainer { width: 100%; clear: both; } #regEvenOrg img { max-width: 140px; } .MainJobConL { width: 100%; } .MainJobConR { width: 100%; margin-top: 0; } .MainJobBodyR { width: 100%; margin-right: 0%; min-height: 0; margin-bottom: 5%; } .MainJobBodyR:nth-child(3n) { width: 100% } .MainJobBodyR:nth-child(2n) { margin-left: 0; margin-right: 0 } .MainJobImg { padding: 0 11%; } .MainJobTxtR { padding: 3%; } #regGrey .MainJobTxtL { padding: 3%; } #regTechBlog, #regQuickLinks, #regDemoSchedule #divMapSection { width: 100%; } #regDemoSchedule #divSeminarSection { width: 96%; } #regDemoSchedule #divMapSection img { width: 80%; margin: 5% 10% } #regDemoSchedule .CTA { width: 98% } #googleMap.dirMap { width: 98%; padding: 1%; height: 400px; clear: both; } .dirInst { width: 98%; padding: 0 1%; clear: both; float: right } #regGrey .CartDelivery .Label { float: left; width: 100%; text-align: left; padding: 1% 0; } #regForm.Checkout .Control { float: right; text-align: left; padding-bottom: 5px; width: 100%; } #regGrey .CartDelivery select { float: right; font-size: 1em; margin-left: 1%; width: 100%; } #regBodyContent #regForm.Checkout input { padding: 2% 2% } #divPopup .ProductBDetails div { display: block; clear: both; width: 96%; text-align: center; padding: 2%; font-size: 1.3em; vertical-align: middle; font-weight: bold; } #divPopup .ProductBDetails div.img { width: 96%; text-align: center; } #divPopup .ProductBDetails div.img img { max-width: 100px; } #divPopup .ProductBDetails div.name { width: 96%; } #divPopup .ProductBDetails div.price { width: 96%; text-align: center; color: #d6291c; font-weight: bold; } #divPopup .GenericButton, #divPopup .SubmitButton { clear: both; float: none; margin: 2%; width: 96%; box-sizing: border-box } #regExisting { clear: both; width: 100%; margin-bottom: 2%; } #regGuest { clear: both; width: 100%; } #regBodyContent .CartLoginBox { min-height: 0; padding: 1% 5% 3% 4%; } #regGrey .ProductPhotos { margin: 1% 10%; width: 80%; } #regGrey .MainPhoto { float: left; width: 100%; text-align: center; } #regGrey .BuyNow { width: 100%; } #DAMSharing .StaffPic { margin-left: 0; width: 28%; } #DAMSharing .BCard { margin-right: 0 } #tabsSearch ul.tabs { padding: 0; border-bottom: 0 } #tabsSearch ul.tabs li { width: 100%; text-align: right; font-size: 1.3em; clear: both; box-sizing: border-box; border-radius: 0; border: 0; border-top: 2px solid #BABABA; padding: 15px 15px; background-image: url(../../Images/tv/mag_glass.png); background-position: left 10px bottom 10px; background-repeat: no-repeat; background-size: 30px; } #tabsSearch ul.tabs li.active { background-image: none } #tabsSearch ul.tabs li img { float: none; } #tabsSearch ul.tabs li:last-child { border-bottom: 2px solid #BABABA } #tabsSearch ul.tabs { padding: 0; border-bottom: 0 } #tabsSearch ul.tabs li { width: 100%; text-align: right; font-size: 1.3em; clear: both; box-sizing: border-box; border-radius: 0; border: 0; border-top: 2px solid #BABABA; padding: 15px 15px; background-image: url(../../Images/tv/mag_glass.png); background-position: left 10px bottom 10px; background-repeat: no-repeat; background-size: 30px; } #tabsSearch ul.tabs li.active { background-image: none } #tabsSearch ul.tabs li img { float: none; } #tabsSearch ul.tabs li:last-child { border-bottom: 2px solid #BABABA } #regBodyContent input[type=text] { margin-right: 0 } #regBodyContent #regFormContent { width: 96%; padding: 2%; float: none } #regBodyContent .Label { clear: both; margin-top: 5px; color: #000; text-align: left; padding-right: 0; font-size: 1.2em; width: 100%; } #regBodyContent select, #regBodyContent #regForm.CTA select { width: 99%; max-width: 99%; padding: 2% 1%; font-size: 1.2em; } #regBodyContent .Validator { float: left; clear: right; width: 0; } #regBodyContent .Three { width: 100%; clear: both; font-size: 1.1em; line-height: 1.3em; padding-top: 10px; } /* FOR MOBILES MAKE A BIG CHUNKY BUTTON EASY TO HIT */ #regBodyContent .B { text-align: left; margin-right: 0; float: left } #regBodyContent input[type=submit] { width: 100%; padding: 6px 0 6px 0 } #regBodyContent input[type=text], #regBodyContent input[type=email], #regBodyContent input[type=number], #regBodyContent input[type=password], #regBodyContent #regForm textarea { max-width: 95%; width: 95%; font-size: 1.2em; } #regBodyContent input[type=text]:focus, #regBodyContent input[type=email]:focus, #regBodyContent input[type=number]:focus, #regBodyContent input[type=password]:focus, #regBodyContent textarea:focus { /* add this to the already existing style */ padding: 8px 5px; font-size: 1.4em; } #regBodyContent input[type=submit].Secure { background-image: url(../Images/template/Secure.svg); background-repeat: no-repeat; background-size: contain; background-position: 10px center; padding-left: 40px; font-size: 1.1em; } } @media (max-width: 600px) { #JobCardList { width: 47%; } .files .tile { width: calc((100%)- (20px)); clear: both; } #mySSM-login { flex-direction: column; } #regLoginTV { margin: 11px; } #regNotCustomer { margin: 11px; } .across-four { grid-column: span 12; } .across-three { grid-column: span 12; } .across-eight { grid-column: span 12; } .across-nine { grid-column: span 12; } .excel-mob { display: block; font-size: 1.4em; font-weight: 400; } .excel { display: none; } #regGrey .ProdThumbs .Th { float: left; min-height: 310px; width: 47%; margin: 2% 1.5%; } #regGrey .ProdThumbs .Th:nth-child(3n) { margin: 2% 1.5%; } #regGrey .ProdThumbs .Th:nth-child(3n-8) { margin: 2% 1.5%;} #regGrey .ProdThumbs .Th:nth-child(2n) { margin-right: 0; } .Launch {height:200px;} .gRight {background:linear-gradient(to right, rgba(218,41,28,0.4), rgba(218,41,28,1));} .gLeft {background:linear-gradient(to right, rgba(218,41,28,0.4), rgba(218,41,28,1));} } @media (max-width: 550px) { .files .tile { width: calc((100%)- (20px)); clear: both; } #regBodyContent .blogCategories { margin-top: 0 } #regTopBar .Inner .SearchBox .sButton { width: 16%; height: auto; float: right; display: table-cell; margin-left: 0 } #regTopBar .Inner .SearchBox .sBox { width: 84%; height: auto; float: left; display: table-cell } #regTopBar .Inner .SearchBox input[type=submit] { padding: 6% 5px; } #regWhite h1 { font-size: 1.4em; } #regGrey h2, #regBlue h2, #regMySolidSolutions h2 { font-size: 1.3em; } #searchResults .Thumbnail { width: 100%; margin: 5% 0; } #searchResults .Thumbnail:nth-child(3n) { margin-left: 0; margin-right: 0; } #searchResults .Thumbnail:nth-child(2n) { margin-left: 0; margin-right: 0; } #CaseStudyList { margin: 3% 4% 3% 0; } #CaseStudyList:nth-child(2n) { margin-right: 0 } #CaseStudyListL { width: 100%; min-height: 0; margin: 5% 0 } #CaseStudyListL:nth-child(2n) { margin-left: 0; margin-right: 0; } #CaseStudyListL:nth-child(3n) { margin-right: 0; } #CaseStudyListL:nth-child(9n) { margin-left: 0 } .EventCon { width: 100%; margin: 5% 0 } .EventCon:nth-child(3n) { margin-left: 0; } .EventCon:nth-child(2n) { margin-left: 0; margin-right: 0; } .DemoBod, .EventCon .ProdTxt { height: auto; padding: 3%; min-height: 0; } .EventCon .Control { margin: 0 auto; padding-top: 15px; } #CallToAction { padding: 2.5%; margin: 4% 0 -5% -6%; width: 106%; min-width: 0; } .TeamM { width: 30%; margin-right: 5% } .TeamM:nth-child(5n) { margin-right: 5%; } .TeamM:nth-child(4n) { margin-right: 5% } .TeamM:nth-child(3n) { margin-right: 0 } .MainJobBodyR { width: 100%; margin-right: 0; min-height: 0 } .MainJobImg { padding: 0 20%; } .OffCon { width: 100%; } .Map { width: 53%; margin: 7%; } .OffCon:nth-child(2n) { width: 100%; } a.OffImg img { margin-bottom: 0; } #regGrey .hBlogArticle .Title { font-size: 1.2em; height: 60px; } #regGrey .BlogListing .hBlogArticle, #regGrey .hBlogArticle { float: left; min-height: 0; width: 96%; margin: 1% 2% 2% 2%; } #regGrey .hBlogArticle:nth-child(2n), #regGrey .BlogListing .hBlogArticle:nth-child(2n), #regGrey .BlogListing .hBlogArticle:nth-child(3n), #regGrey .BlogListing .hBlogArticle:nth-child(4n) { margin: 1% 2% 2% 2%; } #regGrey .hBlogArticle .Content, #regGrey .hBlogArticle .Title { height: auto; padding: 2% } #DAMSharing .intro { width: 100%; } #DAMSharing .StaffPic { display: none } #DAMSharing .BCard { float: left; margin-bottom: 5%; } #DAMSharing .BCardL { display: none; } #DAMSharing .BCardR { border-radius: 16px; width: 98%; } } @media (max-width: 480px) { #regSearchBarControls { width: 320px; } #IMG-MASTHEAD h2 {letter-spacing: 7px;} #JobCardList { width: 100%; } .pSSG p { display: none; } .card-headingTitle { font-size: 1em; order: 1; text-align: left; padding: 15px; } .filters .filtersContainer { width: 98%; float: none; margin: 1% } .across-three { grid-column: span 12; } .across-nine { grid-column: span 12; } .across-eight { grid-column: span 12; } #regTopBar .Inner .SearchBox .sButton { width: 20%; height: auto; float: right; display: table-cell; margin-left: 0; } #regTopBar .Inner .SearchBox .sBox { width: 80%; height: auto; float: left; display: table-cell; } #regHeader .SolidWorks #img { display: none; } #regHeader .Logo { width: 80%; margin: 1% 2% 1% 4%; } #regHeader .Search { margin-right: 5px; } #regHeader #regSearchMob { margin-left: 0; } #regHeader .Logo img { margin-left: 6%; } #regHeader .Logo, #regTopProd { width: 98%; margin: 2% 1% 1% 1%; } #regTopPageContent .Inner .Desc { width: 96%; margin-top: 0; padding: 2%; float: left; font-size: 0.9em; } #regTopPageContent h1 { margin-bottom: 15px; font-size: 1.6em; line-height: 32px; font-weight: normal; color: #515153; } #regGrey .feefo_Posted, #regGrey .feefo_PostedText { width: 35%; } #regGrey .feefo_RatingText { width: 60%; clear: right; padding-bottom: 0; } #regGrey .feefo_Comment, #regGrey .feefo_CommentText { width: 64%; margin-left: 36%; padding-top: 0; } #regGrey .feefo_CommentW, #regGrey .feefo_CommentTextW { width: 64%; margin-left: 36%; padding-top: 0; } #regGrey .feefo_CommentW { margin-left: 1%; padding: 0; } #regFooterMenu ul, #regFooterMenu ul:nth-child(3), #regFooterMenu ul:nth-child(2), #regFooterMenu ul:nth-child(4) { width: 80%; margin: 2% 10%; text-align: center; border-right: none; } #regFooterMenu .MenuLinks { float: left; clear: both; width: 80%; margin: 2% 10%; padding: 0; text-align: center; } #regFooterMenu .Copyright { float: left; clear: both; width: 80%; margin: 2% 10%; padding: 0; text-align: center; } #regFooterMenu ul li, #regFooterMenu .MenuLinks ul li { padding: 1%; font-size: 1.3em; } #divPopup { margin: 0; z-index: 9999999; height: 56%; width: 86%; padding: 1.5% 1%; position: fixed; left: 5%; top: 20%; } .offDetails { flex-direction: column; } #offLoc .Map { width: 100%; margin: 0%; } .matrix { font-family: 'Open Sans Condensed',sans-serif; font-weight: 600; } #matrix-container .accordion-header { max-width: 170px; } #regBodyContent input[type=email], #regBodyContent input[type=number], #regBodyContent input[type=text], #regBodyContent input[type=password], #regBodyContent textarea { font-size: 1.1em; } input[type='checkbox'] { width: 20px; height: 20px; background: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #555; } input[type='checkbox']:checked { background: #abd; } #regBodyContent .subMenu li {flex-basis: 20%;} } @media (max-width: 400px) { #CaseStudyList { width: 100%; margin: 5% 0; } .TeamM { width: 48%; margin-right: 4% } .TeamM:nth-child(5n) { margin-right: 4%; } .TeamM:nth-child(3n) { margin-right: 4% } .TeamM:nth-child(2n) { margin-right: 0 } #DAMSharing .BCard2 { display: none; } .card-headingTitle { font-size: 1.2rem; } .ssm-logo { font-size: 1.2em; } .card-headingTitle { font-size: 1.2rem; } .myssm-logo { font-size: 1.2em; } } @media (max-width: 375px) { .dt { display: none; } .mb { display: block; } #regSearchBar, #regSearchBarC { display: none; } .blogDateFiled { padding: 10px; } .blogIntro { margin: 0%; } #regBodyContent .blogContent { margin: 0%; } #matrix-container .accordion-header { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 170px; } .headerContainer { justify-content: flex-end; padding-right: 13px; } #regBodyContent ul li, #regBlue ul li, #regGrey ul li { text-indent: -1.85714em; } #IMG-MASTHEAD .MastheadCTA { animation: none; } } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:visible; -webkit-transform: translate3d(0,0,0);} #colorbox { border: 2px solid #808080; border-radius: 5px; background: #FFF; } #cboxWrapper { max-width: none; } #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch; } #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000; opacity: 0.6 !important; filter: alpha(opacity = 60) !important;} #colorbox{outline:0;} #cboxContent{margin:15px; overflow:visible; background:#FFF;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent { background: #FFF; padding: 1px; opacity: 1 } #cboxLoadingGraphic { background: url(../../js/colorbox/images/loading.gif) no-repeat center center; } #cboxLoadingOverlay { background: #FFF; } #cboxTitle { position: absolute; top: -22px; left: 0; color: #FFF; } #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:50px; height:50px; position:absolute; top:-50px; background-repeat: no-repeat; background-position: center center; background-size: 70%;} /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxPrevious{ background-image: url('../../js/colorbox/images/Grey_Arrow_left.svg'); right:110px;} #cboxPrevious:hover { background-image: url('../../js/colorbox/images/Blk_Arrow_left.svg'); } #cboxNext { background-image: url('../../js/colorbox/images/Grey_Arrow_right.svg'); right: 55px; } #cboxNext:hover { background-image: url('../../js/colorbox/images/Blk_Arrow_right.svg'); } #cboxClose { background-image: url('../../js/colorbox/images/Grey_Close.svg'); right: 0; } #cboxClose:hover { background-image: url('../../js/colorbox/images/Blk_Close.svg'); } .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;} .lightboxCarousel, .lightboxCarousel *, .lightboxCarousel *::before, .lightboxCarousel *::after, .videosCarousel, .videosCarousel *, .videosCarousel *::before, .videosCarousel *::after { box-sizing: border-box; } .videosCarousel, .lightboxCarousel { background: #fff; width: 100%; clear: both; overflow: hidden; position: relative; margin: 30px 0; height: 265px; } .carouselImg { width: 100%; height: 140px; display: flex; justify-content: center; align-items: center; overflow: hidden; } .carouselImg img { max-width: 100%; } .lightboxCarousel .carouselImg:hover { background-color: rgba(0,0,0,0.4); z-index: 999; background-image: url(../../images/tv/mag_glass.svg); background-size: 60px; background-repeat: no-repeat; background-position: top 10px right 10px } .lightboxCarousel .carouselImg { height: 235px; } .carouselTile { width: 250px; border: 1px solid #cecece; display: flex; flex-direction: column; border-radius: 8px; overflow: hidden; margin-right: 20px; } .carouselText { width: 100%; padding: 10px 10px 20px; font-size: 0.9em; color: #868585; text-align: center; } .carouselTitle { width: 100%; padding: 8px 8px; font-weight: 700; font-size: 1.0em; text-align: center; line-height: 1.0; } .carouselBtn { width: 140px; display: block; margin: auto auto 10px; padding: 0 12px; line-height: 30px; text-align: center; border-radius: 4px; color: #fff !important; background: #da291c; } .carouselBtn::after { content: 'WATCH NOW'; } .blog .carouselBtn { background: #F72612; } .blog .carouselBtn::after { content: 'READ MORE'; } .pdf .carouselBtn::after { content: 'VIEW PDF'; } .carouselWrap { padding: 15px 15px 15px 35px; position: absolute; z-index: 2; top: 0; left: 0; display: flex; justify-content: space-between; align-content: center; transition: transform 0.3s ease-out; transform: translateX(0px); } .carouselArrow { border-color: #000; border-style: solid; opacity: 0.3; width: 35px; background: rgba(0,0,0,.3) no-repeat center center; position: absolute; top: 0; z-index: 3; height: 100%; cursor: pointer; background-size: 18px; } .carouselArrow:hover { opacity: 1; } .carouselArrow.left { border-width: 0 0 0 1px; border-radius: 8px 0 0 8px; background-image: url(/Images/arrow_white_left.svg); left: 0; } .carouselArrow.right { border-width: 0 1px 0 0; border-radius: 0 8px 8px 0; background-image: url(/Images/arrow_white_right.svg); right: 0; } .carouselTile.video { position: relative; } .carouselDuration { position: absolute; top: 3px; right: 3px; padding: 0 7px 0 3px; line-height: 1.3; font-size: 0.8em; background: #000; z-index: 1; color: #fff; border-radius: 1px 6px 1px 1px; opacity: 0.7; } /* Container for BookShelf /*/ #bookshelf { margin-top:50px; } .bs-container { max-width: 850px; margin: 0 auto; background:#FFFFFF; overflow:hidden; margin-bottom:0px; text-align:center; } /* Description for BookShelf /*/ .bs-description{ font-family:Tahoma, Helvetica, sans-serif; margin-bottom:18px; margin-top:0px; color:#333333; } .bs-description h3{ font-size:30px; margin-bottom:20px; margin-top:0px; font-family: 'GothamRounded-Medium'; font-weight:200; color:#1c1c1c; } .bs-description p{ font-size:12px; margin-bottom:6px; margin-top:0px; } /* Shelf /*/ .bs-container .bs-shelf{ position:relative; height:150px; margin-bottom:10%; } /* Shelf - image /*/ .bs-container .bs-shelf-image { width: 140px; height: 100%; display: inline-block; vertical-align:bottom; position:relative; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:15px; max-width: 100%; } .bs-container .bs-shelf-image:hover { cursor:pointer; } .bs-container .bs-shelf-image:last-child { margin-right:0px; } .bs-container .bs-shelf-image:nth-child(2) { margin-left:0px; } .bs-container .bs-shelf-image img { max-width:100%; max-height:100%; box-shadow: 0px 0px 3px #666666; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* Image - textbox /*/ .bs-container .bs-shelf-image .bs-mask { width:100%; height:100%; pointer-events: none; overflow:hidden; position:relative; } .bs-container .bs-shelf-image .bs-textbox { position:absolute; background:#FFFFFF; width:100%; bottom:-100px; left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity:1; padding:5px 0; pointer-events: none; } .bs-container .bs-shelf-image .bs-textbox p { color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:700; margin:0; line-height:1.5; } /* Shelf - background /*/ .bs-container .bs-shelf-background{ position:absolute; border:0px solid #FF0000; left:0; bottom:-15px; width:100%; height:35px; } .bs-container .bs-shelf-background .bs-rectangle { width:100%; height:100%; border:0px solid #FFF000; position:absolute; top:0; left:0; -webkit-transform: perspective(100px) rotateX(15deg); -webkit-transform-origin: 50% 100% 0; -ms-transform: perspective(100px) rotateX(15deg); -ms-transform-origin: 50% 100% 0; box-shadow: 0px 7px 1px #CCCCCC; background: -moz-linear-gradient(top, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.06) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.06) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.06) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#0f000000',GradientType=0 ); } #caseDetail .card-body .action {padding: 15px 8px; margin-left: -8px; margin-right: -8px } #caseDetail .card-body .action:nth-child(even) { background-color: #efefef } .ticketSummary.active { border-color: #1d4f91; cursor: pointer; background-color: #EFEFEF } .card-body .actionDate, .ticketHistorySummary .ticketID { color: #1d4f91; font-weight: bold } #regBodyContent #secNewTicket ul li svg {display:none} #regBodyContent #secNewTicket #ticketHistory ul li svg { display: inline-block } .ticketHistorySummary {text-align: left} #openTickets ul , #ticketHistory ul {padding:0; margin: 0 0 0 3px } #openTickets li, #ticketHistory li { box-sizing: border-box; cursor: pointer; } #openTickets.card-body, #ticketHistory.card-body {padding: 5px 0 0 0; overflow-y: auto } #caseDetail { overflow-y: hidden; } #ticketHistoryN { padding: 5px 0 0 0; max-height: 150px; overflow-y: auto; overflow-x: hidden } #secOnlineSupport #openTickets.card-body, #secOnlineSupport #ticketHistory.card-body { max-height: 226px; } #secNewTicket .RadUpload .ruBrowse { text-indent: 0 } #regBodyContent .RadUpload .ruFileWrap {width: auto} #secNewTicket .card-middle {justify-content:normal} #secNewTicket .card-body, #secOnlineSupport .card-body {box-sizing: border-box} #secNewTicket a, .ticketHistorySummary a { color: #757575 !important } .mainDR .ssm-logo { color: #fff; font-size: 2.9em; } .mainDR .excel { color: #fff; font-size: 2.7em; } #divfixMenu { display: none; } .mainDR .panel-button { display: none; } .mainDR { background-color: #004a7c; margin-bottom: 0%; } #accordion-search {overflow:hidden} .svgLogo { width: 100%; max-width: 350px;} .card-span.restrict { max-height: 570px; overflow-y: scroll } .wordCountInfo { padding: 1%; border-radius: 3px; color: #363636; font-size: 0.8em; font-weight: normal; background-color: rgb(230, 240, 239); border: 1px solid #b0c8d4; margin-top: -2%; } .wordCountWarning, .SerialsNotes { color: #1d4f91; } .dark { background-color: #262626; } #regSearchBarControls { margin: 0 auto; width: 920px;} #regSearchBarControls input[type=submit] { background-color: #1d4f91 } #regSearchBarControls input[type=text] { margin-right: 1%; width: calc((95%) - (90px)); } #regSearch { background-color: #1d4f91; color: #FFF; position: absolute; text-align: center; top: 50px; right: 5px; height: 50px; width: 50px; } #searchMenu { transition: all 0.5s; width: 240px; height: 50px; background-color: #FFF; border-radius: 0; border: 1px solid #fff; box-sizing: border-box; position: absolute; right: 50px; } .sticky #regSearch {top: 5px;} #searchMenu input[type=text] { border: 0px; width: 238px; box-shadow: none; border-radius: 0; height: 48px; box-sizing: border-box; padding: 5px } #regSearch img { width: 30px; margin-top: 10px ; cursor: pointer;} #searchMenu.slide-in { animation: slide-in 0.5s backwards; -webkit-animation: slide-in 0.5s backwards; top: -60px; } #searchMenu.slide-out { animation: slide-out 0.5s backwards; -webkit-animation: slide-out 0.5s backwards; top: 0px } #regBodyContent .EnquireNow a { color: #ff6319 } #regBodyContent .EnquireNow a:hover { font-weight: 600 } #regBodyContent .CourseName a { font-weight: 600; } #regBodyContent .CourseName a:hover { color: #1d4f91 } @media (max-width: 910px) { #regBodyContent .rgMasterTable.table, #regBodyContent .rgMasterTable thead, #regBodyContent .rgMasterTable tbody, #regBodyContent .rgMasterTable th, #regBodyContent .rgMasterTable td, #regBodyContent .Datagrid tr { display: block; } #regBodyContent .rgMasterTable { width: 100%; margin: 1px } #regBodyContent .rgMasterTable thead th { position: absolute; top: -9999px; left: -9999px; } #regBodyContent .rgMasterTable td { /* Behave like a "row" */ border: none; background-color: #FFF; position: relative; padding: 0.1%; width: 100%; vertical-align: top; text-align: center; } #regBodyContent .rgMasterTable td:nth-of-type(1) { font-size: 1.2em; } #regBodyContent .rgMasterTable td:nth-of-type(1) a, a { color: #333; } #regBodyContent .rgMasterTable td:first-child { border-top: 2px solid #D4D4D4; padding-top: 1.5%; margin-top: 1.5%; } /* #regBodyContent .Datagrid .ReadMoreButton { width: 98%; padding: 1%; font-size: 1.1em; margin-top: 8px } */ #regBodyContent .EnquireNow a { font-weight: 600 } #regBodyContent .rgMasterTable td:nth-of-type(1) { font-size: 1.2em; font-weight: 400; } } /* Region: Information boxes - warning and information */ .msgboxInformation { display: none; background: url(../images/message-boxes/message_info.jpg) no-repeat top right; color: white; background-color: #9EC933; font-weight: bold; margin: 2px 0 2px 1px; padding: 5px; } .msgboxInformation #msgInformationToUserText { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAeCAYAAACmPacqAAAHNUlEQVR4XpWXa2wU1x3Fz8zsem0vfkAMTuKmmEb4S6oYHDVIVFUkQtKqFULBpFWTIqARaVUFOTIUiRZFSqNCRJHaRP0E9YdQ4eCCLVVp1QcVTaJ8oHWV4KCgpDU0hhQTG7zG9u687qPn3p2RrBX2wl/+6czrzv/smavrGUdrjbQcx0FaW7duxbxyiGv02LFj62tra7/ped7jAGo45mHeowjg39SClPIvk5OTQ3v27PkUgCbK6rw6ffo05lfq4U7MOIYTJ048SwM/A9BuxswnHTsfpdSZYrH4k127dr1vzZBqZjKoUv39/V+kiSEAXWaQjCcg4s/JVWgVcP8Gm3twvUY47hJkc6vgZe+Dl2l6orGx8QmO//X58+d/fPjw4QALV3Uzp06deswITSyX8XWo+D8Q4QiUFDRCtIIDASjF7XGTM4QYhvJqoOs3IJN7FJlM5oWurq7OQ4cOde/fv38Si5S7iJE1lD+R5cYE/AHo4D04sgCoAhw1Dc+thecQr87Cczx+k3oNuvhbqNlfQItrYLJfa29v/+u2bdsa7joZkwTlD6ROxyNw/EGbBHRMJTIGdAYN9/0c82vms+/zXBHQyUQTU0BxDDrfi0x29ZqNGze+sXnz5m8DEHeTzK9IG8RHgP8GoGdo4lbCNBtOQYqbqCwes+e0KiTQjBiloVe4PYNcLvfUpUuXngXgVUsmTWUN5RnoALr0O2gZQSlBFVAihLREkMpDZck4BByiKBpwiXIBiDHAOQ7kf4jW1taXu7u73xocHCwA0NWSeYlAh+egOWm1DEkAJX2aKSUUrVYWzZLAjlE0JuOICB6LIWfehAo+MBN6JSfydwBkF02GqdRRvkGgZ4cAFRJJYpuQjtlIROVG1KvDXTY1QMN1wEYOHGKGOJ4Hc1C7LhyjGkDxbTiNX8aKFSs2AegngqiFHtMGUqfDC/Qxaa/TSrJhbA0oUf61wpoBvNyDcJSyZhxIiOBjOFljwIPyFCetC+W46WIKPf03eEt+hKampg2dnZ3NIyMjPoDoto9JKbXWqv8JmwfEt8jIaEANCTUMoXUD7l9zCl/oGiRDaFs7xHMxIl9AhDFEJBAHZru8H1Pj0jgk783KcWXurHxUbsVjWmk1vAYVlZiOnyoN0ByRQcjtiMSYX3A8RKW0uUlJEGuECF6f7k9CKYWWlpYHEjPOQsk0WI1uJUYIDaQqApsKDUU8JlBZKpKQiRFrILLb1kiKikvWjOu6+cSMu1AyRasyw4alefjGCLVsRPgx92NUVuRLxIYgUXudoBKqQaqs6YO5ubkombPubSewEOJqTU0NtHePTYauoIgUVGKjjhRkrABNKkrQhM5owKIA4cD1kgnMP2WGuc1UhcuXL08CcBacM77vjxj18g+VE6EhZROJTBJ2LshIUctUlD0mA0k1qARJymkp3Qy3vgNSyvDkyZOfLrro8cXpbUYYZJd9FVLUMt4ojdfGLkz8KaUSKovXWAN8XERYRGCxqXpLN9hUrl+/fm50dNQHIIm6rRmujHN8IXrXDKj9Uk/anA3SiUk1hIqNfVSW49SVHyNRhrg8NiXb8jhMcX15lyJIvKAZlrxw4cKrxkzugaeBzL1lE6GAjCVRFkW00KgsJVyo5BoRpZhxkvd7hsk8glKp9L99+/adBZAueHohM2r9+vX/vHHjxlvaW4J85ysQUWKEKGGgEVmmouwxJSzl6xPjqGlD/ernYers2bN9ExMTcwBKJK72jzLs6+v7aRRFE7n7n0TDo68xdp2koqFtMw1IUlFamfMGRcpj4C1D0yOvwqlZivHx8Xe48p5JjBSJqPZyJQ8cOHC5ra3tef6rH6hf1Z3TOouJd160L05KmqagQR+f/P4Fm7FOXqZU6HM7MUnNNj2Iex57Hdnm1ZidnR3dsmXLweTx3EoMqWpmNAl27tz5HlfJH2zatOn12pXfamx5shUzH7+JWx+dKF8hQ4z/6zdQyva1bhyDzdpDc9eLaHzoOe5nUCgURnp7e1++cuXKjDGSEN/pC7kis9u3b//z7t27v7t3795f5pev7Vi27GHUrXoKxWvnUPzvGcSlAqLpMSCT469vR6ahDfn2ryPX+hVkue24LsbGxv7Iz57XknkyTW4Sv2KNWfy7ieWQnOd5S3l8xfHjx5/m5H6OK/S9SimkcHxKOt4q0/hwYGCg78iRIx/yXMBrCwAmyUzlXOH5xb8O+Gs0JZRSTlHHd+zY0d/R0bHl6NGjPRcvXhwwcyAIgs/4KMESXJ9Gp6am3h8eHj7a09PzvXXr1vXSyAdsNEsjEwA+T4zIu/5uSg3x6y9qaGgosFnIxsWDBw/+HcA/+OtrqBmqx4YO0QAURZKYhGSO540BQ8D7yeSLcnEzVRKKeYPZfD4fKqWm2SAPoJ7NctzPADCGFM2mRnxe4zPVEoCQCHOfO/+irG5KUQKaCqlFkjFwDtlkhBA2mQSRoKyJO6z/A+Cji1mq1x1uAAAAAElFTkSuQmCC) no-repeat top left; margin: 5px 0 5px 7px; padding: 0 10px 5px 40px; min-height: 25px; line-height: 25px; font-size: 1em; font-weight: bold; } .msgboxWarning { display: none; background: url(../images/message-boxes/message_warning.jpg) no-repeat top right; background-color: #FFB00B; color: white; font-weight: bold; margin: 2px 0 2px 1px; padding: 5px; } .msgboxWarning #msgWarningToUserText { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAeCAYAAACmPacqAAAHrUlEQVR4Xq2XfUxU2RnGnzsfgCPyIYpl0WLturZGYm1w0Wq7YIjaIlSCtWaz6DZqu2b9aGhag6t2E5O2ZnUraxphra2tuqldG6DdRrdd/cdKQqndTSiu1KqACLJ8jcjM/b6nzxzudIBpJSF9kl/eM4eZc57znvfcc1FACSESGA6TNYTtmPg3OI6jMEaAZVmybdu2jBgjRVGE1+sVkejz+SIRRHg8HtmeIJXUsf9NuPK5sZa8jHhFJ5GmiNuORRL9Ttz3GSX/S1zk6mAwqKWlpdUAcHz8USqAFwnCjX8AbDs6opsZ+SMJszEO9o0xAzAD8BJmBx5FYVuBByDCHciGIDLOmInEFcWg9pFfEdUH4FmSYA/2wnzQ5pogMsqVjzPCbYLwJSLx04viMkOgddyGYqjw0RS9wKsIKILY1qgJjmESGwqwrAgc+9nc3NzZLS0tPT7TNB2/3w+AE4Yfx4wwCrkijDPC7wOBFMwrKMN/092ag0BoCCweacSBgFdmxYLtOETQjAOL7YTQCL/n8wQCgQwAA74bN27cKSgosL0zs7zCMOHo4dgWgbhmLFsaGWXwEwh+Vrw+jJXgBOGuu/DRBKuW2QF8ENKEA9CAII6MSE6HyWCq6nBTU5MFwOsrLCxUqT8nJSWtD6wqRbCuBsoYM44QblaINGPAMAzoA71IyszGWBnBPuj9vTIrLBgImrIURnhgR0wJwHKzk/zCFrmwrq6uZrkNhN7hMDuHuXfhaUu+hKRFy+GEw3BUlZGEwjKyD3YEfrZGwlB7OjFR2qMuWE9CsEcIoxGiaXUiJpSFefAu/CI0TVNra2vPArCITTMQRUVFrbdv3z4KKvnLJbA1jZOGQGIGRk2xTRjVngeYKPXRQxpVYYxo0DixSjRV56Q626aMmmEiMa9IZqWxsbH23LlzdwGoxPJEM1xcXPz28PDwh/6s+Ugvf3U0IzQjZAwzqowa0SHCBsIP4jIj+8yQCUOVRDMho6ERtqev2wonLRMDAwMtu3fvrgcQIsPEiJqx29vbg5cuXfq+SSXlF8E7fzEsrsRSmaUocrs0QjP372GiRjppRrc4scWMmNKARqQRXQeyPwt/bj44hVVTU3M8TAEIkifuNkkJYmzfvr353r17b7NgMaO4gkZMiU0cLYIFodsQmg21vQPxZjpgGbY05CJ/rxOTBL5SIh8Pt27deuf8+fN33IwEiUGEBzE5RK2oqPgJDbcnLFqKtM2vcHCaMSxGi9GGbcoHF49wvJlw9wPYVvTkuYaMCDSybjO8Oc+BYz/cu3fvrwFEs6K6c0PBeCkkqa6urnjt2rXvgup8dTO0+3dg2Q4ncWASTiZj4V/+AX9qGihp8PfL5kNAQPHKu4FRXgTwPzMPc147DqEouHDhwp4TJ040A+h10Ygg8GC8BNHLyso+6O7u/o0QAjO37YHDFUq4SmEy0owgoY77saz0PGQmTJk5ZlBi6abMaMrXX5JGOjs736ORj9waCRKdiNitHS+HhI8cOfJ6dXX1mkDeqszUjS9i4J1fAo4D2IJRQDBTA003AEWuHsFbLdKg3HhOLIjiUZD61Y1IXLIMuq73c8xad3uG3OhM2JZ4uf2Ba9euVeTl5Z0yenvwr5dKYQwNyke5SSzBSEOm9EZkBbqvDAqkGU9KKub9+CR8GbPAsX5YVVX1JwB95JFrRkxqZtOmTeAx9wJI5ZH/Hd83CoLvv4f2/XtgSSOQcWbRevhnz5EjasEhdP6xXg5JU3KeT1W+hhmrXkB/f3/jhg0b9rtb000eExsTFKuZeEM2Q+jMmTM/4FEPT1+zDsmF60drgZhk4a59yHujGsvJksr9sEz3JBkWAvmrEVixGvyteuzYsZ8C0FwzIXdsTGImTsbRo0fbWltbj4PK2LYTwhEQliVPD4SAK9l2LAc2EQ6QVvZNdgk0Nzf//Pr164/cbBAYiFesgJ+SHXH16lV1x44dpy9fvlw67bnPLc068Do6Dh8YrZFxZiCLmn2Ys+978Od8BrxeWg8dOtTAvujpUSNjTsWMVFZWls1Bh/jsqdqyZUtDWtk3/J9cehfG32/ir7u+DSUwXW6+qWvyNAVylyJl3ddAA9bZs2ereTOHWNT/eeQTTNnM4sWLBa8Inc+Hv61cufIX2dnZ35m9azeC39qK4Y8/huXO4AhIzdr6sjxRbW1tv21oaPgn28N8Jw6ydgw3K1M3Q4kFCxbYkRVWVla+wdWuDyzPz5mz57t4+BbrklKIh8za+QoCX5DvKV0HDx48DyCSlaHExES1tLTUwSTykMkFCG6X2dfX189iPCAzsH0nsl8/ghnP5yM573k8U3UIsyq2yf8Q6uvr3wwGg08ADPHzY26zCer/ZQbp6el2ZmamyoL8gKfrR0IIM710I3JOnkLOWz9D+oYSUNbNmzdPnj59+iP+/TGNDGVkZOhx2zP1bZISBHPnzrX4zvqEN/up8vLyppKSknJO9nnWA3p6etouXrz4/pUrV7poZNjn8w2wVkIrVqywQU3BzOSGUlJSdL6lDfJ95EPewJ2ceFp0HLZNBpV1MsisBEdGRgxMrsmvg6eJV4WHIYEkk+lum4JBQmSEGBzHecoYU6mZeLmT6GSI9JJul163T483Mrn+DUgYPL7OdTGMAAAAAElFTkSuQmCC) no-repeat top left; margin: 5px 0 5px 7px; padding: 0 10px 5px 40px; min-height: 25px; line-height: 25px; font-size: 1em; font-weight: bold; } .azfooter { background: #1c1c1c; padding: 10px; color: #FFF; font-weight: 500; font-size: 1em; text-align: center; position:relative } .azfooter ul li { padding: 0 11px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 0; } .azfooter ul { width: 100%; padding: 0; margin: 11px; text-align: center; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .azfooter .inner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; opacity: 1; } .azfooter a { color: #FFF; text-decoration: none } .azfooter .pSSG { float: right; text-transform: uppercase; display: flex; align-items: center; font-size: 0.8em; padding-right: 40px; } .azfooter .pSSG svg { font-size: 2.0em; color: #FFF; } .azfooter a:hover, #regFilesNav ul li a, .logout a { opacity: .7; } .azfooter a, .azfooter a:hover, #regFilesNav ul li a, #regFilesNav ul li a:hover, .logout a:hover { -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .azfooter a:hover, .Datagrid.Blue a, #regFilesNav ul li a { opacity: .8; } .azfooter a, .Datagrid.Blue a, .azfooter a:hover, .Datagrid.Blue a:hover, .logout a { -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .Datagrid.Blue a:hover {text-decoration:underline !important} #regSearchFiles { margin: 10px auto; width: 780px; clear: both; overflow: hidden; } #regBodyContent #regSearchFiles input[type=text] { width: 100%; margin:0 0 10px 0; box-sizing: border-box; } article { flex: 1 1 auto; } #regFiles {clear:both} .box-container { display: contents; } .logout { max-width: 1600px; text-align: right; padding: 5px; text-transform: uppercase } #regFilesNav { margin: 10px auto; width: 780px; clear: both; overflow: hidden; } #regFilesNav .Inner { font-size: 0.9em; height: 25px; } #regFilesNav a { color: #1d4f91; text-transform: uppercase; } #regFilesNav ul { list-style: none; /*display: inline-table;*/ padding: 0; margin: 0; } #regFilesNav ul li { display: inline-block; list-style: none; border: 0 } #regFilesNav ul li svg { display: none; } #regFilesNav ul li a { display: block; height: 25px; padding: 6px 10px 6px 0; position: relative; margin: 0 5px 0 5px; text-decoration: none; color: #1d4f91; } #regFilesNav ul li a::before { content: url('../../images/yellowfolder_sm.webp'); width:30px; position: relative; /*or absolute*/ z-index: 100000; /*a number that's more than the modal box*/ left: -5px; top: 5px; } .swks-logo { font-size: 2.9em; } #regBodyContent .chosen-container-multi .chosen-choices li.search-choice span { line-height: 1.1em; } #regWhite #regBodyContent .chosen-container .chosen-results li { line-height: 1.1em; padding: 5px 2px; text-indent: 0px; } .videosCarousel { height: fit-content !important; min-height: 260px; } .card-body { box-sizing: border-box; width: 100%; } /*----CLAMP ERROR ---*/ #IMG-MASTHEAD h1 { font-size: clamp(2.2rem, 1.553rem + 2.871vw, 5rem); line-height: clamp(2.2rem, 1.553rem + 2.871vw, 5rem); } #IMG-MASTHEAD h2 { font-size: clamp(1.25rem, 1.076rem + 0.769vw, 2rem); line-height: clamp(1.5rem, 1.136rem + 1.616vw, 2.5rem); } #regWhite .blogTitle h1 { font-size: clamp(1.4rem, 1rem + 1.777vw, 2.5rem); color: #565656; } #regBodyContent .inner { display: none; } #IMG-MASTHEAD .MastheadCTA { font-size: 1.4em; margin: 40px auto -20px; border-radius: 4px; background: linear-gradient(305deg,rgba(218,41,28,0) 55%,rgba(218,41,28,.8) 55%,rgba(218,41,28,.65) 85%); background-size: 450%; } @media (max-width: 450px) { #IMG-MASTHEAD .MastheadCTA { font-size: 1.1em !important; } } #IMG-MASTHEAD.mh { background-size: cover; background-position: center; } #IMG-MASTHEAD.mh-form { margin-bottom: 20px; background-image: linear-gradient(to bottom right,#120000ab,#000600cc), url(../../Uploaded/Image/mastheads/ContactUs.jpg); } /*---- Superfly Custom Flyout Styling START ---*/ .sfm-view-level-custom { background: white !important; padding: 0 20px !important; } .sfm-view-level-custom .menu-body { line-height: 1.4em; } /*---- Superfly Custom Flyout Styling END ---*/ /*---- Font size increase to improve blog readability START ---*/ #blogColumn { font-size: 1.1em; } /*---- Font size increase to improve blog readability END ---*/ /*---- Fix search icon and logo overlap on mobile START ---*/ @media (max-width: 375px) { .headerContainer { justify-content: center; padding-right: 0; } } /*---- Fix search icon and logo overlap on mobile END ---*/ /*---- Search Icon Position Change START ---*/ #regSearch { position: fixed; } /*---- Search Icon Position Change END ---*/ /*---- Menu CSS START ---*/ #sfm-sidebar .sfm-view-level-3 li ahover, #sfm-sidebar .sfm-menu-level-3 li a:hover { color: white; } #sfm-sidebar .sfm-scroll { background: #030b17; } /*---- Menu CSS END ---*/ /*----Increase JW player tooltip and chapter marker size START ---*/ .jw-controlbar .jw-tooltip .jw-text, .jw-settings-menu .jw-tooltip .jw-text, .jw-time-tip .jw-text { font-size: 14px !important; } /*----Increase JW player tooltip and chapter marker size END ---*/ /*----Blog Quoted Changes START ---*/ .quoted { text-align: right; width: 100%; color: #565656; font-size: 0.8em; } .blogQuote { display: flex; flex-direction: column; } .blockQuote { font-weight: bold; padding-left: 20px; border-left: 5px #1d4f91 solid; margin: 25px 0px; font-size: 1.05em; } /*----Blog Quoted Changes END ---*/ #regBodyContent .blogIntro a { font-weight: normal; color: #2a24ff; } /*----Edits to fix Header resizing overlap issues START ---*/ @media (max-width: 1200px) { #divfixMenuTitle { display: none; } } @media (max-width: 750px) { .excel { display: none; } } /*----Edits to fix Header resizing overlap issues END ---*/ /*---- Job Page Minor Fixes START ----*/ #JobPage { padding: 20px; } .MainJobR { margin: 10px 0; } .MainJobL { margin: 10px 10px 10px 0; } @media (max-width: 550px) { .MainJobBodyR { flex-direction: column; display: flex; align-items: center; text-align: center; } } /*---- Job Page Minor Fixes END ----*/ #IMG-MASTHEAD { background-color: #000; } #IMG-MASTHEAD h1 { font-weight: 700; text-transform: uppercase; color: #fff; text-shadow: 0 3px 8px #262626; white-space: normal; text-align: center; } #IMG-MASTHEAD h2 { color: #fff; letter-spacing: 10px; text-transform: uppercase; font-weight: 100; text-shadow: 0 2px 3px #000; text-align: center; } @media (max-width: 450px) { #IMG-MASTHEAD h2 { letter-spacing: 7px; } } #regBodyContent .inner { display: none; } .fade-effect2 { background: -webkit-linear-gradient(left, black, white); } /*----------------------- Header Graphics Start -------------*/ .card-span header { background-image: url(../../Uploaded/image/Cards/CardTitleBlank.png); background-repeat: no-repeat; background-position: right; background-size: contain; } /*----------------------- Header Graphics End -------------*/ /*----------------------- Blog Headings Start -------------*/ #regWhite .blogIntro h3 { font-weight: bold; color: #565656; font-size: 1.8em; margin-bottom: 5px; margin-top: 60px; } #regWhite .blogContent h3 { margin-top: 60px; } .fade-effect2 { margin-bottom: 20px; } #regWhite .blogContent h4 { font-size: 1.4em; font-weight: bold; color: #1d4f91; margin-top: 40px; margin-bottom: 0; padding-bottom: 0; } /*----------------------- Blog Headings End -------------*/ /*-----------------------Avoid Chat Icon overlapping with CTA start -------------*/ @media (max-width: 1400px) { #si-wrapper .silc-btn { bottom: 55px !important; } } /*-----------------------Avoid Chat Icon overlapping with CTA end -------------*/ /*---------------------- Schedule List Changes Start --------------------------------------*/ #regGrey .Datagrid .datagridItem td, #regBodyContent .Datagrid .datagridAlternatingItem td, #regGrey .Datagrid .EmptyDatagridMessage { background-color: #f6f6f6; border-bottom: none; } #regWhite .datagridItem a { color: #565656; } #regWhite .datagridAlternatingItem a { color: #565656; } #regBodyContent .Datagrid { border-style: none; } /*---------------------- Schedule List Changes End --------------------------------------*/ /*---------------------- Side Menu Style Changes Start --------------------------------------*/ #accordion-search input[type="text"] { width: 80% } #accordion a.active { border: none; } .accordion-search-btn { padding-top: 3px !important; padding-bottom: 3px !important; } .accordion-logo-top { font-size: 3.49em; text-align: left; padding-left: 60px; } /*---------------------- Side Menu Style Changes End --------------------------------------*/ /* =================== Hyperlink Changes Start =================== */ #regWhite .card-span a, #regGrey .card-span a, #regBlue .card-span a { color: #2a24ff; } #regWhite .card-span a:hover, #regGrey .card-span a:hover, #regBlue .card-span a:hover { text-decoration: underline; text-underline-offset: .2em; } #regGrey .card-button-capa a, #regWhite .card-button a, #regGrey .card-button a, #regBlue .card-button a { color: #565656; } #regGrey .card-button-capa a:hover, #regWhite .card-button a:hover, #regGrey .card-button a:hover, #regWhite .subMenu a:hover, #divfix a:hover { text-decoration: none; } #regBlue .card-button a:hover { color: #fff; text-decoration: none; } #openTickets.card-body a, #ticketHistory.card-body a { color: #565656; } #openTickets.card-body, #ticketHistory.card-body { overflow-y: auto; } /* =================== Hyperlink Changes End =================== */ /*----------------------MySSM Header Start --------------------------------------*/ .excel-top { display: none; } /*---------------------- MySSM Header End --------------------------------------*/ /*--------------------- Masthead for Support Portal Start -----------------------------------------*/ .webp .mh-support2 { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("../../Uploaded/Image/mastheads/sm/TechSuppTeam.webp"); } .no-webp .mh-support2 { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("../../Uploaded/Image/mastheads/sm/TechSuppTeam.jpg"); } @media (max-width: 450px) { .webp .mh-support2 { background-image: linear-gradient(to bottom right,#00000055,#00000000), url("../../Uploaded/Image/mastheads/mobile/450_TechSuppTeam.webp"); } .no-webp .mh-support2 { background-image: linear-gradient(to bottom right,#00000055,#00000000), url("../../Uploaded/Image/mastheads/mobile/450_TechSuppTeam.jpg"); } } /*--------------------- Masthead for Support Portal End -----------------------------------------*/ /*----------------- Submenu search icon ------------------*/ .subMenu li:nth-child(1) { display: flex !important; FLEX-GROW: 0.1 !important; background: #f1ba17; } .subMenu svg:nth-child(1) { display: flex !important; font-size: 1.25em !important; color: white !important; } .subMenu svg.svg-inline--fa.fa-f312.fa-w-18 { display: none !important; } svg.svg-inline--fa.fa-search.fa-w-16 { padding: 0px !important } /*----------------- Submenu search icon End ------------------*/ #tabsSearch ul.tabs li {; padding: 15px 50px; } #tabsSearch .tile .imageDimensions { display: none; } #tabsSearch .tile .assetTitle { margin-bottom: -2%; } /*----------------- MYSSM Ticket ------------------*/ #caseDetail .card-middle.align-left { max-height: 700px !important; } #ticketHistoryN { max-height: 270px !important; } #ticketHistoryN .card-span a { color: #565656 !important; } /*----------------- MySSM Ticket End ------------------*/ #HOMEBLOG .hBlogArticle { min-height: 280px; background-color: #fff; border: 1px solid #ccc; cursor: pointer; border-radius: 4px; overflow: hidden; box-sizing: border-box; margin-bottom: 15px; display: flex; flex-direction: column; justify-content: space-between; } #HOMEBLOG .hBlogArticle .Content { display: none; } #HOMEBLOG .hBlogArticle .Title { padding: 15px 5px; text-align: center; font-size: 1.1em; line-height: 1.3em; } .card-button { background: linear-gradient(180deg, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%); box-shadow: none; text-align: center; } /*----------------- Scroll to Top Mobile Change Start ------------------*/ #cookiescript_badge { bottom: 20px !important; left: 20px !important; } .cd-top { right: 90px !important; bottom: 20px !important; left: unset; } #si-wrapper .silc-btn { bottom: 20px !important; } @media (max-width: 450px) { .cd-top { display: none; } } /*----------------- Scroll to Top Mobile Change End ------------------*/ #regWhite .section-title, #regGrey .section-title, #regBlue .section-title { height: unset; padding: 10px; box-shadow: 0 5px 14px -5px #000000aa; } /*---- superfly add extra animations----*/ #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(1) { transition-delay: .1s; -webkit-transition-delay: .1s; } #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(2) { transition-delay: .0.133s; -webkit-transition-delay: .133s; } #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(3) { transition-delay: .0.166s; -webkit-transition-delay: .0.166s; } #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(4) { transition-delay: .2s; -webkit-transition-delay: .2s; } #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(5) { transition-delay: .233s; -webkit-transition-delay: .233s; } #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(6) { transition-delay: .266s; -webkit-transition-delay: .266s; } #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(7) { transition-delay: .3s; -webkit-transition-delay: .3s; } #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(8) { transition-delay: .333s; -webkit-transition-delay: .333s; } #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(9) { transition-delay: .366s; -webkit-transition-delay: .366s; } #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(10) { transition-delay: .4s; -webkit-transition-delay: .4s; } #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(11) { transition-delay: .433s; -webkit-transition-delay: .433s; } #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(12) { transition-delay: .466s; -webkit-transition-delay: .466s; } #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(13) { transition-delay: .5s; -webkit-transition-delay: .5s; } #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(14) { transition-delay: .533s; -webkit-transition-delay: .533s; } #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(15) { transition-delay: .566s; -webkit-transition-delay: .566s; } #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(16) { transition-delay: .6s; -webkit-transition-delay: .6s; } #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(17) { transition-delay: .633s; -webkit-transition-delay: .633s; } #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(18) { transition-delay: .666s; -webkit-transition-delay: .666s; } #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(19) { transition-delay: .7s; -webkit-transition-delay: .7s; } #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(20) { transition-delay: .733s; -webkit-transition-delay: .733s; } #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(21) { transition-delay: .766s; -webkit-transition-delay: .766s; } #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(22) { transition-delay: .8s; -webkit-transition-delay: .8s; } #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(23) { transition-delay: .833s; -webkit-transition-delay: .833s; } #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(24) { transition-delay: .866s; -webkit-transition-delay: .866s; } #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(25) { transition-delay: .9s; -webkit-transition-delay: .9s; } #sfm-sidebar .sfm-menu .sfm-chapter { font-size: 15px; margin-top: 10px; font-weight: 600; text-transform: uppercase; margin-bottom: -5px; } /*----------------- Promo Start ------------------*/ .Promo-major-title { font-size: 3.8em; text-transform: uppercase; font-weight: 700; filter: drop-shadow(4px 4px 0px grey); line-height: 1em; margin: 20px 0 0; } @media (max-width: 700px) { .Promo-major-title { font-size: 2em; } } /*----------------- Promo End ------------------*/ /*======== Update to TriMech Colours Start ==========*/ .mainSSM { background: #1D4F91; } .sfm-navicon, .sfm-navicon:after, .sfm-navicon:before, .sfm-label-metro .sfm-navicon-button, #sfm-mob-navbar { background-color: #1d4f91; } #divfix { background: #1d4f91; } #regBodyContent .subMenu { border-color: #1d4f91; } #regBodyContent .subMenu li:hover { background: #1d4f91; } #CAD .card-heading { border-color: #1d4f91; } #CAD .card-button a:hover { background: #1d4f91; } .tabs-nav .tab-nav-link.current, .tabs-nav .tab-nav-link:hover { background: #1d4f91; } .card-subtitle { border-color: #1d4f91; color: #1d4f91; border-style: solid; } #regGrey h3.tab-title { border-color: #1d4f91; } .mainPrice { background-color: #1d4f91; } .accordion-header:hover { background: #1d4f91; } .accordion__item { border-bottom: 1px solid #1d4f91; } #regBlue .card-heading { background-color: #1d4f91; } .cd-top { background: #1d4f91 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iOCwyLjggMTYsMTAuNyAxMy42LDEzLjEgOC4xLDcuNiAyLjUsMTMuMiAwLDEwLjcgIi8+DQo8L3N2Zz4NCg==) no-repeat center 50%; } #si-wrapper .silc-btn-button.silc-btn-button-color { background-color: #1d4f91; border: #1d4f91; } #regGrey hr { color: #1d4f91; border-style: solid; width: 95%; } #divfix:hover { background: #103970; } #regWhite .card-button a:hover, #regGrey .card-button a:hover { background: #1d4f91; } #regSearch { background-color: #1d4f91; } #IMG-MASTHEAD .MastheadCTA { background: linear-gradient(305deg,#00b6ff00 55%,#00b6ff 55%,#00b6ff99 85%); border-color: #00b6ff; text-shadow: 0 0 1px #00b6ff; background-size: 450%; } #IMG-MASTHEAD .MastheadCTA:hover { background-color: #1d4f91; } #regBlue .section-title { background-color: #1d4f91; } .carouselBtn { background: #0071ee; } .carouselBtn:hover { background-color: #00b6fe; } .cookiescriptlogo { fill: #1d4f91 !important; } #si-wrapper .silc-btn-button.silc-btn-button-color { background-color: #1d4f91 !important; } .card-heading { border-color: #1d4f91; } .gLeft { background: linear-gradient(to right, rgba(29,79,145,0), rgba(29,79,145,0.7) 33%, rgba(29,79,145,1)); } .gRight { background: linear-gradient(to right, rgba(29,79,145,0), rgba(29,79,145,0.7) 33%, rgba(29,79,145,1)); } .Launch:hover .Inside { background-color: rgba(29,79,145,1); } .carouselBtn { border-color: #1d4f91 !important; } .blogDateFiled svg { color: #009FDF !important; } /*========== Update to TriMech Colours End ==========*/ /*========== Transitions Start ==========*/ .background-transition { height: calc(6vw + 50px); max-height: 180px; } .transition-white-lgrey-right-left { background: linear-gradient(178deg, #ffffff 0%, #ffffff 40%, #eeeeeeaa 40.3%, #eeeeeeaa 45.1%, #eeeeeeaa 45.4%, #eeeeeeaa), linear-gradient(176.7deg, #ffffff 0%, #ffffff 39.8%, #eeeeee22 40.2%, #eeeeee22 50.8%, #eeeeee 51.2%, #eeeeee); } .transition-lgrey-white-left-right { background: linear-gradient(2deg, #ffffff 0%, #ffffff 40%, #eeeeeeaa 40.3%, #eeeeeeaa 45.1%, #eeeeeeaa 45.4%, #eeeeeeaa), linear-gradient(3.3deg, #ffffff 0%, #ffffff 39.8%, #eeeeee22 40.2%, #eeeeee22 50.8%, #eeeeee 51.2%, #eeeeee); } .transition-lgrey-grey-left-right { background: linear-gradient(2deg, #262626 0%, #262626 40%, #eeeeeeaa 40.3%, #eeeeeeaa 45.1%, #eeeeeeaa 45.4%, #eeeeeeaa), linear-gradient(3.3deg, #262626 0%, #262626 39.8%, #eeeeee22 40.2%, #eeeeee22 50.8%, #eeeeee 51.2%, #eeeeee); } .transition-white-grey-right-left { background: linear-gradient(177.3deg, #fff 0%, #fff 40%, #262626aa 40.3%, #262626aa 49.1%, #262626 49.4%, #262626), linear-gradient(179deg, #fff 0%, #fff 39.8%, #262626aa 40.2%, #262626aa 50.8%, #262626 70.2%, #262626); } .transition-white-grey-left-right { background: linear-gradient(182.7deg, #fff 0%, #fff 40%, #262626aa 40.3%, #262626aa 49.1%, #262626 49.4%, #262626), linear-gradient(181deg, #fff 0%, #fff 39.8%, #262626aa 40.2%, #262626aa 50.8%, #262626 70.2%, #262626); } .transition-white-blue-left-right { background: linear-gradient(182deg, #fff 0%, #fff 43%, #1d4f91aa 43.3%, #1d4f91aa 52.1%, #1d4f91 52.4%, #1d4f91), linear-gradient(181.3deg, #fff 0%, #fff 43.8%, #1d4f91aa 44.2%, #1d4f91aa 53.8%, #1d4f91 54.2%, #1d4f91); } .transition-grey-white-right-left { background: linear-gradient(177.3deg, #262626 0%, #262626 40%, #262626aa 40.3%, #262626aa 49.1%, #FFF 49.4%, #FFF), linear-gradient(179deg, #262626 0%, #262626 39.8%, #262626aa 40.2%, #262626aa 50.8%, #FFF 51.2%, #FFF); } .transition-grey-lgrey-right-left { background: linear-gradient(177.3deg, #262626 0%, #262626 43%, #eeeeeeaa 43.3%, #eeeeeeaa 52.1%, #eee 52.4%, #eee), linear-gradient(179deg, #262626 0%, #262626 43.8%, #eeeeeeaa 44.2%, #eeeeeeaa 53.8%, #eee 54.2%, #eee); } .transition-grey-lgrey-left-right { background: linear-gradient(183deg, #262626 0%, #262626 43%, #eeeeeeaa 43.3%, #eeeeeeaa 52.1%, #eee 52.4%, #eee), linear-gradient(182.3deg, #262626 0%, #262626 43.8%, #eeeeeeaa 44.2%, #eeeeeeaa 53.8%, #eee 54.2%, #eee); } .transition-lgrey-grey-right-left { background: linear-gradient(177.3deg, #eee 0%, #eee 40%, #262626aa 40.3%, #262626aa 49.1%, #262626 49.4%, #262626), linear-gradient(179deg, #eee 0%, #eee 39.8%, #262626aa 40.2%, #262626aa 50.8%, #262626 70.2%, #262626) } .transition-grey-dgrey-left-right { background: linear-gradient(182deg, #262626 0%, #262626 40%, #111111aa 40.3%, #111111aa 45.1%, #111111aa 45.4%, #111111aa), linear-gradient(183.3deg, #262626 0%, #262626 39.8%, #11111122 40.2%, #11111122 50.8%, #111111 51.2%, #111111), #262626; } .transition-dgrey-lgrey-left-right { background: linear-gradient(2deg, #eee 0%, #eee 40%, #111111aa 40.3%, #111111aa 45.1%, #111111aa 45.4%, #111111aa), linear-gradient(3.3deg, #eee 0%, #eee 39.8%, #11111122 40.2%, #11111122 50.8%, #111111 51.2%, #111111), #eee; } .transition-dgrey-lgrey-right-left { background: linear-gradient(-2deg, #eee 0%, #eee 40%, #111111aa 40.3%, #111111aa 45.1%, #111111aa 45.4%, #111111aa), linear-gradient(-3.3deg, #eee 0%, #eee 39.8%, #11111122 40.2%, #11111122 50.8%, #111111 51.2%, #111111), #eee; } .transition-dgrey-grey-right-left { background: linear-gradient(-2deg, #262626 0%, #262626 40%, #111111aa 40.3%, #111111aa 45.1%, #111111aa 45.4%, #111111aa), linear-gradient(-3.3deg, #262626 0%, #262626 39.8%, #11111122 40.2%, #11111122 50.8%, #111111 51.2%, #111111), #262626; } .transition-lgrey-blue-left-right { background: linear-gradient(183deg, #eeeeee 0%, #eeeeee 43%, #1d4f91aa 43.3%, #1d4f91aa 52.1%,#1d4f91 52.4%, #1d4f91), linear-gradient(182.3deg, #eeeeee 0%, #eeeeee 43.8%, #1d4f91aa 44.2%, #1d4f91aa 53.8%, #1d4f91 54.2%, #1d4f91); } .transition-grey-blue-left-right { background: linear-gradient(183deg, #262626 0%, #262626 43%, #1d4f91aa 43.3%, #1d4f91aa 52.1%,#1d4f91 52.4%, #1d4f91), linear-gradient(182.3deg, #262626 0%, #262626 43.8%, #1d4f91aa 44.2%, #1d4f91aa 53.8%, #1d4f91 54.2%, #1d4f91); } /*========== Transitions End ==========*/ /*========== Marketo Form Global Colour Changes Start ==========*/ .mktoForm .mktoAsterix { color: #009fdf !important; } .mktoForm .mktoError .mktoErrorArrow { background-color: #1d4f91 !important; } .mktoForm .mktoError .mktoErrorMsg { background-color: #1d4f91 !important; } /*========== Marketo Form Global Colour Changes End ==========*/ .si-msg-profile { background-color: #1d4f91; } .title-bg { background-color: #1d4f91; } .btn, .btn-default, .btn:focus, .btn-default:focus { background-color: #1d4f91; border-color: #1d4f91; } .LPHTCon { border-bottom: 5px solid #1d4f91 !important; } #regGrey .ReadMore a:hover { text-decoration: none; } #regGrey .hBlogArticle .ReadMore { background-color: #0071ee; transition: background-color 0.5s ease; } #regGrey .hBlogArticle .ReadMore:hover { background-color: #009FDF; } .jw-controls-backdrop { background: linear-gradient(to bottom,transparent,rgba(0,0,0,0.1) 77%,rgba(0,0,0,0.2) 100%) 100% 100%/100% 240px no-repeat transparent !important; } #siWidget-chat { max-height: 520px !important; } /*========== Blog Change Start ==========*/ #regWhite .blogIntro, #regWhite .blogContent { margin: 0 auto; max-width: 1000px; padding: 0 10px; line-height: 1.8em; word-wrap: break-word; width: 100%; box-sizing: border-box; } #regWhite .blogContent img { margin: 50px auto 10px; display: flex; } span.emphasis { color: #1d4f91; font-weight: 700; } .blogContent figcaption { color: #1d4f91; text-align: center; border-top: 1px solid #1d4f91; width: fit-content; margin: 15px auto 40px; font-style: italic; font-weight: 700; } #regWhite .BlogImage { display: none; } #regWhite .blogContent .Form-Title { margin-bottom: 25px; text-align: center; color: #1d4f91; } #regWhite .blogContent #ssform { max-width: 700px; margin: 0 auto; } @media (max-width: 700px) { #blogColumn { font-size: 1em; } } /*========== Blog Change End ==========*/ .blog .carouselBtn { background: #356feb; } #VidShare + .Inner .videosCarousel .blog .carouselBtn { background: transparent; } #VidShare + .Inner .videosCarousel .blog .carouselBtn:hover { background: #00b6fe; } .blog .carouselBtn:hover { background-color: #00b6fe; } @media (max-width: 1350px) { #regGreen .Inner, #regPurple .Inner { padding: 0% 2% 0% 2%; } } /*========== Superfly Menu CSS Start ==========*/ .sfm-va-middle { background-color: #030b17; } #sfm-sidebar .sfm-view-level-1, #sfm-sidebar ul.sfm-menu-level-1 { background: #101620; } #sfm-sidebar .sfm-view-level-2, #sfm-sidebar ul.sfm-menu-level-2 { background: #1c2129; } .sfm-menu-level-0 .sfm-chapter { color: #1d4f91 !important; font-weight: 700 !important; } .sfm-menu-level-1 .sfm-chapter, .sfm-menu-level-2 .sfm-chapter { color: #1d4f91 !important; text-align: left !important; font-weight: 700 !important; } li.sfm-chapter { padding: 10px 0 5px !important; } li.sfm-chapter { transition: 0.5s ease all !important; } .sfm-menu a { color: #bababa !important; } #sfm-sidebar .sfm-menu-level-0 li > a:before, #sfm-sidebar .sfm-menu-level-0 .sfm-active-item > a:before, #sfm-sidebar .sfm-menu-level-0 .sfm-active-smooth > a:before { background-color: #1d4f9177; } #sfm-sidebar .sfm-view-level-1 .sfm-menu a:before, #sfm-sidebar .sfm-view-level-1 .sfm-menu .sfm-active-item a:before { background-color: #1d4f9199; } #sfm-sidebar .sfm-view-level-2 .sfm-menu a:before, #sfm-sidebar .sfm-view-level-2 .sfm-menu .sfm-active-item a:before { background-color: #1d4f91; } #sfm-sidebar .sfm-menu li > a:hover:before { background-color: #1d4f91; } .sfm-nav:hover .sfm-chapter, .sfm-view:hover .sfm-chapter { color: #00B6FF !important; } .sfm-nav:hover .sfm-menu a, .sfm-view:hover .sfm-menu a { color: #f7f7f7 !important; } #sfm-sidebar .sfm-sl, #sfm-sidebar .sfm-sm-indicator i { font-size: 85%; } /*========== Superfly Menu CSS End ==========*/ @media (max-width: 700px) { .across-ten { grid-column: span 12; } .across-two { grid-column: span 12; } } #trimech-group-header { min-height: 45px; background: #262626; display: flex; justify-content: flex-start; align-items: center; z-index: 300 !important; position: relative; flex-direction: column; transition: 0.6s ease all; top: 0; left: 0; right: 0; } /* #trimech-group-header.minimal { min-height: 0px; } */ #trimech-group-header.expanded { background: #fff; min-height: 300px; position: absolute; } .trimech-group-logo { width: 160px; align-items: center; justify-content: center; display: flex; cursor: pointer; margin: 0px auto; transition: 0.5s ease all; } #trimechgrouplogo { padding: 5px 0; transition: 0.5s ease all; width: 160px; } /* #trimech-group-header.minimal #trimechgrouplogo { padding: 0; height: 10px; width: 10px; opacity: 0; } */ .trimech-group-logo path { fill: white; } #trimech-group-header.expanded .trimech-group-logo path { fill: #63666a; } .logo-down-caret { width: 10px; margin: 0 0 0 8px; position: relative; } #trimech-group-header.expanded .logo-down-caret { transform: rotate(180deg); } .logo-down-caret path { fill: #fffa; } #trimech-group-header.expanded .trimech-group-logo path { fill: #63666a; } #trimech-group-header .trimech-group-logo:hover .logo-down-caret path { fill: #00b6ff; } .logo-down-caret:before { height: 8px; width: 8px; background: #ff6319; display: none; position: absolute; border-radius: 50%; left: -3px; top: 1px; } .visited .logo-down-caret:before { display: block; } .trimech-group-logo:hover .logo-down-caret:before { background: #00b6ff; } #trimech-group-header.expanded .logo-down-caret:before { display: none; } #trimech-group-header.expanded .trimech-group-sites { display: block; } #trimech-group-overlay { position: fixed; top: 0; left: 0; right: 0; height: 100%; background: #0f1015bb; z-index: 299; display: none; } #trimech-group-overlay.visible { display: block; } .trimech-group-sites { width: 100%; max-width: 1460px; margin: 0 auto; padding: 15px; grid-template-columns: repeat(30, 1fr); grid-gap: 20px; display: none; } .tm-border { border-bottom: 1px solid #00b6ff; grid-column: -1/1; } #trimech-group-header.expanded .trimech-group-sites { display: grid; } .trimech-site { background: #030b17; grid-column: span 5; border-radius: 4px; box-shadow: 0 4px 8px -3px #0005; cursor: pointer; display: flex; } .trimech-site.trimech-group::after { width: 1px; position: absolute; right: -10px; height: 100%; top: 0; background-color: #63666a; opacity: 0.5; } .trimech-group-desktop { display: none; } .trimech-group-mobile { display: block; } @media (min-width: 1100px) { .trimech-site.trimech-group::after { content: ""; } .trimech-site.trimech-group { grid-row: span 2; position: relative; } .trimech-group-mobile { display: none; } .trimech-group-desktop { display: block; } } .trimech-site img { max-width: 100%; border-radius: 4px; } .trimech-site:hover { filter: brightness(1.1); box-shadow: 0 0px 3px 1px #ff6600; } #trimech-site-description { grid-column: -1/1; text-align: center; padding: 0 0 10px; font-size: 16px; font-family: "Open Sans"; font-weight: 400; transition: 0.25s ease all; min-height: 60px; color: #63666a; } .tm-close-button { position: absolute; top: 5px; right: 20px; color: #63666a; cursor: pointer; } .tm-close-button:hover { color: #00b6ff; } @media (max-width: 992px) { .trimech-site { grid-column: span 10; } .trimech-group-sites { grid-gap: 10px; } } @media (max-width: 600px) { .trimech-site { grid-column: span 15; } #trimech-group-header.expanded { position: fixed; height: 100vh; overflow-y: scroll; padding: 0 0 40px; } } #wpadminbar ~ .expanded { margin-top: 32px; } #trimech-group-header ~ .fl-page { padding-top: 0 !important; } #trimech-group-header ~ .fl-page .fl-builder-content[data-sticky="1"] { transform: none !important; top: 0; position: sticky !important; } #wpadminbar ~ #trimech-group-header ~ .fl-page .fl-builder-content[data-sticky="1"] { top: 32px; }