/* ******* XSP eTRAN+ STYLESHEET:WidgetStyle.css *******  */
/*                                                        */
/* CONTENTS:                                              */
/*                                                        */
/* [0] LOGIN PAGE & DISCLAIMER                            */
/* [1] MAIN BODY                                          */
/* [2] QUERY PANE {left} & DETAIL PANE {right}            */
/* [3] HEADER                                             */
/* [4] POP-UP WINDOWS FROM HEADER                         */
/* [5] QUERY WIDGETS                                      */
/* [6] QUERY WIDGET CONFIGURATION AREA                    */
/* [7] QUERY RESULTS GRID                                 */
/* [8] DETAIL WIDGETS                                     */
/* [9] DETAIL WIDGET CONFIGURATION POPUP                  */
/* [10] XSP (DETAIL WIDGET) RESULTS GRID                  */
/* [11] DUTCH AUCTIONS                                    */
/* [12] ENTITLEMENTS                                      */
/* [13] INTERNAL NOTES                                    */
/* [14] AUTOCOMPLETE SEARCH                               */
/* [99] MISCELLANEOUS                                     */
/*                                                        */
/* ****************************************************** */

/* ****************************************************** */
/* [0] LOGIN PAGE & DISCLAIMER                            */

html, body {
	height:100%;
}
body.loginPage {
	margin:0px;
    padding:0px;
    text-decoration:none;
    font-family:'Segoe UI',Calibri,Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    font-style:normal;
	background:#1E5799;
	background:-moz-linear-gradient(-45deg,  #1E5799 0%, #2989D8 56%, #7DB9E8 100%);
	background:-webkit-linear-gradient(-45deg,  #1E5799 0%,#2989D8 56%,#7DB9E8 100%);
	background:linear-gradient(135deg,  #1E5799 0%,#2989D8 56%,#7DB9E8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1E5799', endColorstr='#7DB9E8',GradientType=1 );
	background-size:100%;	
}
body.loginPage > form {
	width:100%;  height:100%;
}
body.loginPage > form > table {
	margin:0 auto;
	width:100%;  height:100%;
}
.loginPage > form > table > tbody > tr:first-child {
	display:none;
}
.loginPage > form > table > tbody > tr > td > div {
	margin:auto;
}
.disclaimer {
	position:absolute; 
	left:25%; 
	top:66px; 
	width:45%;
	height:415px; 
	background-repeat:no-repeat;    
	z-index:75;
	color:#FFFFFF;  /* white */
	text-align:center;
	border: 2px solid #889DEF;
	background-color: #2C5C9D;
	border-radius: 16px;
}
.disclaimerHdr, .disclaimerLabel {
	text-align:left;
	padding-left:20px;
	padding-top:12px;
}
.disclaimerHdr {
	font-size:20px;
}
.disclaimerLabel {
	font-size:14px
}
.disclaimerInner {
	background-color:#193A6C;  /* dark blue */
	font-size:11px;
	border-width:0px;
	height:300px;
	position:relative;
	color:#FFFFFF;  /* white */
	text-align:left;
	padding-left:12px;
	padding-top:12px;
	left:0px;
	overflow:auto;
    margin: 12px 20px 0 0;
}
.disclaimerBtns {
	position:absolute;
	right:20px;
}
.txtLoginUserId, .txtLoginPassword {
	width:180px;
}
.login-top-margin {
	height:153px;
}
.login-left-margin {
	/* width:8%; */
	display:none;  /* this element being deprecated */
}
.login-logo {
	background-image:none;
	position:relative;
	top:0;
}
.login-logo > div {
    background-image: url("../Images/login-etranplus.png");
    background-repeat: no-repeat;
	width:203px;
	height:58px;
	/* top:-80px; */
	position:relative;
}
.login-logo-right  {
	position:relative;
	top:0;
}
.login-logo, .login-logo-right {
	width:33%;
	text-align:center;
}
.login-logo-right > div {
	background-image:url(../Images/login-powered-by-fis-xsp.png);
	height:83px;
	width:196px;
	margin:auto;
	top:0;
	position:relative;
}
.login-divider {
	/* width:3%; */
    border:none;
/*	border:1px solid #FFFFFF;*/
	display:none;  /* this element being deprecated */
}
.login-ctrls {
	width:33%;
	text-align:left;
}
.login-ctrls-inner {
	background-color: rgba(255, 255, 255, 0.2);
}
.login-ctrls-inner > table {
	border-collapse: separate;
	border-spacing: 0 10px;
	margin:0 auto;
}
.login-poweredby {
	text-align:left;
}
.msgLoginError, .msgLoginUserId, .msgLoginPassword, .msgDtlError, .loginErrorMsg  {
	font-weight:bold;
}
.msgLoginError, .msgLoginUserId, .msgLoginPassword , .loginErrorMsg {
	font-size:14px;
	color:#FFFFFF;  /* white */
}
.msgLoginUserId, .msgLoginPassword {
	margin-left:10px;
}
.btnAgree, .btnDecline {
}
.popUpChangePwMask {
	position:absolute;
	left:0;
	top:0;
	z-index:9000;
	background-color:#000000;  /* black */
	display:none;
}
#boxes .window {
	position:absolute;
	left:0;
	top:0;
	width:451px;
	height:275px;
	display:none;
	z-index:9999; 
	text-align:center;
	border-style:none;
}
#boxes #dialog {
	background:url(../Images/notice-lrg.png) no-repeat 0 0 transparent;
	padding:40px 40px 40px 0px;
	text-align:center;
	border-style:none;	
}
.changePwClose {
	position:absolute;
	top:229px;
	left:85px;
}
.passPopUpLabel, .passPopUpStatus {
	font-size:12px;
	margin:8px 0px 4px 0px;
}
.passPopUpLabel {
	color:#69310D;  /* red-brown */
}
.passPopUpStatus {
	color:#FF0000;  /* red */
	font-weight:bold;
}
.loginArea {
	padding-top:130px;
}
.loginLogo, .loginLogo2 {
	display:inline-block;
	vertical-align:top;
}
.loginLogo {
	padding:100px 0px 0px 80px;
}
.loginLogo2 {
	padding:100px 0px 0px 0px;
}
.loginCtrls {
	width:400px;
	padding-left:120px;
	display:inline-block;
}
.loginUserId {
	padding-top:20px;
}
.imgUserId, .imgPassword {
	display:block;
	padding:10px 0px 7px 0px;
}
.loginBtns {
	padding-top:30px;
}

.loginLabel {
	color: #FFFFFF;
	font-size: 15px;
	height: 15px;
}
span#agreeImg {
	margin-right: 8px;
}
span.disclaimerBtn {
	display: inline-block;
	height: 30px;
	float: left;
	text-align: center;
	position: relative;
	border-radius: 7px;
	border: 1px solid #272727;
	cursor: pointer;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	background: #5c9c58;
	background: -moz-linear-gradient(top, #5c9c58 0%, #a5cba3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c9c58), color-stop(100%,#a5cba3));
	background: -webkit-linear-gradient(top, #5c9c58 0%,#a5cba3 100%);
	background: -o-linear-gradient(top, #5c9c58 0%,#a5cba3 100%);
	background: -ms-linear-gradient(top, #5c9c58 0%,#a5cba3 100%);
	background: linear-gradient(to bottom, #5c9c58 0%,#a5cba3 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c9c58', endColorstr='#a5cba3',GradientType=0 );*/
}
span.disclaimerBtn2 {
	font-weight: 400;
	letter-spacing: -0.5px;
	color: #000000;
	text-align: center;
	font-size: 17px;
	display: inline-block;
	position: relative;
	line-height: 24px;
	padding: 0 14px;
}

.loginBtn {
	display: inline-block;
	height: 49px;
	float: left;
	text-align: center;
	position: relative;
	border-radius: 10px;
	border: 1px solid #272727;
	cursor: pointer;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
	background: #5c9c58; /* Old browsers */
	background: -moz-linear-gradient(top,  #5c9c58 0%, #a5cba3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c9c58), color-stop(100%,#a5cba3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5c9c58 0%,#a5cba3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5c9c58 0%,#a5cba3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5c9c58 0%,#a5cba3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5c9c58 0%,#a5cba3 100%); /* W3C */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c9c58', endColorstr='#a5cba3',GradientType=0 ); */ /* IE6-9 */
	font-weight: 450;
	letter-spacing: -1px;
	line-height: 45px;
	color: #000000;
	text-align: center;
	font-size: 27px;
	display: inline-block;
	position: relative;
	padding: 0 22px;
	margin-right: 10px;
    font-family:'Segoe UI',Calibri,Verdana,Arial,Helvetica,sans-serif;
}


/* ****************************************************** */
/* [1] MAIN BODY                                          */

.bodyMainPage, .mainPage {
	margin:0px;
    padding:0px;
    text-decoration:none;
    font-family:'Segoe UI',Calibri,Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    font-style:normal;
	/* background-image:url(../Images/hdr-bg.gif);
	background-repeat:repeat-x;	 */
}
.modal {
	position:absolute;
	background:black;
	margin:0px;
	padding:0px;
	border:0px;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	cursor:wait;
	visibility:visible;
	background-position:0px -84px;
	width:84px;  
	/* Do not alter the order of the filter/opacity lines below ... required for correct operation of IE */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter:alpha(opacity=40);
	opacity:0.4;
}
#grayscreen {
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	width:2200px;
	height:2200px;
	background:gray;
	overflow:hidden;
	filter:alpha(Opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity:0.5
}
#dialog {
	display:none;
	left:200px;
	top:200px;
	width:300px;
	height:300px;
	position:absolute;
	z-index:100;
	background:white;
	padding:2px;
	font:10pt tahoma;
	border:1px solid gray
}

/* ****************************************************** */
/* [2] QUERY PANE {left} & DETAIL PANE {right}            */

.listFrame  {
    position:absolute;
    background-color:#EBEBEB;  /* very lt gray */
    left:0;
    width:310px;
    zoom:1;
}
.detailFrame  {
    position:absolute;
    background-color:#EBEBEB;  /* very lt gray */
    left:310px;
    zoom:1;
}
body.listPage {
	margin:0px 0px 0px 0px;
	padding:0px;
	background-color:#FCFCFC; /* off-white */
	overflow:hidden;
}
.divListPage
{
	height:100%;
	width:100%;
	overflow:auto;
	position:absolute;
}
body.detailPage {
	margin:0px;
	padding:0px;
	background-color:#FCFCFC;  /* off-white */	
	overflow:hidden;
}
.divQueryOuter {
	background-color:#FCFCFC;  /* off-white */
	margin:8px 4px 10px 8px;
    padding:0px;
    text-decoration:none;
    font-size:9px;
    font-style:normal;
}
.divDtlPage {
	background-color:#FCFCFC;  /* off-white */	
	margin:8px 8px 10px 4px;
    padding:0px;
    text-decoration:none;
    font-size:9px;
    font-style:normal;	
}
.divQueryInner, .divDtlPage {
	text-align:center;
}
.btnQueryCollapseAll, .btnQueryExpandAll, .btnQueryPinAll {
	position:relative;
	top:5px;
	left:4px;
	float:right;
}
.btnDtlCollapseAll, .btnDtlExpandAll, .btnDtlPinAll {
	position:relative;
	top:5px;
	float:right;
}
.divPaneHdr {
	background-image:url('../Images/pane-hdr-bg26.png');
	background-repeat:repeat-x;
	height:26px;
	/* text-align:right; */
	padding-right:10px;
}
.imgPaneHdrDivide {
	position:relative;
	left:10px;
	top:2px;
	float:right;
}
.searchBox {
	font-size:0.8em;
	margin:0px 4px 0px 2px;
}
.targetStrategyCodeBox {
	font-size:0.8em;
	margin:0px 4px 0px 2px;
}
.searchBar {
	font-size:0.7em;
	font-family:'Segoe UI',Calibri,Verdana,Arial,Helvetica,sans-serif;
	padding-left:8px;
}
.searchLbl {
	color:#8B8B8B;
}
.searchBtn {
	position:relative;
	top:4px;
	padding-right:20px;
}


/* ****************************************************** */
/* [3] HEADER                                             */

.imgBanner {
	padding:22px 0px 0px 21px;
}
.logo {
	background-color:#F1F1F1;  /* off-white */
	height:110px;
}
.nav {
	text-align:center;
	height:40px;
	/* background-image:url('../Images/navbar-bg.gif');
	background-repeat:repeat;  */
	background-color:#103359;  /* navy */
	overflow:hidden;
	color: #FFFFFF;
	font-size: 14px;
}
.navLeft {
	position:relative;
	width:10px;
	float:left;
}
.navRight {
	position:relative;
	width:10px;
	float:right;
}
.btnNewQuery, .btnQuickQuery, .btnHideQuery, .btnAddWidget, .btnPrintDtl, .btnChangePw, .btnLogout, .btnHelp,
.btnNewQueryFull, .btnQuickQueryFull, .btnHideQueryFull, .btnAddWidgetFull, .btnPrintDtlFull, .btnChangePwFull, .btnLogoutFull, .btnHelpFull  {
	top:15px; 
	z-index:1;
	padding-left:24px;
	padding-right:24px;
	position:relative;
}
.btnHidden {
	display:none;
}
.userName {
	position:relative;
	color:#4075BA;  /* steel blue */
	left:232px;
	top:46px;
	z-index:10;
	font-weight:normal;
	font-size:12px;
}
.lastLoginDate, .lastLoginDateAdminMessage {
    position: relative;
    font-style: italic;
    color: #666;
    font-size: 12px;
    font-family: 'Open Sans', Arial, sans-serif;
    padding-top: 2px;
    display: block;
}

.emulatedUserName {
	position:relative;
	font-weight:bold;
    display: block;
}
.currentDate {
	margin-left: 10px;
}
span.nav-btn {
	position: relative;
	top: 10px;
	z-index: 0;
	padding-left: 14px;
	padding-right: 14px;
	cursor: pointer;
}
span.nav-btn:hover {
	opacity: 0.6;
}
.nav-btn-disabled {
    	opacity: 0.6;
}
span.etran-logo {
	background-image: url(../Images/banner.png);
	display: inline-block;
	width: 187px;
	height: 30px;
	position: absolute;
	left: 21px;
	top: 22px;
}
span.xsp-logo, span.etran-logo-right {
	background-image:url(../Images/powered-by-fis-xsp.png);
	background-repeat:no-repeat;
	height:35px;
	width:172px;
	position: relative;
	top: 9px;
	float:right;
	margin:18px 20px 0px 0px;	
}
span#sub-logo {
	position: absolute;
	color: #000000;
	left: 231px;
	top: 19px;
	z-index: 10;
	font-weight: 500;
	font-size: 18px;
}

.btnReset {
    float: right; 
    margin-right: 30px;
}

/* ****************************************************** */
/* [4] POP-UP WINDOWS FROM HEADER  */

.popupNewQuery, .popupAddWidget, .popupQuickQuery, .popupChangePw, .popupElect {
    z-index:1;
    position:absolute;
}
.popupBody {
	background-image:url('../Images/popup-bg.png');
	background-repeat:repeat;	
	padding-left:68px;
	padding-top:20px;
	padding-bottom:42px;
}
.popupTop
{
    height: 24px;
}
.popupNewQuery, .popupQuickQuery, .popupAddWidget, .popupChangePw, .popupElect {
    width:394px;
	left:35%;
	top:35%;	
}
.popupLabel, .popupQuickQueryLabel {
	font-size:12px;
	margin-bottom:8px;
}
.warningLabel {
	font-size:12px;
	margin-bottom:8px;
	margin-top:8px;
	color:#FF0000;
}
.popupHdr, .hdrDtlConfig  {
	font-size:11px;
	font-weight:bold;
	color:#000000;  /* black */
	position:absolute;
	top:4px;
	left:12px;
}
.menuNewQueryName, .menuNewQueryType, .menuQuickQueryName, .menuQuickQueryField, .menuQuickQueryOper, .menuQuickQueryVal, .menuQuickQueryDate, .txtQuickQueryVal, .popupQuickQueryDate, .txtQuickQueryName, .menuAddWidget, .txtChangePw {
	font-size:11px;
	font-family:'Segoe UI',Calibri,Verdana,Arial,Helvetica,sans-serif;
}
.menuNewQueryType {
	margin-bottom:13px;
	width:250px;
}
.menuNewQueryName {
	width:245px;
}
.menuAddWidget {
	width:245px;
}
.menuQuickQueryField {
	width:170px;
}
.menuQuickQueryVal {
	width:263px;
}
.popupQuickQueryLabel {
	margin-top:13px;
}
.menuQuickQueryOper {
	width:90px;
}
.txtQuickQueryVal, .txtQuickQueryName {
	width:257px;
}
.menuQuickQueryDate {
	width:237px;
}
.lblChangePw {
	margin-bottom:6px;
}
.txtChangePw {
	width:237px;
	margin-bottom:13px;
}
.btnPopUpSave {
	position:absolute;
	right:138px;
	bottom:12px;
	z-index:1;  /* this must be greater than the z-index for configBottomInner */
}
.btnAddWidgetClose {
	position:absolute;
	right:12px;
	bottom:12px;
	z-index:1;  /* this must be greater than the z-index for configBottomInner */
}
.dialogBtn {
	background-color: #103359;
	color: #FFFFFF;
	border-radius: 3px;
	font-size: 10px;
	text-align: center;
	cursor:pointer;
    min-width: 120px;
}

.dialogBtnDisabled
{
    background-color: #A2B1C3;
    color: #FFFFFF;
    border-radius: 3px;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    min-width: 120px;
}

.ui-widget.history-dialog {
    font-family: Verdana,Arial,sans-serif;
    font-size: .8em;
}

.ui-widget-content.history-dialog {
    background: #F9F9F9;
    border: 1px solid #103359;
    color: #103359;
}

.ui-dialog.history-dialog {
    left: 0;
    outline: 0 none;
    padding: 0 !important;
    position: absolute;
    top: 0;
}

.ui-dialog.history-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    overflow: auto;
    position: relative;
    padding: 0 !important;
    margin: 0;
}
.ui-dialog.history-dialog .ui-widget-header {
    background: #103359;
    border: 0;
    color: #fff;
    font-weight: normal;
}

.ui-dialog.history-dialog .ui-dialog-titlebar {
    padding: 0.1em .5em;
    position: relative;
    font-size: 1em;
}

.ui-dialog.history-dialog  .ui-dialog-titlebar-close {
  visibility: hidden;
}

/* ****************************************************** */
/* [5] QUERY WIDGETS  */
/*
/* (for more styles that apply to the widgets themselves, see MoveStyle.css */

.btnShowHide {
	float:right;
	display:inline;
	padding-right:2px;
}
.btnConfig {
	float:right;
	display:inline;
	padding-right:2px;
}
.btnExport {
    float:right;
	display:inline;
	padding-right:2px;
}
.btnClose {
	float:right;
	display:inline;
	padding-right:2px;
}    
.btnRefresh {
	float:right;
	display:inline;
	padding-right:2px;		
}
.btnDelete {
	float:right;
	display:inline;
	padding-right:2px;              
}
.btnRefreshCal, .btnShowHideCal {
	margin-bottom:4px;
}
.imgBusy, .imgBusyCal {
	float:right;
	display:none;	
	padding-right:5px;
}
.imgBusy {
	padding-top:1px;
}
.divQueryResult {
	cursor:default;
	margin:6px 0px 6px 4px;
	font-weight:bold;
	color:#000000;  /* black */
	font-size:8px;	
}
.divResultCal, .divResultCalInner {
	cursor:default;
	margin:0px;
	padding:0px;
}
.divResultCal {
	text-align:center;
}
.divResultCalInner {
	text-align:left;
}
.hdrCa, .hdrCaCal, .hdrAcct {
	font-weight:bold;
	margin-left:4px;
	font-size:12px;
}
.hdrCa, .hdrCaCal {
	color:#2A4A63;  /* blue */
}
.hdrCalResults {
	font-weight:bold;
	font-size:10px;
	color:#103359;  /* navy */
}
.hdrAcct {
	color:#2A4A63;  /* blue */
}
.lblCaCount, .lblAcctCount, .lblCaCalendarCount {
    margin:6px 0px 6px 4px;
    font-weight:bold;
    color:#000000;  /* black */
    font-size:8px;
}


/* ****************************************************** */
/* [6] QUERY CONFIGURATION AREA  */

.configCa, .configCaCal , .configAcct {
	cursor:default;
	margin-left:4px;
	margin-right:4px; 
	padding-left:6px;
	margin-bottom:6px;
	padding-bottom:6px;
}
.configCa, .configAcct {
	padding-top:0px;
}
.configCaCal  {
	padding-top:20px;	
}
.configCa, .configCaCal, .configAcct {
	display:none;
}
.lblCaNewCriteria, .lblCaSpecialFilter, .lblCaSavedCriteria, .lblAcctNewCriteria, 
.lblAcctSpecialFilter, .lblAcctSavedCriteria, .lblCaCalFilterDate, 
.lblQueryAvail, .lblQueryDisplayed, .lblDtlAvail, .lblDtlDisplayed, .lbResponseCloseDate   {
	font-size:9px;
	color:#103359;  /* navy */
	margin-top:0px;
	margin-bottom:4px;
}	
.lblCaSortAs, .lblAcctSortAs  {
	font-size:9px;
	color:#103359;  /* navy */
}
.lblCaSortAs, .lblAcctSortAs, .lblCaSavedCriteria, .lblAcctSavedCriteria, .lblCaSpecialFilter, 
.lblAcctSpecialFilter, .lblQueryAvail  {
	margin-top:6px;
}
.lblCaSortAs, .lblCaSpecialFilter, .lblCaSavedCriteria, 
.lblAcctSortAs, .lblAcctSpecialFilter, .lblAcctSavedCriteria , .lblCaCalFilterDate {
	width:140px;
}
.lblCaNewCriteria,.lblAcctNewCriteria {
    position: relative;
    width:183px;
}
.lblQueryAvail {
	display:inline-block;
	width:118px;
	padding-left: 4px;
    padding-top: 6px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
}
.lblQueryDisplayed {
    display:inline-block;
	width:118px;
	position:relative;
    padding-top: 6px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
}
.lblDtlAvail {
	font-size:9px;color:#103359;margin-top:0px;margin-bottom:4px;position:absolute;top:44px;left:90px;
}
.lblDtlDisplayed  {
	font-size:9px;color:#103359;margin-top:0px;margin-bottom:4px;position:absolute;top:44px;left:253px;
}
.menuQueryField, .menuQueryOper, .menuCalDate, .listQueryValue, .txtQueryValue, .txtQueryDate, .menuQuerySort {
	font-size:9px;
	font-family:'Segoe UI',Calibri,Verdana,Arial,Helvetica,sans-serif;
}

.txtQueryDate {
	font-size: 11px !important;
	font-family: 'Segoe UI',Calibri,Verdana,Arial,Helvetica,sans-serif;
}

.menuQueryField {
	width:120px;
}
.menuCalDate {
	width:177px;
}
.menuQueryOper {
	width:60px;
}
.listQueryValue {
	width:182px;
}
.txtQueryValue {
	width:177px;
}
.txtQueryDate {
	width:152px;
	margin-right:8px;
}
.menuQuerySort {
	width:183px;
	margin-top:2px;
}
.criteriaTbl {
	margin:0px;
	text-align:left;
}
.criteriaCell {
    background-color:#D5D4D2;  /* lt gray */
    width:162px; 
    border-width:0px;
	padding-left:4px;
	text-align:left;
	color:#595959;  /* gray */
	font-weight:bold;
	font-family:'Segoe UI',Calibri,Verdana,Arial,Helvetica,sans-serif;
	}
.specialCriteriaOuter {
	text-align:center;
	padding-left:5px;
}
.specialCriteriaInner {
	color:#000000;  /* black */
	font-size:9px;
	text-align:left;
	padding-left:8px;	
}
.queryConfigBtns {
}
.listQueryAvail, .listQueryDisplayed, .listDtlAvail, .listDtlDisplayed, .listElectDisplayed, payoutGroup-ddl  {
	font-size:9px;
	font-family:'Segoe UI',Calibri,Verdana,Arial,Helvetica,sans-serif;
}
.listQueryAvail {
	width:118px;
	height:92px;
	font-size:9px;
	display:inline-block;
}
.listQueryDisplayed {
	width:118px;
	height:92px;
	display:inline-block;
}
.listDtlAvail {
	width:160px;
	height:114px;
	position:absolute;top:58px;left:90px;
}
.listElectDisplayed {
	width:160px;
	height:100px;
}
.listDtlDisplayed {
	width:160px;
	height:100px;
	position:absolute;top:58px;left:253px;
}
.btnCaAddCriteria , .btnAcctAddCriteria {
	position:relative;
	top:2px;
    float:right;
}
.lblsColConfig, .menusCaCol, .menusAcctCol, .menusDtlCols  {
	vertical-align:top;
}

.lblsColConfig {
	text-align:left;
	padding-bottom:2px;
}
.btnsCaCol, .btnsAcctCol, .btnsDtlCols {
}
.btnQueryColAdd, .btnColRemove, .btnQueryColSave, .btnQueryColCancel {
}
.btnColAdd {
	position:relative;
	top:3px;
}
.btnColRemove {
	position:relative;
	top:3px;
}
.btnDtlAdd {
	position:absolute;
	top:44px;
	right:251px;
}
.btnDtlRemove {
	position:absolute;
	top:44px;
	right:88px;
}
.btnCaUp, .btnAcctUp {
	position:static;
	margin:1px 0px 0px 122px;	
}
.btnCaDown, .btnAcctDown {
	position:static;
}
.btnCaSave, .btnAcctSave {
	position:static;
	margin:1px 0px 0px 122px;	
}
.btnDtlUp, .btnDtlDown {
	position:absolute;
	top:160px;
}
.btnDtlUp {
	left:255px;
}
.btnDtlDown {
	left:335px;
}
.btnQueryColSave {
}
.btnQueryCloseConfig {
}
.configTop {
	height:17px;width:248px;
}
.configTopLeft {
	height:21px;width:13px;background-image:url('../Images/up-left-corner.png');background-repeat:no-repeat;display:inline-block;position:absolute;
}
.configTopRight {
	height:21px;width:20px;display:inline-block;position:absolute;left:483px;
}
.configBottom {
	height:13px;
	width:501px;
}
.configBottomLeft {
	height:13px;width:13px;background-image:url('../Images/dn-left-corner.png');background-repeat:no-repeat;display:inline-block;position:absolute;
}
.configBottomRight {
	height:13px;width:13px;background-image:url('../Images/dn-right-corner.png');background-repeat:no-repeat;display:inline-block;position:absolute;left:490px;
}
.queryConfigTopInner {
	width:200px;
	display:inline-block;
	background-color:#000000;  /* black */
}
.configInner {
	background-image:url('../Images/config-bg.png');
	background-repeat:repeat-y;
	padding:0px 5px 0px 5px;
	overflow:hidden;
}
.configInner2nd {
	padding: 0px 23px 0px 23px;
}

.criteria {
	padding: 0px 23px 0px 23px;
}
.configBtn {
	color: #FFFFFF;
	background-color: #103359;
	padding: 0 4px 1px 3px;
	border-radius: 4px;
	display: inline-block;
	cursor:pointer;
    font-size:9px;
}
input.configBtn {
    border-style:none;
    border-width:0;
}
.configBtnDisabled {
	color: #FFFFFF;
	background-color: #D5D4D2;
	padding: 0 4px 1px 3px;
	border-radius: 4px;
	display: inline-block;
	cursor:pointer;
    font-size:9px;
}

.btnColAdd img, .btnDtlAdd img {
	padding-left: 3px;
}
.btnColRemove img, .btnDtlRemove img {
	padding-right: 3px;
}

.ddResponseCloseDate {
    font-size:9px;
	font-family:'Segoe UI',Calibri,Verdana,Arial,Helvetica,sans-serif;
    width: 181px;
    margin-top: 2px;
}

.divResponseCloseDate {
    margin-top: 10px;
    text-align: left;
    /*padding-left: 12px;*/
}

#AcctList TSC_ErrorLabel {
	color: #FF0000;
}

#AcctList .displayValueblock {
	display: block;
}

#AcctList .displayValueNone {
	display: none;
}
/* ****************************************************** */
/* [7] QUERY RESULTS GRID  */


.resultListTbl {
	font-size: 9px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: left;
}
.resultDetailTbl { 
	margin-left:auto;
	margin-right:auto;
	width:auto;
	text-align:center;
} 
.resultTblHeader {
	font-size:13px;
	font-weight:bold;
	background-color:#103359;  /* navy */
	color:#FFFFFF;  /* white */	 
	width:auto;   
} 
.resultTblRow {
	font-weight:bold;
	font-size:10px;
	background-color:#CCCCCC;  /* lt gray */
}
.resultTblRowAlt {
	font-weight:bold;
	font-size:10px;
	background-color:#C0C0C0;  /* silver */
}

/* ****************************************************** */
/* [8] DETAIL WIDGETS */

.hdrDtl {
	font-weight:bold;
	margin-left:4px;
	font-size:12px;
	color:#929292;  /* gray */
}
.TextChangesHeader {
	font-weight:bold;
	margin-left:4px;
	font-size:12px;
	color:#929292;  /* gray */
    padding-bottom:10px;
    display:block;
}
.widgetTable {
	border-collapse:collapse;
}
.widgetFld {
    white-space: nowrap;
}
.widgetFldLbl {
	font-weight:bold;
	color:#3A3A3A;  /* dark gray */
	padding-right:3px;
	margin-right:8px;	    
}
.widgetFldVal {
	padding-right:5px;
	margin-right:8px;
	color:#515151;  /* dark gray */
}
.TextChangesContent {
	padding-right:5px;
	color:#515151;  /* dark gray */
    -ms-word-wrap:break-word;
    word-wrap:break-word; 
}

.TextChangesGroup {
     border:solid;
    border-color:#DDDDDD;
    border-radius: 6px;
    border-width:1px;
    padding:3px;
    margin-top:5px;
     margin-right:10px;
}

  .changedField {
    background-color:lawngreen;
    cursor:pointer;
  }
 

 .tooltip {
    display:none;
    height:163px;
    padding:40px 30px 10px 30px;
    width:310px;
    font-size:11px;
    color:#fff;
  }
 
  .tooltip .label {
    color:yellow;
    width:35px;
  }

.previousValBtn {
	text-align:right;
	margin-top:10px;
    margin-right:10px;
}

.widgetFldLblCellNoBorder {
	font-size:11px;
	font-weight:bold;
	padding-left:10px;
	padding-right:12px;	
	color:#929292;  /* gray */
}
.widgetFldLblCell {
	font-size:11px;
	font-weight:bold;
	padding-left:10px;
	padding-right:12px;	
	color:#929292;  /* gray */
	border-left-style:solid;
	border-left-width:4px;
	border-color:#d4daed;
}
.widgetFldValCell {
	font-size:11px;
	font-weight:bold;
	padding-left:8px;
	padding-right:5px;
	margin-right:8px;
	color:#000000;  /* black */
}
.widgetZoomed {
    word-break: break-all;
    -ms-word-break: break-all;
}
.widgetBlankFieldValue {
    background-color: #cccccc;
}
.payoutDiv {
	border-top:1px solid green;
}    
.divDtlResult {
	cursor:default;
	padding-top:7px;
	width:100%;
	margin:0px 8px 0px 8px;	
}
.divDtlResultPF {
	cursor:default;
	padding-top:7px;
	margin:0px 8px 0px 8px;	
}
.divRespResult {
	cursor:default;
	padding-top:7px;
	width:100%;
	text-align:left;
}
.divElect {
	cursor:default;
	width:100%;
}
.resultLbl {
	font-style:italic;
	margin-left:10px;
}
.electCtrls {
	margin:7px 0px 7px 0px;
	vertical-align:middle;
	display:block;
	width:100%;
	height:24px;
	text-align:left;
	background-color:#103359; /* navy blue */
}
.electCtrlsRight, .textCtrlsLeft {
	background-color: #F3F3F3;
	background-repeat: no-repeat;
	width: 6px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
}

.electCtrlsLeft {
	background-color: #103359; /* navy blue */
	width: 19%;
	height: 24px;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	float: left;
}

.electCtrlsMid {
	background-color: #103359; /* navy blue */
	height: 24px;
	text-align: center;
	vertical-align: middle;
	width: 80%;
	display: inline-block;
	float: left;
}

.textCtrlsMid {
	background-color:#103359; /* navy blue */
	height:24px;
	text-align:right;
	vertical-align:middle;
	width:98%;
	display:inline-block;
	float:left;
}

.electCtrlsLeft, .textCtrlsLeft {
	background-image:url('../Images/elect-ctrls-left-sm.png');
	float:left;
}
.electCtrlsRight {
	background-image:url('../Images/elect-ctrls-right-sm.png');
	float:right;
}
.respCtrls, .dutchElectionCtrls, .textCtrls {
	padding:7px 0px 7px 0px;
	vertical-align:middle;
	display:block;
	width:100%;
	text-align:left;
} 
.respCtrlsLeft, .respCtrlsRight, .dutchElectionCtrlsLeft, .dutchElectionCtrlsRight, .textCtrlsRight {
	background-repeat:no-repeat;
	width:6px;
	height:24px;
	display:inline-block;
	vertical-align:middle;
}
.respCtrlsMid, .dutchElectionCtrlsMid {
	background-color:#103359; /* navy blue */
	height:24px;
	text-align:center;
	vertical-align:middle;
	width:98%;
	display:inline-block;
}
.respCtrlsLeft, .dutchElectionCtrlsLeft, .textCtrlsLeft {
	background-image:url('../Images/elect-ctrls-left-sm.png');
}
.respCtrlsRight, .dutchElectionCtrlsRight, .textCtrlsRight {
	background-image:url('../Images/elect-ctrls-right-sm.png');
}

.chkOverridePrev, .chkOverSub, .lblShowApproved, .CheckBoxLabel, .lblComboBox, .chkRequiredResponse, .chkElectMaximumSubsription {
	color: #FFFFFF; /* white */
	position: relative;
	padding-right: 8px;
	font-size: 10px;
	font-weight: bold;
}

.chkAccountType {
	color: #FFFFFF; /* white */
	position: relative;
	padding-right: 8px;
	font-size: 12px;
	vertical-align:bottom;
}
.lblResponseCloseTime{
	font-weight: bold;
    color: white;
    font-size:11px;
}

.caRespDtLblApproved{
	margin-left: 15%;
}

.caRespDtMidSpan{
	text-align: left;     
	margin-left: -3px;
	margin-right: -3px;
}

#reqRespChk{
    top: 3px;
    position: relative;
}

.chkOverridePrev, .chkOverSub, .chkText {
	top:2px;
}
.lblShowApproved {
	top:0px;
}
.chkShowApproved {
	position:relative;
	top:2px;
	left:-4px;
}
.tblVotingCtrls {
	width:100%;
}
.tblVotingCtrlsLeft {
	text-align:left;
}
.tblVotingCtrlsRight {
	text-align:right;
}	
.menuOption {
	width:250px;
	font-size:9px;
	font-family:'Segoe UI',Calibri,Verdana,Arial,Helvetica,sans-serif;
	position:relative;
	top:0px;
	margin-right:8px;
}

.dateOption {
	width:120px;
	font-size:9px;
	font-family:'Segoe UI',Calibri,Verdana,Arial,Helvetica,sans-serif;
	position:relative;
	margin-right:8px;
    margin-top: 3px;
    align-self:flex-end;
}

.electLnk, .unelectLnk, .unelectAllLnk { 
	position:relative;
	top:3px;
	padding-left:1px;
	padding-right:1px;
	margin-left:3px;
}
.btnApprove, .btnReject  {
        border-width: 3px;
    margin: 6px 6px 6px 0px;
    padding: 1px 5px 1px 5px;

}

#TopMsgPanel {
    padding-left: 5px;
    font-family: 'Segoe UI',Calibri,Verdana,Arial,Helvetica,sans-serif;
}
#TopMsgPanel .msgElectError {
    font-size: 14px;
    font-weight: bold;
}
.msgDtlError {
	font-size:9px;
	color:#FFFF00;  /* yellow */
	display:block;
}
.msgElectError .message {
	font-size:11px;
	color:#CE0606; /* red */
	display:block;
	padding:8px 8px 8px 8px;
	text-align:left;
}
.apprErrorMsg {
	font-size:9px;
	color:#000000;  /* black */
	display:block;
	padding:8px 8px 0px 8px; 		
}
.electIndicatorLbl {
	color:#929292;  /* gray */
	padding-left:20px;
}
.msgElectResult {
	padding:0px 0px 0px 0px;
	vertical-align:middle;
	display:block;
	width:100%;
	text-align:left;
}
.msgElectResultInner{
	background-image:url(../Images/elect-msg-bg.gif);
	background-repeat:repeat;
	text-align:left;
	vertical-align:middle;
	width:98%;
	display:inline-block;
	border-color:#824645;  /* deep red */
	border-radius:0px;
	border-style:solid;
	border-width:3px;
	margin:6px 6px 6px 0px;
	padding:5px;
}
.msgElectSuccess, .msgElectFailure {
	font-size:12px;
	display:block;
	padding:3px;
}
.msgElectSuccess {
	font-weight:normal;
	color:#103359; /* blue */
}
.msgElectFailure {
	font-weight:bold;
	color:red;
}
.msgElectDtls {
	text-align:center;
	width:100%;
	display:block;
}
.msgElectDtlsInner {
    text-align: left;
    width: 96%;
    display: inline-block;
    border-color: #BBBBBB;
    border-radius: 0px;
    border-style: solid;
    border-width: 3px;
    margin: 6px 6px 6px 0px;
    padding: 3px 1px 3px 1px;
    color: red;
    font-size: 12px;
    background-color: #FFFFFF;
}
.iconElectSuccess, .iconElectFailure {
	background-repeat:no-repeat;
	height:12px;
	width:12px;
	display:inline-block;
	padding-right:8px;
}
.iconElectSuccess {
	background-image:url(../Images/elect-success.png);
}
.iconElectFailure {
	background-image:url(../Images/elect-fail.png);
}
.btnDeleteMsg {
	position:absolute;
	right:24px;
}
.btnElectDtls {
	padding-left:8px;
	position:relative;
	top:2px;
}
.btnDeleteElectResult 
{
    float:right;
}

.optHdr
{
    font-size:12px;
	font-weight:bold;
	margin:5px;
	padding: 4px 4px 4px 0px;
	background-color:rgb(225, 229, 245);
	border-left: 4px solid rgb(225, 229, 245);
}

.payHdr {
	color:#000000 !important;
	font-size:11px;
	background-color: rgb(225, 229, 245);
	padding: 4px 4px 4px 5px;
	border-left: 4px solid #D4DAED;
}

.optPayHdrColor
{
    background-color: rgb(225, 229, 245);
}

.optHdrRight
{
    width:10px;
}
.secCrossRefDiv {
    padding: 5px;
	margin-right:14px; 
	margin-left:8px; 
}
.secCrossRefHdrDiv {
    padding: 1px;
	font-size:11px;
	font-weight:bold;
	padding-left:10px;
	padding-right:12px;	
	color:#929292;  /* gray */
	border-left-style:none;
	border-left-width:0;
	border-color:none;
}

.btnDtlSpecial, .btnElectDtls {
	color: #FFFFFF;
	background-color: #103359;
	border-radius: 4px;
	display: inline-block;
	cursor: pointer;
	text-align: center;
}
.btnDtlSpecial {
	padding: 0 14px 1px 14px;
}
.btnElectBkgrndDisable {
    background-color: #9dabbb;
    color: #103359;
    font-weight: bold;
    height: 15px;
    border-radius: 3px;
    padding: 0 4px;
}

.btnElectBkgrndEnable {
    background-color: #FFFFFF;
    color: #103359;
    font-weight: bold;
    height: 15px;
    border-radius: 3px;
    padding: 0 4px;
}
.msgDtchResult {
	padding:0px 0px 0px 0px;
	vertical-align:middle;
	display:block;
	width:100%;
	text-align:left;
}
.msgDtchDtls {
	text-align:center;
	width:100%;
	display:block;
}
.msgDtchDtlsInner {
    text-align: left;
    width: 96%;
    display: inline-block;
    border-color: #BBBBBB;
    border-radius: 0px;
    border-style: solid;
    border-width: 3px;
    margin: 6px 6px 6px 0px;
    padding: 3px 1px 3px 1px;
    color: red;
    font-size: 12px;
    background-color: #FFFFFF;
}
.msgDtchSuccess, .msgDtchFailure {
	font-size:12px;
	display:block;
	padding:3px;
}
.msgDtchSuccess {
	font-weight:normal;
	color:#103359; /* blue */
}
.msgDtchFailure {
	font-weight:bold;
	color:red;
}
.btnDeleteDtchResult 
{
    float:right;
}

ins {
    background-color: #00FF00;
    text-decoration: none;
}

del {
    background-color: #FDFA00;
}

#respDueDatesTable, #caAttachmentsList, #caLinkWidgetList, #electTable, #respSumTable, #allRespTable {
    margin: 0px;
}



/* ****************************************************** */
/* [9] DETAIL WIDGET CONFIGURATION POPUP  */

.configDtl  {
	z-index:1;
	position:absolute;
	right:50px;
	height:218px;
	width:501px;
	cursor: default;
}
.configDtlInner {
	background-color:#E7E7E7;height:218px;width:501px;border-left-style:solid;border-left-width:1px;border-left-color:#6a8097;border-right-style:solid;border-right-width:1px;border-right-color:#6a8097;
}
.configLeft {
	display:inline-block;
	background-image:url('../Images/left-bg.png');
	background-repeat:repeat-y;	
	width:13px;
	height:150px;
}
.configRight {
	display:inline-block;
	background-image:url('../Images/right-bg.png');
	background-repeat:repeat-y;	
	width:13px;
	height:150px;	
}
.configHdr {
	font-size:11px;font-family:'Segoe UI';position:absolute;top:4px;left:12px;font-weight:bold;
}
.configMsg 
{
    font-size:11px;color: #CE0606;font-weight:bold;
    padding: 8px 8px 8px 8px;
    text-align: left;
    display: block;
    position:absolute;
    left:85px;
    top: 190px;
}
.menusDtlCols, .configEnt {
	display:block;
}
.configShowEnt, #configDispByAcc {
	font-size:9px;
	color:#103359;  /* navy */
	position:absolute;
	top:178px;
	left:90px;
	display:inline-block;
}
.configShowInstrCommsElect, .configShowBlankFields {
	font-size:9px;
	color:#103359;  /* navy */
	position:absolute;
	top:198px;
	left:90px;
	display:inline-block;
}
.configShowInstrCommsResp {
	font-size:9px;
	color:#103359;  /* navy */
	position:absolute;
	top:178px;
	left:90px;
	display:inline-block;
}
.entitleToggle {
	height:20;
	position:relative;
	left:16px;
	top:3px; 
}
.entToggleBtn {
	margin-left: 10px;
	padding: 0 9px 1px 9px;
}
.entToggleLabel {
	font-weight: bold;
	font-size: 12px;
}

.btnDtlCloseConfig {
	float:right;
}
.configDtlTopInner {
	background-image:url('../Images/up-bg.png');
	background-repeat:repeat-x;
	display:inline-block;
	width:473px;
	height:21px;
	position:absolute;left:13px;
}
.configBottomInner {
	background-image:url('../Images/dn-bg.png');
	background-repeat:repeat-x;
	display:inline-block;
	width:479px;
	height:13px;
	z-index:0;
	position:absolute;left:11px;
}
.configRespBottomInner, .configApprBottomInner , .configDutchBottomInner   {
	background-image:url('../Images/dn-bg.png');
	background-repeat:repeat-x;
	display:inline-block;
	width:475px;
	height:13px;
	z-index:0;
}
.btnDtlSave { 
	position:absolute;
	right:5px;
	bottom:-23px;
	z-index:10;  /* this must be greater than the z-index for configBottomInner */
	min-width: 120px;
	text-align: center;
}

.configShowBlank {
	font-size:9px;
	color:#103359;  /* navy */
	position:absolute;
	top:226px;
	left:90px;
	display:inline-block;
}

.payoutTypesLb {
	font-size:9px;
	color:#103359;  /* navy */
	position:absolute;
	top:42px;
	left:90px;
	display:inline-block;
}

.payoutGroup-ddl
{
    width:327px;
	position:absolute;top:54px;left:90px;
	font-size:9px;
	font-family:'Segoe UI',Calibri,Verdana,Arial,Helvetica,sans-serif;
}

#CaOptions_fieldDiv .lblDtlAvail {
	top:84px;
}
#CaOptions_fieldDiv .lblDtlDisplayed  {
	top:84px;
}
#CaOptions_fieldDiv .btnDtlAdd {
	top:84px;
}
#CaOptions_fieldDiv .btnDtlRemove {
	top:84px;
}
#CaOptions_fieldDiv .listDtlAvail {
	top:98px;
}
#CaOptions_fieldDiv .listDtlDisplayed {
	top:98px;
}
#CaOptions_fieldDiv .btnDtlUp {
	top:200px;
}
#CaOptions_fieldDiv .btnDtlDown {
	top:200px;
}

#CaOptions_fieldDiv .configDtlInner
{
    height:268px;
}

#CaOptions_fieldDiv .btnDtlSave
{
    bottom:-73px;
}



/* ****************************************************** */
/* [10] XSP (DETAIL WIDGET) RESULTS GRID                  */

.xspGridTable {
	font-size:11pt;
	width:100%;
	vertical-align:top;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	padding:3px;
	margin-bottom:15px;
	/*table-layout:fixed;*/
}
.xspPointer
{
    cursor:pointer;
}	
.xspGridHeader {
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;  /* white */
	padding:3px;
	background-color:#103359;  /* navy */
	zoom:1;
}
.xspGridRow {
	font-size:10px;
	font-weight:bold;
	padding:3px;
	background-color:#E9E9E9; /* lt gray */
}
.xspAltGridRow {
	font-size:10px;
	font-weight:bold;
	padding:3px;
	background-color:#D5D5D5; /* med gray */
}
.xspGridRowHighlight {
	font-size:10px;
	font-weight:bold;
	padding:3px;
	background-color:#E9E9E9; /* lt gray */
	color:#CE0606; /* red */
}
.xspGridRowDisable 
{
    background-color:transparent;
    color:#999999;
}
.specInstrBtn {
	text-align:right;
	margin-top:10px;
}
.ascend {
	background-repeat:no-repeat;
	background-position:right;
	padding-right: 9px;
}
.descend {
	background-repeat:no-repeat;
	background-position:right;	
	padding-right: 9px;
}
.respSummRslts {
	text-align:left; 
	overflow:auto;
	zoom:1;
}
.respSummBtns {
	text-align:right;
	padding-bottom:6px;
}
.respSummTblDiv {
	text-align:left; 
	zoom:1;
	font-weight:bold;
}
.allSourceRespRslts {
	text-align:left; 
	overflow:auto;
	zoom:1;
}
.allSourceRespBtns {
	text-align:right;
	padding-bottom:6px;
}
.allSourceRespTblDiv {
	text-align:left; 
	zoom:1;
	font-weight:bold;
}
.listRslts {
    width: 100%;
    max-height: 300px;
    max-height: none\0/; /*D-04226 - fix for IE8 */
    overflow: auto;
    zoom: 1;
}
.pageBreak {
	page-break-before:always;
}

.xspGridHeader.align-Right,
.dataTables_scrollBody .align-Right 
{
    text-align: right;
}
.dataTables_scrollBody .align-Left
{
    text-align: left;
}
.dataTables_scrollBody .align-Center
{
    text-align: center;
}
.dataTable th
{
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;  /* white */
	background-color:#103359;  /* navy */
    text-align: center;
	zoom:1;
}
.dataTable th div 
{
    padding: 3px 12px 3px 3px;
    padding-top: 0px;  /* for upgrade to new datatables.*/
    padding-bottom: 0px;
}
.dataTable
{
    border-spacing: 0;
    font-family: 'Segoe UI',Calibri,Verdana,Arial,Helvetica,sans-serif;
}
.dataTable td,th
{
    border: 1px solid white;
	padding: 0px;
}
.dataTables_scrollBody tr
{
  	font-size:10px;
	font-weight:bold;
	padding:0px;
}
.dataTables_scrollBody td
{
    height:19px;
    white-space: nowrap;
}
.dataTables_scrollBody th
{
    border-width: 0px 1px;
}
.dataTable .filterRow select, .dataTable .filterRow input
{
    font-family: 'Segoe UI',Calibri,Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
}
.dataTable .filterRow th
{
    white-space: nowrap;
}

.dataTables_paginate a
{
    display: inline-block;
    margin: 5px;
    padding: 2px 5px;
    background-color: #103359;  /* navy */
    color: #FFFFFF; /* white */
    font-family: 'Segoe UI',Calibri,Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.dataTables_paginate .paginate_button_disabled
{
    background-color:#333333; /* dark gray */
    color: #AAAAAA;
}
.dataTables_paginate .paginate_active
{
    background-color: #aec2cc;  /* pale med blue */
    color: #000000; /* black */
}

.dataTables_length
{
    float: right;
}

/*********************************************************
    Added for upgrade to t_sorter.js.
*/
#CaList tbody > tr:nth-child(even) {
    background-color: #CCCCCC;
}

#CaList tbody > tr:nth-child(odd) {
    background-color: #C0C0C0;
}

#AcctList tbody > tr:nth-child(even) {
    background-color: #CCCCCC;
}

#AcctList tbody > tr:nth-child(odd) {
    background-color: #C0C0C0;
}

.resultTblRowFontOnly {
    font-weight: bold;
    font-size: 10px;
}

.resultTblRowFontOnly > td {
    border-collapse:collapse;
    border: 3px solid #FFFFFF;
}

span.unclickablePlusSign {
    pointer-events: none;
}

/*********************************************************
    Added for upgrade to datatables.
*/
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > .even {
    background-color: #CCCCCC;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > .odd {
    background-color: #C0C0C0;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table td {
    padding-bottom: 0px !important;
    padding-top : 0px !important;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollHead  table th {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}
.dataTables_wrapper .xspGridHeader .dataTables_filter {  /* moves search button to left in caAttachement*/
    float: left;
    color: #fff;
}

.dataTables_wrapper .xspGridHeader .dataTables_info {
	color: #fff;
	float: none;
}
button#ToolTables_caAttachmentsList_0 { /* download button for ca attachment*/
    font-size: 10px;
    font-weight: normal;
    border-radius: 4px;
    margin: 2px 6px 2px 6px;
    color: white;
    background-color: #103359;
    border-color: #103359;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {  /* eliminate the new extra line at bottom of results grid.*/
    border-bottom: 0px solid #fff;
}

.caDocumentSelectTD {
    text-align: center;
}
.dataTable th div {
    padding: 3px 12px 3px 3px;
}

.dataTables_wrapper .xspGridHeader .dataTables_filter input { /*Makes the search bar white. Default datatable is transparent*/
	background-color: white;
}

table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after { /*Sets asc sort arrows white*/
	opacity: 1;
}

table.dataTable thead th {
	text-align: center;
}

table.dataTable thead > tr > th.sorting:before {
	content: url(../Images/sorted-asc.png);
}

table.dataTable thead > tr > th.sorting:after {
	content: url(../Images/sorted-desc.png);
}


/* ****************************************************** */
/* [11] DUTCH AUCTIONS AND OPTION RESTRICTION             */

.msgDutchError {
	font-size: 9px;
	color: #CE0606; /* red */
	display: block;
	margin: 8px 0px 10px 0px;
	font-weight: bold;
}
.dutchTblDiv {
	zoom:1;
	font-weight:bold;
}
.txtDutchPrice, .dutchPriceHdr, .optionRestrictionHdr {
	font-size:9px;	
}
.txtDutchPrice {
	width:75px;
	margin:0px 8px 0px 8px;
}
.dutchPriceHdr, .optionRestrictionHdr {
	color:#103359; /* blue */
	font-weight:bold;
	font-size:10px;
	margin-right:10px;
}
.dutchPriceLbl, .dutchBidRangeTypeIndicator, .optionRestrictionLbl {
	font-weight: normal;
	color: #103359; /* blue */
}
.dutchFldVal, .optionRestrictionFldVal {
	padding:0px 4px 0px 4px;
	background-color:#aec2cc;  /* pale med blue */
	color:#103359;  /* navy */
	font-weight:bold;
}
.divResultDutch {
	cursor:default;
	padding-top:7px;
	width:100%;
}
.dutchAcctSearch {
	text-align:center;
}
.lblDutchAcct {
	font-size:10px; 
	font-weight:bold;
}
.lblDutchAcct, .lblDutchLeaveBlnk {
	color:#FFFFFF;  /* white */
	position:relative;
	padding-right:8px;
	top:0px;
}
.lblDutchLeaveBlnk {
	font-size:9px; 
	font-weight:normal;
	padding-left:8px;
}
.txtDutchAcct {
	position:relative;
	top:0px;
	font-size:9px;
}
.dutchPriceCtrls, .optionRestrictionCtrls {
	padding:0px 0px 0px 0px;
	vertical-align:middle;
	display:block;
	width:100%;
	text-align:left;
}
.dutchElectionCtrls {
	margin:0px 0px 0px 0px;
} 
.btnDeleteDutch, .btnSearchDutch {
	position:relative;
	top:4px;
}
.btnDeleteDutch {
	float:right;
	display:inline;
	padding-right:2px;             
}
.dutchPriceInner {
	display:inline-block;
	position:relative;
	top:5px;
}
.optionRestrictionInner {
	display:inline-block;
	top:5px;
    margin: 4px;
}
.divDutchLeft, .divDutchRight {
	background-repeat:no-repeat;
	width:8px;
	display:inline-block;
	vertical-align:middle;
}
.dutchPriceOuter, .optionRestrictionOuter {
	background-color:#d7deee;  /* pale baby blue */
	text-align:center;
	vertical-align:middle;
	width:100%;
	display:inline-block;
	border-color:#adbee1;  /* baby blue */
	border-radius:10px;
	border-style:solid;
	border-width:1px; 	
}
.divDutchLeft {
	background-image:url('../Images/dutch-left-bg.png');
}
.divDutchRight {
	background-image:url('../Images/dutch-right-bg.png');
}
	
/* ****************************************************** */
/* [12] ENTITLEMENTS                                      */

.entBody { 
	margin:20px;
	padding:0px;
	text-align:left;
	background-color:#F3F3F3;  /* off-white */
    font-family:'Segoe UI',Calibri,Verdana,Arial,Helvetica,sans-serif; 
	font-size:12px;
    font-style:normal;
}
.entDiv {
}
.entTitleRow
{
	font-weight:bold;
	color:#FFFFFF;  /* white */
	background-color:#103359;  /* navy */
	border:none;
}
.entHdrRow
{
	text-align:center;
	background-color:#CCCCCC;  /* gray */
	color:#000000;  /* black */
	height:20px;
}
.entBodyDiv
{
	width:100%;
	margin-left:10px;
	padding-left:25px;
}
.entBodyRow
{
	background-color:#CCCCCC;  /* gray */
	color:#000000;  /* black */
}
.entBodyRowAlt
{
	background-color:#C0C0C0;  /* silver */
	color:#000000;  /* black */
}
.entHdr {
	font-size:14px;
	font-weight:bold;
	color:#000000;  /* black */
	font-family:'Segoe UI',Calibri,Verdana,Arial,Helvetica,sans-serif;
	margin-bottom:12px;
}
.entUpLeftCorner, .entUpRightCorner, .entDnLeftCorner, .entDnRightCorner {
 	height:13px;
	width:13px;
	background-repeat:no-repeat;
}
.entUp, .entDn {
	height:13px;
	width:auto;
}
.entLeft, .entRight {
	height:auto;
	width:13px;
}
.entMid {
	background-color:#E7E7E7;  /* lt gray */
}
.entUpLeftCorner {
	background-image:url('../Images/up-left-corner.png');
}
.entUpRightCorner {
	background-image:url('../Images/up-right-corner.png');
}
.entDnLeftCorner {
	background-image:url('../Images/dn-left-corner.png');
}
.entDnRightCorner {
	background-image:url('../Images/dn-right-corner.png');
}
.entUp {
	background-image:url('../Images/top-bg.png');
}
.entDn {
	background-image:url('../Images/dn-bg.png');
}
.entLeft {
	background-image:url('../Images/left-bg.png');
}
.entRight {
	background-image:url('../Images/right-bg.png');
}

/* ****************************************************** */
/* [13] INTERNAL NOTES                                    */

.internalNoteHeaderDivStyle { 
	margin:5px;
	padding:0px;
	text-align:right;
    font-family:Calibri; 
	font-size:14px;
    font-style:normal;
    width: 500px;
    height: 20px;
}
.internalNoteInputStyle { 
	margin:5px;
	padding:0px;
    border-spacing:0px;
	text-align:left;
    background-color:#103359;  /*background-color:#F3F3F3;*/  /* off-white */
    border-radius: 7px;
    border-style: solid;
    border-color: #000000;
    border-width:2px;
    font-family:Calibri; 
	font-size:12px;
    font-style:normal;
    width:500px;
    height:150px;
    color:white;
    min-height:100px;
}
.internalNoteAuditStyle { 
	margin:5px;
	padding:0px;
    border-spacing:0px;
	text-align:left;
    background-color:#103359;  /*background-color:#F3F3F3;*/  /* off-white */
    border-radius: 7px;
    border-style: solid;
    border-color:darkgray;
    border-width:2px;
    font-family:Calibri; 
	font-size:12px;
    font-weight:700;
    width:500px;
    height:150px;
}
.electionNoteEditStyle { 
	margin:5px;
	padding:0px;
    border-spacing:0px;
	text-align:left;
    background-color:#103359;  /*background-color:#F3F3F3;*/  /* off-white */
    border-radius: 7px;
    border-style: solid;
    border-color:darkgray;
    border-width:2px;
    font-family:Calibri; 
	font-size:12px;
    font-weight:700;
    width:500px;
    height:150px;
}
.internalNoteButtonStyle
{
    border-radius:4px;
    height:20px;
    width:60px;
}

.internalNoteSaveButtonStyle
{
    border-radius:4px;
    height:20px;
    width:90px;
}

.internalNoteComboBoxStyle
{
    border-radius:4px;
    font-family:Calibri;
    font-size:12px;
    height:20px;
    width:170px;
}

.electionNoteComboBoxStyle
{
    border-radius:4px;
    font-family:Calibri;
    font-size:12px;
    width:170px;
    border: 2px solid #103359;
}

.electionNoteTextInput
{
    width: 166px;
    text-align: center;
    font-family:Calibri;
    font-size:12px;
    border-radius: 4px;
    border: 2px solid #103359;
}

.internalNoteInputTableHeaderFooter
{
    height:20px;
}
.internalNoteInputTableBody
{
    height:20px;
}
.internalNoteCellStyle
{
    /*margin:0px;*/
    padding:0px;
    text-align:center;
    color:white;
}
.internalNoteCellRightStyle
{
    border-left-style:solid;
    border-left-width:1px;
    border-left-color:white;
    padding:0px;
    text-align:center;
    color:white;
}
.txtAreaNoteComment
{
    resize:none;
    height: 100px;
    width: 485px;
    text-align: left;
    font-family:Calibri;
    font-size:12px;
    background-color:lightgray;
}

.accountInfoPanelStyle { 
	margin:5px;
	padding:0px;
    border-spacing:0px;
	text-align:left;
    background-color:#103359;  /*background-color:#F3F3F3;*/  /* off-white */
    border-radius: 7px;
    border-style: solid;
    border-color: #000000;
    border-width:2px;
    font-family:Calibri; 
	font-size:12px;
    font-style:normal;
    width:500px;
    height:150px;
    color:white;
}.accuntInfoCellStyle
{
    /*margin:0px;*/
    padding:0px;
    text-align:left;
    color:white;
    font-family:Calibri; 
    /*font-weight:bold;*/
	font-size:13px;
}

 /* ****************************************************** */
/* [14] AUTOCOMPLETE SEARCH                              */

.search-results-area {
	border:0px none;
    position:absolute; 	
    right: 2px;
    top: 24px;
    left: 6px;
    z-index:1000;
	background-color:#E8E8E8;
	border-radius:0;
	min-width:250px;
	box-shadow:#808080 1px 3px 10px;
}

.search-results-item {
    border-bottom:1px solid #C7C7C7;
    cursor:pointer;
	padding:5px 8px;	
}
.search-results-item:hover {
	background-color: #FFFFFF;
}
.search-results-line1 {
    color:#1B84E0;
    font-size:12px;
}
.search-results-line1, .search-results-line2, .search-results-line3, .search-results-line4 {
    font-size:12px;
	display:block;
	position:relative;
}
.search-result-none {
    background-color:#FF0000;
}

input.ca-search-box[type="text"], input.ca-search-box:not([type])  {
	font-size:0.8em;
	margin:2px 4px 2px 6px;
}

.clearBtn {
	position:relative;
	top:2px;
	padding-right:2px;
}

.too-many-search  {
	background:#E0C800;
	color:#222222;
	border-radius:0;
	padding:5px;
	border:0px none;
	font-size:12px;
	font-style:italic;
}

input.emulate-user-search-box[type="text"], input.emulate-user-search-box:not([type])  {
    position: relative;
    top: 10px;
    z-index: 0;
    padding-left: 14px;
    padding-right: 14px;
    cursor: pointer;
    font-size:0.8em;
    margin:2px 4px 2px 6px;
}

.emulate-user-search-results-area {
    border:0px none;
    position:absolute;
    right: 2px;
    top: 123px;
    left: 320px;
    z-index:1000;
    background-color:#E8E8E8;
    border-radius:0;
    min-width:250px;
    max-width:500px;
    box-shadow:#808080 1px 3px 10px;
}

.emulate-user-search-results-item {
    border-bottom:1px solid #C7C7C7;
    cursor:pointer;
	padding:5px 8px;	
}
.emulate-user-search-results-item:hover {
	background-color: #FFFFFF;
}
.emulate-user-search-results-line1 {
    color:#1B84E0;
    font-size:12px;
}
.emulate-user-search-results-line1, .emulate-user-search-results-line2, .emulate-user-search-results-line3, .emulate-user-search-results-line4 {
    font-size:12px;
	display:block;
	position:relative;
}
/* ****************************************************** */
/* [99] MISCELLANEOUS                                     */

img {
	cursor:default;
}
input {
	cursor:default;
}
a:link, a:visited, a:active {
	color:#0000FF;  /* blue */
	font-weight:bold; 
}
a:hover  {
	color:#FF0000;  /* red */
	text-decoration:underline
}

.padding0
{
    padding:0px;
}


.download-btn {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    
    background-image: url("../Images/download.png");
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    background-position: 3px 3px;
    border: 1px solid #AFAFAF;
    cursor: pointer;
    margin-left: 3px;
    opacity: 0.3
}
.download-btn:enabled:hover {
    background-image: url("../Images/download-white.png");
    background-color:#387084;
    border:1px solid #387084;
}

.download-btn:enabled {
    opacity: 1;
}


.view-btn {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    
    background-image: url("../Images/viewpdf.png");
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    background-position: 3px 3px;
    border: 1px solid #AFAFAF;
    cursor: pointer;
    margin-left: 3px;
    opacity: 0.3
}
.view-btn:enabled:hover {
    background-image: url("../Images/viewpdf.png");
    background-color:#387084;
    border:1px solid #387084;
}

.view-btn:enabled {
    opacity: 1;
}

.view-btn:disabled {
    cursor: not-allowed;
}

.DTTT_button {
	font-size:12px;
    background-color:forestgreen;
 }
.DTTT_button span{
	margin:4px 16px 4px 15px;
	display:inline-block;	
    color: white;
}

.DTTT_container.ui-buttonset.ui-buttonset-multi {
	text-align:center;
}

.scrollStyle
{
overflow-x:auto;
}

#CaFileAttachment_resultsDiv .DTTT_container.ui-buttonset.ui-buttonset-multi
{
	text-align:right;
}

#CaFileAttachment_resultsDiv .ui-button 
{
    color:#FFFFFF;
    background-color:#103359;
    border-radius:4px;
    margin:0 0 2px 8px;
}

#CaFileAttachment_resultsDiv .DTTT_button.ui-button span
{
    font-size:10px;
    font-weight:normal;
    margin:2px 13px;
}

#CaFileAttachment_resultsDiv .DTTT_disabled {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #333;
    background-color:  darkgrey;
    border-color: darkgrey;
}

#CaFileAttachment_resultsDiv .DataTables_sort_wrapper {
    text-align:left;
}

/*Added to overwrite a default value in scroller.dataTables.min.css*/
div.dts div.dataTables_scrollBody {
        background: none !important
}

div.dts div.dataTables_scrollBody table {
    z-index: 0 !important
}

#cookieBannerContainer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(128, 128, 128, 0.5); /* Gray background with 0.5 opacity */
	display: flex;
	justify-content: center;
	align-items: center;
}

#cookieBanner {
	font-size: 16px;
	background-color: rgba(255, 255, 255, 1); /* White background with 1 opacity */
	padding: 20px;
	border-radius: 10px;
}
#cookieBannerBtn{
	float: right;
	padding: 10px;
}
.yellow {
	background-color: lightgoldenrodyellow !important;
}

.orange {
	background-color: orange !important;
}

/* This code was developed with the assistance of GitHub Copilot.
 It consists in part of Generated Code and in part of code written by the developer.*/
.ui-datepicker {
	background: white;
	font-family: 'Segoe UI', Arial, sans-serif;
	font-size: 11px;
	border: 1px solid #103359;
	border-radius: 1px;
	color: black !important;
}
	
.ui-state-default {
	color: black !important;
	text-align: right !important;
	border-radius: 1px;
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
	border: 1px solid #103359;
	border-radius: 1px;
	font-family: 'Segoe UI', Arial, sans-serif;
	font-size: 11px;
	color: black;
	box-shadow: 0 4px 16px rgba(0,0,0,0.10);
	padding: 0.5em 0.7em 0.7em 0.7em;
	z-index: 1000;
	text-align: center;
}