/********************** Header *********************************/
:root {
    --lOrange: #FFA326;
    --orange: #f26522;
    --orangeRgb: 242,101,34;
    --orangeBtn: #f68d5a;
    --LBGorange: #fbd0bc;
}

#masterContainer {overflow-y:hidden;}

.maincontent {
    position: relative;
    overflow: hidden;
}

.proxyPanel {
    background-color: #ff8f27;
    background-image:url(../../Images/background/proxyPnlBG.png);
    background-repeat:no-repeat;
    background-position-y:-30px;
    width:100%;
    height:45px;
}
.proxyPanel .proxyName {
    color: #fff;
    padding: 0;
    margin: 11px 0px 0 32px;
    display: inline-block;
    font-size: 20px;
}
.proxyPanel .proxyDeselect {
    float: right;
    margin: 8px 30px 0 0;
    border: 1px solid #f26522;
    background-color: #fff;
    color: #f26522;
    padding: 8px 12px 7px;
    height: initial;
    text-transform: none;
    font-size: 13px;

}

.panel {/*background-color:#E5E9EC;*/padding:1px;}
.section {width:850px;margin:20px auto;}
#navigationContainer {
    margin-bottom: 0;
    margin-top: 0;
    min-height: 80px;
    position: relative;
}
#AccountContainer {float: right;font-size:0;position: relative;z-index: 101;position:absolute;right:0;}

.header {
    background-color: rgba(248,249,250,1);
    height: 87px;
    width: auto;
    padding:0 0.75rem;
}
#footerContentContainer,
#inboxContainer .section,
#headerLeft {
    /*width:850px;*/
    margin: 0px auto;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

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

#headerRight {
	background:none;
	float:right;
	width:auto;
	height:30px;
	position:relative;
	margin-bottom:-30px; 
}
#inboxContainer {
    border-top:1px solid #f26522;
}
#siteLogo {
	height: 80px;
	width: 170px;
	float: left;
    z-index:999;
    position:relative;
}
#siteLogo a {
    background: url(../../media/images/pls-clear-logo.png) no-repeat scroll 2px 0px transparent;
    display: block;
    height: 64px;
    margin: 7px 0px 10px 10px;
    background-size: contain;
    background-repeat: no-repeat;
}
.menuPadding {
    height: 40px;
    position: relative;
    top: 47px;
    left: 6px;
}
.menuContainer {
    /*font-family:Arial,verdana,Helvetica,"Trebuchet MS", Sans Serif;*/
    font-size:11px;
}
.menuContainer ul.globalNav {
    float: left;
    font-size: 1.2em;
    left: 0px;
    margin: 0;
    padding: 0;
    position: relative;
}
.usernameBox {
    cursor:default;
    display: inline-block;
    height: 12px;
    margin-right: 16px;
    margin-top: 5px;
    position: static;
    text-align: right;
    font-family:Arial,sans-serif;
    font-size:11px;
}
.usernameBox p {color:#b7c3ca;font-weight:normal;font-size:11px;margin:0;color:#657078;}
.usernameBox p span {color:#657078;font-weight:bold;font-size:11px;
    display: inline-block;
    max-width: 270px;
    overflow: hidden;
    vertical-align: top;
}

.logoutBox {
	display:inline-block;
}

.logoutBox a,
.logoutBox input[type="submit"] {
	/*background: none repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    border:0;
    border-left: 1px solid #b7c3ca;
    color: #657078;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    width: 65px;
    background-color: white;
    height: 29px;
    text-transform: initial;
    border-radius: 0;
    padding: 9px 12px 6px;
    margin-top: 1px;
}

.logoutBox a:hover {
	background-color: #f26522;
	color: #ffffff;
}

.profileBox {
	display:inline-block;
}

.profileBox a {
    /*background-image: url("../../Images/beta/Icons_Responsive.png");
    background-position: 0 -2250px;
    border-left: 1px solid #b7c3ca;
    display: inline-block;
    font-size: 11px;
    height: 18px;
    padding: 8px 0 4px;
    text-indent: -900em;
    width: 40px;
    */
    border-left: 1px solid #b7c3ca;
    display: inline-block;
    font-size: 11px;
    height: 18px;
    padding: 8px 12px 4px;
    font-weight: bold;
    color: #657078;
    text-decoration: none;
}
.profileBox a:focus,
.profileBox a:hover {
    background-color: #f26522;
    background-position: 0 -2210px;
    color: #ffffff;
    outline:none;
}

.notLoggedInBox ul {
    list-style: outside none none;
    margin: 10px 4px 0 0;
    padding: 0;
}

.notLoggedInBox ul li {
    display: inline;
}

.notLoggedInBox ul li a {
    color: #f26522;
    font-size: 14px;
    padding: 8px 16px;
    text-decoration: none;
}
.notLoggedInBox ul li a:hover {
    background-color: #f26522;
    color:#fff;
    cursor:pointer;
}

#assistContainer
{
    height:34px;
    width:55px;
    position:relative;
    left:0px;
    float:right;
    top:47px;
    z-index:1000; 
    color:#FFFFFF; 
}
/******************************************************/
/******************* *** Menu *************************/

ul.globalNav {
	float: left;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	position:relative;
	left:-25px;
}
ul.globalNav li {
	list-style: none;
	float: left;
	margin: 0 0px 0 0;
	padding: 0;
}
    ul.globalNav li a {
        color: #657078;
        font-size: 1.2em;
        font-weight: normal;
        display: block;
        padding: 0.6rem 1rem;
        text-decoration: none;
        border-radius:0;
    }
@media (min-width: 991px) {
    ul.globalNav li a {
        border-radius: 10px 10px 0 0;
    }
}
    ul.globalNav li ul {
        display: none;
        padding: 6px 8px 6px;
        position: absolute;
        border-radius: 0 0 8px 8px;
    }

/*ul.globalNav li.selected a {background-color:#000;color:#F26522;}*/
ul.globalNav li.selected a {/*border-top: 2px solid #ff6522;color: #000;padding: 10px 14px;*/}

/*ul.globalNav>li:hover>a,
ul.globalNav>li>a:focus {
    background-color: rgba(0,0,0,0.1);
}*/
ul.globalNav li:hover a,
ul.globalNav li a:focus,
ul.globalNav li.open a {
    background-color: #ff6522; /*rgb(255,143,39);*/
    background-color: var(--lOrange);
    color: #FFF;
    outline: none;
}

ul.globalNav li.disabled a {}

/*---- HOME ICON FOR FIRST MENU ITEM ----*/
        ul .globalNav li a.mnu_land {background: url("/images/icons/Icons_Responsive.png") no-repeat scroll 0px 3px transparent;text-indent:-900em;width:12px;padding-right:14px;}
ul.globalNav li.selected a.mnu_land {background-position:0 -147px;background-color:#EFEBEF;}
ul.globalNav li a.mnu_land:hover {background-color:#0aa49c;} 
ul.globalNav li.selected a.mnu_land:hover {background-color:#EFEBEF;}
/*---------------------------------------*/

/************* Level 1 Navigation *************/

ul.globalNav li ul.level1 {background-color:#ff6522;background-color:var(--lOrange);}
    ul.globalNav li:hover ul.level1,
    ul.globalNav li.open ul.level1 {
        display: block;
        z-index: 100;
        /*box-shadow: 1px 8px 4px rgba(0, 0, 0, 0.5);*/
        padding: 0.5rem 0;
    }

ul.globalNav li ul li {
    display: block;
    float: none;
    margin: 0px 0 0;
    padding: 0;
    width: 200px;
    position:relative;
}
    ul.globalNav li ul li a {
        color: #ffffff;
        font-size: 1.2em;
        font-weight: normal;
        display: block;
        padding: 0.25rem 1rem;
        text-decoration: none;
        text-align: left;
        background-color: Transparent;
        border-radius: 0;
    }
ul.globalNav li.selected ul li a {color: #ffffff;border-top:0;}
ul.globalNav li ul li ul {
    border-top-right-radius: 8px;
    left: 100%;
    position: absolute;
    top: 0;
}

ul.globalNav li ul li.selected a { 
	border-left:4px solid #082E79;
	padding-left:4px;
	color:#082E79;
	font-style:italic;
	cursor:default;
	background-color:Transparent; 
}

ul.globalNav li ul li.selected ul li a { 
	border-left:0;
	padding-left:9px;
	color:#FFFFFF;
	font-style:normal;
	cursor:pointer; 
}
    ul.globalNav li.open ul li a:focus,
    ul.globalNav li:hover ul li:hover a {
        background-color: #d4571c;
        background-color:rgba(0,0,0,0.1);
    }

ul.globalNav li ul li.disabled a {display:none;}

/************* Level 2 Navigation *************/

ul.globalNav li ul li ul.level2 {background-color:#D4571C;background-color: rgb(228, 115, 0)}
ul.globalNav li ul li:hover ul.level2{display:block;z-index:100;}

ul.globalNav li ul li ul li {}
ul.globalNav li ul li ul li a {}

ul.globalNav li ul li ul li.selected a { 
	border-left:4px solid #082E79;
	padding-left:8px;
	color:#082E79;
	font-style:italic;
	cursor:default; 
}
ul.globalNav li:hover ul li:hover ul li:hover a {background-color:#AF4817;color:#fff;}

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

ul li a.hasSub, 
ul li a.hasSub:hover {
    background-image:url("/images/icons/PLS_icon_map.png");
    background-repeat:no-repeat;
    background-position:right -59px;
    padding-right:20px;
}
ul li a.hasSub,
ul li.selected a.hasSub {background-position:right -99px;padding-right:20px;}
ul li:hover a.hasSub,
ul li.selected:hover a.hasSub {background-position:right -59px;}

ul li.selected:hover ul li a.hasSub, 
ul li:hover ul li a.hasSub {
    background-image: url("/images/icons/PLS_icon_map.png");
    background-position:right -137px;
}

ul li a.hasCounter {}
ul li a span.counter {
    background-color: #b7c3ca;
    border: 1px solid #b7c3ca;
    border-radius: 2px;
    color: #000;
    display: inline-block;
    font-family: arial,sans-serif;
    font-size: 11px;
    height: 14px;
    left: 5px;
    min-width: 15px;
    padding: 0 4px;
    position: relative;
    text-align: center;
    top: -5px;
}
ul li a span.counter.badge {
    background-color: red;
    border-color: #fff;
    color: #fff;
}
ul li:hover a span.counter {
    border-color: #fff;
}

.open .arcTreeNewCount
{
    display:none;
}




/***** Assist Within Menus *****/

ul.globalNav ul.level1 li span.suffix {
    position: absolute;
    right: 9px;
    top: 11px;
}

ul.globalNav ul.level2 li span.suffix {
    right: 3px;
}
.arcTreeNewCountMenu, ul.globalNav .suffix, .menuAssistTree.level2 li:nth-child(5) ul.level3 li span.suffix {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: default;
    display: inline-block;
    font-size: 11px;
    margin: -3px 2px 0 -2px;
    min-width: 14px;
    padding: 0 5px 0 6px;
    text-align: center;
    vertical-align: top;
}
ul.globalNav li ul li span {
    display: block;
}

ul.globalNav span.suffix.badge {
    background-color: red;
}


/*** MENU RE-SIZING WHEN LOWER THAN 1020px ***/

@media only screen and (max-width:1020px){
    ul.globalNav li a {font-size: 0.8em;} 
    .menuPadding {height: 37px;top: 44px;}
}
/*********************************************/






/************* KEY CONTAINER *************/

#keyContainer {
	float:left;
	width:100%;
	background-color: #222f2f;
}

#keyContainer p {
	color: #FFF;
	padding: 10px 10px 10px 30px;
	font-size: 11px;
    display:inline-block;
    vertical-align:top;
}

#keyContainer .arcSoftware {
    display: inline-block;
    float: right;
    margin: 10px 30px 0 0;
    min-height: 40px;
    vertical-align: top;
    width: 100px;
}
#keyContainer .arcSoftware a {
    background: url("../../images/beta/betaimg-map.png") no-repeat scroll -282px -522px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 32px;
    width: 100px;
}
#keyContainer .arcSoftware a:hover {
    background-position: -172px -522px;
}
#keyContainer a.whtTxt {text-decoration:none;
}
#keyContainer a.whtTxt:hover {text-decoration:underline;
}

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

    .inboxLeft {
        /*background-color: #e5e9ec;*/
        box-sizing: border-box;
        height: 100%;
        position: absolute;
        top: 0;
        width: 275px;
        overflow: auto;
        padding: 10px;
        /*background-color: rgba(0, 0, 0, 0.1);*/
        border-right: 1px solid #ddd;
        background-image: linear-gradient(90deg,transparent,transparent,#efefef);
    }
}
.inboxRight {
    box-sizing:border-box;
    height: 100%;
    left: 275px;   
    margin: 0 0 0 275px;
    position: relative;
    right: 0;
    top: 0;
    background-color: #e5e9ec;
    overflow:auto; 
}
.closedTree .inboxLeft {left: -300px;}
.closedTree .inboxRight {margin-left: 0;}

#inboxToolbarContainer {
    display:none;
    position:relative;
    top:0;
    width:100%;
    height:40px;
    border-bottom: 1px solid #444;
}

.mainWindow {
    background-image: url("../../images/background/flash-grey-right.png");
    background-position: right -20px;
    background-repeat: no-repeat;
    padding: 10px 30px 20px;
    min-height: 736px;
}

#pageTitle {margin:10px 0 5px;}
#pageTitle h1 {
    border: 0 none;
    display: inline-block;
    font-size: 2.5rem;
    margin: -3px 0 0;
    padding: 0;
    position: relative;
    top: 4px;
}
#pageTitle span.pageSubTitle {color:#f26522;font-size:20px;margin-right:10px;position:relative;}


/*---------------- ASSIST TREE MENU -----------------*/

.inboxTreeController,
.closedTree .inboxTreeController {
    background-image: url("../../images/beta/actionArrows.png");
    background-position: -8px -71px;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.04);
    border: 2px solid #f26522;
    display: inline-block;
    height: 36px;
    padding: 0 6px 0 32px;
    position: relative;
    vertical-align: top;
    font-size: 0;
    border-radius: 6px;
    margin:10px;
}
.inboxTreeController:hover,
.closedTree .inboxTreeController:hover {
    /*background-color: rgba(0, 0, 0, 0.05);*/
    background-position: -8px 9px;
    
}
span.pageSubTitle.withInboxCtrl {display: inline-block;margin-top: 9px;top:4px;}
.inboxTreeController.open {background-position: -8px -271px;border-color: transparent;/*color: #f26522;*/}
.inboxTreeController.open:hover {background-position: -8px -311px;}


#inboxContainer h1 span.pageSubTitle {display:none;}
#inboxContainer h1 span.counter {
    background-color: #b7c3ca;
    border: 1px solid #b7c3ca;
    border-radius: 2px;
    color: #000;
    display: inline-block;
    font-family: arial,sans-serif;
    font-size: 11px;
    height: 14px;
    left: 236px;
    min-width: 15px;
    padding: 0 4px;
    position: absolute;
    text-align: center;
    top: -5px;
    z-index: 10;
    display:none !important;
}
#inboxContainer h1 span.counter.badge {
    background-color: red;
    border: 1px solid darkred ;
    color: #fff;
    display:none;
}
#inboxContainer h1 span.counter {display:none;}

#inboxContainer ul.arcTreeRoot {margin-bottom: 5px;}
#inboxContainer ul.arcTreeRoot li ul {border-color:#b7c3ca;border-width:1px;}

/*#inboxContainer ul.arcTreeRoot li ul li.folder {border-bottom: 1px solid #b7c3ca;}*/
#inboxContainer ul.arcTreeRoot li ul li.file span.arcTreeContent,
#inboxContainer ul.arcTreeRoot li ul li.folder span.arcTreeContent {background-color:#b7c3ca;color:#000;background-color:#f26522;}
/*#inboxContainer ul.arcTreeRoot li ul li.file span.arcTreeContent {background-color:#e5e9ec;border-color:#fff;}
#inboxContainer ul.arcTreeRoot li ul li.file span.arcTreeContent a {color:#000;}*/

#inboxContainer ul.arcTreeRoot li.file:first-child span.arcTreeContent {border-top-color:#e5e9ec;border-top:0;}
#inboxContainer ul.arcTreeRoot li ul li span.arcTreeContent a:focus,
#inboxContainer ul.arcTreeRoot li ul li span.arcTreeContent a:hover {
    background-color: #d4571c;
    outline:none;
}
#inboxContainer ul.arcTreeRoot li ul li.folder span.arcTreeContent:hover {color:#F26522;}

/*#inboxContainer ul.arcTreeRoot li ul li.file span.arcTreeContent a:hover,
#inboxContainer ul.arcTreeRoot li ul li.folder span.arcTreeContent:hover {color:#F26522;}*/

#inboxContainer ul.arcTreeRoot li ul li ul li.file span.arcTreeContent {background-color:#e5e9ec;border-color:#fff;}
#inboxContainer ul.arcTreeRoot li ul li ul li.file span.arcTreeContent a {color:#000;}
    #inboxContainer ul.arcTreeRoot li ul li ul li.file span.arcTreeContent a:focus,
    #inboxContainer ul.arcTreeRoot li ul li ul li.file span.arcTreeContent a:hover {
        background-color: #cdd9e0;
        color: #000;
        outline: none;
    }
#inboxContainer ul.arcTreeRoot li ul li ul li.file:first-child span.arcTreeContent {border-top-color:#e5e9ec;}

/*--------------- STANDARD BUTTONS --------------------*/

input.button, 
.lnkWorldPay,
button[type="button"], 
input[type="submit"],
input[type="button"],
.formIObject input[type="submit"],
.formIObject input[type="button"] {
    background-color: #657078;
    background-image:none;
    border: 2px solid #657078;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    font-weight: normal;
    height:auto;
    height:27px;
    line-height: 13px;
    margin: 0 2px 0 0;
    overflow: visible;
    padding: 5px 8px;
    width: auto;
    border-radius: 3px;
    font-family: arial;
    text-transform:uppercase;
    text-indent:0;
}
input.button:hover,
.lnkWorldPay:hover,
button[type="button"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input.button:focus,
.lnkWorldPay:focus,
button[type="button"]:focus,
input[type="submit"]:focus,
input[type="button"]:focus {
    background-color: #F26522;
    border-color: #F26522;
    color: #FFFFFF;
    outline:none;
}
.button.lnkWorldPay {
    color: #ffffff;
    padding-bottom: 4px;
    padding-top: 6px;
    text-decoration: none;
}

.button.lnkWorldPay:hover {
    text-decoration: none;
}
input.search {
    background-image: url("/images/beta/Icons_Responsive.png"); 
    background-repeat:no-repeat;
    background-position:1px -655px;
    text-indent: -900em;
    width: 42px !important;
}
input.reset,
input.secondary {
    background-color: transparent;
    border-color: #b7c3ca;
    color: #666;
}
input.refresh {
    background-image: url("/images/beta/Icons_Responsive.png");
    background-position: 0px -1318px;
    text-indent: -900em;
    width: 40px;
}
input.add,
.formblock input.add {
    background-image: url("/images/beta/Icons_Responsive.png");
    background-position:-6px -1019px;
    text-indent: -900em;
    width: 28px;
    padding: 3px 8px;
}

input.exportBtn {
    background-color: transparent;
    background-image: url("../../Images/beta/Icons_Responsive.png");
    background-position: 0 -1346px;
    border-color: transparent;
    color: #657078;
    float: left;
    padding-left: 30px;
}
input.exportBtn:hover {
    background-color: rgba(0, 0, 0, 0.08);
    color: #657078;
}

/*-----------------------------------------------------*/
/*-------------- FORM FIELDS & INPUTS -----------------*/

.formBoxContainer {padding:10px 0;}

.pageContainer .formcontainer {
    margin: 0;
    padding: 10px 0;
    width: auto;
}
.formblock
{
	clear: both;
	margin: 0 0 5px;
	height: 100%;
	float: none;
    position:relative;
}
.formlabel{
	color: #657078;
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 16px 5px 0;
    text-align: right;
    vertical-align: top;
    width: 28%;
}
.formvalidation{
	display: inline;
    padding: 0 0 0 8px;
    width: 8%;
}
.formvalidation.multiNotes {
	position:absolute !important;
    top:0 !important;
}
.formvalidation.multiNotes span{
	display: block;
    position: absolute;
    width: 250%;
}
.formlabel label {
	color: #444;
    display: inline;
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 3px;
}
.formobject{
	display:inline-block;
	width: 45%;
	min-height: 26px;
}

span.required {color:red;margin:0 2px 0 0;padding:0;width:auto;}
span.reqText {font-size:11px;}

/*---- INPUTS AND DROPDOWNS ----*/
input[type="text"], 
select {
    border: 1px solid #959595;
    border-radius:3px;
    box-sizing: border-box;
    padding: 3px 2px 3px 4px;
    margin:0;
}
.formobject input[type="text"], 
.formobject select {width: 100%;}

textarea {width:100%;box-sizing:border-box;border:1px solid #959595;border-radius:3px;min-height:50px;font-family:Arial, helvetica, Verdana, Sans-Serif; }

/*---- INPUTS AND SELECTS WITH AN ADD BUTTON ----*/
.hasBtn {position:relative;}
.hasBtn input[type="submit"]{position:absolute;margin-left:5px;/*right:-35px;*/}
.hasBtn span {position:absolute;margin-left:5px;/*right:-35px;*/}

/*---- DATE PICKERS ----*/
.formobject input.hasDatepicker {margin-right:-22px;width:150px;}
img.ui-datepicker-trigger {margin:4px 0 0;vertical-align:top;}

/*---- RADIO BUTTONS --*/
.formobject.radio table {border: 1px solid #e3e3e3;margin:0;}
.formobject.radio tr {}
.formobject.radio tr td {border:0 none;padding:0 !important;}

.formobject.radio input{
    border:0 none;
    padding:0;
    width:auto;
    vertical-align:top;
    margin:5px;
}
.formobject.radio label{
    display:inline-block;
    min-width:50px;
    margin-top:5px;
    vertical-align:top;
}
/*---- UPLOAD BOX ----*/
.uploader .formobject span {margin-left:0px;}
.uploader .formobject .button {right: -35px;}

/*---- READ ONLY BOX ----*/
.formobject span {
    background-color: #efefeb;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    display: block;
    font-size: 13px;
    padding: 4px 3px 4px 4px;
    width: 100%;
    min-height:26px;
}

/*---- AUTO-COMPLETES ----*/
.autoComp .formobject span {
    background-color: transparent;
    border: 0;
    padding: 0;
}
.autoComp .formobject input[type="text"] {
    background-color: #fff188 !important;
    box-shadow: -1px -1px 5px #c9c9c9 inset;
}
.ui-autocomplete li a:hover {
    background-color: #F26522 !important;
}

/*---- INPUTS WITH A PREFIXED SYMBOL ----*/
.hasPrefix-sml input[type="text"] {padding-left:16px;}
.hasPrefix-sml span {padding-left:16px;}
.formobject span.prefix-sml {display:inline;font-weight:bold;position:absolute;width:10px;background-color:Transparent;border:0;padding:4px;font-size:12px;}

/*---- UPLOAD FILE FIELD ----*/
.formblock.uploader input:first-child {
    background-color: #dfdfdf;
    border: 1px solid #bbbbbb;
    padding: 2px 1px 3px;
}
.formblock.uploader input:first-child.parsley-error {
    background-color: #fcd8e6;
    border: 2px solid red;
    padding: 2px 1px 2px;
}

/*---- INPUT SIZES ----*/
.formobject input[type="text"].inputsmall,
.formobject select.inputsmall,
.formobject span.inputsmall 
{width:30%;}
.formobject input[type="text"].inputmedium,
.formobject select.inputmedium,
.formobject span.inputmedium
{width:50%;}

/*---------------------------------------------------*/
.formblock.inlineChk {}
.formblock.inlineChk input {
    margin: 7px 2px 0;
}
.formblock.inlineChk span.chkLabel {
    border: 2px solid transparent;
    background-color:#fff;
    color: #657078;
    display: inline;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 2px 1px;
    position: relative;
    top: 7px;
    vertical-align: top;
}
.formblock.inlineChk span.chkLabel.invalid {
    border-color: red;
    background-color:#fcd8e6;
}

/*---- INLINE CHECKBOX INPUT ----*/
.chk
/*------------------- FIELD BUTTONS -------------------*/

.buttonContainer {margin-top:10px;padding:0 10px;}
.buttonContainer .formlabel {display:none;}
.buttonContainer .formobject {width:100%;text-align:right;}
.buttonContainer .formvalidation {display:none;}

.buttonContainer.leftEdge .formobject {text-align:left;}

.buttonContainer.rightForm,
.buttonContainer.leftForm {padding:0;}
.buttonContainer.rightForm .formlabel,
.buttonContainer.leftForm .formlabel {display:block;}
.buttonContainer.rightForm .formobject,
.buttonContainer.leftForm .formobject {width:45%;}
.buttonContainer.rightForm .formobject {text-align:right;}
.buttonContainer.leftForm .formobject {text-align:left;}


/*---------------------------------------------------*/
/*---------------- SEARCH BOX --------------------*/

.searchBox {
/*    border-bottom: 1px solid #b7c3ca;*/
    border-top: 1px solid #b7c3ca;
    margin: 0 0 5px;
    padding: 10px 0;
}
.searchBox .formblock {
    text-align:right;
}
.searchBox .formlabel {
    display: inline-block;
    float: none;
    padding: 5px 8px 4px 0;
}
.searchBox .formlabel label {
    margin-top: 3px;
    color: #808080;
    font-size: 1.1em;
    font-weight: normal;
    display: inline-block;
}
.searchBox .formobject {width:40%;position:relative;}
.searchBox .formobject input[type="text"] {
    background-color: #efefef;
    border-radius: 4px;
    box-shadow: -1px -1px 5px #c9c9c9 inset;
    font-size: 14px;
    padding: 6px 4px;
    border: 1px solid gray;
    width: 100%;
    box-sizing: border-box;
}
.searchBox .hasOptions input[type="text"] {padding-right:34%;}
.searchBox .inputdropoptContainer {position:absolute;right:0;top:0;width:34%;}
.searchBox .inputdropoptContainer select {background-color:#cccccc;border-radius:0 4px 4px 0;font-family:arial,sans-serif;font-size:11px;height:31px;padding:7px 3px;}

.searchBox input.button {
    vertical-align:top;
    margin-top:1px;  
}
.searchBox div.settings {
    background: url("/images/icons/Icons_Responsive.png") no-repeat scroll -2px -803px #DDDDDD !important;
    border-radius: 3px 3px 3px 3px;
    color: #082E79;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-size: 10px;
    padding: 6px 8px 6px 24px;
    vertical-align: top;
    width: 40px;
    margin-top:3px;
}
.searchBox div.settings:hover {
    background-color:#0aa49c !important;
    background-position:-2px -833px !important;
    color: #fff;
}
/*------------------------------------------------*/
/*----------------- FIELD ERRORS -----------------*/

.allRadiosContainer.parsley-error, textarea.parsley-error, select.parsley-error, input.parsley-error {
    background-color: #fcd8e6;
    border: 2px solid red;
}
.valSummary {
    background-color: #fcd8e6;
    border: 2px solid white;
    color: black !important;
    font-size: 20px;
    padding: 10px 20px;
}
.valSummary ul {
    margin:0px;
    padding: 10px 20px;
}
.valSummary ul li {
    font-size: 12px;
    padding: 2px 0px;
}
/*------------------------------------------------*/
/*--------------------- FIELDSETS ---------------------


fieldset {margin:10px;padding:10px 0 5px 0;border:1px dotted #8C8A8C;clear:both;width:auto !important;}

fieldset .fieldsetpadding span.reqText {color:gray;display:inline-block;margin:0 0 10px 16px;}

fieldset.collapsed {margin: 8px 10px;padding:0;border:0;border-top:1px dotted #8C8A8C;}

fieldset.expanded legend, 
fieldset.collapsed legend,
fieldset legend 
{
	font-weight: bold;
	color: #082E79;
	font-size: 10px;
	padding: 0 7px 3px 5px;
	padding: 0 5px;
	margin: 0 0 0 4px;
	background-color:#fff;
}
fieldset legend label 
{
	margin: 0 0 0 4px;
	vertical-align:top;
}
fieldset legend input {margin: 0px;}

fieldset.nested collapsed a.expand,
fieldset.collapsed a.expand 
{
	background-image: url(/images/plus.gif);
	background-repeat: no-repeat;
	background-position: 0px -5px;
	background-color:transparent;
	padding: 0 0 0 16px;
	color: #959595;
	text-decoration: none;
	outline:0;
}
fieldset.expanded a.expand {
	background-image: url(/images/minus.gif);
	background-repeat: no-repeat;
	background-position:0px -5px;
	background-color:Transparent;
	padding: 0 0 0 16px;
	color: #082E79;
	text-decoration: none;
	outline:0;
}

fieldset.nested collapsed a.expand:hover,
fieldset.collapsed a.expand:hover,
fieldset.expanded a.expand:hover 
{
	color: #0AA49C;
}



fieldset .tableContainer {margin-left:10px;margin-right:10px;}

-----------------------------------------------------*/
/*---------------- COLLAPSABLE FILTERS ----------------*/

.collapsableFilters {
    display: none;
    margin-top: 10px;
}
.filterContainer {position: relative;padding:0;margin:0 0 0px 0;display: block;}

.filterContainer fieldset.collapsed,
.filterContainer fieldset.expanded {
    margin: 5px 0;
    padding: 0px;
}
.filterContainer fieldset.collapsed legend ,
.filterContainer fieldset.expanded legend {
    cursor: pointer;
    height: 16px;
    margin: 0 0 -31px;
    min-height: auto;
    padding: 8px 0 6px;
    top: -37px;
    width: auto;
}
.filterContainer fieldset.collapsed a.expand,
.filterContainer fieldset.expanded a.expand {
    background-image: url("/images/icons/Icons_Responsive.png") !important;
    background-repeat: no-repeat;
    background-position: right -832px !important;
    border-radius: 3px;
    font-size: 11px;
    font-weight: normal;
    outline: 0 none;
    padding: 6px 36px 6px 11px;
    text-decoration: none;
    text-transform: uppercase;
}
.filterContainer fieldset.collapsed a.expand {
    background-color: #b7c3ca;
    /*background-position: right -407px !important;*/
    border: 2px solid #b7c3ca;
    color: #FFF;
}
.filterContainer fieldset.expanded a.expand {
    background-color: #f26522;
    /*background-position: right -357px !important;*/
    border: 2px solid #f26522;
    color: #FFF;
}

/*.filterContainer fieldset.collapsed a.expand:hover {background-color:#0aa49c !important;color:#fff;}*/
.filterContainer fieldset.collapsed a.expand:hover,
.filterContainer fieldset.expanded a.expand:hover {border-color:#f26522 !important;}

.filterContainer fieldset legend span {display:none;}

fieldset.collapsed .fieldsetpadding {display: none;}
.filterContainer fieldset .fieldsetpadding {padding:8px 0;clear:both;border-bottom:1px solid #f26522;border-top:1px solid #f26522;background-color:#e5e9ec;}

.filterContainer .fieldBox {margin:0;padding:0;}

.filterContainer .formobject span {
    background-color: Transparent;
    border: 0 none;
    font-size: 11px;
    line-height: 1.4;
}
.filterContainer .formobject span a.remove {cursor:pointer;float:right;margin-left:12px;}

/*---- APPLIED FILTERS TABLE ----*/
.appliedFilters {margin-left:48px;padding: 0 0 20px 28%;}
.appliedFilters table {border:1px solid silver;padding:5px;width:66%;font-size: 11px;color:#444;}
.appliedFilters table caption {font-weight: bold;margin-bottom: 6px;text-align:left;}
.appliedFilters table tr th {font-weight: bold;text-align:left;}
.appliedFilters table tr td {}
.appliedFilters table a {color:#F26522;}
.appliedFilters table a:hover{text-decoration:none;}
/*-------------------------------*/

/*-----------------------------------------------------*/
/*--------------------- TOOLBARS ---------------------*/

.toolbarContainer {margin: 0 0px 5px -1px;}

.toolbarContainer .toolBar {    
    border-top:1px solid #657078;
    border-bottom:1px solid #657078;
    padding: 4px 0;
    width: 100%;
}
.toolbarContainer .toolBar .dlOptions {
    border-right: 1px dotted grey;
    float: left;
    margin: 0 4px 0 8px;
    padding: 0; 
}
.toolbarContainer .toolBar .dlOptions input {
    background:url("/images/icons/Icons_Responsive.png") no-repeat scroll -4px -1346px transparent;
    border:0 none;
    color:#082e79;
    margin:0 4px 0 0;
    padding:5px 8px 5px 27px;
    text-decoration:underline;
    text-transform:none;
    vertical-align:top;
}
.toolbarContainer .toolBar .dlOptions input:hover {background-color:#D6D6D6;text-decoration:none;}


.toolbarContainer .toolBar .toolBarButtons {
    text-align: right;
    margin: 0 8px;
    padding: 0px 0;
    min-height: 29px;
}
.toolbarContainer .toolBar .actionToolbar span {color: #959595;font-size: 0.75em;margin: 0 0 0 4px;}
.toolbarContainer .toolBar .actionToolbar select {width:auto;font-size:12px;margin:1px 0 0 2px;padding:2px;vertical-align:top;}
.toolbarContainer .toolBar .actionToolbar input {margin: 0 0 0 4px;}

.toolbarContainer .toolBar .actionToolbar {
    border-right: 1px solid silver;
    float: right;
    margin: 0 0 0 8px;
    padding: 0 8px 0 0;
}

.actLeft .toolbarContainer .toolBar .actionToolbar {border:0 none;float:left;margin:0;padding:0 0 0 4px;}
.btnLeft .toolbarContainer .toolBar .toolBarButtons {float:left;}
.dlRight .toolbarContainer .toolBar .dlOptions {float:right;border-left:1px dotted grey;border-right:0;margin:0 4px 0 0px;}
.dlRight .toolbarContainer .toolBar .dlOptions input {margin-left:8px;}
.toolbarContainer.proxyToolbar .toolBar .toolBarButtons {display:inline-block;}
    /*-----------------------------------------------------*/


    .dialog {padding:10px;border:1px solid #959595;}

.dialog.setProxyUser {border:0;padding:5px 0 0;}
.dialog.setProxyUser .formlabel {width:20%;}
.dialog.setProxyUser .formobject {width:75%;}
.dialog.setProxyUser .formobject input[type="text"] {width:80% !important;}

.dialog p {padding:0 0 10px;}

.ui-dialog {width:400px !important;z-index:2010 !important;}
.ui-draggable .ui-dialog-titlebar {background-color: #657078 !important;}
.ui-dialog .ui-dialog-title {font-size: 14px;}

.ui-dialog .ui-dialog-titlebar-close {
	background-color: #e55c76 !important;
	border-color: #e55c76 !important;
	font-size: 0;
	width: 40px !important;
	min-width: 40px;
	top: 12px !important;
	right: 2px !important;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {background-color:#d54c66;}

.ui-dialog button,
.ui-dialog .button {
    background-color: #657078 !important;
    border-radius: 3px !important;
    height: 28px !important;
    min-width: 75px;
    padding: 5px 8px !important;
    width: auto !important;
}
.ui-dialog button .ui-button-text,
.ui-dialog .button .ui-button-text {
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    padding: 0;
    text-indent: 0;
}
.ui-dialog button:hover,
.ui-dialog .button:hover {
    background-color: #f26522 !important;
}

.ui-dialog .ui-dialog-titlebar-close span {
    left: 8px;
    top: 3px;
}

.scrollableDiv {
    background-color: #fff;
    border: 1px solid silver;
    box-sizing: border-box;
    min-height: 280px;
    max-height: 350px;
    margin: 10px auto;
    overflow-y: auto;
    padding: 10px;
    width: 80%;
}

/*tr.edit .accordion .requestViewer h3 span.ui-icon {background-position: -5px -225px;background-image: url("../../images/beta/Icons_Responsive.png");background-position: -10px -1055px;}
tr.edit .accordion .commentsViewer h3 span.ui-icon {background-position: -5px -225px;background-image: url("../../images/beta/Icons_Responsive.png");background-position:-10px -1529px;}
tr.edit .accordion .fileViewer h3 span.ui-icon {background-position: -5px -225px; background-image: url("../../images/beta/Icons_Responsive.png"); background-position: -10px -1648px;}*/

.editAssistTaskContainer .ui-accordion {margin-top:10px;width: 100%;margin-bottom:3px;}

.editAssistTaskContainer .requestViewer table {border-bottom: 0 !important;}
.editAssistTaskContainer .requestViewer table tr {border-bottom: 1px solid silver;}
.editAssistTaskContainer .requestViewer table tr th,
.editAssistTaskContainer .requestViewer table tr th:hover {background-color: #fff;border: 0 none;}
.editAssistTaskContainer .requestViewer table tr td {background-color: #fff;border: 0 none;}

table tr.edit td .editAssistTaskContainer .requestViewer td {
    background-color: #fff;
    padding: 2px 2px 2px 20px !important;
    text-align: left !important;
    word-break:break-word;
}

.tableContainer table tr.edit .fileViewer td {background-color: #fff;border-left: 1px solid gray;}
.tableContainer table tr.edit .fileViewer td:first-child {border-left: 0;
}

.editAssistTaskContainer h4 {
    border-top: 1px solid #444;
    margin-top: 20px;
    padding-top: 15px;
}
.editAssistTaskContainer h4:first-child {
    border-top:0;
    margin-top:0;
}

p.editBlurb {padding:0 10px;}
.selectorBlock {margin: 30px 0;}


/**** comments box ****/

.chatPage {
    background-color: #f1f1f1;
    border: 1px solid silver;
    display: block;
    max-height: 400px;
    overflow-y: scroll;
    padding: 0 20px;
}
.chatPage ul {
    list-style: outside none none;
    margin: 0;
    padding: 15px 0;
}
.textBlockleft, .textBlockright {
    margin: 5px 0;
    overflow: hidden;
    width: 100%;
    position:relative;
}
.textBlockleft .speechBlock, 
.textBlockright .speechBlock {
    border-radius: 6px;
    font-family: Arial,sans-serif;
    font-size: 12px;
    padding: 10px 12px 10px;
    border:1px solid #f26522;
}
.textBlockleft .speechBlock p, 
.textBlockright .speechBlock p {
    font-size: 1em;
    margin: 0;
    padding: 0 !important;
}
.textBlockleft .speechBlock a, 
.textBlockright .speechBlock a {
    text-decoration: underline;
}
.textBlockleft .speechTail, 
.textBlockright .speechTail {
    background: url("/images/beta/commentTails.png") no-repeat scroll center -40px transparent;
    height: 30px;
    width: 40px;
    position:relative;
    top:-1px;
}
.textBlockleft .speechMeta, 
.textBlockright .speechMeta {
    height: 20px;
}
.textBlockleft .speechMeta p, 
.textBlockright .speechMeta p {
    color: #aaaaaa;
    font-size: 10px;
    font-weight: bold;
    margin: 4px 10px 0;
    padding: 0 !important;
}
.textBlockleft .speechMeta p span, 
.textBlockright .speechMeta p span {
    color: #000;
    font-size: 10px;
    font-weight: normal;
}

/*Left boxes*/
.textBlockleft .speechBlock {
    background-color:#ffd7ab;
    margin: 0 20% 0 0;
}
.textBlockleft .speechTail { background-position: center -50px;}
.textBlockleft .speechTail, 
.textBlockleft .speechMeta {
    float: left;
}

/*Right boxes*/
.textBlockright .speechBlock {
    background-color: #b7c3ca;
    border-color: #657078;
    margin: 0 0 0 20%;
}
.textBlockright .speechTail {background-position: center -610px;}
.textBlockright .speechTail, 
.textBlockright .speechMeta {
    float: right;
}
.speechBlock > p:first-child {
    overflow-x: auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word
}
/*Admin boxes*/
.adminComment {margin-bottom: 15px;}
.adminComment .speechBlock {background-color: #657078;background-color:#e5e9ec;margin:0;border-color:#b7c3ca;}
.adminComment .speechBlock p {color: #fff;color:#657078;}
.adminComment .speechMeta {float: none;}
.adminComment .speechMeta p {text-align:center;}
.adminComment .speechTail {display: none;}


/**** ****/


.editAssistTaskContainer .fauxAccordion h3 {
    padding:0;
    color: #fff;
    font-size: 16px;
    margin: 0;
    padding: 0;

    font-size: 13px;
    padding-left:18px;
}
.editAssistTaskContainer .ReqOptionContainer {
    background-color: #fff;
    border-bottom: 1px solid #657078;
    padding: 10px;
}

.requestOptionDecline h4 {
    color:#657078;
    margin:0;
    padding:0;
    font-size:14px;
}
.dialog.requestOptionDecline p {
    padding: 10px 0;
}

/**** List of Radios ****/

.requestOptionDecline .formObject .allRadiosContainer {border:1px solid #b7c3ca !important;border-radius:0;margin:0 0 10px;min-height:0;padding:0;width:425px;}
.requestOptionDecline .formObject table.allRadiosContainer tr td {background-color: transparent;padding: 2px !important;border:0;}

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

.paymentContainer .formObject .allRadiosContainer {border:1px solid #b7c3ca !important;border-radius:0;margin:0 0 10px;min-height:0;padding:0;width:425px;}
.paymentContainer .formObject table.allRadiosContainer tr td {background-color: transparent;padding:1px 2px 6px 2px !important;border:0;}
.paymentContainer .formObject table.allRadiosContainer.col2 tr {width:50%;}

.paymentContainer .formobject input.short,
.paymentContainer .formobject select.short,
.paymentContainer .formobject span.short {width:50%}
.paymentContainer .formobject input.mini,
.paymentContainer .formobject select.mini,
.paymentContainer .formobject span.mini {width:25%}

.paymentContainer a.link {color:#f26522;text-decoration:underline;}
.paymentContainer a.link:hover {text-decoration:none;}

/*.creditCardContainer {border:1px solid green;margin:2px} 
.invoicingContainer {border:1px solid blue;margin:2px}*/

.quoteTotal span {font-size:22px;padding-left: 10px;}

/********************/
.inboxLanding {margin-bottom:20px;}

.font0 {font-size:0;margin: 30px 0;padding:0 50px;}
.trident {
    display: inline-block;
    vertical-align: top;
    box-sizing:border-box;
    border-left: 1px solid #b7c3ca;
    min-height: 200px;
    padding: 0 26px;
    width: 33.3%;
}
.trident:first-child {border:0 none;}

/***** KEY CONTAINER *****/

.pageKey {
    margin: 5px 0;
}
.pageKey ul {
    background-color: #ebebeb;
    border: 1px solid silver;
    color: grey;
    font-size: 0;
    list-style: outside none none;
    margin: 0;
    padding: 5px 0;
}
.pageKey ul li {
    box-sizing: border-box;
    display: inline-block;
    padding: 3px 10px;
    position: relative;
    width: 25%;
    vertical-align:top;
}
.pageKey ul li.keyTitle {
    display: block;
    margin-bottom: 5px;
    padding: 0;
}
.pageKey ul li.keyTitle span {
    display: block;
    font-size: 11px;
    margin: 0 5px;
    padding: 0;
}
.pageKey ul li span {
    padding-left: 45px;
    margin: 0;
    width: auto;
    text-indent: 0;
    font-size: 11px;
    padding-top: 6px;
    color: black;
    min-height: 27px;
    box-sizing: border-box;
}
.pageKey ul li p {
    display: inline-block;
    font-size: 11px;
    margin: 5px 0 0 42px;
    padding: 0;
    vertical-align: top;
}
.pageKey ul li p b {
    color: #464646;
    font-weight: normal;
}
.pageKey ul li div.keyImg {
    background-image: url("../../images/beta/Clear_inbox.png");
    background-position: -12px -25px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 26px;
    position: absolute;
    width: 38px
}

/* Contextual Keys */

.pageKey div.keyImg.icoFoc,
.pageKey div.keyImg.icoFocEligible,
.pageKey div.keyImg.FOC_Eligible {background-position:-8px -464px;}
.pageKey div.keyImg.icoFocAutomated,
.pageKey div.keyImg.FOC_Automatic {background-position:-8px -747px;}
.pageKey div.keyImg.icoFocManual,
.pageKey div.keyImg.FOC_Manual {background-position:-8px -687px;}
.pageKey div.keyImg.icoFpl,
.pageKey div.keyImg.FPL_None,
.pageKey div.keyImg.FPL_Eligible {background-position:-10px -716px;}
.pageKey div.keyImg.icoFplAutomated,   /*{background-position:-12px -775px;}  - Commented outs are just the 'A' 'M' 'R' and '£' icons on their own*/
.pageKey div.keyImg.FPL_Automatic {background-position:-10px -956px;}
.pageKey div.keyImg.icoFplManual, /*{background-position:-12px -805px;}*/
.pageKey div.keyImg.FPL_Manual {background-position:-10px -926px;}
.pageKey div.keyImg.icoFplReviewRights, /*{background-position:-12px -1015px;}*/
.pageKey div.keyImg.FPL_Review_Rights {background-position:-10px -986px;}
.pageKey div.keyImg.icoFplReviewPrice, /*{background-position:-12px -835px;}*/
.pageKey div.keyImg.FPL_Review_Price {background-position:-10px -896px;}
.pageKey div.keyImg.icoStm {background-position:-8px -1044px;}
.pageKey div.keyImg.STM_Manual {background-position:-8px -1104px;}
.pageKey div.keyImg.STM_Automatic {background-position:-8px -1134px;}
.pageKey div.keyImg.icoStmQuote, /*{background-position:-12px -1165px;}*/
.pageKey div.keyImg.STM_Partial {background-position:-8px -1074px;}
.pageKey div.keyImg.icoPending,
.pageKey div.keyImg.Pending {background-position:-8px -335px;}
.pageKey div.keyImg.icoAccepted,
.pageKey div.keyImg.Accepted {background-position:-8px -365px;}
.pageKey div.keyImg.icoDeclined,
.pageKey div.keyImg.Decline {background-position:-8px -395px;}
.pageKey div.keyImg.icoMoreInfo,
.pageKey div.keyImg.MoreInformation {background-position:-8px -305px;}
.pageKey div.keyImg.icoSendQuote,
.pageKey div.keyImg.SendAQuote {background-position:-8px -275px;}
.pageKey div.keyImg.icoLicensed,
.pageKey div.keyImg.Licenced {background-position:-8px -430px;}
.pageKey div.keyImg.icoCancel,
.pageKey div.keyImg.icoCancelled,
.pageKey div.keyImg.Cancel {background-position:-8px -504px;}
.pageKey div.keyImg.icoChangedOwner,
.pageKey div.keyImg.ChangedOwner {background-position:-8px -655px;}
.pageKey div.keyImg.icoClosed,
.pageKey div.keyImg.Closed {background-position:-8px -865px;}   
.pageKey div.keyImg.icoDownloadPdf {background-position: -8px -1203px;}

/**********************/
.imgWindow {
    background-color: #f26522;
    overflow: hidden;
    width: 100%;
    margin: 15px 0;
}
.imgWindow img {width: 100%}

.trident h3 {min-height: 60px;}

.open .arcTreeNewCount
{
    display: none!important;
}

.pdfLink {
    background-image: url(/images/beta/Icons_Responsive.png);
    background-position: -8px -1379px;
    background-repeat: no-repeat;
    padding: 0px 0 0px 23px;
    font-size: 1.15em;
    margin-top: 10px !important;
    display: inline-block;
    font-weight: bold;
}
.docLink {
    background-image: url("/images/beta/Icons_Responsive.png");
    background-position: -8px -1409px;
    background-repeat: no-repeat;
    padding: 2px 0 2px 20px;
}
.xlsLink {
    background-image: url("/images/beta/Icons_Responsive.png");
    background-position: -8px -1349px;
    background-repeat: no-repeat;
    padding: 2px 0 2px 20px;
}


/****************** SETS HELP BUBBLES TO SKY BLUE INSTEAD OF DARK GREY ********************/
.infoHover {
    background: url("../../images/beta/clearHelp.png") no-repeat scroll -5px -128px rgba(0, 0, 0, 0);
    height: 18px;
}
.infoHover:hover {background-position: -5px -278px;}
.qtip-default {
    border: 1px solid #657078 !important;
}
.qtip-content {
    background: url("../../../images/beta/clearHelp.png") no-repeat scroll 1px -769px skyBlue !important;
    border-radius: 4px !important;
    color: #000 !important;
    font-size: 11px !important;
    line-height: 1.6 !important;
    overflow: hidden;
    padding: 5px 9px 5px 30px !important;
    position: relative;
    text-align: left;
    word-wrap: break-word;
}
.qtip-content ul li,
.qtip-content p,
.qtip-content h4 {color:#000 !important;}

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

#rightsContainer .formlabel label {color: #657078;font-size:11px;}

.msgListContainer {background-color: #FCD8E6;}
.msgListContainer ul {list-style: outside none none;margin: 0;padding: 0px 20px 8px;}
.msgListContainer ul:first-child {padding: 8px 20px;}
.msgListContainer ul li.errmsg {font-size: 12px;padding: 4px 2px;}
       
#rightsContainer .error,
#rightsContainer .notvalid {background: #FCD8E6;}
       
.boolOptionSwitch {
    border: 1px solid #959595;
    border-radius: 3px;
    box-sizing: border-box;
}
.boolOptionSwitch div {
    box-sizing: border-box;
    display: inline-block;
    font-size: 0;
    height: 26px;
    padding: 2px;
    vertical-align: top;
    width: 49%;
}
.boolOptionSwitch div label {
    font-size: 11px;
}
.formobject input.inputtwoChar {width: 50px;}
.hasCharLimit .formobject {position:relative;}
.charsRemain {
    text-align: left;
    color: grey;
    position: absolute;
    top: 0;
    left: 100%;
    padding-left: 4px;
    font-size: 11px;
}
.tooMany textarea {border:1px solid red;}
.tooMany .charsRemain {color:red;font-weight:bold;}

table.territoryInput {
    background-color:#fff;
    border:1px solid #959595;
    width:100%;
    margin:0;
    border-collapse:collapse;
    font-family:Arial,sans-serif;
    font-size:11px;
}

table.territoryInput tr {
    width:50%;
    display:inline-block;
    vertical-align:top;
}
table.territoryInput tr:hover {
    background-color: transparent !important;
}

table.territoryInput tr td {
    box-sizing:border-box;
    display:inline-block;
    border:0;
    padding:3px 5px !important;
    vertical-align:top;
    width:100%;
    background-color: transparent !important;
}

table.territoryInput tr td input {
    margin:3px 1px;
    position:absolute;
}

table.territoryInput tr td label {
    display:inline-block;
    margin:3px 3px 4px 22px;

}

.accordionBox  {margin: 20px 10px 30px;}
.accordionBox h3 {
    border-bottom: 1px solid grey;
    line-height: 0;
    margin-bottom: 0;
}
.accordionBox h3 span {
    font-size: 15px;
    font-weight: bold;
    color: #000;
    background-color: #FFF;
    padding: 4px 4px 4px 32px;
    margin-left: 8px;
    background-image: url('/Images/icons/Icons_Responsive.png');
    background-position: -3px -2739px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.accordionBox h3.open span {
    background-position: -3px -2769px;
}
.accordionBox h3 span:hover {
    background-position: -3px -2799px;
    color:#f26522;
}
.accordionBox h3.open span:hover {
    background-position: -3px -2829px;
    color:#f26522;
}

.tcNoteContainer {background-color:#87ceec;position:relative;}
.tcNoteContainer a.tcNoteSwitch {background-image: url("../../../images/icons/IconsMapPLS.png");background-position:-124px -3px;height:36px;position:absolute;right:0;text-indent:-900em;top:0;width:30px;}
.tcNoteContainer a.tcNoteSwitch:hover {background-position: -124px -143px}
.tcNoteContainer a.tcNoteSwitch.open {background-position: -90px -3px}
.tcNoteContainer a.tcNoteSwitch.open:hover {background-position: -90px -143px}
.tcNoteContainer .tcHeaderText {font-weight: bold; background: skyBlue url("../../../images/beta/clearHelp.png") no-repeat scroll 3px -764px ! important; padding: 12px 2px 10px 34px;}
.tcNoteContainer .tcContentText {padding: 0px 10px 4px 34px;}
.tcNoteContainer .tcContentText p {font-size: 12px; line-height: 1.3;}




.accordionBox .accordioncontent {border:1px solid grey;border-top:0;padding-top:20px;}

.calcQuoteVal {background-color:#fff79a;color:#000;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .button.lnkWorldPay {
        padding-bottom: 5px;
        padding-top: 4px;
    }
}

.circChk { display:inline-block;}

.circChk input { vertical-align: top;}
.circChk label { 
    display: inline-block;
    font-size: 10px;
    margin-top: 2px;
    vertical-align: top;
}



.noteContainer {padding: 0;margin: 0;list-style: none;}
.noteContainer .note {/*background-color: #ebebeb;*/border-bottom: 1px solid silver;}
.noteContainer li:first-child .note {border-top: 1px solid silver;}
.noteContainer .noteText p {padding: 10px 10px 5px;}
.noteContainer .metadata p {padding: 5px 10px 3px;font-size: 10px;color: gray;text-align: right;}


/************** REBRANDING TRAILS ******************/

#headContainer.short {
    border-bottom: 1px solid transparent;
}

.inboxRight {
    background-color: #fff;
    overflow-x: hidden;
    margin-left: 275px;
}
.mainWindow {
    background-image: none;
    position:relative;
    overflow-x:hidden;
}

.pageFlash {
    background-color: rgb(255, 143, 39);
    background-image: url("../../images/background/flashmask-orange.png");
    background-position: 100% 100%;
    height: 87px;
    position: absolute;
    right: -45px;
    top: -85px;
    transform: rotate(6deg);
    width: 80%;
    display:none;
}
/*********************** Footer Styles **********************/
#footerContainer{
    /*background-image:url("../../images/background/flash-footer-left.png"), url("../../images/background/flash-footer-right.png");
    background-position:left 0, right 0;
    background-repeat:no-repeat;*/
}
#footerContentContainer {
    padding: 0 20px;
    width: auto;
}
#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(../../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;}




/*************************************** stepHelpIntro ********************************/
.stepHelpIntro {
    background-color: #cfebf7;
    border: 1px solid #657078;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 4px;
    width: 100%;
}
.stepHelpIntro.collapsed {
    border: 1px solid #cfebf7;
    background-color: #cfebf7;
}

.helpBoxSwitch {
    background: transparent url("../../images/beta/expandArrows.png") no-repeat scroll 787px -173px;
    border-radius: 5px;
    color: #657078;
    cursor: pointer;
    display: block;
    font-size: 12px;
    margin: 2px 0 -32px;
    padding: 8px 0;
    position: relative;
    text-align: right;
    text-decoration: none;
    top: -4px;
    width: 100%;
    right:5px;
}
.helpBoxSwitch:hover {
    background-position: 787px 7px;
    color: #f26522;
}
.helpBoxSwitch.open {
    background-position: 787px -204px;
    color: #222f2f;
}
.helpBoxSwitch.open:hover {
    background-position: 787px -24px;
    color: #f26522;
}

.helpIconContainer {
    background: transparent url("../../Images/beta/clearHelp.png") no-repeat scroll 5px -275px;
    color: #000;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 24px;
    line-height: 1.8;
    padding: 0 0 0 36px;
}
.helpIconContainer h1{
    padding:5px;
    margin:0;
}

.helpContentContainer {
    margin: 8px 0 10px;
    padding: 0 80px 0 35px;
}
.stepHelpIntro.collapsed .helpContentContainer {display:none;}

.helpContentContainer h1 {
    border: 0 none;
    color: deepskyblue;
    display: block;
    font-size: 18px;
    margin: 0 0 10px;
    padding: 5px 0px;
}
.helpContentContainer p {line-height: 1.4;margin-bottom:10px;}

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


.ui-accordion .ui-accordion-header {margin-top: 3px !important;}
tr.edit .ui-accordion .ui-accordion-content,
tr.edit .accordion h3.ui-state-active  {border-radius: 0;}

.editProjName {}
.editProjName input {vertical-align:top;}
.editProjName input[type="button"],
.editProjName input[type="submit"] {margin-top: -2px;
    background-image: url(../../Images/Icons/IconsMapPLS.png);
    background-position: -157px -149px;
    width: 30px;
    margin-right: 0;
    text-indent:-900em;
}
.editProjName input[type="button"] {
    background-position: -186px -9px;
    background-color:silver;
}
.editProjName input[type="submit"] {
    background-position: -157px -149px;
    background-color:forestgreen;
    border-color:forestgreen;
}
.editProjName input[type="button"]:hover,
.editProjName input[type="submit"]:hover {
    background-color:#f26522;
    border-color:#f26522;
}
.editProjName input[type="button"]:hover {background-position: -186px -149px;}

.editProjName input[type="text"] {
    width: 200px;    
    background-color: #fff188 !important;
    box-shadow: -1px -1px 5px #c9c9c9 inset;}

.btnEditProjName {
    height: 26px;
    width: 30px;
    color: #000;
    position: absolute;
    top: -1px;
    right: -36px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 2.4;
    text-align: center;
    text-indent: -900em;
    cursor: pointer;
    background-image: url(../../Images/icons/IconsMapPLS.png);
    background-position: -244px -106px;
}
.btnEditProjName:hover {
    background-color: #f26522;
    color: #fff;
    background-position: -244px -246px;
}



.editProjSave {}

.urlLink {
    padding: 4px 34px 4px 0;
    background-image: url(../../Images/beta/Icons_Responsive.png);
    background-repeat: no-repeat;
    background-position: right -1451px;
}
.fileLink {
    background-image: url(../../Images/beta/Icons_Responsive.png);
    background-repeat: no-repeat;
    padding: 4px 26px;
    background-position: -5px -1377px;
}
.speechBlock a:hover {
    color:#f26522;
}