/* Experimental */
/* Experimental ==== lose all this and it makes little difference except you lose the rollover on close which we do not have anyway */
/* Transition how-to:

	1. Mention the style in the transition set below
	2. Define its hover and active style

Where you ALREADY HAVE a rollover style (Off/On approach): 

	1. Add this style (e.g. for SubMenuOff the stub is SubMenu) to the Off
	2. Add this style hover and active to the On
	3. Add the style to the transition spec

*/
/* NOTE: Mention all styles wanting transitions here: */
/* Fonts */
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on December 14, 2016 */
@font-face {font-family: 'lato';src: url('../fonts/lato-light-webfont.woff') format('woff');font-weight: 200;font-style: normal;}
@font-face {font-family: 'lato';src: url('../fonts/lato-medium-webfont.woff') format('woff');font-weight: 300;font-style: normal;}
@font-face {font-family: 'lato';src: url('../fonts/lato-hairline-webfont.woff') format('woff');font-weight: 100;font-style: normal;}
@font-face {font-family: 'lato';src: url('../fonts/lato-regular-webfont.woff') format('woff');font-weight: 400;font-style: normal;}
@font-face {font-family: 'lato';src: url('../fonts/lato-bold-webfont.woff') format('woff');font-weight: 600;font-style: normal;}

a {text-decoration:none;}
h2 {font-size:1.2em;}
.tar {text-align:right;}

.ohte{overflow:hidden;text-overflow:ellipsis;}

.buttonDrop {position:relative;top:0.6em;cursor: pointer;display: inline-block;color: #5e96be;margin:0; height: 0;float: right;}

/* Enclosing Div styles */
.encDiv {clear:both;}
.spacer {margin-bottom:1em;}
.contIlb > label, .contIlb  > div {display:inline-block;}
/* .buttonsInline > div {display:inline-block;}*/ 
.compact {}
.mcompact {font-size:1em !important;}
.noDisplay{display:none;}
.genAlert, .appInput, .appInputIL,  .appInputILR, .BslGreenBtn, .SubMenuOff, .siRegBtnFloatOff,
.BslGreenBtnOff, .BslRedBtnOff, .BslGreenBtn, .BslRedBtn, .Menu, .SubMenu, .PopMenu, .PopMenuClose, .inlineBtn, .inlineBtnSm, .controlBtn, .controlDiv {
	-webkit-transition: all 0.22s;
	-moz-transition: all 0.22s;
	transition: all 0.22s;
}

.PopMenuClose:hover, .PopMenuClose:active  ,
{
background-color:white;
color:red;
}
.currentTask {float:left;font-size:1.4em;padding:6px;xborder:1px solid silver;color:maroon;}
.closedTask  {background-color:white;color:grey;border: 1px solid silver; border-image: none; margin-right: 6px; float: right;}
.localButtonJewel, .localButtonJewelRed, .localButtonJewelGreen {top: -1.6em; width: 1.5em; height: 1.4em; text-align: center; color: white; font-size: 0.67em; font-weight: bold; 
margin-right: -0.2em; margin-left: -1.3em; display: inline-block; position: relative; background-color:grey;}
.localButtonJewelRed{background-color:red;}
.localButtonJewelGreen{background-color:darkgreen;}
.localButton, .localButtonFR {cursor: pointer; display: inline-block; color: #5e96be; margin: 0 0.2em 0.2em 0;}
/*.localButton, .localButtonFR {border: 1px solid #8c8c90;}*/
.localButtonFR {float:right;}
.fR, .floatRight {float:right;}
.fL, .floatLeft {float:left;}

.localButton i, .localButtonFR i {font-size:1.15em;position:relative;top:-0.02em;}

.big {font-size:200% !important}
.med {font-size:150% !important}
.sml {font-size:100% !important}
.tny {font-size:67% !important}

.wm4 {max-width:400px}
.wm6 {max-width:600px}
.wm8 {max-width:800px}

.mgStd {margin:10px auto !important;}
.mgvBig {margin:40px auto !important;}
.mgBig {margin:20px auto !important;}
.mgSml {margin:5px auto !important;}

/* start of experiment with sMain */
.sMain {
	font-size:21px;
	font-weight:bold;
	background: #5F7D9C;
	cursor: pointer;
	padding: 10px 10px;
	display: inline-block;
	margin: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border: 3px solid #fff;
	color: #fff;
}

.sMain:hover,
.sMain :active {
	color: #5F7D9C;
	background: #f6f7f8;
}
/* end of experiment with sMain */
/* start of experiment with btnx */
.btnx {
	background: #5F7D9C;
	cursor: pointer;
	padding: 10px 10px;
	display: inline-block;
	margin: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border: 3px solid #fff;
	color: #fff;
}

.btnx:hover,
.btnx:active {
	color: #5F7D9C;
	background: #f6f7f8;
}
/* end of experiment with btnx */

/* PlainTagStandard */
html {	font-size:100%;touch-action:pan-y;}
html{font-family:Verdana,arial,sans;}
body {margin:0;background: #f8f8ff;color:rgba(38, 38, 38, 1);}
td{overflow:hidden;white-space:normal;vertical-align:top;padding:0;}
img{border-style: none;}
hr{border:0;background-color:silver;height:1px}
td>input{min-height:12px}
div>input{min-height:1.5em;vertical-align:middle;}/*was 1.6em but login box on cpld not showing bottom border */
div>select{min-height:21px;vertical-align:middle;}
td>input[type="checkbox"]{min-height:12px}
input[type="button"]{cursor:pointer;}
label{margin-top:auto;margin-bottom:auto}
fieldset{border:0;}
input, select, textarea{border:1px solid #939393;color:inherit;font-family:inherit;}
#bsl-rootc {background: #f0f0ff;}
#bsl-root {background: #f0F7FF; max-width:1600px;width:100%;margin: auto;}
/*************** COMMON SHARED ASSIGNMENTS *************/
.ilb {display:inline-block;}
/*===========================================================================================*/
.mainTable {
	background-color:#ffffff;
}
/* New display text entries == in core.css as they are to be always available and the same */
/* new naming convention - d = des */
.dInfo {
	FONT-SIZE: 10pt; 
	FONT-WEIGHT: bold;
	COLOR: #787878;
}

.hidden{
display:none;
}

.spLogoBanner, .stdLogoBanner, .stdLogoBanner1 {height:3em;}
.stdLogoBannerTitle {color:white;float:right;padding:8px 6px 0 0;font-size:22px;}

@media (max-width:800px){.spLogoBanner, .stdLogoBanner, .stdLogoBanner1 {height:40px;}.stdLogoBannerTitle {font-size:18px;}}
@media (max-width:480px){.spLogoBanner, .stdLogoBanner, .stdLogoBanner1 {height:30px;}.stdLogoBannerTitle {font-size:14px;}}

.stdLogoBanner{background:url('css_images/lc.jpg') no-repeat;background-size:cover;}
.stdLogoBanner1{background:url('css_images/lc1.jpg') no-repeat;background-size:cover;}

.errorHeader {
	FONT-WEIGHT: bold; COLOR: #FFFFFF; FONT-SIZE: 12pt; padding:10px;
	background: url("css_images/innerTableInfo_Bkg.gif"); BACKGROUND-COLOR: #555570;
}


.ib { display:inline-block;}

.dAlertGrn64, .dAlertAmb64, .dAlertRed64, .dAlertGry64, .dAlertBlu64,
.dAlertGrn32, .dAlertAmb32, .dAlertRed32, .dAlertGry32, .dAlertBlu32,
.dAlertGrn24, .dAlertAmb24, .dAlertRed24, .dAlertGry24, .dAlertBlu24,
.dAlertGrn16, .dAlertAmb16, .dAlertRed16, .dAlertGry16,  .dAlertBlu16{
	FONT-SIZE: 0.8em; 
	FONT-WEIGHT: bold;
	COLOR: #787878;
	vertical-align:middle;
	margin: 0 4px 0 0;
	display:inline-block;
}

.dAlertGrn64, .dAlertAmb64, .dAlertRed64, .dAlertGry64, .dAlertBlu64{
	padding: 0.2em 0.2em 0.2em 8em;min-height:60px;
	}

.dAlertGrn32, .dAlertAmb32, .dAlertRed32, .dAlertGry32 , .dAlertBlu32{
	padding: 0.2em 0.2em 0.2em 4.8em;min-height:28px;
}

.dAlertGrn24, .dAlertAmb24, .dAlertRed24, .dAlertGry24 , .dAlertBlu24{
	padding: 0.2em 0.2em 0.2em 4em;min-height:20px;
}

.dAlertGrn16, .dAlertAmb16, .dAlertRed16, .dAlertGry16 , .dAlertBlu16{
	padding: 0.2em 0.2em 0 3.2em;min-height:1.8em;
}

.dAlertAmb64{
	background: #fff url(Images/amb_alert_64.gif) 6px 6px no-repeat; 
}

.dAlertRed64{
	background: #fff url(Images/alert_64.gif) 6px 6px no-repeat; 
}

.dAlertGrn64{
	background: #fff url(Images/grn_alert_64.gif) 6px 6px no-repeat; 
}

.dAlertGry64{
	background: #fff url(Images/gry_alert_64.gif) 6px 6px no-repeat; 
}

.dAlertBlu64{
	background: #fff url(Images/blu_alert_64.gif) 6px 6px no-repeat; 
}

.dAlertAmb32{
	background: #fff url(Images/amb_alert_32.gif) 4px 4px no-repeat; 
}

.dAlertRed32{
	background: #fff url(Images/alert_32.gif) 4px 4px no-repeat; 
}

.dAlertGrn32{
	background: #fff url(Images/grn_alert_32.gif) 4px 4px no-repeat; 
}

.dAlertGry32{
	background: #fff url(Images/gry_alert_32.gif) 4px 4px no-repeat; 
}

.dAlertBlu32{
	background: #fff url(Images/blu_alert_32.gif) 4px 4px no-repeat; 
}

.dAlertAmb24{
	background: #fff url(Images/amb_alert_24.gif) 2px 2px no-repeat; 
}

.dAlertRed24{
	background: #fff url(Images/alert_24.gif) 2px 2px no-repeat; 
}

.dAlertGrn24{
	background: #fff url(Images/grn_alert_24.gif) 2px 2px no-repeat; 
}

.dAlertGry24{
	background: #fff url(Images/gry_alert_24.gif) 2px 2px no-repeat; 
}

.dAlertBlu24{
	background: #fff url(Images/blu_alert_24.gif) 2px 2px no-repeat; 
}

.dAlertAmb16{
	background: #fff url(Images/amb_alert_16.gif) 2px 2px no-repeat; 
}

.dAlertRed16{
	background: #fff url(Images/alert_16.gif) 2px 2px no-repeat; 
}

.dAlertGrn16{
	background: #fff url(Images/grn_alert_16.gif) 2px 2px no-repeat; 
}

.dAlertGry16{
	background: #fff url(Images/gry_alert_16.gif) 2px 2px no-repeat; 
}

.dAlertBlu16{
	background: #fff url(Images/blu_alert_16.gif) 2px 2px no-repeat; 
}


/*Designer Tags == Always standard */
/*DESIGNER styles common to all exes */
.siLDes, .siLDDDes {
	padding: 0 4px 0 0;
	border: #555572 0px solid;
	font-size: 12px;
	color: #333367;
	text-align:right;
}
.siLsDes, .siLDDsDes {
	padding: 0 4px 0 0;
	border: #555572 0px solid;
	font-size: 11px;
	color: #333367;
	text-align:right;
}
.siLvsDes, .siLDDvsDes {
	padding: 0 4px 0 0;
	border: #555572 0px solid;
	font-size: 11px;
	color: #333367;
	text-align:right;
}
.siLDDDes {
	padding: 4px 4px 0 0;
}

.siDes, .sides {
	padding: 1px 0px 0px 3px;
	border: #555572 0px solid;
	font-size: 12px;
	background-color: #ffffff;
	text-align: left;
	color:initial;
}
/*Check boxes and Radio buttons*/
.siCDes {
	padding: 0px 0px 0px 0px;
	border: #555572 0px solid;
	font-size: 11px;
}
/*standard input style with border*/
.siBDes, .XLSBDes {
	border: #555572 1px solid; 
	padding: 1px 0px 0px 3px;
	background-color: #ffffff;
}
.siBDesDD, .XLSBDesDD {
	font-size: 11px; 
	border: #555572 1px solid; 
	padding: 0px 0px 0px 0px; 
	margin:0px;
	vertical-align: top;
	background-color: #ffffff;
}
.sbDesOff {
	border: #555572 1px solid; 
	font-size: 9pt; 
	font-weight: normal; 
	cursor: pointer; 
	white-space: nowrap;
	background: url(css_images/button_bkg_off.gif) repeat-x left top; 
}

.sbDesOn,.sbDesOff:hover {
	border: #555572 1px solid; 
	font-size: 9pt; 
	font-weight: normal; 
	cursor: pointer; 
	white-space: nowrap;
	background: url(css_images/button_bkg_over.gif) repeat-x left top; 
}
/* Moved from maincss.css on the way to killing it */
.onScreenTitle {
	FONT-SIZE: 1.25em; 
	PADDING: 0; BORDER-BOTTOM: #8888A0 1px solid; 
	 FONT-WEIGHT: bold; 
	COLOR: rgba(84, 144, 187, 1); 
}

.onScreenInfo {
	FONT-SIZE: 0.8em; COLOR: #555572;  
	text-align: left;
}

.siBFree {width:100% !important;}
.siB, .XLocatorSmallB, .siBFree {
	padding:0 0 0 3px;
	FONT-SIZE: 12px;
	 
	BACKGROUND-COLOR: #ffffff;
}
.LocatorSmall {	FONT-SIZE: 0.9em; }
.XLocatorSmall {
	FONT-SIZE: 12px;
}
.XLocatorSmallT {
	FONT-SIZE: 10px;text-align:right;
}
.MenuRowOn, .MenuRowOff {
	background-color: #cfdfef;
	height:1.2em;
	text-align:center;
	padding:0 0.4em 0.15em 0.2em;
	border: #808080 0px solid;
	font-size: 0.87em;
	cursor: pointer; 
	white-space: nowrap; 
	vertical-align:top;
	
}
.MenuRowOn, .MenuRowOff:hover, .inlineBtn:hover, .inlineBtn:active, .inlineBtnSm:hover, .inlineBtnSm:active, .controlBtn:hover, .controlBtn:active,  .controlDiv:hover, .controlDiv:active, .controlDivHovered  
 {
	BACKGROUND-COLOR: rgba(76,139,183,0.9);
	color:white;
}

.cross, .crossL {background-image:url(Images/tv_cross.png);background-repeat:no-repeat;}
.tick, .tickL {background-image:url(Images/tv_tick.png);background-repeat:no-repeat;}
.cross, .tick {background-position:center;}
.crossL, .tickL {background-position:4px;padding-left:20px;}

/*Designer Table Browser */
.desTable {
	WHITE-SPACE: nowrap;
}
.wrap {
	WHITE-SPACE: normal;
}
.break{
   WHITE-SPACE: normal;
   word-break: break-all;
}
.desTable {
	BORDER:0;
	FONT-SIZE: .75em;
	BACKGROUND-COLOR: rgb(140, 140, 144);
	table-layout: fixed;
}
.desTable td {padding:2px;}
.desOff0 {
	BACKGROUND-COLOR: #FFFFFF;
}
.desOff1 {
	BACKGROUND-COLOR: rgb(239, 250, 255);
}
.desOffSel {
	background-color: rgba(209, 225, 235, 1);
}
.desOn {
	CURSOR: pointer; BACKGROUND-COLOR: #eee;
}
.desOnSel {
	CURSOR: pointer; BACKGROUND-COLOR: #f0fff0;
}
.desTitles {
	/*BACKGROUND: url(css_images/titlebkg1.gif) repeat-x left top; */
	CURSOR: pointer; FONT-WEIGHT: normal; 
	COLOR: white;
	background-color:#4c8bb7;
}
.desEndData {
	CURSOR: pointer; COLOR: #808080; BACKGROUND-COLOR: #dddddd; 
}
.fltCDiv, .fltFCDiv, .desCDiv, .BRwCDiv {background-color:rgba(245, 245, 245, 1);padding:2px;font-size:0.87em;}
.fltCDiv, .fltFCDiv, .desCDiv select, .BRwCDiv select{margin-right:4px;}
/*float Table Browser */
.fltTable , .fltFTable {
	BORDER:0;
	BACKGROUND-COLOR: white;
	table-layout: fixed;
	padding:0 3px;
}

.fltFTable td{
padding:2px;
}

.fltOff0, .fltOff1, .fltOffSel, .fltOnSel, .fltOn ,.fltFOff0, .fltFOff1, .fltFOffSel, .fltFOnSel, .fltFOn {padding:4px;width:100%;}
.fltFOff0 div, .fltFOff1 div, .fltFOffSel div, .fltFOnSel div, .fltFOn div{display:inline-block;overflow:hidden;text-overflow:ellipsis;} 

.fltOff0 , .fltFOff0 {
	COLOR: black; BACKGROUND-COLOR: #FFFFFF;
}
.fltOff1, .fltFOff1 {
	COLOR: black; BACKGROUND-COLOR: rgb(248,252,255);
}
.fltOffSel, .fltFOffSel {
	COLOR: black; BACKGROUND-COLOR: #d7eae3;
}
.fltOn , .fltFOn {
	CURSOR: pointer; COLOR: white; BACKGROUND-COLOR: #9999B6;
}
.fltOnSel, .fltFOnSel {
	CURSOR: pointer; COLOR: black; BACKGROUND-COLOR: #f0fff0;
}
.fltTitles, .fltFTitles  {
	text-overflow:elipsis;
	BACKGROUND: url(css_images/titlebkg1.gif) repeat-x left top; 
	CURSOR: pointer; COLOR: #000; FONT-WEIGHT: normal; 
	width:100%;
	PADDING:6PX;
}
.fltFTitles div {display:inline-block;overflow:hidden;text-overflow:ellipsis;margin-bottom:-0.3em;} 
.fltEndData , .fltFEndData {
	CURSOR: pointer; COLOR: #808080; BACKGROUND-COLOR: #dddddd; 
}
/*  Occasional fixed browser */
.absBR_NOT_used {position:fixed;top:80px;}

/* Core contains standardised input styles = B in the name implies a boxed control, L is a Label style */
.siBs {
	padding:0 0 0 3px;
	BORDER: #555572 1px solid;
	FONT-SIZE: 11px;
	BACKGROUND-COLOR: #ffffff;
}

.siLs, .siLDDs {
	padding: 3px 4px 0 0;
	border: #555572 0px solid;
	font-size: 11px;
	text-align:right;
}

.sCalMain {
/*	border: #cccccc 1px solid; */
	padding: 1px 0px 0px 1px; 
	font-size: 10px; 
	color: #333367; 
	background-color: #ffffff;
	vertical-align:top;
	overflow:auto;
}
.CalMain {
/*	border: #cccccc 1px solid; */
	padding: 1px 0px 0px 1px; 
	font-size: 10px; 
	color: #333367; 
	vertical-align:top;
	background-color: #ffffff;
}
.CalOff0,.CalOff1,.CalOffSel,.CalOn,.CalOnSel{
	padding: 2px; 
	background-color: #ffffff;
	vertical-align:top;
}
.CalAMain {
/*	border: #cccccc 1px solid; */
	padding: 1px 0px 0px 1px; 
	font-size: 10px; 
	color: #333367; 
	vertical-align:top;
	background-color: #ffffff;
}
.CalAOff0,.CalAOff1,.CalAOffSel,.CalAOn,.CalAOnSel{
	padding: 2px; 
	background-color: #ffffff;
	vertical-align:top;
}
.xxCalOff0,.xxCalOff1,.xxCalOffSel,.xxCalOn,.xxCalOnSel{
	border: #dddddd 1px solid; 
	padding: 2px; 
	background-color: #ffffff;
}
.xxCal4Off0,.xxCal4Off1,.xxCal4OffSel,.xxCal4On,.xxCal4OnSel{
	border: #dddddd 1px solid; 
	padding: 2px; 
	background-color: #ffffff;
}
.xxCal5Off0,.xxCal5Off1,.xxCal5OffSel,.xxCal5On,.xxCal5OnSel{
	border: #dddddd 1px solid; 
	padding: 2px; 
	background-color: #ffffff;
}
.xxCal6Off0,.xxCal6Off1,.xxCal6OffSel,.xxCal6On,.xxCal6OnSel{
	border: #dddddd 1px solid; 
	padding: 2px; 
	background-color: #ffffff;
}
.xxCal7Off0,.xxCal7Off1,.xxCal7OffSel,.xxCal7On,.xxCal7OnSel{
	border: #dddddd 1px solid; 
	padding: 2px; 
	background-color: #ffffff;
}
.sCalDetail {
	border: #cccccc 1px solid; 
	padding: 0px; 
	font-size: 10px; 
	color: #333367; 
	background-color: #ffffff;
	vertical-align:top;
	overflow:auto;
}
.CalDetail {
/*	border: #dddddd 1px solid; */
	padding: 0px; 
	font-size: 10px; 
	color: #333367; 
	vertical-align:top;
	background-color: #ffffff;
}
.CalADetail {
/*	border: #dddddd 1px solid; */
	padding: 0px; 
	font-size: 10px; 
	color: #333367; 
	vertical-align:top;
	background-color: #ffffff;
}
.CalDate {
	border: #cccccc 1px;
	border-style:solid solid none solid; 
	font-size: 8pt; 
	font-weight: normal; 
	cursor: pointer; 
	white-space: nowrap;
	color: #000000;  
	background: url(css_images/button_bkg_off.gif) repeat-x left top; 
}
.CalADate {
	border: #cccccc 1px;
	border-style:solid solid none solid; 
	font-size: 8pt; 
	font-weight: normal; 
	cursor: pointer; 
	white-space: nowrap;
	color: #000000;  
	background: url(css_images/button_bkg_over.gif) repeat-x left top; 
}

/* Standard Tags */
.gScroll { OVERFLOW:auto; }
.gScrollB { OVERFLOW:auto; border: #82ab97 1px solid; padding-left: 2px;}

.itmTable {
	border: #9999B6 1px solid;
	font-size: 10px; border-left: #9999B6 1px solid; border-bottom: #9999B6 1px solid; 
	white-space: nowrap; background-color: #9999B6; text-align: left;
	table-layout: fixed;
	overflow:hidden;
}
.itmTitles {
	cursor: pointer; color: white; background-color: #C66800; font-weight: bold; 
	overflow:hidden;
}
.itmEndData {
	cursor: pointer; color: white; background-color: #C66800; 
	overflow:hidden;
}
.itmOff0 {
	color: black; background-color: #FDF9AD;
}
.itmOff1 {
	color: black; background-color: #EEFFFF;
}
.itmOffSel {
	color: white; background-color: #A80002;
}
.itmOn {
	color: black; background-color: #AEF6BD;
}
.itmOnSel {
	color: black; background-color: #9999ff;
}
/* BrenderD styles for box backgrounds need to appear here
*/
.i0_On, .i0_Off0 {
	color: black; background-color: #80d8f8;
}

.i1_On, .i1_Off0 {
	color: black; background-color: #FFFF00;
}

.i2_On, .i2_Off0 {
	color: black; background-color: #92d050;
}

.i3_On, .i3_Off0 {
	color: black; background-color: #D5c8e4;
}

.i4_On, .i4_Off0 {
	color: black; background-color: #F8c0a0;
}

.i5_On, .i5_Off0 {
	color: black; background-color: #Ccecff;
}

.i6_On, .i6_Off0 {
	color: black; background-color: #D7E4BC;
}

.i7_On, .i7_Off0 {
	color: black; background-color: #Ff8080;
}

.i8_On, .i8_Off0 {
	color: black; background-color: #FF88cc;
}

.i9_On, .i9_Off0 {
	color: black; background-color: #FDF9AD;
}

.iA_On, .iA_Off0 {
	color: black; background-color: #FDF9AD;
}

.iB_On, .iB_Off0 {
	color: black; background-color: #FDF9AD;
}

.iC_On, .iC_Off0 {
	color: black; background-color: #FDF9AD;
}

.iD_On, .iD_Off0 {
	color: black; background-color: #FDF9AD;
}

.iE_On, .iE_Off0 {
	color: black; background-color: #FDF9AD;
}

.iF_On, .iF_Off0 {
	color: black; background-color: #FDF9AD;
}

/* BrenderD styles for boxes need to be mentioned here by name to collect the defaults 
i01_Off0
*/
.itmOn, .itmOnSel, .itmOff0, .itmOff1, .itmOffSel, .i1_Off0, .i2_Off0, .i3_Off0, .i4_Off0, .i5_Off0, .i6_Off0, .i7_Off0, .i8_Off0, .i9_Off0, .iA_Off0, .iB_Off0, .iC_Off0, .iD_Off0, .iE_Off0, .iF_Off0, .i0_Off0,
 .i1_On, .i2_On, .i3_On, .i4_On, .i5_On, .i6_On, .i7_On, .i8_On, .i9_On, .iA_On, .iB_On, .iC_On, .iD_On, .iE_On, .iF_On, .i0_On
{
	border: #9999B6 1px solid;
	cursor: pointer;
	overflow:hidden;
	text-align:center;
	padding:0px;
	FILTER: Alpha(Opacity=90);
	opacity:0.90;
}

/*Popup menu tags*/
.PopMenuTab {
	BORDER: #cccccc 1px solid; 
	FONT-SIZE: 0.87em; 
	CURSOR: pointer; COLOR: white; 
	WHITE-SPACE: nowrap; 
	FILTER: Alpha(Opacity=90);
	opacity:0.9;
	table-layout:auto;
}
.PopMenuDefault {
	FONT-WEIGHT: normal; COLOR: white; height:1.6em;
	background-color:grey;
	PADDING:0.4em 0 0 0.3em;
	cursor:DEFAULT;
}
.PopMenu, .PopMenuOff, .PopMenuOn {
	font-weight:boldx;
	height:17px;
	PADDING:0.4em;
	BORDER-COLOR:#FFFFFF;
	border:1;
	white-space:nowrap;
}
.PopMenuTab, .PopMenu, .PopMenuOff {BACKGROUND-COLOR: #FFFFFF; COLOR: black;}

.PopMenu:hover, .PopMenu:active, .PopMenuOn {
	COLOR: white; 
	BACKGROUND-color: gray; 
	BORDER-COLOR:#444444;
}

.PopMenuClose {margin: -0.4em 0 0 1.25em; padding: 0.4em 0.15em 0.4em 0.65em; width: 1.2em; float: right; 
display: inline-block; cursor: pointer; background-color: darkgreen; color:white;}

.PopMenuTabSm {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #cccccc 1px solid; 
	PADDING-LEFT: 6px; FONT-SIZE: 7pt; PADDING-BOTTOM: 1px; 
	BORDER-LEFT: #cccccc 1px solid; CURSOR: pointer; COLOR: white; PADDING-TOP: 1px; 
	BORDER-BOTTOM: #cccccc 1px solid; WHITE-SPACE: nowrap; 
	BACKGROUND-COLOR: #000;
	FILTER: Alpha(Opacity=90);
	opacity:0.9;
	table-layout:auto;
}
.PopMenuDefaultSm {
	COLOR: #FFFFFF; BACKGROUND-COLOR: #C66800;FONT-WEIGHT: bold; COLOR: white; 
}
.PopMenuOffSm {
	BACKGROUND-COLOR: #FFFFFF; COLOR: black;
	white-space:nowrap;
}
.PopMenuOnSm {
	COLOR: white; 
	BACKGROUND: url(../Assets/css_images/button_bkg_over.gif) repeat-x left top; 
	white-space:nowrap;
}

a.PopMenuOff, a.PopMenuOff:link, a.PopMenuOff:hover, .PopMenuOff{
	font-weight:bold;
	text-decoration:none;
	padding:4px;
}

a.PopMenuOn, a.PopMenuOn:link, a.PopMenuOn:hover, .PopMenuOn{
	font-weight:bold;
	text-decoration:none;
	padding:4px;
}

/* stdBtn defines some height and width standards == difficult to USE in SCREENS because of inline size specs, but CAN USE IN Methods*/
.stdBtn{width:160px;height:32px;}

.BslGreenBtn, .BslGreenBtnOff, .BslGreenBtnOn, .BslRedBtn, .BslRedBtnOff , 
.BslRedBtnOn, .BslPgBtnOff, .BslPgBtnOn, .BslBluBtnOff, .BslBluBtnOn, .BslYelBtnOff,  .siRegBtnFloatOff,
.BslYelBtnOn, .MenuL, .Menu, .SubMenu, .sbOff, .SubMenuOff, .sbOn, .SubMenuOn{
	BORDER: none; FONT-SIZE: 0.87em; FONT-WEIGHT: 400; 
	CURSOR: pointer;
	text-align:center;
	padding:0 0.4em;
	margin:0 0.2em 0.2em 0;
	height:2em;
	vertical-align:top;
}
.mw {	min-width:4em; }

/*To make div styles SubMenu 'buttons' match actual inputs*/
/*.SubMenu i {padding:0 0.6em 0 0;font-size:1.5em;position:relative;top:-0.1em;left:0.1em;text-align:left;}
.SubMenu scan {position:relative;top:.2em;float:right;margin-right:0.6em;}*/

div.SubMenu{
	height:1.8em;
	padding-top:0.2em;
	display:inline-block;
	text-align:left;
	position:relative;
	overflow:hidden;
}

.SubMenu i{
	font-size:1.5em;
    position: absolute;
    left: 0.2em;
    top: 0em;
    text-align: center;
    width: 1em;
    overflow: hidden;
    text-overflow: clip;
	}

.SubMenu scan, .SubMenu span{
    text-align: center;
    white-space: nowrap;
    margin-left: 1.7em;
    line-height: 1.5;
    width: calc(100% - 1.7em);
    display: block;
}

.Menu:hover, .Menu:active, .SubMenu:hover, .SubMenu:active, .sbOn, .SubMenuOn, .SubMenuOff:hover, .siRegBtnFloatOff:hover
{
	COLOR: white; 
	BACKGROUND-color:#4c8bb7;
}

.MenuL{
	BACKGROUND-color:white;
}

.SubMenu, .Menu, .sbOff, .siRegBtnFloatOff, .SubMenuOff {
	BACKGROUND-color:#cfdfef;
}

.BslGreenBtnOff ,.BslGreenBtn {
	background-color: #b8e0b6; 
}
.BslGreenBtnOn,.BslGreenBtnOff:hover,.BslGreenBtn:hover {
	background-color: #749c40; 
}
.BslRedBtn, .BslRedBtnOff {
	background-color: #f4b1c4;
}
.BslRedBtnOn,.BslRedBtn:hover, .BslRedBtnOff:hover {
	background-color: #a04761;
}
.BslPgBtnOff {
	BACKGROUND-color: #B0F69D; 
}
.BslPgBtnOn {
	BACKGROUND-color: #68F742; 
}
.BslBluBtnOff {
	BACKGROUND-color: #B9CBF6; 
}
.BslBluBtnOn,.BslBluBtnOff:hover {
	BACKGROUND-color: #68F742; 
}
.BslYelBtnOff {
	BACKGROUND-color: #EEFFA8; 
}
.BslYelBtnOn,.BslYelBtnOff:hover {
	BACKGROUND-color: #68F742; 
}
.listItemOff0, .listItemOffSel, .listItemOff1{
color: #B53614;
}

.listItemOn, .listItemOnSel{
color:#fff;
background-color: #B53614;
}

.helpDiv {
color: #284858;
border: 2px solid #659C26;
padding: 8px;
background: white 96% 8px no-repeat url('Images/help.jpg');
min-width:160px;
max-width:360px;
font-size:10pt;
visibility:hidden;
opacity:0.94;
z-index:200;
}

.helpDiv h1{
font-weight: bold;
text-align: left;
font-size:13pt;
padding-right:40px;
color:#77b82c;
}

.helpControlDiv{
margin-top:4px;
padding-top:2px;
border-top:1px solid #77b82c;
}
.helpControlDiv a{
color:#77b82c;
}

.dsSel , .dsUnSel, .dsSelG , .dsUnSelG, .dsSelR , .dsUnSelR {
font-weight:bold;
display:inline-block;
width:90%;
vertical-align:top;overflow:hidden;
background-repeat:no-repeat;
background-position:3px;
padding:0.5em 0.2em 0.1em 4em;
border:1px solid #000;
min-height:2em;
margin:0 -2px 2px 3px;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none
}
.multiSelContainer {
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	font-size:0.9em;
}

.dsSel, .dsSelG, .dsSelR { background-size:contain; background-image:url(Images/tv_tick.gif); color:white;}

.dsUnSel, .dsUnSelG, .dsUnSelR { background-size:contain; background-image:url(Images/tv_cross.gif);  color:white;}

.dsSel, .dsUnSel:hover {
background-color:rgba(75, 137, 184, 1);
}

.dsUnSel{
background-color:transparent;
color:#555572;
}

.dsUnSelG, .dsSelG {
background-color:rgba(149, 171, 105, 1);
}

.dsUnSelR, .dsSelR {
background-color:#C92C4C;
color:white;
}

.vlAlertTimed {background-color:#c43737;}
.vlAlertText {background-color:white;font-size:10px;	color: #333367; 
	border: #555572 1px solid; 
	padding: 0.3em 0px 0px 0px; 
	margin:0px;
	vertical-align: top;
}
.vlAlert, .vlAlertN {
	color: #333367; 
	padding: 0.3em 0px 0px 0px; 
	margin:0px;
	vertical-align: top;
	border: #555572 1px solid; 
	background-color: white;
	box-shadow: 0px 0px 20px white;
}
.vlAlertN{
	border: 0; 
	background-color: transparent;
}
.vlAlert img {padding:0.4em;}
.lozDivShadow {box-shadow: 5px 5px 5px #888888;margin:0 8px 8px 0;border-radius:12px;}
.lozDivTop {border:1px solid;border-bottom:0;border-radius:12px 12px 0 0;height:23px;padding:2px 4px 0 8px;margin-bottom:-2px;overflow:hidden;}
.lozDivBottom {border:1px solid;border-top:0;border-radius:0 0 12px 12px;padding-bottom:6px}

.m_tlc, .m_trc, .m_tbd, .m_bbd, .m_blc, .m_brc {
	font-size:0px;
}
.m_tlc, .m_lbd, .m_blc {
	width:10px;
}
.m_trc, .m_rbd, .m_brc {
	width:14px;
}
.m_tlc {
	background: url("css_images/m_tlc.gif") left top;
}

.m_trc {
	background: url("css_images/m_trc.gif") right top;
}

.m_tbd {
	background: url("css_images/m_tbd.gif") left top repeat-x;
}

.m_blc {
	background: url("css_images/m_blc.gif") left bottom;
}

.m_rbd {
	background: url("css_images/m_rbd.gif") right top;
}

.m_lbd {
	background: url("css_images/m_lbrd.gif") left top;
}

.m_brc {
	background: url("css_images/m_brc.gif") right bottom;
}

.m_bbd {
	background: url("css_images/m_bbd.gif") left bottom;
}

.w90 {width:90px;}
.w120 {width:120px;}
.w160 {width:160px;}
.w200 {width:200px;}
.h24{height:24px;}
.h30{height:30px;}
.h36{height:36px;}
/* New div styles for Workflow Screens */
.pLoz {
	border:1px solid maroon;
	border-radius:6px;
	box-shadow: 3px 3px 5px #ccc;
	background-color:#f8f8f8;
	margin:0;
}
.pLozI {
	margin:3px;
}
.pLoz h3 {
margin:0;
padding:4px 8px;
background-color:maroon;
color:#eeeeee;
}
#ModalArea {
	LEFT: 0px; WIDTH: 100%; min-height: 350px;padding: 100px 0 0 0;background-color:#eeeeee;
}
#ModalWindow {
	Z-INDEX: 13; WIDTH: 600px; margin:auto;
}
.dialogTitle {
	FONT-WEIGHT: bold; TEXT-ALIGN: center; padding:4px; background-color:darkgreen;color:#eeeeee;
}
.dialogMain {
	PADDING: 10px; BACKGROUND-COLOR: white; TEXT-ALIGN: center; COLOR: #666;
}
.dialogTable{width:100%;text-align:center;padding:3px;}

/* New div styles for core */
.InnerTable, .InnerTableInfo {
	font-size: 13pt; 
	white-space: nowrap; 
	text-align:left;
	text-overflow:ellipsis;
}
.InnerTable{
	/*max-height:12px;*/
	color: #660033; 
	padding: 6px 6px 6px 30px; 
	background: url("css_images/innerTable_Bkg.gif") left top no-repeat;
}

.InnerTableInfo {
	color: #FFFFFF; 
	padding: 0px 6px; 
	vertical-align:middle;
	background: url("css_images/innerTableInfo_Bkg.gif") left top repeat-x; 
	/*min-height:24px;*/
}
/*All icon button fonts must declare display:inline-block and NO PADDING */
.gbStd{border:1px solid silver;display:inline-block;color:gray;text-align:center;font-size:22px;vertical-align:baseline;margin-right:4px;}
.gbStd:hover{border:1px solid black;}
a.gbStd{cursor:pointer;}

/* New Loz styles */
.loz_div {margin:0 3px 3px 3px;padding:0px;/*box-shadow: 0px 0px 12px -4px rgba(0,0,0,0.4);*/border:1px solid #8c8c90;}

.loz_top {
	FONT-SIZE: 10pt; COLOR: white; FONT-WEIGHT:200; 
	background-color:#4c8bb7;
	vertical-align:middle;
	padding:3px 0px 0px 8px;
	height:20px;
}

.listTable {
	BORDER: 0;
	FONT-SIZE: 12px; 
	 WHITE-SPACE: nowrap; BACKGROUND-COLOR: #FFFFFF; 
	TEXT-ALIGN: left;
	table-layout: auto;
}
.listTable td {padding:2px;vertical-align:middle;font-size:13px;}
.listOff0 {
BACKGROUND-COLOR: #FFFFFF;
}
.listOff1 {
BACKGROUND-COLOR: #FFFFFF;
}
.listOff2 {
BACKGROUND-COLOR: #FDE6EA;
}
.listOff3 {
BACKGROUND-COLOR: #C9FAD6;
}
.listOff4 {
BACKGROUND-COLOR: #ED9EA7;
}

.listOffSel {
BACKGROUND-COLOR: #D5EFCF;
}
.listOn {
	CURSOR: pointer;background-color: #cfdfef;

}
.listOnSel {
	CURSOR: pointer;background-color: #cfdfef;
}
.listTitles {
	CURSOR: pointer;BACKGROUND-COLOR: #dddddd; FONT-WEIGHT: bold; 
}
.listEndData {
	CURSOR: pointer;BACKGROUND-COLOR: #dddddd; 
}

.iconSet {word-spacing:-0.3em;padding:2px 0 0 2px;}
.iconSet .controlDiv  .controlDiv {position:absolute;top: 2.7em;right:-0.8em;font-size:40%;border:none;}
.ijRed {background-color:red;color:rgba(228, 12, 12, 1);}
.iconSet .controlDiv {position:relative;}
.loz_main {padding:7px;background-color:white;overflow:hidden;}

/* inpDiv2 is a 2 column floating input style Ideal: 500px Min:400px Max 600px - */
/* inpDiv3 is a 3 column floating input style Ideal: 400px Min:300px Max 500px */
.inpDiv2, .inpDivL2, .inpDivR2, .inpDivL3, .inpDivM3, .inpDivR3{display:inline-block;vertical-align:top;}
.inpDiv2, .inpDivL2, .inpDivR2 {width:49%;max-width:600px;}
.inpDiv3, .inpDivL3, .inpDivM3, .inpDivR3{width:32%;max-width:500px;}
.inpDivL2, .inpDivL3 {background-color:#ffeeee;} 
.inpDivM3 {background-color:#eeffee;} 
.inpDivR2,.inpDivR3 {background-color:#eeeeff;} 

/* mf is a set of input styles for floating screens */
.mfButtonOff, .mfButtonOn {
	max-width:200px;
	margin:4px 0 4px 140px;
 }
 .mfButtonOn {background-color:white;}

.mfOnScreenTitle{
	FONT-SIZE: 14pt; 
	PADDING: 2px 0 2px 3px; BORDER-BOTTOM: #8888A0 1px solid; 
	 FONT-WEIGHT: bold; 
	COLOR: #3c7e41; 
}


.mfL{
	text-align:right;
	float:left;
	min-width:103px;
    font-size: 12px;
    color: #333367;
	padding-top:3px;
	margin:4px 10px 4px 4px;
}

.mfB{
	padding: 0 0 0 0.2em;
    border: #555572 1px solid;
    font-size: 0.9em;
    background-color: #ffffff;
	margin:0.45em 0.8em 0.15em 0.3em;
}

.mfBro{
	padding: 0 0 0 3px;
    border: #555572 1px solid;
    font-size: 12px;
    background-color: #f8f8f8;
	margin:2px 0;
	-webkit-appearance: none;
    -moz-appearance: none;
}

.mLeft{
margin-left:120px;clear:both;
}

@media (max-width:350px){
.mfL{text-align:left;float:none;margin-bottom:0}
.mfB{}
.mLeft{margin-left:0}
}

.fFormTable {width:100%;}
.fFormColOnly {width:100%;}
.fFormColOne {text-align:right;width:40%;}
.fFormColTwo input, .fFormColTwo textarea, .fFormColTwo div select {width:95%;min-width:120px;}

.emailBrender table{table-layout:fixed;width:100%}
.emailContainer{}
.emailItemSel, .emailItem {font-size:1.3em;padding:3px 3px 3px 8px;border-bottom:1px solid silver;white-space:normal;color:gray;}
.emailItemSel{cursor:pointer;}
.emailItem h1{font-size:1.2rem;color:black;font-weight:lighter;margin:0 0 3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.emailItem h1 b{color:maroon;}
.emailSubject, .emailSubjectUnread{font-size:1.2em;font-weight:bold;}
.emailSubject{color:gray;}
.emailSubjectUnread{color:maroon;}
.emailSubject b{}
.emailShowControls{}
.emailShowContainer{}
.emailShowHeader{}
.emailShowHeaderItemTitle{}
.emailShowHeaderItem{}
.emailShowBody{padding:4px;font-size:0.8rem;}
.emailShowAtt{}

.osbClick {text-decoration:underline;cursor:pointer;font-size:110%;font-weight:bold}

.entryFields{clear:both;margin-left:20px;}
.pageControls, .pageControlsT {border-bottom:1px solid black;background-color:#eee;width:100%;padding:3px;z-index:99;}
.pageControls{position:fixed;top:0;left:0;}
.pageControlGreenBtn, .pageControlRedBtn, .pageControlBtn, .pageControlBtnOn{
   padding:1px 5px 2px 5px;font-size:22px; border:2px solid black;border-radius:4px; vertical-align:top; }
.pageControlGreenBtn{BACKGROUND: url(css_images/button_grn_off.gif) repeat-x left top;}
.pageControlRedBtn{BACKGROUND: url(css_images/button_grn_off.gif) repeat-x left top;}
.pageControlBtn{BACKGROUND: white;}
.pageControlIconDiv {display:inline-block;margin-bottom: -8px;height: 26px;width:28px;overflow:hidden;cursor:pointer;margin:0 10px -8px 10px;}
.pageControlIcon {position:relative;top: -4px;font-size: 30px;COLOR:white;}
.pageControlIcon2 {position:relative;top: -8px;font-size: 38px;COLOR:white;}
.inlineBtn, .inlineBtnSm, .controlBtn, .controlDiv{ display:inline-block; text-align:center; cursor:pointer;}
.controlBtn{margin: 0 0.2em 0.2em 0;}
.controlBtn, .controlDiv{ font-size:1.5em;}
.inlineBtn{ font-size:1.2em;}/*Matches heights for SubMenu button styles*/
.inlineBtnSm{ font-size:0.9em;}/*Matches heights for rows in browsers */
.controlDiv{ padding:0; height:1.4em;width:1.4em;}
.pageIcon {position:relative;top: -18px;font-size: 60px;COLOR:green;padding:12px;}

.appPageContainer , .loginPageContainer {
	min-width:300px;
	max-width:1100px;
	background-color:white;	
	margin:20px auto;
	padding:20px;
}
.appBrowser {width:100%;margin:8px auto;display:block;}
.loginPageContainer {min-width:240px;max-width:400px;}
.appPageLogo{float:left;margin-right:30px}
.appPageLogo img {width:90px;}
.appPageTitle{font-size:1.6rem;	COLOR: #659C26; padding-top:10px}
.appPageInfo{color:silver;}
.appPageInfo2{display:inline;font-size:1.1rem;font-weight:bold;color:silver;padding:10px 0;white-spacex:nowrap;margin-top:4px;}
.appContainer{clear:both;padding:10px;border:1px solid silver;}
.appDiv{display:inline-block;width:31.7%;margin:2px 0.5%;}
.appInput, .appInputIL,  .appInputILR, .appInputOn, .appInputILOn , .appInputILROn 
{padding:8px;border:2px solid #4c8bb7;font-size:1.2rem;overflow:hidden;cursor:pointer;}
.appInput, .appInputOn {width:100%;max-width:400px;margin:8px auto;display:block;}
.appInput {background-color:#eee;}
.appInput:hover, .appInputOn {background-color:white;}
.appFrMsg {padding:6px;float:right;width:120px};
.appFlMsg {padding:6px;float:right;width:120px};
.appBase{padding:4px;}
.loginForm{clear:both;width:240px;margin:auto;}

/* Float mode styles */
.textBoxFlt{
	padding: 0 0 0 3px;
    border: silver 1px solid;
    font-size: 14pt;
    color: #333;
    background-color: white;
	margin:2px 0;
	width:100% !important;
	max-width:800px;
}


@media (max-width:1060px){
.appDiv{width:49%;margin:2px 0.3%;}
}
@media (max-width:800px){
#bsl-root {margin: 0;}
.InnerTable, .InnerTableInfo {font-size: 11pt !important; 	white-space: normal !important; background-color:gray !important;}
.inpDiv2, .inpDivL2, .inpDivR2{width:100%;}
.inpDivL3, .inpDivM3, .inpDivR3{width:49%;}
.appDiv{width:99%;}
.disappear800{display:none;}
#ModalWindow {	WIDTH: 80% !important;}
/*.pageControlGreenBtn, .pageControlRedBtn, .pageControlBtn, .pageControlBtnOn{font-size:16px;}*/
}
@media (max-width:480px){
.fltFTable {font-size: 8pt !important;font-weight:bold;}
.InnerTable, .InnerTableInfo {font-size: 10pt !important;}
#bsl-root {display:block !important;}
.appPageContainer {
	margin:0;padding:2px;
	border-radius:0;
	box-shadow: none;
}
.appPageLogo{margin-right:10px;}
.appPageTitle{font-size:1rem;}
.appPageInfo2{font-size:.9rem;}
/*.pageControlGreenBtn, .pageControlRedBtn, .pageControlBtn, .pageControlBtnOn{font-size:12px;}*/
.disappear480{display:none;}
}

/* Transfers from maincss.css ==== MAINLY DUE TO DES DDRW USING THESE -- ADDITIONAL SCREENS WILL BE MENTIONED AS THEY OCCUR */
/*
APPROACH
========

We want DES NOT TO REFER TO maincss.css.
Pro: we can eliminate maincss bit by bit
Pro: we can UPDATE the style when it arrives here UNLESS it is used in an app - there we have a PROBLEM
Con: we cannot see designed screens in DES at least for a while in their TRUE RENDERING

Where a style is used in DES we TAKE IT AS READ that it is a CORE style

1. UNLESS we decide we do NOT WANT IT and can CHANGE DES === This insertion here can then be REVISED
2. If a style is used in SOLA (or another old app) this APPROACH FAILS as we need maincss.css to reflect the needs of OLD APPS

3. There IS A PROBLEM with the old style lozenges, as the style mentiones a set of gifs which are different colours in some EXE files, thus the 
   styles cannot be the same - the gifs are fine, but the text colour needs to change to match the gif
   -- means that maincss.css has to be there otherwise lozes in DES will look odd

*/
/*standard input small style*/
.sis {
	padding: 3px 0px 0px 0px;
	border: #555572 0px solid;
	font-size: 10px;
	color: #333367;
	
	text-align:right;
}
.btn {
	border-right: #999 1px solid; padding-right: 10px; border-top: #999 1px solid; padding-left: 10px; font-weight: normal; font-size: 10px; background: #fff; padding-bottom: 3px; border-left: #999 1px solid; color: #888; LINE-height: 22px; padding-top: 3px; border-bottom: #999 1px solid;  text-align: center; TEXT-DECORATION: none
}
A.btn:link {
	font-weight: normal; background: #fff; color: #888; TEXT-DECORATION: none
}
A.btn:hover {
	font-weight: normal; background: #eee; color: #666; TEXT-DECORATION: none
}
A.clear {
	color: white; TEXT-DECORATION: none
}

.one {
	vertical-align: top;
}
/*.one .one_tlc, .one .one_trc, .one .one_tbd {background-color:#4c8bb7;color:white;padding-top:0.3em;} putting a shadow on lozenge on Ealing AUTH */
.one .one_mbd , .one .one_bbd , .one .one_blc , .one .one_brc , .one .one_mbd table{background-color:white;}
.one_tlc {
/*	background: url("css_images/one_tlc.gif") left top;*/
	height: 7px;
	width: 7px;
}

.one_trc {
/*	background: url("css_images/one_trc.gif") right top;*/
	width: 7px;
}

.one_tbd {
	font-size: 12px; color: #343434; 
	font-weight: bold;
	/*background: url("css_images/one_tbd.gif") left top;*/
	padding-left: 3px;
	height: 18px;
}

.one_blc {
/*	background: url("css_images/one_blc.gif") left bottom;*/
	height: 7px;
}

.one_lbd {
	background: url("css_images/one_lbrd.gif") left top;
}

.one_rbd {
	background: url("css_images/one_rbrd.gif") right top;
}

.one_mbd {
	/*background: url("css_images/one_mbd.gif") right top;*/
}

.one_brc {
/*	background: url("css_images/one_brc.gif") right bottom;*/
}

.one_bbd {
/*	background: url("css_images/one_bbrd.gif") left bottom repeat-x;*/
	padding-bottom:6px;
}


.bslLab {
	font-size: .75em;
	text-align:right;
	vertical-align:middle;
	padding: 0.3em 2px 0 0;
	white-space:nowrap;
}

.bslTopLab, .bslCheckboxLab{
	font-size: .75em;
	text-align:left;
	vertical-align:middle;
	white-space:nowrap;
}

.bslCheckboxLab{
	font-size: .86em;
}

.bslBox{
	border:1px solid #555572;
	padding:1px 3px;
	font-size:.75em;
}

.siLzz, .siL, .siLDD {
	padding: 0.3em 3px 0.3em 3px;
	border: #555572 0px solid;
	font-size: 0.87em;
	text-align:right;
}
.siLzz {line-height: 1.7em; padding-top: 0.19em;}
.siL br {line-height:28Px;}
/*label.siL  {margin-bottom:1em !important;}*/
.siLDD {
	padding: 4px 4px 0 0;
}
.siRegL, .siReg, .siRegLgL, .siRegLg {
    padding: 3px 6px 0 0;
    border: 0;
    font-size: 12px;
    color: #888888;
     
    background-color: none;
    margin:0;
}

.siRegLgL, .siRegLg {font-size:14px;}

.siReg {
    text-align:left;
}

.siRegLgL, .siRegL {
    text-align:right;
}
.siBReg {
    BORDER: #555572 1px solid; 
    PADDING: 1px 0 0 4px; 
    FONT-SIZE: 11px;
    COLOR: #333333; 
    BACKGROUND-COLOR: #ffffff;
    margin:0;
}
.GeneralTitle {
	font-weight: bold; font-size: 10pt; margin: 0px 0px 0px 20px; color: #87121e; 
}
.GeneralInfo {
	font-size: 0.87em; margin: 0px 0px 0px 20px; color: #87121e; 
	
}
.GIRed {
	font-size: 10pt; margin: 0px 0px 0px 20px; color: #BB0000; 
	
}
.GIGreen {
	font-size: 10pt; margin: 0px; color: #006600; 
	
}
.GIGreen12 {
	font-size: 12pt; margin: 0px 0px 0px 20px; color: #006600; 
	
	font-weight: bold; 
}
.GIRed12 {
	font-size: 12pt; margin: 0px 0px 0px 20px; color: #BB0000; 
	
	font-weight: bold; 
}

/*standard input style for browser editors */
.si {
	padding: 1px 2px 0px 1px;
	border: #555572 0px solid;
	font-size: 0.75em;
	text-align:left;
	background-color: transparent;
/*	height:12px;*/
}
.si input {	padding: .09em .17em 0em 0em; background-color:white;}
.si fieldset {padding:.83em .83em .83em .83em;border:rgba(84, 144, 187, 1) .09em solid; background-color:white;}
.si legend {min-width:10em;border:rgba(84, 144, 187, 1) .09em solid;padding:.17em .42em .17em .42em;}
/*Check boxes and Radio buttons*/
.siTick {
	padding: 0px 0px 0px 0px;
	border: #555572 0px solid;
	font-size: 0.95em;
	
}
/*standard input style with border*/
.siB, .XLocatorSmallB {
	padding: 1px 0px 0px 3px;
	font-size: .75em;
	
	background-color: #ffffff;
}
.siBDD, .XLocatorSmallBDD {
	font-size: 11px; 
	padding: 0px 0px 0px 0px; 
	margin:0px;
	vertical-align: top;
	
	background-color: #ffffff;
}

/* ployColNNN styles */
.pc200 , .pc300 {vertical-align:top;display:inline-block;border:1px solid #C1C1C1;margin:5px;padding:5px;position:relative;}
.pc200 {width:calc(20% - 30px);}
.pc300 {width:calc(25% - 30px);}

@media (max-width:1000px){
.pc200 {width:calc(25% - 30px);}
.pc300 {width:calc(33% - 30px);}
}

@media (max-width:720px){
.pc200 {width:calc(33% - 30px);}
.pc300 {width:calc(50% - 30px);}
}

@media (max-width:480px){
.pc200 {width:calc(50% - 30px);}
}

@media (max-width:360px){
.pc300 {width:calc(100% - 30px);}
}

@media (max-width:240px){
.pc200 {width:calc(100% - 30px);}
}


/* END OF Transfers from maincss.css */
/* TRANSFERS FROM coreWeb.css */
.itemMetaText {
	font-size:10px;
	margin:0;
}

.itemMetaTextPos {
	padding-top:5px;
}

.itemRightTop {
	position:fixed;
	top:40px;
	right:30px;
	background-color:white;
	z-index:200;
	border: 1px solid;
	padding:4px;
	font-size:1.2rem;
	border-color: #e5e6e9 #dfe0e4 #d0d1d5 #dfe0e4;
	-webkit-border-radius: 3px;
    -moz-box-shadow:0 1px 3px #d0d1d5;
    -webkit-box-shadow:0 1px 3px #d0d1d5;
}

.itemContainer {
	min-height:55px;
	clear:both;
	background-color: white;
	margin: 0 0 5px 0;
	border: 1px solid;
	border-color: #e5e6e9 #dfe0e4 #d0d1d5 #dfe0e4;
	/*-webkit-border-radius: 3px;*/
	padding: 10px 0px 0px 0px;
	/*-moz-box-shadow:0 1px 3px #d0d1d5;
    -webkit-box-shadow:0 1px 3px #d0d1d5;*/
}

.itemSubContainer {
min-height:50px;
padding: 4px 10px;
border-top: 1px solid #e1e2e3;
background-color:#f6f7f8;
/*-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;*/
}

.itemSubImg {
	max-height:40px;
}

.itemSubImgPos {
	float:left;
	padding:4px 0;
}

.itemSubImgSize {
	width:40px;
	overflow:hidden;
	border-radius:3px;
	border:1px solid;
	border-color:#e5e6e9 #dfe0e4 #d0d1d5 #dfe0e4;
	-moz-box-shadow: 0 0 1px #d0d1d5;
	-webkit-box-shadow: 0 0 1px #d0d1d5;
	text-align:center;
}

.itemSubTextContainer {
	font-size:0.9em;
	vertical-align:top;
	padding:2px 2px 2px 40px;
}

.itemButtonContainer {
	float:right;
	padding:1px 2px;
	text-align:right;
}

.itemSubHeader {
	height:14px;
	font-weight:normal;
	display:inline;
}

.itemTextContainer {
vertical-align:top;
margin:0 10px;
/* removed by Ravi fixing Boog screens Dec 2017 font-size:1.4rem; */
}

.itemImg {
	max-height:50px;
}

.itemImgPos {
	float:left;
	padding:0 10px;
}

.itemImgSize {
	width:30px;
	max-height:30px;
	overflow:hidden;
	border-radius:3px;
	border:1px solid;
	border-color:#e5e6e9 #dfe0e4 #d0d1d5 #dfe0e4;
	-moz-box-shadow: 0 0 1px #d0d1d5;
	-webkit-box-shadow: 0 0 1px #d0d1d5;
	text-align:center;
}

.itemImgSmall {
	max-height:40px;
}

.itemImgSizeSmall {
	width:40px;
	overflow:hidden;
}

.itemTextContainerSmall {
vertical-align:top;
padding:2px 2px 0 45px;
font-weight:normal;
}

.itemContainerSmall {
	margin-bottom:2px;
	min-height:45px;
	width:340px;
	clear:both;
}

.profRoot{border:1px solid #eee;font-size:86%;padding:0.2em;}
.profRoot .controlDiv {font-size:80%;}
.profItem{border:1px solid #eee;padding:0.4em;}
.profItemName{color:darkgreen;min-width:30em;display:inline-block;}
.profSubItem{border:1px solid #eee;}
.profSubItems{padding-left:1em;}
.profSubItemName, .profileSubItemName{color:silver;min-width:6em;display:inline-block;}
.profSubItemValue, .profileSubItemValue{margin-right:2em;color:grey;min-width:6em;display:inline-block;}

 .siRegBtnFloatOff {
 min-width:6em;
 display:block;
 margin:0.3em auto;
 }

.stkIconRed, .stkIconGreen, .stkIconBlue, .stkIconYellow, .stkIconOrange, .stkIconPink{
display:inline-block;
color:white;
width:5em;
height:5em;
font-size:2em;
text-align:center;
vertical-align:middle;
background: url("css_images/stickies640.png"); 
background-size:17.8em;
cursor:pointer;
}
.stkIconRed:hover, .stkIconGreen:hover, .stkIconBlue:hover, .stkIconYellow:hover, .stkIconOrange:hover, .stkIconPink:hover{
opacity:0.7;
}

.stkIconRed h1, .stkIconGreen h1, .stkIconBlue h1, .stkIconYellow h1, .stkIconOrange h1, .stkIconPink h1{
margin:0.2em 0 0 0;font-size:75%
}
.stkIconRed h2, .stkIconGreen h2, .stkIconBlue h2, .stkIconYellow h2, .stkIconOrange h2, .stkIconPink h2{
margin:0.2em 0 0 0;font-size:60%
}
.stkIconRed p, .stkIconGreen p, .stkIconBlue p, .stkIconYellow p, .stkIconOrange p, .stkIconPink p{
margin:0.6em 0.4em;font-size:50%;
text-align:left;
}
.stkIconRed{background-position:0 0;}
.stkIconGreen{background-position:-24.32em 0;}
.stkIcon, .stkIconBlue {background-position:-48.4em 0;}
.stkIconYellow{color:black;background-position:0 -6.24em;}
.stkIconOrange{background-position:-24.32em -6.24em;}
.stkIconPink{background-position:-48.4em -6.24em;}

.stkIconLabel p{margin:0.56em 0 0 0;font-size:200%; text-align:center;}

.stkTextRed, .stkTextGreen, .stkTextBlue, .stkTextYellow, .stkTextOrange, .stkTextPink{
display:inline-block;
color:white;
width:5em;
height:5em;
font-size:3.4em;
text-align:center;
vertical-align:middle;
background: url("css_images/stickies640.png"); 
background-size:17.8em;
}
.stkTextRed h1, .stkTextGreen h1, .stkTextBlue h1, .stkTextYellow h1, .stkTextOrange h1, .stkTextPink h1{
margin:0.2em 0 0 0;font-size:50%
}
.stkTextRed h2, .stkTextGreen h2, .stkTextBlue h2, .stkTextYellow h2, .stkTextOrange h2, .stkTextPink h2{
margin:0.2em 0 0 0;font-size:40%
}
.stkTextRed p, .stkTextGreen p, .stkTextBlue p, .stkTextYellow p, .stkTextOrange p, .stkTextPink p{
margin:0.6em 0.4em;font-size:30%;
text-align:left;
}
.stkTextRed textarea, .stkTextGreen textarea, .stkTextBlue textarea, .stkTextYellow textarea, .stkTextOrange textarea, .stkTextPink textarea{
margin:0.6em 0.4em;font-size:30%;
text-align:left;
border:none;
background-color:transparent;
overflow:hidden;
width:calc(100% - 1.2em) !important;
}
.stkTextRed{background-position:0 0;}
.stkTextGreen{background-position:-24.32em 0;}
.stkText, .stkTextBlue {background-position:-48.4em 0;}
.stkTextYellow{color:black;background-position:0 -6.24em;}
.stkTextOrange{background-position:-24.32em -6.24em;}
.stkTextPink{background-position:-48.4em -6.24em;}

.stkTextLabel p{margin:0.56em 0 0 0;font-size:200%; text-align:center;}

/* CSS Changes for GAP */
.schemeSelectAdv {margin: 0 10px 20px;}
.schemeSelectAdv h1{margin-bottom: 0;}
.gapTitle {padding-left:20px;clear:both;margin-bottom:0;}
.gapClientMessage{padding:0 0 15px 0;max-width:550px;display:inline-block;vertical-align:top}
.gapClientMessage p{margin-bottom:0;}
.gapClientLogo {vertical-align:top;float:left;padding:20px;max-width:10em;}
.gapClientLogo img{width:100%;}
.gapSchemeList {clear:both;xwidth:700px}
.gapInfo p {margin:10px;}
#loginBtns {margin:4px; float:right;}
#userDetail{float:right;}

.bslFlex, .bslFlexFc, .bslFlexBas, .bslFlexNew{
display: flex;
flex-direction: row;
align-items: stretch;
flex-wrap:wrap;
justify-content:space-between;
align-content:flex-start;
width:100%;
}

.bslFlexBas > div{
flex:10 1 100%;
margin:0 2px 0 0;
width:1px;
overflow:hidden;
}

.bslFlexFc > div{
flex:10 1 0%;
margin:0 2px 0 0;
width:1px;
overflow:hidden;
}

.bslFlex > div{
flex:10 1 0%;
margin:0;
width:1px;
overflow:hidden;
}

.bslFlexNew > div{
flex:10 1 15%;
min-height:30px;
/*margin:0 2px 0 0;
width:1px;*/
overflow:hidden;
}

.sdf133 {flex-grow:133 !important;}
.sdf100 {flex-grow:100 !important;}
.sdf80 {flex-grow:80 !important;}
.sdf60 {flex-grow:60 !important;}
.sdf52 {flex-grow:52 !important;}
.sdf50 {flex-grow:50 !important;}
.sdf47 {flex-grow:47 !important;}
.sdf46 {flex-grow:46 !important;}
.sdf45 {flex-grow:45 !important;}
.sdf42 {flex-grow:42 !important;}
.sdf40 {flex-grow:40 !important;}
.sdf36 {flex-grow:36 !important;}
.sdf35 {flex-grow:35 !important;}
.sdf34 {flex-grow:34 !important;}
.sdf31 {flex-grow:31 !important;}
.sdf30 {flex-grow:30 !important;}
.sdf27 {flex-grow:27 !important;}
.sdf26 {flex-grow:26 !important;}
.sdf25 {flex-grow:25 !important;}
.sdf24 {flex-grow:24 !important;}
.sdf22 {flex-grow:22 !important;}
.sdf21 {flex-grow:21 !important;}
.sdf20 {flex-grow:20 !important;}
.sdf16 {flex-grow:16 !important;}
.sdf15 {flex-grow:15 !important;}
.sdf13 {flex-grow:13 !important;}
.sdf12 {flex-grow:12 !important;}
.sdf11 {flex-grow:11 !important;}
.sdf10 {flex-grow:10 !important;}
.sdf9 {flex-grow:9 !important;}
.sdf8 {flex-grow:8 !important;}
.sdf7 {flex-grow:7 !important;}
.sdf6 {flex-grow:6 !important;}
.sdf5 {flex-grow:5 !important;}
.sdf4 {flex-grow:4 !important;}
.sdf2 {flex-grow:2 !important;}
.sdf1 {flex-grow:1 !important;}
.sdf0 {flex-grow:0 !important;margin:0 !important;}

.sfb100{flex-basis:100% !important;}
.sfb80{flex-basis:80% !important;}
.sfb70{flex-basis:70% !important;}
.sfb60{flex-basis:60% !important;}
.sfb50{flex-basis:50% !important;}
.sfb40{flex-basis:40% !important;}
.sfb30{flex-basis:30% !important;}
.sfb20{flex-basis:20% !important;}
.sfb10{flex-basis:10% !important;}
.headerRow{
    color: rgba(0, 102, 34, 1);
    background-color: rgba(238, 246, 241, 1);
}

.headerRow > div:hover{
color: white;
    background-color: rgba(0, 102, 34, 1);
}

.headerRow > div, .bslBrowser > div{
border-right: 1px solid silver;
border-bottom: 1px solid silver;
    padding: 2px;
    box-sizing: border-box;
	margin: 0;
}

.headerRow > div{
position:relative;
text-align:center;
height:40px;
}

.headerRow > div span, .headerRow > div i{
vertical-align:middle;
line-height:40px;
}

/**** Dash styles */
.dashC2 {width:50%;display:inline-block;vertical-align:top;box-sizing:border-box;}
.loz_div{margin:5px;box-sizing:border-box;}
@media (max-width:900px){
.dashC2{margin:0;padding:0;width:100%;}
}

/**** bslFlex styles */

@media (max-width:500px){.solaRepNTable {font-size:70%;}}

.solaNRepCDiv div{
margin-left:1em;
}
.solaNRepCDiv{
font-size:80%;
color:grey;
}

.solaNRepTitles{border-radius: 5px 5px 0px 0px; color: white; background-color: rgba(21, 47, 78, 1);}

.solaNRepTitles span{
  display:inline-block;
  width:100%;
  text-align:left;
  font-size:120%;
  padding:0 0.5em 0.5em 0;
}
.headerRow > div, .bslBrowser > div{
border:none;
min-height:2.2em;
}

.bslFlex:hover{
background-color:rgba(208, 235, 251, 1);
}

.solaNRepTitles .bslFlex:hover{background-color: rgba(21, 47, 78, 1);}


.bslFlex div{
background-color:white;
border-radius:0.4em;
margin:0.3em;
padding:0.4em;
cursor:pointer;
}
.solaNRepOffSel .bslFlex div{
background-color:#eeeeff;
}
.solaNRepOff0 .bslFlex div{
background-color:#E9ECF4;
}
.solaNRepOff1 .bslFlex div{
background-color:rgba(242, 246, 253, 1);
}
.solaNRepTable {background-color:white;font-size:80%;margin-top:0.2em;margin-bottom:0.2em;}
.solaNRepTitles > .bslFlex div {background-color:transparent;margin-bottom:-0.9em;}

/**** loz for sola ****/
.iconHome .SubMenu span {margin-left:0 !important;}
.iconHome .SubMenu {border:0;}
.loz_div{border:none;border-radius:0.5em;margin-right:0.1em;margin-bottom:1em;}
.loz_main{
border-radius:0 0 0.5em 0.5em;
padding:0.5em 1.8em;
}
.loz_top{
border-radius:0.5em 0.5em 0 0;
background-color:#152F4E;
padding:0.5em 1.8em;
}
.iconGroup I {display:none;}

.iconHome .SubMenu span {margin-left:0 !important;}
.iconHome .SubMenu {border:0;}

/* def style for Default Flex Browser - does not do anything too silly */
.defTable > div{
	font-size:0.7em;
    cursor: pointer;
    color: white;
    background-color: #4c8bb7;
}
.defTable .bslBrowser {min-height:auto;}

.defTitles .bslFlex div,.defTitles .bslFlex:hover{background-color:transparent;}
.defTable > div:nth-child(2n+3) {
    background-color: rgba(231, 244, 254, 1);
	color:black;
}

.defTable > div:nth-child(2n+2) {
    background-color: rgb(239, 250, 255);
	color:black;
}

.defCDiv {
    background-color: rgba(245, 245, 245, 1);
    padding: 0.1em;
    font-size: 0.87em;
}


.refBrowControls{text-align:right;}