:root {
    --lOrange: #FFA326;
    --orange: #f26522;
    --orangeRgb: 242,101,34;
    --orangeBtn: #f68d5a;
    --LBGorange: #fbd0bc;
}
html,
body {
    margin: 0;
    padding: 0;
    font-family: Arial, helvetica, Verdana, Sans-Serif;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}
*:focus {outline:auto;}

#canvas{
   /* background-color: #fff;
    box-shadow: 0 0 60px rgb(85, 85, 85);
    width: 100%;
    margin: 0 auto;
    margin-left: auto;*/
}
/*@media (min-width: 576px) {
    #canvas {max-width: 540px;}
}
@media (min-width: 768px){
    #canvas {max-width: 720px;}
}*/
/*
@media (min-width: 992px) {
    #canvas {max-width: 960px;}
}
@media (min-width: 1200px) {
    #canvas {max-width: 1140px;}
}
*/
#page {padding:0 0.75rem;}

/*************************************************/

.hide {display:none}

.panel {background-color:#fff;padding:1px;}
#header {background-color: rgba(248,249,250,1);border-bottom: 1px solid var(--orange);padding: 0;}
#header .panel {padding:0;}
#headContainer {background-color:#ffffff;border-bottom:0px solid #F26522;padding:0;position: relative;}
/*.wiz #headContainer {background-color:#f26522;}*/
#headContainer.short {/*border-bottom:1px solid #b7c3ca;*/background-color:#fff;}
#landingContainer {background-color:#FFFFFF;}
#helpContainer {background-color:#B7C3CA;display:none;}
#failContainer {/*display:none;*/}
#searchContainer {min-height:700px;background-image: url("../images/background/flash-grey.png");background-position: 0 -20px;background-repeat: no-repeat;}
#wizardContainer {}
#accountPaymentContainer {background-color:#B7C3CA;min-height:500px;}
#footerContainer {
    background-color: rgba(33,37,41,1);
    border-top: 2px solid #F26522;
}
#reportContainer{background-color: #fff;box-sizing: border-box;display: block;min-height: 600px;padding:10px;position:relative;overflow:hidden;}

.grey3bg {background-color:#B7C3CA;}
.whitebg, .whtBG {background-color:#FFFFFF;}
/****/

.section {
    /*width:850px;*/
    margin:20px auto;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

@media (min-width: 576px) {
    .section {max-width: 540px;}
}
@media (min-width: 768px) {
    .section {max-width: 720px;}
}
@media (min-width: 992px) {
    .section {max-width: 960px;}
}
@media (min-width: 1200px){
    .section {max-width: 1140px;}
}
@media (min-width: 1400px) {
    .section {max-width: 1320px;}
}


#searchBarContainer {margin-top:-210px;margin-bottom:0px;}
#navigationContainer {margin-bottom:0px;  margin-top: 0;min-height: 88px;position:relative;}
/*.wiz #navigationContainer {min-height: 43px;}*/
.short #searchBarContainer {margin-top: 0px;}
#resultsContainer {}
#landing {min-height:400px;}
#helpPage {border-top: 1px solid #657078;margin-top: -1px}
#failPage {min-height:700px;}
#noResultsContainer {}
#opsFormContainer {}
#registrationContainer {min-height:700px;}
#footerContentContainer {}
#responseContainer {min-height:800px;}
#responseContainer.emailResponse {min-height:500px;}
#reportContainerSection {box-sizing:border-box;overflow:auto;padding:0 10px;width:100%;}

.minHt600 {min-height:600px;}
.minHt700 {min-height:700px;}
.minHt800 {min-height:800px;}

.reportViewerContent {height:auto !important;}

.orangeBG {
    background-image: url(../images/background/flash-orange.png);
    background-position: left -30px;
    background-repeat: no-repeat;
    background-color: #ff8f27;
}

.col {
    display:inline-block;
    vertical-align:top;
    padding:10px;
}
.leftLrg {width:62%;}
.rightSml {width:32%;}

.leftDivider {border-left:1px solid #b7c3ca; }

.helpPagePadding {padding: 0 60px;}
/*********************** Footer Styles **********************/
#foot {
    padding: 20px 0;
}
#foot p{
    color: silver;
    font-size: 11px;
    padding: 2px 0 0;
}
#foot .legal a {color: white;text-decoration:none;}
#foot .legal a:hover {color:#F26522;text-decoration:underline;}


#foot .legal,
#foot .links,
#foot .arcSoftware {
    display:inline-block;
    min-height:30px;
    vertical-align:top;
}
#foot .legal {width:30%;}
#foot .links {width:50%;}
#foot .arcSoftware {width:15%;vertical-align:bottom;}

#foot .legal a {padding:2px;}
#foot .legal .footLogo {
    /*background: url(../images/beta/clear_logos.png) no-repeat scroll -8px -95px rgba(0,0,0,0);
    display: block;
    height: 65px;
    width: 130px;*/
	background: url(../../media/images/pls-clear-logo.png) no-repeat scroll 0px 0px rgba(0, 0, 0, 0);
	display: block;
	height: 54px;
	width: 130px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

#foot .links ul {list-style:none;padding:0;margin:0;}
#foot .links ul li {margin:0px;float:left;width:100%;}
#foot .links ul li a,
#foot .links ul li span {
    border-left: 2px solid transparent;
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    padding: 4px 2px 4px 6px;
    text-decoration: none;
    width: 220px;
}
#foot .links ul li a {text-decoration:underline;}
#foot .links ul li span.regNos {width:400px; color:silver;}
#foot .links ul li a:hover {
    border-color: #F26522;
    background-color: #7b888d;
    text-decoration:none;
}

#foot .arcSoftware a {
    background: url("../images/beta/betaimg-map.png") no-repeat scroll -282px -522px rgba(0, 0, 0, 0);
    width: 100px;
    height:32px;
    display:block;
    cursor:pointer;
    float:right;
}
#foot .arcSoftware a:hover {background-position:-172px -522px;}

/******************************************************************/

/*********************** General Text Styles **********************/

h1 {
    color: #657078;
    font-family: Arial, Verdana, Sans-Serif;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    /* font-size: 34px; */
    font-style: normal;
    font-weight: normal;
    font-weight: 500;
    border-bottom: 1px solid #B7C3CA;
    margin: 24px 0 1rem; 
    padding-bottom: 15px;
}
h1.noUnderline {border-bottom:0;}
h2 {
    color: #657078;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 26px;
    font-style: normal;
    font-weight: normal;
    margin:5px 0;
    padding:0;
}
h3 {
    color: #657078;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    margin:10px 0;
    padding:0;
}
h4 {
    color: #657078;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    margin:5px 0;
    padding:0;
}
p {
    color: #000000;
    /*font-family: Arial, Verdana, Sans-Serif;*/
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    line-height:1.6;
    margin:0;
    padding:0;
}
.wizardContextTxt {     /***** search term: ['Title'] *******/
    color: #657078;
    font-size: 13px;
    height: 18px;
    left: 260px;
    margin-right: 0;
    max-width: 570px;
    overflow: hidden;
    position: absolute;
    top: 16px;
}
.wizardContextTxt strong {color: #000;}


/*.pageTitleContainer {margin: 10px 10px 0;border:1px solid red;}*/

.alertTxt {color:#ED008C;}
.successTxt {color:#8CC34B;}
.highlightTxt {color:#F26522;}
.purpleTxt {color: rgba(160,53,207,1);}
.redTxt {color: #a3314b;}
.whtTxt {color:#FFFFFF !important;}
.blkTxt {color:#000000;}
.grey1Txt {color:#E5E9EC;}
.grey2Txt {color:#B7C3CA;}
.grey3Txt {color:#657078;}
.grey4Txt {color:#222f2f;}
.centerTxt {text-align:center;}

.alertIcon {background:url(../images/beta/betaimg-map.png) no-repeat scroll -468px -142px transparent;padding: 0px 7px 7px 32px;}
.successIcon {background:url(../images/beta/betaimg-map.png) no-repeat scroll -468px -173px transparent;padding: 0px 7px 7px 32px;}
.blankIcon {padding-left:32px;}
.goTo {
    background: url("../images/beta/betaimg-map.png") no-repeat scroll right -739px rgba(0, 0, 0, 0);
    color: #F26522;
    display: inline;
    padding: 4px 22px 4px 2px;  
}
.pageDivider{width:100%;height:1px;border-top:1px solid #B7C3CA;margin:10px 0;}
.pad5 {padding:5px 0;}
.pad10 {padding:10px 0;}
.pad20 {padding:20px 0;}
.bigPad {margin:20px 0;}
.blank {border:0;}
.topdots {border-top-style:dotted;}
.dots {border-style:dotted;}
.grey1 {border-color:#E5E9EC;}
.grey2 {border-color:#B7C3CA;}
.grey3 {border-color:#657078;}

input[type=submit].greenBtn, .greenBtn, .swMain .buttonNext, .swMain .buttonFinish {
    background-color: #91c846 !important;
    border-color: #91c846 !important;
    color: #fff !important;
}

input[type=button],
input[type=submit],
a.isButton,
.swMain .fixedButtons a {
    background-color: var(--orangeBtn);
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid var(--orangeBtn) !important;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 34px;
    line-height: 2.9;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    text-transform: uppercase;
    width: 118px;
}

a.isButton, .swMain .fixedButtons a {font-size:12px;}
input[type=button]:focus,
input[type=submit]:focus,
.btn-primary:focus {
    color: #fff;
    background-color: var(--orange);
    border-color: var(--orange);
    box-shadow: 0 0 0 0.25rem rgba(49,132,253,.5);
}


input[type=button]:hover,
input[type=submit]:hover,
a.isButton:hover,
.swMain .fixedButtons a:hover {
    background-color: #f26522 !important;
    border-color: #f26522 !important;
    color: #fff;
    text-decoration: none;
}

.showRight {float:right;}
.autoWidth {padding: 0 10px; width: auto !important;}

/*------Wizard Buttons specific--------*/
.buttonDisabled,
.buttonDisabled:hover,
.swMain .buttonDisabled, 
.swMain .fixedButtons .buttonDisabled:hover {
    background-color: #aaaaaa !important;
    border-color: #b7c3ca !important;
    color: #657078 !important;
    cursor: default;
    opacity: 0.35;
}
.swMain .buttonDisabled.buttonFinish,
.swMain .buttonDisabled.buttonNext {display:none;}
.swMain .buttonNext, .swMain .buttonFinish {float: right;}
/*-------------*/

/*.continue {background-position:-174px -76px;float:right;}
.continue:hover {background-position: -174px -113px;}

.sendBtn {background-position:-174px -446px;float:right;}
.sendBtn:hover {background-position:-174px -483px;}

.senderBtn {background: url("../Images/beta/clear_Buttons.jpg") no-repeat scroll -728px -223px transparent !important;float:right;}
.senderBtn:hover {background-position:-728px -112px !important;}

.loginBtn {background:url(../Images/beta/clear_Buttons.jpg) no-repeat scroll -243px -1px transparent !important;float:right; }
.loginBtn:hover {background-position: -243px -149px !important; }

.goRegisterBtn {background:url(../Images/beta/clear_Buttons.jpg) no-repeat scroll -123px -186px transparent !important;}
.goRegisterBtn:hover {background-position: -123px -223px !important; }

.registerBtn {background:url(../Images/beta/clear_Buttons.jpg) no-repeat scroll -123px -223px transparent !important;float:right;}
.registerBtn:hover {background-position: -123px -149px !important; }*/

@keyframes load {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
.wheel {
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: load;
    animation-timing-function: linear;
    background: rgba(0, 0, 0, 0) url("../images/beta/Icons_Responsive.png") repeat scroll -5px -2161px;
    display: none;
    height: 30px;
    left: 3px;
    position: absolute;
    top: 2px;
    width: 30px;
}
.show.wheel {display: inline-block;}
.loaderButton {display: inline !important;float: right;margin: 0 !important;position:relative;}

#helpFormSuccess {/*min-height:100px;*/}


#helpFormSuccess a.actionBtn {
    background: url("../images/beta/actionArrows.png") no-repeat scroll right -28px #00a2e2;
    border: 0 none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: auto;
    margin: 10px 5px 0 0;
    padding: 10px 40px 10px 20px;
    text-decoration: none;
    text-indent: 0;
    width: auto;
}

#helpFormSuccess a.actionBtn:hover {
    background-color: #F26522;
    color:#ffffff
}
/******* Help Section **************/

#helpPage a {margin:16px 0px;display:block;text-decoration:none;}
#helpPage a .lrgHelpDisc 
{
    background: url("../images/beta/betaimg-map.png") no-repeat scroll -431px -72px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 60px;
    width: 60px;
}
#helpPage a h4 {display:inline-block;margin: 20px 20px 20px 10px;vertical-align: top;}
#helpPage a p {display: inline-block;margin: 21px;vertical-align: top;max-width:540px;}

#helpPage a:hover .lrgHelpDisc {background-position: -431px -2px;}
#helpPage a:hover h4 {color:#F26522;}

/***********************************/

/******* Landing Section ***********/

.subtLink {color:#F26522;text-decoration:none;}
.subtLink:hover {text-decoration:underline;}

/*#landing h3 {line-height:1.4;}*/
#landing .column {display:inline-block;vertical-align:top;}
#landing .column.left {width:540px;}
#landing .column.right {float:right;width:280px;margin-top:30px;}

#landing .stepContainer {
    background-color: #E5E9EC;
    border-radius: 20px;
    height: 220px;
    margin-bottom: 20px;
    overflow:hidden;
}
#landing .stepContainer .step {
    border-right: 5px solid #ffffff;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    height: 100%;
    width: 33.3%
}
#landing .stepContainer .step.step3 {border:0;}

#landing .stepContainer .step span {
    border: 0 none;
    display: inline-block;
    height: 70px;
    width: 70px;
}
#landing .stepContainer .step span.stepID {
    background:url(../images/beta/betaimg-map.png) no-repeat scroll 0 0 transparent;
    width:55px;
}
#landing .stepContainer .step.step1 span.stepID {background-position: 18px -507px;}
#landing .stepContainer .step.step2 span.stepID {background-position: -37px -507px;}
#landing .stepContainer .step.step3 span.stepID {background-position: -100px -507px;}

#landing .stepContainer .step span.stepIcon {
    background:url(../images/beta/betaimg-map.png) no-repeat scroll 0 0 #F26522;
    border-radius: 35px;
    margin-top: 20px;
}
#landing .stepContainer .step.step1 span.stepIcon {background-position: -1px -373px;}
#landing .stepContainer .step.step2 span.stepIcon {background-position: -2px -436px;}
#landing .stepContainer .step.step3 span.stepIcon {background-position: -82px -373px;}

#landing .stepContainer .step h4 {
    text-align:center;
    padding: 5px 10px;
    margin-top: 10px;
}

#landing .helpContainer 
{
    
    border-bottom: 2px solid #657078;
    border-top: 2px solid #657078;
    display: inline-block;
    margin-bottom: 20px;
    padding: 15px 10px 15px 153px;
    text-decoration: none;
    overflow:hidden;
}
#landing .helpContainer span {
    background-color:#E5E9EC;
    border-radius: 70px;
    display: block;
    height: 130px;
    left: -150px;
    margin-bottom: -130px;
    position: relative;
    top: -20px;
    width: 130px;
    overflow:hidden;
}
#landing .helpContainer span img{
    height: 105%;
}

#landing .helpContainer:hover h4 {
}
#landing .helpContainer P {
    color: #657078;
    display: inline-block;
    margin-top: 6px;
}

/*#landing .column.right h2 {
    margin: 20px 0;
}*/
#landing .pointBox {
    margin: 10px 0 20px;
    position: relative;
}
#landing .pointBox span {
    background:url(../images/beta/betaimg-map.png)no-repeat scroll -164px 4px #657078;
    border-radius: 20px;
    display: block;
    height: 40px;
    margin: 0 0 -40px;
    width: 40px
}
#landing .pointBox p {
    left: 50px;
    line-height: 1.4;
    min-height: 40px;
    position: relative;
    width:225px;
}

#landing .servicesBox {
    text-decoration:none;
    cursor:default;
}
#landing .servicesBox h4 {
}
#landing .servicesBox a.landingSwitch {
    background-image:url("../images/beta/betaLargeArrow.png");
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-position:250px 10px;
    background-color: #657078;
    border-radius: 4px;
    overflow: hidden;
    padding: 15px 10px 15px 0;
    margin-top:10px;
    display:inline-block;
    text-decoration: none;
    width: 100%;
}
#landing .servicesBox a.landingSwitch span {
    background: url("../images/beta/betaimg-map.png") no-repeat scroll -350px -300px transparent;
    display: block;
    float: left;
    height: 60px;
    margin-bottom: -80px;
    margin-left: 10px;
    width: 80px;
}
#landing .servicesBox a.landingSwitch p {
    color: #fff;
    left: 100px;
    line-height: 1.2;
    margin: 0;
    min-height: 60px;
    position: relative;
    width: 140px;
}
#landing .servicesBox:hover a.landingSwitch {background-color:#F26522;}
#landing .servicesBox:hover a.landingSwitch span {background-position:-350px -230px;}

/******** Fair Dealing Box ********/

#fairDealContainer {
    background-color: #E5E9EC;
    border-radius: 8px;
    padding: 10px 20px 30px;
    position:relative;
    border: 2px solid #B7C3CA;
    margin-top:10px;
}

#fairDealContainer ul {padding: 0px 20px;font-size:16px}
#fairDealContainer ul li {padding: 10px;}
#fairDealContainer ul li a {padding-right:20px;text-decoration:none;color:Black;background:url(../images/beta/betaimg-map.png)no-repeat scroll right -770px transparent;}
#fairDealContainer ul li a:hover {text-decoration:underline;color:#F26522;}

#closeFairDealBox {
    background:url(../images/beta/betaimg-map.png)no-repeat scroll -74px -1px #B7C3CA;
    border-radius: 8px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    cursor:pointer;
}
#closeFairDealBox:hover {background-color:#ED008C;}


/***********************************/
/*********************** DIALOGUE BOX **************************/

.ui-dialog {
    background-color: #FFFFFF;
    border: 5px solid #F26522;
    border-radius: 12px 12px 12px 12px;
    padding: 20px;
    width: 400px !important;
    z-index: 1002;
    outline: 0px;
    position: relative;
    height: auto;
}

.ui-dialog-titlebar {
    margin-bottom:10px;
}

.ui-dialog-titlebar span {
    color: #F26522;
    font-family: arial,sans-serif;
    font-size: 22px;
}
/*.ui-dialog-titlebar a.ui-dialog-titlebar-close {
    display: block;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 30px;
}
.ui-dialog-titlebar a.ui-dialog-titlebar-close span {
    background: url("../images/beta/betaimg-map.png") no-repeat scroll -122px -28px #B7C3CA;
    border-radius: 4px;
    color: #000000;
    display: block;
    font-size: 11px;
    height: 20px;
    text-indent: -900em;
    width: 32px;
}*/
.ui-dialog-titlebar button.ui-dialog-titlebar-close {
    background: url(../images/beta/betaimg-map.png) no-repeat scroll -122px -28px #B7C3CA;
    border-radius: 4px;
    color: #000000;
    display: block;
    font-size: 11px;
    height: 20px;
    text-indent: -900em;
    width: 32px;
    position: absolute;
    top: 10px;
    right: 10px;
    border: 0;
}
.ui-dialog-titlebar button.ui-dialog-titlebar-close:hover,
.ui-dialog-titlebar a.ui-dialog-titlebar-close:hover span {
    background-position: -72px -28px;
    background-color: #EC008C;
}

#dialog-message p,
#dialog p
{
	font-size: 12px;
	color: black;
	padding: 15px 0;
	line-height:1.4;
	text-align: center;	
}

.ui-dialog .ui-dialog-buttonpane
{
	text-align: center;	
}

.ui-dialog .ui-dialog-buttonpane button 
{
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 5px;
    color: #657078;
    cursor: pointer;
    height: 34px;
    margin-left: 5px;
    /*width: 65px;*/
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    padding:1px 20px;
}
.ui-dialog .ui-dialog-buttonpane button:hover
{
    background-color:#B7C3CA;
}

.ui-dialog .ui-dialog-content a {color:#F26522;}
.ui-dialog .ui-dialog-content label { font-weight: bold;font-size: 12px;vertical-align: top;margin: 2px 5px;display: inline-block;}
.ui-dialog .ui-dialog-content div {margin-bottom:20px;}
/*
.ui-dialog .ui-dialog-buttonpane button:first-child {background-position:-104px -298px;}
.ui-dialog .ui-dialog-buttonpane button:first-child:hover {background-position:-36px -298px;}
*/
/****************************************************************/
/********** ***********/

.ui-widget-overlay {
    background-color: #000000; /*#F0F0F0;*/
    filter: alpha(opacity=50); /* IE */
    opacity: 0.5; /* Safari, Opera */
    -moz-opacity: 0.50; /* FireFox */
    z-index: 20;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1001;
}

/***************************/

.midLogo {
    background: url("../images/beta/clear_logos.png") no-repeat scroll -9px -99px rgba(0, 0, 0, 0);
    height: 70px;
    margin: 0 auto;
    width: 200px;
}
.responseQs {}
.responseQs h4 {display:none;}
.responseQs p {margin:0 0 20px;padding:0 20px 0 60px;}
.responseQs .buttonsContainer {width: 83%;margin-top: 10px;}
.responseQs .buttonsContainer input[type="submit"] {background-position: -49px -224px;width: 120px;}
.responseQs .buttonsContainer input[type="submit"]:hover {background-position: -49px -261px;}
#responseContainer .formObject input {width:390px;}
#responseContainer .formObject select {width:390px;}
#responseContainer .formObject .allRadiosContainer {width:390px;}
#responseContainer .formObject .allRadiosContainer input {width:18px;}

.viewLink {margin:0 0 20px 0;color:#657078}
#viewDetails 
{
    color:#444;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    padding: 4px 7px;
    text-decoration: none;

    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 0 0 8px 8px;
    box-sizing: border-box;
    display: block;
    text-align: center;
    width: 100%;
}
#viewDetails.open {background-color:#B7C3CA;color:White;}
#viewDetails:hover {background-color:#F26522;color:White;}

#requestBox {
    background-color:White;
    border:2px solid #B7C3CA;
    /*margin-bottom:15px;*/
}
#requestBox.short {min-height:240px;max-height:240px;overflow:hidden;}

/***************************/

#failPage a {color:#F26522;text-decoration:none;}
#failPage a:hover {text-decoration:underline;}
#failPage h4 {color:#364149;margin:20px 0;}

/*----- WIDGET PAGE PASTE BUTTON -----*/

input.paste[type="button"] {
    background-color: #666;
    background-image: none;
    border-radius: 5px;
    color: white;
    height: auto;
    margin: 10px 0;
    padding: 5px 10px;
    text-indent: 0;
    width: auto;
}

input.paste[type="button"]:hover {background-color:#000;color:#F26522;}

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

.loginFormContainer {padding:0 0 30px;}
.loginFormContainer p {color: #555555;font-size: 12px;margin-bottom: 8px;padding: 4px 0;}
.loginFormContainer .formBlock {position:relative;}
.loginFormContainer .formLabel {text-align:left;width:100%;}
.loginFormContainer .formLabel label {font-size: 12px;font-weight: normal;display:none;}
.loginFormContainer .formObject {max-width: none;text-align: right;width: 100%;}
.loginFormContainer .formObject input {box-sizing: border-box;width: 100%;}
.loginFormContainer .chkbox .formObject {text-align: left;border:0;}
.loginFormContainer .chkbox .formObject input {border:0;}
.loginFormContainer .formValidation {position: absolute;right: 10px;}

.loginFormContainer .formObject input {
    background-color: #dddddd;
    border-color: #808080;
    box-sizing: border-box;
    box-shadow: -1px -1px 5px #bcbcbc inset;
    font-size: 15px;
    line-height: 1.8;
    padding: 2px 6px;
    height:33px;
}
.loginFormContainer span {display: block; height: 35px; margin-top: 6px;}
.loginFormContainer span input {float:right;}

.loginFormContainer span a {
    color: #f26522;
    display: inline-block;
    font-size: 12px;
    margin: 10px 0;
    text-decoration:none;
}
.loginFormContainer span a:hover {text-decoration:underline;}
.loginFormContainer span a.isButton {color: #657078;float: right;margin: 0;}
.loginFormContainer span a.isButton:hover {color:#fff;text-decoration:none;}

.loginFormContainer .usernameContainer .formObject {position:relative;}
.loginFormContainer .usernameContainer .inlineEmailStatus {
    background-image: url("../images/beta/betaimg-map.png");
    background-position: -135px -189px;
    height: 30px !important;
    margin-top: 0 !important;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 30px;
}
.loginFormContainer .formObject input[type="submit"] {width: 110px;box-shadow: none;width: 110px;}

.loginFormContainer .usernameContainer.valid .inlineEmailStatus {background-position: -465px -173px;}
.loginFormContainer .usernameContainer.unknown .inlineEmailStatus {background-position: -465px -205px;}
.loginFormContainer .usernameContainer.invalid .inlineEmailStatus {background-position: -465px -237px;}

.loginFormContainer .usernameContainer.unknown .formObject input {background-color: #cdcdcd !important;}
.loginFormContainer .passwordContainer.unknown .formObject input {opacity: 0.5;}

.loginFormContainer .usernameContainer.invalid .formObject input,
.loginFormContainer .passwordContainer.invalid .formObject input {background-color: #fcd8e6 !important;}

.loginFormContainer .usernameContainer.valid .formObject input,
.loginFormContainer .passwordContainer.valid .formObject input {background-color:#d1ef86 !important;}

.loginFormContainer .messageBox {background-color: #b7c3ca; margin: 0px 0 10px;padding: 0px;}
.loginFormContainer .messageBox p {
    box-sizing: border-box;
    margin: 0 !important;
    padding: 10px !important;
    width: 100% !important;
    border: 2px solid white;
}
.loginFormContainer .messageBox p.hide {display:none;}

.messageBox p.help {background-color:#cfebf7;} 
.messageBox p.invalid {background-color:#fcd8e6;}
/*-*/
.messageBox p.errorLockedUser {
    background-image: url("../images/icons/red-lock.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    border-color: #96002b;
    font-weight: bold;
    line-height: 1.2;
    padding: 15px 10px 15px 50px !important;
    color:#000;
}

.loginFormContainer .buttonContainer {margin-top:10px;}
.loginFormContainer .buttonContainer input {width:118px;font-size:12px;}
.loginFormContainer .buttonContainer a {
    color: #f26522;
    display: inline-block;
    float: left;
    margin-top: 9px;
    text-decoration: none;
}
.loginFormContainer .buttonContainer a:hover {text-decoration: underline;}

/**** Wizard step 5 login specific overrides ****/
#inlineloginFormContainer {padding:0 80px;}
#inlineloginFormContainer .formLabel {margin-top: 6px; width: 24%;text-align: right;}
#inlineloginFormContainer .formLabel label {display:inline-block;font-weight: bold;}
#inlineloginFormContainer .formObject {width: 55%;}
#inlineloginFormContainer .usernameContainer .inlineEmailStatus {right: -32px;}

p.loginText {margin: 12px 10px 10px !important;min-height: 32px;width: 100% !important;}
p.requestFormText {margin:0 79px 20px !important;}


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

#faqContainer p.question {
    padding: 0 0 8px;
}
#faqContainer span.option {
    color:#657078;
    font-weight:bold;
}

#faqContainer ol li, #faqContainer ul li{
    font-size:13px;
    padding: 4px 0;
}

table.infoTable {
    margin: 25px 0;
    width: 100%;
    font-size:13px;
    border-collapse:collapse;
}
table.infoTable tr {
    border-bottom: 1px solid #b7c3ca;
}
table.infoTable tr th {
    background-color: #F26522;
    color: #fff;
    padding: 6px 4px;
    text-align: left;
    width: 50%;
}
table.infoTable tr td {
    background-color: #fff;
    color: #000;
    padding: 6px 4px;
    text-align: left;
}

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

.ui-autocomplete
{
    background:white !important;
    border: 1px solid black !important;
    width: 400px !important;
    margin:0;
    padding:0;
    list-style:none;
}

.ui-autocomplete li
{
    padding: 4px;
    background-color:Transparent;
    cursor:pointer;
    font-size:12px;
    font-family:Arial, Sans-Serif;
}
.ui-autocomplete li:hover
{
    background-color:#DFEDCA;
}

#innerSearchContainer {position:relative;overflow:hidden}

.pageFlash {
    background-color: rgb(255, 143, 39);
    background-image: url(../images/background/flashmask-orange.png);
    background-position: 100% 100%;
    height: 87px;
    width: 80%;
    position: absolute;
    top: -70px;
    right: -25px;
    transform: rotate(6deg);
    display:none;
}


input[type=submit].regAccBtn,
input[type=submit].resetPassBtn {
    color: #fff;
    background-color: #00a2e2 !important;
    border-color: #00a2e2 !important;
    padding: 0.375rem 2.75rem !important;
    width: initial !important;
    height: initial !important;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    font-size: 0.9rem !important;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    text-transform: initial;
}
    input[type=submit].regAccBtn:hover,
    input[type=submit].resetPassBtn:hover {
        color: #fff;
        background-color: var(--orange) !important;
        border-color: var(--orange) !important;
    }

.resetPassTxt {
    display: block;
    width: 100% !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da !important;
    appearance: none;
    border-radius: 0.25rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}