/* Colors as defined by the AVEVA Design System Guidelines https://design.aveva.com/build/foundations/color/palettes */
:root {
	/* Light Theme */
	--aveva-text: #000000;
	--aveva-surface: #FFFFFF;
	--aveva-background: #F3F4F5;
	--aveva-interaction: #4D5EE0;
	--aveva-alert: #CC2E29;
	--aveva-warning: #E6A700;
	--aveva-success: #179D71;
	--aveva-info: #6B6F73;
	/* Neutral Colours */
	--aveva-white: #FFFFFF;
	--aveva-gray-50: #F9FBFC;
	--aveva-gray-100: #F3F4F5;
	--aveva-gray-200: #EAECED;
	--aveva-gray-300: #DFE3E6;
	--aveva-gray-400: #D2D6D9;
	--aveva-gray-500: #6B6F73;
	--aveva-gray-600: #515559;
	--aveva-gray-700: #393D40;
	--aveva-gray-800: #2D3033;
	--aveva-gray-900: #151719;
	--aveva-black: #000000;
	/* Data Visualization */
	--aveva-data-vis-01: #1A76D9;
	--aveva-data-vis-02: #DC7300;
	--aveva-data-vis-03: #D28CD2;
	--aveva-data-vis-04: #008A00;
	--aveva-data-vis-05: #9B8778;
	--aveva-data-vis-06: #B90091;
	--aveva-data-vis-07: #D2AA00;
	--aveva-data-vis-08: #2D2DB9;
	--aveva-data-vis-09: #32B4CD;
	--aveva-data-vis-10: #BE1441;
	--aveva-data-vis-11: #7DB42D;
	--aveva-data-vis-12: #821EA0;
	/* Primary Button */
	--aveva-primary-btn-hover: #4d5ee0a8;
	--aveva-primary-btn-active: rgba(77, 94, 224, 0.25);
	/* Misc */
	--aveva-menu-item-hover: #DFE3E6 /* var(--aveva-gray-300) */;
	--aveva-disabled-btn-bg: #D2D6D9 /* var(--aveva-gray-400) */;
	--aveva-disabled-btn-txt: #2D3033 /* var(--aveva-gray-800) */;
	--aveva-blue-hover: #4d5ee047;
	--aveva-gray-selected: #DFE3E6 /* var(--aveva-gray-300) */;
	--aveva-alert-grid-row-bg: rgba(204,46,41,0.09);
	/* Fonts */
	--aveva-barlow-medium: 'Barlow-Medium';
	--aveva-barlow-regular: 'Barlow-Regular';
	--aveva-roboto-medium: 'Roboto-Medium';
	--aveva-roboto-regular: 'Roboto-Regular';
}

html, body, div, span, h1, h2, h3, h4, p, blockquote, a, img, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
input[type=button], input[type=submit], button {
	cursor: pointer;
}
object {
	outline:none;
}
/*Main
-----------------------------------------------------------------------------*/
body {
	font: 62.5%/1.7 'Segoe UI','Lucida Grande', tahoma, arial, sans-serif;
	height: 100%;
	color: #000;
	background-color: #fff;
}

body.terms-and-conditions {
	font-size: 14px;
	font-family: 'Barlow-Regular';
}

ul {
	list-style:none;
}
a {
	outline:none;
	color:#000;
	text-decoration:none;
}
blockquote {
	font-style:italic;
	padding:20px;
}
.sIFR-flash:focus {
	outline: none;
}

/*Headings
-----------------------------------------------------------------------------*/
#logo {
	float:left;
	font-size:1.4em;
}

	#logo img {
		max-width: 179px;
	}

#logo a {
	display:block;
	width:169px;
	text-decoration:none;
}
h1 {
	font-weight:bold;
	font-size:1.15em;
	color:#3d3d3d;
}
h2 {
	font-weight:normal;
	font-size:1.3em;
	color:#3d3d3d;
}
h3 {
	font-weight:normal;
	font-size:1.2em;
	padding-bottom:5px;
}
.intro h1 {
	font-weight:normal;
	font-size:1.3em;
	padding-bottom:5px;
}
.txt-wrap h1 {
	font-size:1.3em;
	font-weight:normal;
	padding-bottom:7px;
	margin-bottom:14px;
	border-bottom:1px dashed;
}
.h2-wrap {
	float:left;
	width:100%;
	padding-top:25px;
}
p {
	padding-bottom:1.2em;
}
#wrapper {
	width:940px;
	text-align:left;
	margin:0 auto;
}
#header {
	float:left;
	display:inline;
	position:relative;
	background-color:#fff;
}
#content {
	float: left;
	display: inline;
	font-size: 1.4em;
	padding: 30px 0 50px 0;
	font-family: 'Roboto-Regular', 'Segoe UI';
	font-display: swap;
}
body.home #content {
	padding-top: 50px;
	font-family: 'Roboto-Regular', 'Segoe UI';
	font-display: swap;
}
#primary-content {
	float:left;
	display:inline;
}
#secondary-content {
	float:right;
	display:inline;
}
body.opportunities #primary-content {
	padding-top:28px;
	width:586px;
}
body.opportunities #secondary-content {
	padding-top:28px;
	width:298px;
}
body.home #secondary-content {
	margin-right:18px;
}
.box {
	float:left;
	width:256px;
	padding:21px 21px 15px 21px;
	margin-bottom:15px;
	font-size:0.85em;
}
#upper-content {
	float:right;
	width:671px;
}
.headings {
	float:left;
	width:733px;
	padding:12px 0 25px 38px;
	font-size:1.2em;
}
.headings p {
	padding:0;
	font-family:'Barlow-Regular';
}
	.headings p.main-heading {
		font-size: 1.3em;
		font-family: 'Barlow-Medium';
		letter-spacing: 0em
	}
#links {
	float: left;
	font-size: 1.1em;
	text-align: right;
	padding: 10px 10px 0 0;
	width: 661px;
	font-family: 'Roboto-Regular', 'Segoe UI';
	font-display: swap;
}
#links a {
	margin:0 7px;
}
#links span {
	margin:0 7px;
	position:relative;
}
#links span#lang {
	display:none;
	margin:0;
	position:absolute;
	right:0;
	top:0;
	width:85px;
	padding-top:16px;
}
#links span#lang a {
	margin:0;
}
#links img {
	vertical-align:middle;
	cursor: pointer;
}
#form-wrapper p.reg-btn,
#register-login-wrap p.reg-btn,
.acc-inner p.reg-btn,
.reg-btn a {
	width: 205px;
	height: 39px;
	padding: 0;
	line-height: 35px;
	white-space: nowrap;
	overflow: hidden;
	font-family: 'Roboto-Regular', 'Segoe UI';
	font-display: swap;
}
#register-acc .acc-inner p.reg-btn {
	margin-top:10px;
	padding:0;
	width:174px;
}
#reg-btn-submit {
	padding: 0;
	line-height: 35px;
	border: 0;
	width: 151px;
	Height: 36px;
	background: url("next-btn.png") no-repeat 0 0;
}

.reg-btn-submit {
	padding: 0;
	line-height: 35px;
	border: 0;
	width: 151px;
	Height: 36px;
	background: url("next-btn.png") no-repeat 0 0;
}
.reg-btn a {
	font-size:0.9em;
	display:block;
	text-indent:16px;
	background:url("../images/register-company-btn.png") no-repeat 0 0;
}
#register-login-wrap .reg-btn,
.acc-inner .reg-btn {
	float:left;
	clear:left;
}
.acc-inner .reg-step-btn a {
	float:left;
	clear:left;
	height: 39px;
	line-height:35px;
	text-align:center;
	color:#fff;
	background-color:#49A4D2;
	padding-left:16px;
	padding-right:16px;
	border-radius: 4px;
}
#register-login-wrap .reg-btn a {
	color:#fff;
	background:url("../images/register-company-btn-white.png") no-repeat 0 0;
}
.acc-inner .reg-btn a {
	color:#fff;
	width:174px;
	background:url("../images/next-btn.png") no-repeat 0 0;
}
.acc-inner .reg-btn .register {
	border: 0;
	padding: 0;
	height: 39px;
	line-height: 35px;
	text-align:center;
	color:#fff;
	width:174px;
	background:url("../images/next-btn.png") no-repeat 0 0;
}
.or-login {
	float:left;
	width:150px;
	font-size:16px;
	padding: 8px 0 0 5px;
}
.or-login span {
	margin:0 4px;
}
.btns {
	padding-top:14px;
}
.remember {
	float:left;
	width:190px;
	line-height:1em;
	padding-top:17px;
}
#login-form .remember label {
	width:110px;
	font-size:0.85em;
}
.remember .checkbox {
	float:left;
	margin:0 5px 0 0;
	padding:0;
	height:12px;
}
.intro a {
	text-decoration:underline;
}
.intro a:hover {
	text-decoration:none;
}
.intro-wrap {
	float:left;
	width:100%;
	padding-bottom:15px;
	border-bottom:1px dashed;
}
.intro-wrap.no-pad {
	padding-bottom:0;
}
#opp-heading {
	float:left;
	width:100%;
	padding:12px 0;
	border-bottom:1px dashed;
}
#opp-heading h2 {
	font-weight:bold;
	font-size:20px;
	width:720px;
	float:left;
}
#opp-heading a {
	display:block;
	float:right;
	width:206px;
	height:36px;
	line-height:36px;
	text-align:center;
}
#opp-heading a,
.more-info a,
#form-wrapper,
#login-form .submit,
#tooltip .tipBody {
	border-radius: 4px;
}
.must-be-reg {
	float:left;
	width:100%;
	margin-top:28px;
	font-size:0.85em;
}
.exclaim {
	float:left;
	display:block;
	width:32px;
	height:41px;
	margin-right:12px;
	background:url("../images/exclaim-icon.png") no-repeat 0 0;
}
.must-be-reg p {
	padding-top:5px;
}
.breadcrumb {
	font-size:0.85em;
	color:#949494;
}
.intro .breadcrumb a {
	text-decoration: none;
}
.section {
	float:left;
	width:100%;
	margin-bottom:18px;
	padding-bottom:5px;
	border-bottom: 1px dashed;
}
.heading {
	padding-bottom:0;
}
.section-inner {
	float:left;
	width:270px;
	font-size:0.85em;
}
.section-inner em {
	font-style:normal;
}
.section-inner .heading {
	font-size:1.2em;
}
.section-inner.right {
	float:right;
}
.info {
	display:inline-block;
	zoom:1;
	width:16px;
	height:16px;
	margin-left:5px;
	margin-top:1px;
	vertical-align:top;
	background:url("../images/info-icon.png") no-repeat 0 0;
}
#form-wrapper .error {
	width: 308px;
}
.shown {
	position: relative;
	float: left;
	clear: none;
	display: block;
    width: 100%;
}
.messages {
	border: 1px solid black;
    MARGIN-TOP: 6px;
    MARGIN-BOTTOM: 6px;
    WIDTH: 100%;
    COLOR: #ffffff;
}
.messagelist {
    MARGIN-TOP: 0;
    MARGIN-BOTTOM: 0;
}
.messagelist span {
	font-size:1.15em;
}
.error {
	color: #c84343;
	padding: 10px 0 10px 30px;
    FONT-WEIGHT:normal;
    display: block;
    background:#ffcece url("../images/error-icon.gif") no-repeat 50px center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position-x: 9px;
    background-position-y: 15px;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: rgb(255, 206, 206);
}
/* Errorlogin is used for the supplier login page only as we wish error to be displayed in login box */
.errorlogin {
    color: #c84343;
	padding: 9px 0 9px 30px;
    FONT-WEIGHT:normal;
    display: block;
    background:#ffcece url("../../../images/error-icon.gif") no-repeat 13px center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position-x: 9px;
    background-position-y: 12px;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: rgb(255, 206, 206);
}
.warning {
	FONT-WEIGHT:normal;
    LIST-STYLE-IMAGE: url(../../../images/icn_exclamation.gif);
    margin-left: 25px;
    PADDING-BOTTOM: 2px;
    PADDING-RIGHT: 4px;
    COLOR: red;
}
.success {
    color: #FFF;
	padding: 9px 0 9px 30px;
    FONT-WEIGHT:normal;
    display: block;
    background:#ffffff url("../../../images/icn_info.gif") no-repeat 13px center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position-x: 9px;
    background-position-y: 15px;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
	background-color: rgb(0, 180, 0);
}
.successlogin {
    color: Black;
	padding: 9px 0 9px 30px;
    FONT-WEIGHT:normal;
    float: left;
    display: block;
    background:#ffffff url("../../../images/icn_info.gif") no-repeat 13px center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position-x: 9px;
    background-position-y: 12px;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
    WIDTH: 307px;
}
#address-table {
	font-size:0.85em;
}
#address-table th,
#address-table td {
	padding:13px;
	border-bottom:3px solid #fff;
}
#address-table th {
	font-weight:bold;
}
#address-table #colgroup1 {
	width:104px;
}
/*Tooltip
-----------------------------------------------------------------------------*/
#tooltip {
    position:absolute;
    z-index:9999;
    color:#fff;
    font-size:10px;
    width:280px;

}
#tooltip .tipBody {
    background-color:#fff;
    padding:10px 12px;
	color:#000;
	font-size:12px;
	border:1px solid;
}
/*Register Login Form
-----------------------------------------------------------------------------*/
.pword-no-match {
    color : Red;
    font-style : italic;
}

#register-login-wrap {
	float:left;
	width:460px;
	height:195px;
	text-align:left;
	overflow:hidden;
	padding:10px;
	font-size:1.4em;
	line-height:1.4em;
}
#register-login-wrap h1 {
	font-size:1.2em;
	font-weight:normal;
	color:#025b89;
	padding-bottom:14px;
	margin-bottom:14px;
	border-bottom:1px dashed #8cbcd4;
}
/*Fancy Box
-----------------------------------------------------------------------------*/
#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;
}
#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../images/fancybox.png');
}
#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}
#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}
#fancybox-wrap {
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
	position: fixed;
}
#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: 42px;
	height: 42px;
	background-image: url('../images/fancy_close.png');
	background-position:0 0;
	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;
	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('../images/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('../images/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}
#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('../images/fancybox-x.png');
	background-position: 0 -40px;
	color: #FFF;
}
#fancybox-title-right {
	padding-left: 15px;
	background-image: url('../images/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}
#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('../images/blank.gif');
	z-index: 1102;
	display: none;
}
#fancybox-left {
	left: 0;
}
#fancybox-right {
	right: 0;
}
#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('../images/fancybox.png');
	background-position: -40px -30px;
}
#fancybox-right-ico {
	background-image: url('../images/fancybox.png');
	background-position: -40px -60px;
}
#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('../images/fancybox-x.png');
}
#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../images/fancybox.png');
	background-position: -40px -162px;
}
#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../images/fancybox-y.png');
	background-position: -20px 0;
}
#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../images/fancybox.png');
	background-position: -40px -182px;
}
#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox-x.png');
	background-position: 0 -20px;
}
#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../images/fancybox.png');
	background-position: -40px -142px;
}
#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../images/fancybox-y.png');
}
#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../images/fancybox.png');
	background-position: -40px -122px;
}
/*Additional fix for iphone positioning*/
.fancybox-ie {
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_close.png', sizingMethod='scale');
}
/*Product Codes Table
-----------------------------------------------------------------------------*/
.product-codes-table {
	width: 584px;
	border:1px solid;
	table-layout: auto;
}
.product-codes-table caption {
	padding-bottom:8px;
}
.product-codes-table th {
	font-size:0.85em;
	font-weight:bold;
	padding:10px 15px;
	border-right:1px solid;
}
.product-codes-table td {
	padding:8px 15px;
	border-right:1px solid;
	border-top:1px solid;
}
.product-codes-table th.end, .product-codes-table td.end {
	border-right:none 0;
	width:426px;
}
/*Accordion Form
-----------------------------------------------------------------------------*/
#register-acc, #opp-acc {
	float:left;
	width:940px;
	font-size:14px;
	margin-top:15px;
}
.acc-content {
	float:left;
	width:896px;
	padding:0 22px;
}
#opp-acc .acc-content {
	width:940px;
	padding:0;
}
.acc-inner {
	float:left;
	width:896px;
	padding:40px 0;
}
.title {
	float:left;
	cursor:pointer;
	display:block;
	padding:12px 0;
	color: #fff;
	text-indent:10px;
	width:940px;
	font-size:16px;
	border-bottom: 2px solid #fff;
	background-color:#202020;
	background-image: linear-gradient(top, #3e3e3e, #202020);
}
.title.selected .arrow {
	width:13px;
	height:13px;
	display:block;
	float:left;
	margin:9px 0 0 21px;
	background:url("../images/opp-title-selected.png") no-repeat 0 0;
}
.title .arrow {
    position: static;
	width:13px;
	height:13px;
	display:block;
	float:left;
	margin:6px 0 0 21px;
	background:url("../images/opp-title-arrow.png") no-repeat 0 0;
}
.title .arrow:after {
    display: none;
}
#register-acc fieldset {
	float:left;
	width:620px;
}
.notes {
	float:left;
	width:230px;
	padding:20px;
	font-size:0.85em;
}
.notes span {
	font-size:1.15em;
}
.notes-heading {
	font-size:1.15em;
	padding-bottom:4px;
}
#register-acc label {
	float: left;
	width: 100%;
	color:#000;
	padding-bottom:4px;
}
#register-acc p {
	position: relative;
	clear:both;
	width: 100%;
	margin:0;
	padding-bottom:14px;
	overflow-y:auto;
}
#register-acc .f-input, #register-acc textarea {
	float:left;
	clear:left;
	font:1em Arial, Helvetica, sans-serif;
	color:#000;
	width:324px;
	padding:8px 6px;
	margin:0;
	border: 1px solid;
	overflow:hidden;
}
#register-acc .f-input {
	height: 16px;
	font-family: 'Roboto-Regular', 'Segoe UI';
	font-display: swap;
	font-size: 14px;
	letter-spacing: 0.01em;
}
#register-acc textarea {
	height: 120px;
	font-family: 'Roboto-Regular', 'Segoe UI';
	font-display: swap;
	font-size: 14px;
	letter-spacing: 0.03em;
}
#register-acc select {
	width: 338px;
	font-family: 'Roboto-Regular', 'Segoe UI';
	font-display: swap;
	font-size: 14px;
	letter-spacing: 0.03em;
}
#register-acc .tc-check label {
	width: 400px;
	font-size:0.85em;
}
.tc-check {
	line-height:1.2em;
}
#t-and-c {
	float:left;
	position:relative;
	clear:both;
	width:862px;
	height:140px;
	overflow-y:scroll;
	padding:16px;
	font-size:0.85em;
	margin-bottom:42px;
	border:1px solid #ddd;
}
#t-and-c-popup {
	float:left;
	position:relative;
	clear:both;
	width:820px;
	padding:16px;
	margin-bottom:42px;
	text-align:left;
}
#t-and-c-popup .error {
	background-position: 9px center;
	padding: 1px 0 0 30px;
	FONT-WEIGHT: normal;
	float: left;
	display: block;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: rgb(255, 206, 206);
	WIDTH: 96.8%;
	color: Red;
	font-size: 1.3em;
	background-image: url('../images/error-icon.gif');
}
#register-cancel {
    float:left;
	position:relative;
	clear:both;
	padding:16px;
	font-size:0.85em;
	margin-bottom:42px;
	text-align:left;
}
#t-and-c div {
	width:840px; /* Needed for IE7 */
}
.checkbox {
	float:left;
	width:auto;
	height: 12px;
	margin:0 6px 0 0;
}
.req {
	color:#fd0101;
}
/*Opportunities Table
-----------------------------------------------------------------------------*/
.opp-table {
	float:left;
	width:940px;
	font-size:0.85em;
}
.opp-table em {
	font-style:normal;
}
.opp-table th {
	font-size:0.9em;
	padding:10px 10px 10px 14px;
	border-right:1px solid;
	line-height:1.3em;
}
.opp-table td {
	border-right:1px solid;
	border-top:1px solid;
	padding:10px 10px 10px 14px;
	line-height:1.5em;
	vertical-align:top;
}
.opp-table .more-info {
	width:126px;
	padding-left:10px;
	border-right:none 0;
}
.more-info a {
	display:block;
	width:126px;
	height:35px;
	line-height:35px;
	color:#fff;
	text-align:center;
}
/*Register Form
-----------------------------------------------------------------------------*/
#form-wrapper {
	float:left;
	width: 338px;
	padding:42px 42px 20px 42px;
	color:#fff;
	font-size:1.15em;
	line-height:1.4em;
	background-color:#1f1f1f;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3e3e3e', EndColorStr='#1f1f1f');
	background-image: -webkit-linear-gradient(top, #3E3E3E, #1F1F1F);
	background-image: -moz-linear-gradient(top, #3E3E3E, #1F1F1F);
	background-image: -ms-linear-gradient(top, #3E3E3E, #1F1F1F);
	background-image: -o-linear-gradient(top, #3E3E3E, #1F1F1F);
	background-image: linear-gradient(top, #3E3E3E, #1F1F1F);
}
#form-wrapper .forgot a {
	color:#b5b5b5;
}
#form-wrapper .forgot a:hover {
	color:#c9c9c9;
}
#login-form {
	float:left;
	width:100%;
	margin-top:20px;
	padding-top:20px;
	background:url("../images/form-border.gif") repeat-x 0 0;
}
#register-form {
    float:left;
	width:auto;
}
#register-form .register {
	display:block;
	float:left;
	color:#fff;
	width:126px;
	height:30px;
	line-height:1em;
	border:none 0;
	padding:6px 0;
	font-size:16px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#77bcdd', EndColorStr='#49a4d2');
	background:#49A4D2;
	border-radius: 4px;
	margin:0 1em 0 0;
}
#register-form .register-disabled {
	display:block;
	float:left;
	width:126px;
	height:auto;
	background:gray;
	line-height:1em;
	border:none 0;
	padding:6px 0;
	font-size:16px;
	margin-top:8px;
	border-radius: 4px;
	margin:0;
	opacity:0.1;
	filter:alpha(opacity=10);
}
#register-form .register-no {
	display:block;
	float:left;
	color:#fff;
	width:126px;
	height:30px;
	line-height:1em;
	border:none 0;
	padding:6px 0;
	font-size:16px;
	margin-top:8px;
	background-color:rgb(128, 128, 128);
	border-radius: 4px;
	margin:0 1em 0 0;
	cursor:default;
}
	#register-form .register:hover {
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4399C5', EndColorStr='#4399C5');
		background-color: #4399C5;
	}
#login-form fieldset {
	float:left;
	clear:left;
	width:100%;
	font-size:0.9em;
	padding-bottom:15px;
}
#login-form .legend {
	margin:0;
	padding:0 0 10px 0;
	font-size:1.1em;
}
#login-form p {
	position: relative;
	clear:both;
	width: 100%;
	margin:0;
	padding:5px 0;
	line-height:1.4em;
	overflow-y:auto;
}
#login-form label {
	float: left;
	width: 100%;
	padding-bottom:4px;
}

#login-form input[type="text"],
#login-form input[type="password"] {
	color:#000000 /* var(--aveva-text) */;
	background-color: #FFFFFF /* var(--aveva-surface) */;
}

#login-form .f-input {
	float:left;
	font:1em Arial, Helvetica, sans-serif;
	width:324px;
	padding:8px 6px;
	margin:0;
	border: 1px solid #919191;
	overflow:hidden;
}
#login-form .submit {
	display:block;
	float:right;
	color:#fff;
	width:126px;
	line-height:1em;
	border:none 0;
	padding:6px 0;
	font-size:16px;
	margin-top:8px;
}
.accept {
    float:left;
}
.td-override { /*Needed to override an inherited td class on the T's and C's popup */
    border-bottom-style:none !important;
    border-bottom-width:0 !important;
}
.pstrength-bar {
	margin-top: 1px;

}
.pstrength-bar-ini {
	margin-top: 1px;
	display: inline-block;
	border: 0 solid white;
	font-size: 1px;
	height: 5px;
	width: 0;
}
/*Footer
-----------------------------------------------------------------------------*/
.footer {
	display: block;
	clear: both;
	font-size: 1.1em;
	line-height: 3em;
	width: 940px;
	color: #949494;
	padding: 10px 0;
	border-top: 1px dashed;
	font-family: 'Roboto-Regular', 'Segoe UI';
	font-display: swap;
}
.footer ul {
	float:left;
}
.footer li {
	float:left;
}
.footer li + li:before {
    content: " | ";
    padding: 0 10px;

}
.footer a {
    padding: 0 0.7em;
    color: #949494;
}
.footer h1 {
    float: right;
    font: Barlow;
    font-size: 17px;
    font-weight: normal;
    vertical-align: top;
    color: #777777;
}
.footer li.first a {
	padding-left:0;
}
.footer a:hover {
	color:#646464;
}

.footer procon {
    float: right;
	padding:0 5px 0 0;
}
.procon img {
	vertical-align:middle;
}
/*Main Navigation
-----------------------------------------------------------------------------*/
#nav {
	float: right;
	width: 940px;
	height: 40px;
	font-size: 16px;
	margin-top: 23px;
	border-bottom: 6px solid;
	font-family: 'Roboto-Regular', 'Segoe UI';
	font-display: swap;
}
#wrapper.blue #nav a {
	color:#fff;
}
#nav li {
	float:left;
	margin-right:3px;
}
	#nav li a {
		height: 40px;
		line-height: 40px;
		display: block;
		text-decoration: none;
		float: left;
		color: #fff;
		padding: 0 36px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		background-color: #08497C;
		background-image: linear-gradient(top, #08497C, #08497C); /* Saf4+, Chrome */
		/* Chrome 10+, Saf5.1+ */
		/* FF3.6 */
		/* IE10 */
		/* Opera 11.10+ */
	}
		#nav li a:hover {
			background-color: #105184;
			background-image: linear-gradient(top, #105184, #105184);
		}

#setLanguage input[type="button"] {
	border-radius: 5px;
	color: #FFF;
	background: #49A4D2 /* var(--aveva-interaction) */ none;
	border: none;
	cursor: pointer;
	display: inline-block;
	font-weight: 400;
	line-height: 2em;
	margin-left: 0.5em;
	padding: 0.5em 1em;
	white-space: nowrap;
}

	#setLanguage input[type="button"]:hover {
		color: #FFFFFF /* var(--aveva-surface) */;
		background: #4399C5 /* var(--aveva-primary-btn-hover) */ none;
		filter: none;
	}

#setLanguage button:hover i[class*="icon-"] {
	color: #FFFFFF /* var(--aveva-surface) */;
}