BODY { background-color:#FFFFFF; margin:0px }
label {color:#009fdf;}
.bodyjustify  { color:#000000; text-decoration:none; font-family:Arial; font-size:11px; text-align: justify;}
.bodycolor1  { color:#009fdf; text-decoration:none; font-family:Arial; font-size:11px;}
.bodycolor1large  { color:#555555; text-decoration:none; font-family:Arial; font-size:12px;} /* Was bodyblue */
.bodycolor2justify  { color:#666666; text-decoration:none; font-family:Arial; font-size:11px; text-align: justify;}

div.RadMenu_Default
{
    border: 0px;
    width: 100%;
	background:#FFFFFF url('Images/spacer.gif') 0px 0px repeat-x;
}
.label  { color:#002854; text-decoration:none; font-family:Arial; font-size:12px;}
.field  { color:#666666; text-decoration:none; font-family:Arial; font-size:12px;}
.formList { width:97%; list-style:none }
.formList .label { width:150px; float:left; margin-top:4px }
.formList .labelWide { width:500px; float:left; margin-top:4px; font-size:8pt; font-family:Arial;}
.formList .field { height:16px; margin-top:4px; }
.formList li { border-bottom: 1px solid #CCCCCC; padding: 5px 0px; }
.formList li.lastListItem { border:none; }

.additionalInfo  { color:#555555; text-decoration:none; font-family:Arial; font-size:12px; text-align: justify;} /* Was bodyblue */
.message  { color:#009fdf; text-decoration:none; font-family:Arial; font-size:12px; text-align: justify;}
.pageTitle { color:#002854; text-decoration:none; font-family:Arial; font-size:13pt;font-weight:bold;}
.notification  { color:#009fdf; font-family:Arial; font-size:12px; font-weight:bold; border:double 3px red; margin:5px; padding:5px; text-align:center; height:40px}

.information { color:#666666; text-decoration:none; font-family:Arial; font-size:12px;text-align:justify;background-color:#f1f5ff;}
.taskoverdue  { color:#ff0000; text-decoration:none; font-family:Arial; font-size:12px; text-align: left;}
.errText, a:hover.errText, a:link.errText, a:visited.errText, a:active.errText   { color:#ff0000; text-decoration:none; font-family:Arial; font-size:8pt;} /* Used for all error messages */
.errTextLarge { color:#ff0000; text-decoration:none; font-family:Arial; font-size:12px;}

.dayBookHeading  { color:#009fdf;  background-color:#F1F5FF;text-decoration:none; font-family:Arial; font-size:12px;font-weight:bold;}
.dayBookCount  { color:#555555; text-decoration:none; font-family:Arial; font-size:8pt;font-weight:bold;}
.dayBookItem  { color:#555555; text-decoration:none font-family:Arial; font-size:8pt;}

.faqQuestion { color:#009fdf; text-decoration:none; font-family:Arial; font-size:8pt;text-align:justify;background-color:#f1f5ff;}
.faqAnswer { color:#666666; text-decoration:none; font-family:Arial; font-size:8pt;text-align:justify;background-color:#f1f5ff;}

.quotePremiumDetail { color:#009fdf; text-decoration:none; font-family:Arial; font-size:14px; font-weight:Bold;}
.quotePremiumLabel  { color:#002854; text-decoration:none; font-family:Arial; font-size:14px;}
.quotePremiumBoxLine{ border: solid 1px #CCCCCC; background-color:#F1F5FF;}

.sessionClockLabel  { color:#009fdf; font-family:Arial; font-size:11px; }
.sessionClock       { color:#009fdf; font-family:Arial; font-size:11px; }

.HeaderClientCombo { font-family: Arial; font-size:8pt; color:#009fdf; border:solid 1px #003569; margin-right:3px; margin-top:3px;margin-bottom:2px}
.headerBackground  {}
.headerBackgroundCell { }
.headerLoggedOnUser	{ color:#009fdf; font-family:Arial; font-size:11px; margin-right:5px; }
.footerLoggedOnUser { color:#009fdf; font-family:Arial; font-size:11px; margin-right:8px; }

/* CONTENT */
.contentContainer {width:100%; padding-left:30px; padding-right:30px}
#TitleDiv {margin: 0 0 10px 2px;}
#InfoDiv {padding: 10px; width:100%; border:solid 1px #fa6363; background-color: #ffe5e5; color:#000000; text-align:center; font-weight:bold;font-family: Arial; font-size:10pt;margin-bottom:5px; }
#BodyDiv  {color:#000000; text-decoration:none; font-family:Arial; font-size:12px;}

.MultiPage { border:outset 2px #cccccc; border-top:solid 1px #cccccc }
.MultiPageContent { margin: 10px  8px 8px 8px; border:solid 1px #001A7B; background-color:#F1F5FF; padding:5px }

/* TaskDayBook */
.panelbarHeader 
{                   
	font-size: 11px; 
  color: #000000;
	font-family: Arial,Verdana;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
	padding: 4px;
	background-color: #CFE6F2;
	border: 1px solid #AFCDDC;
	height: 25px;
}

.panelbarHeaderHover 
{                   
	font-size: 11px; 
	color: #000000;
	font-family: Arial,Verdana;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
	padding: 4px;
	background-color: #A0D5F5;
	border: 1px solid #AFCDDC;
	height: 25px;
}

.panelbarHeaderExpand
{
	font-size: 11px; 
	color: #000000;
	font-family: Arial,Verdana;
	height: 25px;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
	padding: 4px;
	background-color: #CFE6F2;
	border: 1px solid #AFCDDC;
	border-bottom: 0px;
}

.panelbarItem 
{
	font-size: 11px; 
	color: #000000;
	font-family: Arial,Verdana;
	width: 100%;
	cursor: hand;
	cursor: pointer;
	padding: 3px;
	padding-left: 16px;
	background-color: #E4F1F8;
	border: 1px solid #C1D9E5;
	border-top: 0px;
	text-decoration: none;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.panelbarItemSelected
{
	font-size: 11px; 
	color: #000000;
	font-family: Arial,Verdana;
	width: 100%;
	cursor: hand;
	cursor: pointer;
	padding: 3px;
	padding-left: 16px;
	background-color: #EDF5FB;
	border: 1px solid #C1D9E5;
	border-top: 0px;
	text-decoration: underline;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.SnapHeader
{
  color: #ffffff;
  background-color: #002854;
  font-family: Arial;
  font-weight: bold;
  font-size: 11px;
  padding-top: 2px;
  padding-left: 5px;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr= '#002854' , EndColorStr= '#002854' );
  cursor: move;
}

.snapHeaderClosed
{
  color: #ffffff;
  background-color: #00a1df;
  font-family: Arial;
  font-weight: bold;
  font-size: 11px;
  padding-top: 2px;
  padding-left: 5px;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr= '#00a1df' , EndColorStr= '#00a1df' );
  cursor: move;
}

.SnapContent
{
  font-family: Arial;
  font-size: 11px;
  background-color: #FFFFFF;
}

.SnapTable
{
  padding: 3px;
  border: #002854 1px solid;
  width: 100%;
}
.SnapRow
{	
   	background-color: #FFFFFF;
   	color:#000000;
}
.SnapRowOver
{	
   	background-color: #EEEEEE;
   	color:#000000;
	cursor:hand;
}

.flattextbox  {
	font-size : 12px;
	font-family : Arial;
	border-style : solid;
	border-width : 1px;
	border-color : #009fdf;
}

.AccountTextBox {
	font-size : 12px;
	font-family : Arial;
	border-style : solid;
	border-width : 1px;
	border-color : #009fdf;
	color #009fdf;
	width: 100%;
	text-align: right;
}
.DAccountTextBox {
	font-size : 12px;
	font-family : Arial;
	border-style : solid;
	border-width : 1px;
	border-color : #009fdf;
	color #009fdf;
	width: 100%;
}

.disabledTextbox  {
	font-size : 12px;
	font-family : Arial;
	border-style : solid;
	border-width : 1px;
	border-color : #999999;
	color :#666666;
}
.checkboxList 
{
	font-size : 12px;
	font-family : Arial;
	color :#009fdf;    
}

H1
{
	color:#009fdf; 
	text-decoration:none; 
	font-family:Arial; 
	font-size:13pt;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
}

H2
{
	color:#009fdf; 
	text-decoration:none; 
	font-family:Arial; 
	font-size:10pt;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:5px;
}
H3  {color:Black; font-family:Arial; font-size:9pt;font-weight:Bold; margin-bottom:5px;}
H4  {color:Black; font-family:Arial; font-size:11pt;font-weight:Bold; margin-bottom:5px;}

/******************************************************************
Detail screen display
*******************************************************************/
.detailRow
{
 background-color:#F1F5FF;
 color:#009fdf;
 text-decoration:none;
 font-family:Arial;
 font-size:12px;
}

a.navLinks           { color:#002854;  text-decoration:none; font-family:Arial; font-size:8pt; }
a:link.navLinks     { color:#002854;  text-decoration:none; font-family:Arial; font-size:8pt; }
a:visited.navLinks  { color:#002854; text-decoration:none; font-family:Arial; font-size:8pt; }
a:hover.navLinks    { color:#00a1df; text-decoration:underline; font-family:Arial; font-size:8pt; }
a:active.navLinks   { color:#002854;  text-decoration:none; font-family:Arial; font-size:8pt; }

a.navLinksRefer           { color:Red;  text-decoration:none; font-family:Arial; font-size:8pt; }
a:link.navLinksRefer     { color:Red;  text-decoration:none; font-family:Arial; font-size:8pt; }
a:visited.navLinksRefer  { color:Red; text-decoration:none; font-family:Arial; font-size:8pt; }
a:hover.navLinksRefer    { color:#FF9900; text-decoration:underline; font-family:Arial; font-size:8pt; }
a:active.navLinksRefer   { color:Red;  text-decoration:none; font-family:Arial; font-size:8pt; }

a.navLinksDecline           { color:Black;  text-decoration:none; font-family:Arial; font-size:8pt; }
a:link.navLinksDecline     { color:Black;  text-decoration:none; font-family:Arial; font-size:8pt; }
a:visited.navLinksDecline  { color:Black; text-decoration:none; font-family:Arial; font-size:8pt; }
a:hover.navLinksDecline    { color:#FF9900; text-decoration:underline; font-family:Arial; font-size:8pt; }
a:active.navLinksDecline   { color:Black;  text-decoration:none; font-family:Arial; font-size:8pt; }

a.navLinksGreen           { color:Green;  text-decoration:none; font-family:Arial; font-size:8pt; }
a:link.navLinksGreen     { color:Green;  text-decoration:none; font-family:Arial; font-size:8pt; }
a:visited.navLinksGreen  { color:Green; text-decoration:none; font-family:Arial; font-size:8pt; }
a:hover.navLinksGreen    { color:#FF9900; text-decoration:underline; font-family:Arial; font-size:8pt; }
a:active.navLinksGreen   { color:Green;  text-decoration:none; font-family:Arial; font-size:8pt; }

a.navLinksBold           { color:#000066;  text-decoration:none; font-family:Arial; font-size:8pt;font-weight:bold; }
a:link.navLinksBold     { color:#000066;  text-decoration:none; font-family:Arial; font-size:8pt;font-weight:bold; }
a:visited.navLinksBold  { color:#000066; text-decoration:none; font-family:Arial; font-size:8pt;font-weight:bold; }
a:hover.navLinksBold    { color:#FF9900; text-decoration:underline; font-family:Arial; font-size:8pt;font-weight:bold; }
a:active.navLinksBold   { color:#000066;  text-decoration:none; font-family:Arial; font-size:8pt;font-weight:bold; }

a:detailLinks { color:#009fdf;  text-decoration:none; font-family:Arial; font-size:12px; }
a:link.detailLinks { color:#009fdf;  text-decoration:none; font-family:Arial; font-size:12px; }
a:visited.detailLinks { color:#009fdf;  text-decoration:none; font-family:Arial; font-size:12px; }
a:hover.detailLinks { color:#009fdf;  text-decoration:underline; font-family:Arial; font-size:12px; }
a:active.detailLinks { color:#009fdf;  text-decoration:none; font-family:Arial; font-size:12px; }

a:premiumQuoteLinkBig { color:#009fdf;  text-decoration:none; font-family:Arial; font-size:18px; }
a:link.premiumQuoteLinkBig { color:#009fdf;  text-decoration:none; font-family:Arial; font-size:18px; }
a:visited.premiumQuoteLinkBig { color:#009fdf;  text-decoration:none; font-family:Arial; font-size:18px; }
a:hover.premiumQuoteLinkBig { color:#009fdf;  text-decoration:underline; font-family:Arial; font-size:18px; }
a:active.premiumQuoteLinkBig { color:#009fdf;  text-decoration:none; font-family:Arial; font-size:18px; }

.scrollbars {scrollbar-3dLight-Color: #ffffff;
			scrollbar-Arrow-Color: #cccccc;
			scrollbar-DarkShadow-Color: #ffffff;
			scrollbar-Face-Color: #ffffff;
			scrollbar-Highlight-Color: #cccccc;
			scrollbar-Shadow-Color: #cccccc;
			scrollbar-Track-Color: #ffffff;}
/*****************************************************
Panel Header and Item definitions
*****************************************************/
.panelHeader
{
	background: url(Images/PanelBar/PanelImage.jpg) no-repeat top left;
}
.panelFooter
{
	background: url(Images/PanelBar/PanelBottom.jpg) no-repeat top left;
}

fieldset {
	border: 1px solid #ccc;
	padding: 4px;
}

legend 
{
	font: Bold 13px Arial;
	color: #1D3E71;
}

.HelpMessage
{
	background-color: #DEE7EF;
	font: Bold 11px Arial;
	color: #7786AC;
	text-align: center;
	vertical-align: middle;
	padding:12px;
}
.BreadCrumb
{
	font: Bold 13px Arial;
	color: #1D3E71;
}
a.CommandLink, a:hover.CommandLink, a:visited.CommandLink
{
	font: Bold 13px Arial;
	color: #1D3E71;
	text-decoration:none;
	vertical-align:middle;
}
/*****************************************************
Table Header and cell definitions
*****************************************************/
.tableHeader td, .tableHeader
{
	background-color: #002854;
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-family:Arial;
	font-size: 11px;
	font-weight:bold;
	border:solid 1px white;
}

a:link { color:#ffffff;  text-decoration:none; font-family:Arial; font-size:11px;font-weight:bold; }
a:visited { color:#ffffff;  text-decoration:none; font-family:Arial; font-size:11px;font-weight:bold; }
a:hover { color:#ffffff;  text-decoration:underline; font-family:Arial; font-size:11px;font-weight:bold; }
a:active { color:#000066;  text-decoration:none; font-family:Arial; font-size:11px;font-weight:bold; }

.tableFooter
{
	background-image: url(Images/tableFooterBackground.gif);
	background-color: #EBEDF6;
	font-family:Arial;
	font-size:11px;
	font-weight: bold;
}

.PagerText
{   
	color:#009fdf;
	text-decoration:none;
	font-family:Arial;
	font-size:11px;
	font-weight:bold
}

a:link.PagerText { color:#009fdf;  text-decoration:none; font-family:Arial; font-size:11px;font-weight:bold; }
a:visited.PagerText { color:#009fdf;  text-decoration:none; font-family:Arial; font-size:11px;font-weight:bold; }
a:hover.PagerText { color:#009fdf;  text-decoration:underline; font-family:Arial; font-size:11px;font-weight:bold; }

.tableRow td, .tableRow
{	
	background-color: #FFFFFF;
	color:#555555;
	text-decoration:none;
	font-family:Arial;
	font-size:11px;
	border:solid 1px white;
}

.tableRowMouseOver td, .tableRowMouseOver
{	
	background-color: #eeeeee;
	color:#555555;
	text-decoration:none;
	font-family:Arial;
	font-size:11px;
	cursor:hand; cursor:pointer;
	border:solid 1px white;
}

.tableAlternate td, .tableAlternate
{
	background-color: #FFFFFF;
	color:#555555;
	text-decoration:none;
	font-family:Arial;
	font-size:11px;
	border:solid 1px white;
}

.tableSubRow {font:11px Arial; background-color:#fff2d3;}

/*****************************************************
Border used around tables
*****************************************************/
.tableBorder
{
	border: 1px #002854 solid; 
	background-color: #FFFFFF;
}

.tableBorderDayBook
{
	border: 1px #002854 solid; 
	background-color: #FFFFFF;
}

.tableText
{
	color:#009fdf;
	text-decoration:none;
	font-family:Arial;
	font-size:10px
}

.tableMouseOver
{
	background-color:#FF9900;
	cursor:hand
}
	
/* CoolForm Styles */
.cfSectionTitle    { color:#009fdf; text-decoration:none; font-family:Arial; font-size:13pt;font-weight:bold;}
.cfQuestion   { color:#3A3E49; text-decoration:none; font-family:Arial; font-size:8pt;}
.cfLabel   { color:#2E2E2E; text-decoration:none; font-family:Arial; font-size:8pt;}
.cfInstruction  { color:Black; font-family:Verdana; font-size:11px}
.cfStaticText      { color:#2E2E2E; text-decoration:none; font-family:Arial; font-size:8pt;font-weight:bold;}
.cfEditStandard   { color:#3A3E49;  text-decoration:none; font-family:Arial; font-size:8pt;}
.cfEditMultiLine   { color:#3A3E49;  text-decoration:none; font-family:Arial; font-size:8pt;text-align: justify;}
.cfEditPassword   { color:#3A3E49; text-decoration:none; font-family:Arial; font-size:8pt;}
.cfEditNumeric   { color:#3A3E49;  text-decoration:none; font-family:Arial; font-size:8pt;}
.cfEditDate   { color:#3A3E49;  text-decoration:none; font-family:Arial; font-size:8pt;}
.cfEditCurrency   { color:#3A3E49;  text-decoration:none; font-family:Arial; font-size:8pt;}
.cfEditPercentage   { color:#3A3E49;  text-decoration:none; font-family:Arial; font-size:8pt;}
.cfDropDownList   { color:#3A3E49;  text-decoration:none; font-family:Arial; font-size:8pt;}
.cfListBox   { color:#3A3E49;  text-decoration:none; font-family:Arial; font-size:8pt;}
.cfRadioButtonList   { color:#3A3E49;  text-decoration:none; font-family:Arial; font-size:8pt;}
.cfCheckBox   { color:#3A3E49;  text-decoration:none; font-family:Arial; font-size:8pt;}
.cfRadioButton   { color:#3A3E49;  text-decoration:none; font-family:Arial; font-size:8pt;}
.cfValidator   { color:#ff0000; text-decoration:none; font-family:Arial; font-size:8pt;}
.cfNavigation {BORDER-BOTTOM: 1px solid;}
.cfActionButton {color:#3A3E49;  text-decoration:none; font-family:Arial; font-size:8pt;border-right: thin solid;border-top: thin solid;border-left: thin solid;	border-bottom: thin solid;}
.cfTable   { color:#3A3E49;  text-decoration:none; font-family:Arial; font-size:8pt;border-right: thin solid;border-top: thin solid;border-left: thin solid;	border-bottom: thin solid;}
.cfTableHeader   { COLOR: #11115f; BACKGROUND-COLOR: #e8e8f1; text-decoration:none; font-family:Arial; font-size:8pt;}
.cfTableItem   { color:#3A3E49;  text-decoration:none; font-family:Arial; font-size:8pt;border-top: thin solid}
.cfAddress   { color:#3A3E49;  text-decoration:none; font-family:Arial; font-size:8pt;}
.cfPostcodeLookUp   { color:#3A3E49;  BACKGROUND-COLOR: #ffffff; text-decoration:none; font-family:Arial; font-size:8pt;}
.cfCustomTabPanel
{
    margin-top:10px;
}
a.cfCustomTabSelectedItem 
{
  color:#FFFFFF;
  background-color:#002854; 
  border: solid 1px #002854;
  border-bottom: 0px;
  padding:10px;
  cursor:default;
  display:inline-block;
  margin-left:3px;
  font-weight:normal;
  text-decoration:none;
  font-family:verdana; 
  font-size:11px; 
}
a.cfCustomTabSelectedItem:hover 
{
  color:#FFFFFF;
  background-color:#002854; 
  border: solid 1px #002854;
  border-bottom: 0px;
  font-family:verdana; 
  font-size:11px; 
  padding:10px;
  cursor:default;
  display:inline-block;
  margin-left:3px;
  font-weight:normal;
  text-decoration:none;
}
a.cfCustomTabItem 
{
  color:#FFFFFF;
  background-color:#00a1df; 
  border: solid 1px #00a1df;
  font-family:verdana; 
  font-size:11px; 
  border-bottom: 0px;
  padding:10px;
  cursor:default;
  display:inline-block;
  margin-left:3px;
  font-weight:normal;
  text-decoration:none;
}
a.cfCustomTabItem:hover
{
  color:#FFFFFF;
  background-color:#00a1df; 
  border: solid 1px #00a1df;
  font-family:verdana; 
  font-size:11px; 
  border-bottom: 0px;
  padding:10px;
  cursor:default;
  display:inline-block;
  margin-left:3px;
  font-weight:normal;
  text-decoration:none;
}
.cfTabPage
{
	border:2px;
	border-style:solid;
	border-color:#002854;
	border-top:#002854 10px solid;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}
.cfTabGroup {
	position:relative;
	top:4px;
}

/******************
* Menu Styles
******************/
.MainMenuGroup
{
  cursor:hand;
}
.RiskMenuGroup
{
  background-color:white;
  border:1px;
  border-style:solid;
  border-color:#002854;
  cursor:hand;
  padding:2px;
}

.RiskMenuItem 
{
  background-color:white; 
  font-family:arial; 
  font-size:10px; 
  font-weight:bold;
  border:0px;
  border-style:solid;
  border-color:white;
  padding-left:5px;
  padding-right:15px;
  cursor:hand;
  color:#555555;
}

.RiskMenuItemOver 
{
  background-color:#F1F5FF; 
  color:#009fdf; 
  font-family:arial; 
  font-size:10px;
  font-weight:bold;
  border:0px;
  border-style:solid;
  border-color:#002854;
  padding-left:5px;
  padding-right:15px;
  cursor:hand;
}
.RiskSubMenuItem 
{
  background-color:white; 
  font-family:arial; 
  font-size:10px; 
  font-weight:bold;
  border:1px;
  border-style:solid;
  border-color:white;
  color:#000000;
  text-align:left;
}
.RiskSubMenuItemOver
{
	background-color: #DAE5FF;
	color: #002854;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	border: 1px;
	border-style: solid;
	border-color: #002854;
	cursor: hand;
}
.MenuBreak
{
  padding:0px; 
}


/* COOLTIP */
.ttContainer {padding:0px; margin:0px; width:400px;}
.ttTitleBox {background-color:#1949ab; border-width:0px;}
.ttTitle {font-family: arial,helvetica,sans-serif; font-size:11px; font-weight:bold; color:#ffffff; padding:2px;}
/* can use background image instead of background colour on ttTextBox */
.ttTextBox {background-color:#ddeeff; border:solid 1px #1949ab;}
.ttText {font-family: arial,helvetica,sans-serif; font-size:11px; font-weight:normal; color:#009fdf; padding:3px;}

.ProductHeader
{
	display: block;
	width: 100%;
	text-align: left;
	text-decoration: none;
	font-family:arial;
	font-size:12pt;
	font-weight:bold;
	color: #FFFFFF;
	border: solid 1px #2d5cb9;
	background-color:#2d5cb9;
	padding: 3px 10px 4px 4px;
	margin-bottom:5px;
}
A.PCatLinks {
	display: block;
	width: 220px;
	text-align: left;
	text-decoration: none;
	font-family:arial;
	font-size:12pt;
	font-weight:bold;
	color: #007edf;
	border: solid 1px #2d5cb9;
	background-color:#ddeeff;
	padding: 3px 10px 4px 4px;
}
A.PCatLinks:visited {
	display: block;
	width: 220px;
	text-align: left;
	text-decoration: none;
	font-family:arial;
	font-size:12pt;
	font-weight:bold;
	color: #007edf;
	border: solid 1px #2d5cb9;
	background-color:#ddeeff;
	padding: 3px 10px 4px 4px;
}

A.PCatLinks:hover {
	border: solid 1px #2d5cb9;
	width: 220px;
	background-color:#ff9900;
	color: #007edf;
	text-align: left;
	text-decoration: none;
	font-family:arial;
	font-size:12pt;
	font-weight:bold;
}
A.ProductLink {
	display: block;
	width: 100%;
	text-align: justify;
	text-decoration: none;
	font-family:arial;
	font-size:10pt;
	font-weight:bold;
	color: #007edf;
	border: solid 1px #2d5cb9;
	background-color:#ddeeff;
	padding: 2px 2px 3px 3px;
}

A.ProductLink:visited {
	display: block;
	width: 100%;
	text-align: justify;
	text-decoration: none;
	font-family:arial;
	font-size:10pt;
	font-weight:bold;
	color: #007edf;
	border: solid 1px #2d5cb9;
	background-color:#ddeeff;
	padding: 2px 2px 3px 3px;
}
A.ProductLink:hover {
	border: solid 1px #2d5cb9;
	background-color:#ff9900;
	text-align: justify;
	text-decoration: none;
	font-family:arial;
	font-size:10pt;
	font-weight:bold;
	padding: 2px 2px 3px 3px;
	color: #007edf;
}
.ProductDescription { color:#000000; text-decoration:none; font-family:Arial; font-size:12px; text-align: justify;}
.CategoryColumn { padding-bottom:3px; }
.qbox
{
	border: solid 1px #2d5cb9;
	background-color:#ddeeff;
    padding: 5px 3px 0px 3px;
    width: 22px;
    height: 28px;
    vertical-align:middle;
}
.ProductImage { border: solid 1px #aaaaaa; }

/**** DIALOG MENU BAR *****/
.dialogMenubar
{
	/*background-image: url(Images/toolbar.png);
	background-repeat: repeat-x;*/
	background-color:#eeeff6;
	border:1px solid #ccc;
	height: 27px;
	line-height: 27px;
	margin: 10px 0px 15px 0px;
}

.dialogMenubar .separator
{
	border-top: 0px;
	border-left: 1px solid #A0A0A0;
	border-bottom: 0px;
	border-right: 0px;
	height: 19px;
	margin: 4px 0px 4px 10px;
	float: left;
}
.dialogMenubar ul { list-style:none; margin:0; padding:0; }
.dialogMenubar ul li { display:inline; padding-left:20px; }
.dialogMenubar ul li a { font-weight:bold; font-size:8pt; text-decoration:none; color:#222; padding:2px 5px 2px 5px; border:solid 1px transparent }
.dialogMenubar ul li a:hover { text-decoration:none; color:White; border:solid 1px #999; padding:2px 5px 2px 5px; background-color:#999999; }
.dialogMenubar .itemright {	padding-right: 15px; float: right }
.dialogMenubar .firstitem {	padding-left:5px }


.slidepanel
{
	position:relative;
	top:-16px;
	background-color:#FEFBDA;
	border:1px solid #ccc;
	padding-bottom:15px;
}


/**** TELERIK TAB STRIP *****/
.RadTabStrip_TabStrip
{
    color:#FFFFFF;font:16px "Segoe UI",Arial,Helvetica,sans-serif;line-height:26px

}
.RadTabStrip_TabStrip .rtsGhostTab
{
    border-color:#00a1df;color:#FFFFFF;background-color:#00a1df

}
html .RadTabStrip_TabStrip
{
    color:#FFFFFF;font:100 16px "Segoe UI",Arial,Helvetica,sans-serif;line-height:2.5

}
html .RadTabStrip_TabStrip .rtsDisabled .rtsTxt
{
    opacity:.5;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50)

}
html .RadTabStrip_TabStrip .rtsLink
{
    padding:0 10px;color:#FFFFFF

}
html .RadTabStrip_TabStrip .rtsOut,html .RadTabStrip_TabStrip .rtsIn
{
    padding:0

}
html .RadTabStrip_TabStrip .rtsTxt
{
    padding:0

}
html .RadTabStrip_TabStrip .rtsLevel1 .rtsLink
{
    margin:0 0 0 -1px;border:1px solid #00a1df;background-color:#00a1df

}
html .RadTabStrip_TabStrip .rtsLevel1 .rtsLink:hover
{
    background-color:#002854;color:#FFFFFF;border-color:#002854;

}
html .RadTabStrip_TabStrip .rtsLevel1 .rtsSelected,html .RadTabStrip_TabStrip .rtsLevel1 .rtsSelected:hover
{
    border-color:#002854;color:#FFFFFF;background-color:#002854

}
html .RadTabStrip_TabStrip .rtsLevel1 .rtsDisabled,html .RadTabStrip_TabStrip .rtsLevel1 .rtsDisabled:hover
{
    border-color:#00a1df;background:#00a1df

}
html .RadTabStrip_TabStrip .rtsLevel1 .rtsFirst .rtsLink
{
    margin-left:0

}
html .RadTabStrip_TabStrip .rtsLevel2
{
    padding:1px;width:auto;background-color:#002854

}
html .RadTabStrip_TabStrip .rtsLevel2 .rtsLink
{
    margin:0 0 0 1px;border:1px solid #002854;color:#FFFFFF

}
html .RadTabStrip_TabStrip .rtsLevel2 .rtsLink:hover
{
    border-color:#fff

}
html .RadTabStrip_TabStrip .rtsLevel2 .rtsSelected,html .RadTabStrip_TabStrip .rtsLevel2 .rtsSelected:hover
{
    border-color:#fff

}
html .RadTabStrip_TabStrip .rtsLevel2 .rtsFirst .rtsLink
{
    margin-left:0

}
html .RadTabStrip_TabStrip .rtsScroll
{
    height:auto

}
html .RadTabStrip_TabStrip .rtsNextArrow,html .RadTabStrip_TabStrip .rtsPrevArrow,html .RadTabStrip_TabStrip .rtsPrevArrowDisabled,html .RadTabStrip_TabStrip .rtsNextArrowDisabled
{
    width:28px;height:28px;border:1px solid #00a1df;border-radius:34px;background-color:#f9f9f9;background-image:url('Common/metrotouch-sprite.png')
}
html .RadTabStrip_TabStrip .rtsNextArrow,html .RadTabStrip_TabStrip .rtsNextArrow:hover
{
    background-position:-11px -161px

}
html .RadTabStrip_TabStrip .rtsNextArrowDisabled,html .RadTabStrip_TabStrip .rtsNextArrowDisabled:hover
{
    background-position:-11px -161px
}
html .RadTabStrip_TabStrip .rtsPrevArrow,html .RadTabStrip_TabStrip .rtsPrevArrow:hover
{
    background-position:-11px -111px

}
html .RadTabStrip_TabStrip .rtsPrevArrowDisabled,html .RadTabStrip_TabStrip .rtsPrevArrowDisabled:hover
{
    background-position:-11px -111px
}
.RadTabStrip_TabStrip.RadTabStripVertical .rtsLevel1 .rtsLink
{
    margin:0;border-width:0 1px 1px

}
.RadTabStrip_TabStrip.RadTabStripVertical .rtsLevel1 .rtsFirst .rtsLink
{
    border-top-width:1px

}
.RadTabStripTop_TabStrip .rtsLevel1
{
    border-bottom:3px solid #002854

}
.RadTabStripTop_TabStrip .rtsLevel1 .rtsLink
{
    border-bottom:0

}
.RadTabStripBottom_TabStrip .rtsLevel1
{
    border-top:3px solid #002854

}
.RadTabStripBottom_TabStrip .rtsLevel1 .rtsLink
{
    border-top-width:0

}
.RadTabStripLeft_TabStrip .rtsLink
{
    border-right-width:0

}
.RadTabStripRight_TabStrip .rtsLink
{
    border-left:0

}
html .RadTabStrip_TabStrip_disabled .rtsLevel1 .rtsLink
{
    border-color:#c5c5c5;color:#c5c5c5;cursor:default

}
html .RadTabStrip_TabStrip_disabled .rtsLevel1 .rtsLink:hover
{
    background-color:#00a1df

}
html .RadTabStrip_TabStrip_disabled .rtsDisabled
{
    opacity:1

}
.rtsDropClue_TabStrip
{
    width:16px;height:16px;background-image:url('Common/metrotouch-sprite.png')

}
.rtsDropClueTop_TabStrip
{
    margin-top:-16px;margin-left:-8px;background-position:-17px -67px

}
.rtsDropClueRight_TabStrip
{
    margin-top:-8px;background-position:-17px -117px

}
.rtsDropClueBottom_TabStrip
{
    margin-left:-8px;background-position:-17px -17px

}
.rtsDropClueLeft_TabStrip
{
    margin-top:-8px;margin-left:-16px;background-position:-17px -167px

}


/* REACT Css Start*/
/* IMPORTANT:
   This file is scoped so it won't break the legacy WebForms page.
   Everything applies ONLY inside #dashboard-root.
*/
#dashboard-root {
	font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
	line-height: 1.5;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.87);
	background-color: #242424;
	font-synthesis: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 0px;
	border-radius: 8px;
}

	/* Links */
	#dashboard-root a {
		font-weight: 500;
		color: #646cff;
		text-decoration: inherit;
	}

		#dashboard-root a:hover {
			color: #535bf2;
		}

	/* Headings */
	#dashboard-root h1 {
		font-size: 3.2em;
		line-height: 1.1;
	}

	/* Buttons */
	#dashboard-root button {
		border-radius: 8px;
		border: 1px solid transparent;
		padding: 0.6em 1.2em;
		font-size: 1em;
		font-weight: 500;
		font-family: inherit;
		background-color: #1a1a1a;
		cursor: pointer;
		transition: border-color 0.25s;
	}

		#dashboard-root button:hover {
			border-color: #646cff;
		}

		#dashboard-root button:focus,
		#dashboard-root button:focus-visible {
			outline: 4px auto -webkit-focus-ring-color;
		}

@media (prefers-color-scheme: light) {
	#dashboard-root {
		color: #213547;
		background-color: transparent;
	}

		#dashboard-root a:hover {
			color: #747bff;
		}

		#dashboard-root button {
			background-color: #f9f9f9;
		}
}

#dashboard-root .read-the-docs {
	color: #888;
}

#dashboard-root .dashboard-app {
	max-width: 100%;
	padding: 0px;
	margin: 0px;
}

#dashboard-root .dashboard-shell {
	display: flex;
	flex-direction: column;
}

#dashboard-root .dashboard-shell-main {
	flex: 1;
	margin: 0px;
	padding: 0px;
	background-image: url('Images/MainBG.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

/* Cards */
#dashboard-root .card {
	margin-top: 0px;
	padding: 16px;
	width: 400px;
	border-radius: 12px;
	background: #cdf1ff;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(0, 0, 0, 0.06);
}

#dashboard-root .card-title {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 12px;
}

#dashboard-root .error-card {
	border: 1px solid rgba(255, 0, 0, 0.25);
}

#dashboard-root .table {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

#dashboard-root .table-header {
	display: grid;
	grid-template-columns: 1fr 120px 140px;
	font-weight: 700;
	opacity: 0.7;
	padding-bottom: 8px;
	border-bottom: 1px solid #eee;
}

#dashboard-root .table-row {
	display: grid;
	grid-template-columns: 1fr 120px 140px;
	padding: 8px 0;
	border-bottom: 1px solid #f2f2f2;
}

#dashboard-root .cards-grid {
	display: grid;
	gap: 10px;
	margin: 10px 0px 20px;
	grid-template-columns: repeat(auto-fit, 450px);
	justify-content: center;
	align-items: start;
}

	#dashboard-root .cards-grid > .card {
		width: 400px;
		max-width: 400px;
	}

@media (max-width: 960px) {
	#dashboard-root .cards-grid {
		grid-template-columns: 1fr;
	}
}

/* Filters */
#dashboard-root .card-filters {
	display: grid;
	gap: 10px;
}

#dashboard-root .filter-row {
	display: grid;
	grid-template-columns: 80px auto 1fr;
	column-gap: 12px;
	align-items: center;
}

#dashboard-root .filter-label {
	font-weight: 700;
	opacity: 0.8;
}

#dashboard-root .filter-control {
	display: flex;
	align-items: center;
}

#dashboard-root .filter-total {
	justify-self: end;
	font-weight: 700;
	opacity: 0.85;
	white-space: nowrap;
}

#dashboard-root .filter-status {
	opacity: 0.8;
}

/* Card skeleton when filter status has content */
#dashboard-root .card:has(.filter-status:not(:empty)) {
	position: relative;
	overflow: hidden;
}

	#dashboard-root .card:has(.filter-status:not(:empty)) > * {
		opacity: 0.45;
	}

	#dashboard-root .card:has(.filter-status:not(:empty))::before {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient( 110deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 70% );
		transform: translateX(-100%);
		animation: dashboard-card-shimmer 1.2s infinite;
		z-index: 3;
		pointer-events: none;
	}

/* Sortable cards */
#dashboard-root .sortable-card-item {
	touch-action: none;
	cursor: grab;
}

	#dashboard-root .sortable-card-item:active {
		cursor: grabbing;
	}

	#dashboard-root .sortable-card-item a,
	#dashboard-root .sortable-card-item button,
	#dashboard-root .sortable-card-item input,
	#dashboard-root .sortable-card-item select,
	#dashboard-root .sortable-card-item textarea,
	#dashboard-root .sortable-card-item [role="button"],
	#dashboard-root .sortable-card-item .k-link,
	#dashboard-root .sortable-card-item .k-button,
	#dashboard-root .sortable-card-item .k-input,
	#dashboard-root .sortable-card-item .k-picker,
	#dashboard-root .sortable-card-item .k-dropdownlist,
	#dashboard-root .sortable-card-item .k-combobox {
		cursor: pointer;
	}

	#dashboard-root .sortable-card-item .k-chart,
	#dashboard-root .sortable-card-item .k-chart * {
		cursor: auto !important;
	}

#dashboard-root .dashboard-footer {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

#dashboard-root .dashboard-footer-content {
	padding: 10px 0px;
	background-color: #002854;
}

#dashboard-root .dashboard-footer-line.dashboard-footer-line-top {
	width: 100%;
	height: 1px; /* adjust thickness if needed */
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
}

#dashboard-root .dashboard-footer-line.dashboard-footer-line-bottom {
	width: 100%;
	height: 1px; /* adjust thickness if needed */
	background-color: #000;
	margin: 0px;
	padding: 0px;
}
/* Footer marquee */
#dashboard-root .dashboard-footer-marquee {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
}

#dashboard-root .dashboard-footer-marquee-track {
	display: flex;
	width: max-content;
	animation-name: dashboard-footer-marquee;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	will-change: transform;
}

#dashboard-root .dashboard-footer-marquee-group {
	display: inline-flex;
	align-items: center;
	gap: 0;
	padding: 0;
}

#dashboard-root .dashboard-footer-item {
	color: #FFFFFF;
	font-family: "Segoe UI", Arial, sans-serif;
	display: inline-flex;
	align-items: baseline;
	position: relative;
	max-width: 32rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 0.92rem;
	line-height: 1.0;
	padding-right: 1.2rem;
	margin-right: 1.3rem;
}

	#dashboard-root .dashboard-footer-item::after {
		content: "-";
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-48%);
		color: rgba(255, 255, 255, 0.45);
		font-size: 0.9em;
		pointer-events: none;
	}

#dashboard-root .dashboard-footer-product-name {
	font-weight: 700;
}

#dashboard-root .dashboard-footer-product-metrics {
	font-weight: 400;
	opacity: 0.9;
}

#dashboard-root .dashboard-default-header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	padding: 4px 5px 0px;
}

#dashboard-root .dashboard-default-title {
	font-size: 20px;
	font-weight: 500;
	white-space: nowrap;
	display: block; /* change from inline-block */
	width: fit-content; /* keep it tight to content */
	margin: 10px auto; /* centers horizontally */
	padding: 10px 20px;
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	background: linear-gradient( to bottom, #f7fafd 0%, #eef4fb 50%, #e6eef8 100% );
}

#dashboard-root .dashboard-default-subtitle {
	font-size: 20px;
	font-weight: 500;
	opacity: 0.9;
	text-align: right;
	margin-left: auto;
}

@keyframes dashboard-footer-marquee {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc(-1 * var(--dashboard-footer-shift, 50%)));
	}
}

@media (max-width: 900px) {
	#dashboard-root .dashboard-footer-marquee-track {
		animation-duration: 24s;
	}

	#dashboard-root .dashboard-footer-item {
		max-width: 22rem;
		font-size: 0.86rem;
		padding-right: 0.95rem;
		margin-right: 0.95rem;
	}

	#dashboard-root .dashboard-default-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
	}

	#dashboard-root .dashboard-default-subtitle {
		margin-left: 0;
		text-align: left;
	}
}

@keyframes dashboard-card-shimmer {
	100% {
		transform: translateX(100%);
	}
}

#dashboard-root .dashboard-chart-broker {
	height: 420px;
}

#dashboard-root .dashboard-chart-uw {
	height: 420px;
}

#dashboard-root .dashboard-chart-uw-premium {
	height: 420px;
}

#dashboard-root .dashboard-chart-uw-commission {
	height: 420px;
}

#dashboard-root .card-filters-with-total {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	column-gap: 16px;
	align-items: stretch;
	padding-bottom: 10px;
}

	#dashboard-root .card-filters-with-total .card-filters-criteria {
		display: grid;
		row-gap: 10px; /* adjust */
	}

	#dashboard-root .card-filters-with-total .filter-total-panel {
		align-self: end; /* bottom align */
		justify-self: end;
		min-width: 180px; /* adjust */
		text-align: right;
	}

	#dashboard-root .EmptyDashboard {
		min-height: 500px; /* adjust */
	}

/* REACT Css End*/

/* CARD IN COOLFORM */

.cfCoolFormCard {
	background: linear-gradient( to bottom, #f7fafd 0%, #eef4fb 50%, #e6eef8 100% );
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 12px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.06);
	margin: 12px auto;
	width: 800px;
}

.cfProductInfoCard {
	background: linear-gradient( to bottom, #f7fafd 0%, #eef4fb 50%, #e6eef8 100% );
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 12px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.06);
	margin-bottom: 12px;
}

	.cfProductInfoCard a {
		width: 100%;
		box-sizing: border-box;
	}

.cfProductInfoTitle {
	font-size: 1.25em;
	font-weight: 600;
	margin-bottom: 0px;
	font-family: Calibri;
}

.cfProductInfoSections {
	display: flex;
	flex-direction: column; /* 👈 stack vertically */
	gap: 0px; /* control spacing nicely */
}

.cfProductInfoSection {
	flex: none; /* 👈 stop stretching */
	font-family: Calibri;
}

.cfProductInfoList {
	list-style: none;
	padding-left: 0;
	margin-top: 8px;
}

	.cfProductInfoList li {
		margin-bottom: 0px;
	}

a.cfProductInfoLink:Link {
	display: block;
	width: 100%;
	background: linear-gradient( to bottom, #e9f0f8 0%, #dce6f3 50%, #cfdbea 100% );
	box-sizing: border-box;
	padding: 10px 16px;
	color: #666 !important;
	text-decoration: none;
	border-radius: 6px;
	font-size: 14px;
	font-weight: bold;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: anywhere !important;
	margin: 0;
	transition: all 0.25s ease;
}

a.cfProductInfoLink:hover {
	color: #006a9b !important;
	text-decoration: none;
	background: linear-gradient( to bottom, #f2fbff 0%, #e0f5ff 40%, #c2eaff 70%, #99ddff 100% );
	box-shadow: 0 6px 18px rgba(0,0,0,0.12);
	transform: translateY(-2px);
}

.cards-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 24px;
	justify-content: center;
}

.BodyMainClass {
	background-image: url('Images/MainBG.png');
	padding: 10px;
	margin: 0px;
	background-size: cover; /* fills entire cell, crops if needed */
	background-position: center;
	background-repeat: no-repeat;
}
/* Make the LinkButton render as a card */
.product-card {
	display: block;
	width: 220px;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 8px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	background: linear-gradient( to bottom, #f7fafd 0%, #eef4fb 50%, #e6eef8 100% );
	text-align: left;
	text-decoration: none;
	color: inherit;
}

	.product-card img {
		max-width: 100%;
		height: auto;
		display: block;
		margin-bottom: 8px;
	}

	.product-card .title {
		font-weight: bold;
		margin-bottom: 6px;
		color: #333;
	}

	.product-card .desc {
		font-size: 0.9em;
		color: #333;
		margin-bottom: 8px;
	}

	.product-card:focus, .product-card:hover {
		background: linear-gradient( to bottom, #f2fbff 0%, #e0f5ff 40%, #c2eaff 70%, #99ddff 100% );
		box-shadow: 0 6px 18px rgba(0,0,0,0.12);
		transform: translateY(-2px);
		color: #006a9b;
	}

		.product-card:focus .title,
		.product-card:hover .title,
		.product-card:focus .desc,
		.product-card:hover .desc {
			color: #006a9b;
			text-decoration: none;
		}

	.product-card,
	.product-card:hover,
	.product-card:focus,
	.product-card * {
		text-decoration: none !important;
	}
/* CARD IN COOLFORM End */

#TitleDiv {
	display: block; /* change from inline-block */
	width: fit-content; /* keep it tight to content */
	margin: 10px auto; /* centers horizontally */
	padding: 10px 20px;
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	background: linear-gradient( to bottom, #f7fafd 0%, #eef4fb 50%, #e6eef8 100% );
}

	#TitleDiv h1 {
		margin: 0;
	}

/*Risk Card*/
.xCardTitle {
	background: linear-gradient(to bottom, #b3e6fc, #66c8ef 40%, #009fdf 70%, #007bb3);
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	/* make it span full width */
	margin: -16px -18px 12px -18px; /* negate card padding */
	padding: 12px 18px;
	border-radius: 12px 12px 0 0; /* match card corners */
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.2);
	letter-spacing: 0.3px;
	text-align: center;
}

.xDashboard {
	max-width: 800px;
	margin: 15px auto;
}

.xDashboardFull {
	width: 100%;
	margin: 15px auto;
}

.xCard {
	background-color: #FFFFFF;
	border-radius: 12px;
	padding: 16px 18px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);
	border: 1px solid #e3e8ef;
	transition: all 0.2s ease;
	font-family: Calibri, Arial, sans-serif;
	font-size: 12px;
}

	.xCard:hover td.label, .xCard:hover h1, .xCard:hover h2, .xCard:hover h3, .xCard:hover .field {
		color: #ffffff;
	}

.xRiskDetailDashboard {
	display: grid;
	grid-template-columns: 2fr 1fr; /* left big, right smaller */
	grid-auto-rows: auto;
	gap: 16px;
	margin: 15px auto;
}

/* Card positioning */
.xRiskCard {
	grid-column: 1 / 2;
	grid-row: 1 / 3; /* BIG */
}

.xClaimCard {
	grid-column: 1 / 2;
	grid-row: 1 / 2; /* BIG */
}

.xAccountCard {
	grid-column: 2 / 3;
	grid-row: 1 / 2; /* SMALL */
}

.xAgentCard {
	grid-column: 1 / 2;
	grid-row: 3 / 4; /* MEDIUM */
}

.xConditionCard {
	grid-column: 2 / 3;
	grid-row: 2 / 4; /* SMALL TALL */
}

.xRiskCard,
.xAgentCard,
.xAccountCard,
.xConditionCard,
.xClaimCard,
.xCard {
	/*background: linear-gradient( to bottom, #ffffff 0%, #fafcfe 15%, #edf3f9 35%, #e6edf5 50%, #f0f5fa 65%, #e3eaf2 100% );*/
	background-color: #FFFFFF;
	border-radius: 12px;
	padding: 16px 18px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);
	border: 1px solid #e3e8ef;
	transition: all 0.2s ease;
	font-family: Calibri, Arial, sans-serif;
	font-size: 12px;
}
	.xCard:hover .tableBorder .field, .xCard:hover td.label, .xCard:hover h2, .xCard:hover h3, .xCard:hover .field {
		color: #006a9b;
	}
	.xCard a.detailLinks, .xCard h2 {
		color: #000000;
	}

	.xCard:hover a.detailLinks {
		color: #FFFFFF;
	}

	.xCard .taskoverdue {
		color: #FF0000;
		text-align: right;
	}
	/* subtle hover */
	.xRiskCard:hover,
	.xAgentCard:hover,
	.xAccountCard:hover,
	.xConditionCard:hover,
	.xClaimCard:hover,
	.xCard:hover {
		background: linear-gradient( to bottom, #f2fbff 0%, #e0f5ff 40%, #c2eaff 70%, #99ddff 100% );
		box-shadow: 0 6px 18px rgba(0,0,0,0.12);
		transform: translateY(-2px);
		color: #006a9b;
	}

		.xRiskCard:hover .xValue,
		.xAgentCard:hover .xValue,
		.xAccountCard:hover .xValue,
		.xConditionCard:hover .xValue,
		.xClaimCard:hover .xValue,
		.xCard:hover .xValue,
		.xCard:hover .xFull {
			color: #006a9b;
			border-bottom: 1px solid #FFFFFF;
		}

			.xRiskCard:hover .xValue .Field,
			.xAgentCard:hover .xValue .Field,
			.xAccountCard:hover .xValue .Field,
			.xConditionCard:hover .xValue .Field,
			.xClaimCard:hover .xValue .Field,
			.xCard:hover .xValue .Field,
			.xCard:hover .xFull Label,
			.xCard:hover .xValue Label {
				color: #006a9b;
			}

		.xRiskCard:hover .xKey,
		.xAgentCard:hover .xKey,
		.xAccountCard:hover .xKey,
		.xConditionCard:hover .xKey,
		.xClaimCard:hover .xKey,
		.xCard:hover .xKey {
			color: #006a9b; /* slightly softer than pure white */
			border-bottom: 1px solid #FFFFFF;
		}
		.xCard:hover label {
			color: #006a9b;
		}

		.xKeyValuePair {
			display: grid;
			grid-template-columns: 60% 40%;
		}

.xCard .xKeyValuePair {
	display: grid;
	grid-template-columns: 50% 50%;
}

	.xCard .xKeyValuePair.x2080 {
		display: grid;
		grid-template-columns: 20% 80%;
	}

.CriteriaPanel {
	width: 800px;
	text-align: right;
	margin: 0px auto;
	color: #002854;
	display: flex;
	align-items: center; /* vertical centering */
	justify-content: flex-end; /* keeps your right alignment */
	gap: 8px;
}

.CriteriaPanelFull {
	width: 100%;
	text-align: right;
	margin: 0px auto;
	color: #002854;
	display: flex;
	align-items: center; /* vertical centering */
	justify-content: flex-end; /* keeps your right alignment */
	gap: 8px;
}

	.CriteriaPanelFull .rfdCheckboxUnchecked Label,
	.CriteriaPanelFull .rfdCheckboxChecked Label {
		border-color: #ffffff;
		color: #ffffff;
		background-image: none !important;
	}

	.CriteriaPanelFull Label {
		color: #FFFFFF;
	}
/* Grid Clickable*/
.RadGrid.RadGrid_CGICE.xRadGrid .rgMasterTable tr.rgHoveredRow > td,
.RadGrid.RadGrid_CGICE.xRadGrid .rgMasterTable tr.rgHoveredRow {
	border-color: #FFFFFF;
	color: #FFFFFF;
	background-color: #002854;
	background: linear-gradient( to bottom, #001428 0%, #002854 40%, #003f7a 75%, #006bb3 100% );
	box-shadow: 0 1px 0 0 #1d2245 inset;
}
/* KEY */
.xKey {
	font-size: 12px;
	color: #111111;
	padding: 10px 0;
	border-bottom: 1px solid #333333;
}

	.xKey label {
		color: #111111;
	}

.xValue {
	font-size: 12px;
	font-weight: 800;
	color: #000000;
	text-align: right;
	padding: 10px 0;
	border-bottom: 1px solid #333333;
}

.xFull {
	grid-column: 1 / -1; /* span across all columns */
	font-size: 12px;
	color: #000000;
	text-align: right;
	padding: 10px 0;
	border-bottom: 1px solid #333333;
}

	.xFull a:link {
		color: #000000;
	}


.xValue .Field {
	font-size: 12px;
	font-weight: 800;
	color: #000000;
}
/* Case 1: last row is xFull → remove only its border */
.xKeyValuePair > .xFull:last-child {
	border-bottom: none;
}

/* Case 2: last row is a pair (xKey + xValue) */
.xKeyValuePair > .xKey:nth-last-child(2),
.xKeyValuePair > .xValue:last-child {
	border-bottom: none;
}

@media (max-width: 900px) {
	.xRiskDetailDashboard {
		grid-template-columns: 1fr;
	}

	.xRiskCard,
	.xAgentCard,
	.xAccountCard,
	.xConditionCard {
		grid-column: auto !important;
		grid-row: auto !important;
	}
}
/*Risk Card End*/

/* ===== Missing from Pasted text(9).txt compared to base ===== */

/* table hover helper */
.CFQTable:hover {
	background-color: #F1F5FF;
}

.tableRow a {
	color: #555555;
	text-decoration: none;
}

/* alternate title container used in base */
.TitleDiv {
	display: block;
	width: fit-content;
	margin: 10px auto;
	padding: 10px 20px;
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	background: linear-gradient( to bottom, #f7fafd 0%, #eef4fb 50%, #e6eef8 100% );
}

	.TitleDiv h1 {
		margin: 0;
	}

	.TitleDiv h2 {
		margin: 0;
	}

/* lowercase label variants present in base but missing here */
.CriteriaPanelFull label.rfdCheckboxUnchecked,
.CriteriaPanelFull label.rfdCheckboxChecked {
	color: #ffffff;
	border-color: #ffffff;
	background-image: none !important;
}

.CriteriaPanelFull label {
	color: #FFFFFF;
}

.RadForm_CUL .CriteriaPanelFull label.rfdCheckboxUnchecked,
.RadForm_CUL .CriteriaPanelFull label.rfdCheckboxChecked {
	color: #ffffff !important;
	border-color: #ffffff;
	background-image: none !important;
}

/* additional grid skin variant from base */
.RadGrid.RadGrid_CUL.xRadGrid .rgMasterTable tr.rgHoveredRow > td,
.RadGrid.RadGrid_CUL.xRadGrid .rgMasterTable tr.rgHoveredRow {
	border-color: #FFFFFF;
	color: #FFFFFF;
	background-color: #002854;
	background-image: linear-gradient(to bottom, #00b4f0 0%, #009fdf 50%, #006ea8 100%) !important;
	box-shadow: 0 1px 0 0 #002854 inset;
}

/* utility alignment helpers present in base */
.xLeft {
	text-align: left;
}

.xCenter {
	text-align: center;
}

/* link hover helper present in base */
.xValue:hover a,
.xCard:hover a {
	color: #006a9b;
}

/* button wrapper present in base */
.ButtonDivPanel {
	display: flex;
	justify-content: flex-end;
	padding: 10px 0px;
	gap: 10px;
}

/* ===== Login / auth section missing entirely ===== */

:root {
	--page-bg-1: #f4fbff;
	--page-bg-2: #e8f6fd;
	--card-bg: rgba(255,255,255,0.94);
	--text: #002854;
	--muted: #4b6c86;
	--line: #cfe6f2;
	--input-bg: #f8fcff;
	--input-focus: #ffffff;
	--primary: #009fdf;
	--primary-soft: #e6f7ff;
	--danger: #dc2626;
	--shadow: 0 20px 50px rgba(0,40,84,0.12);
	--radius-xl: 28px;
	--radius-lg: 16px;
}

* {
	box-sizing: border-box;
}

.login-page {
	min-height: 100vh;
	padding: 20px 20px 56px;
}

.login-shell {
	max-width: 1120px;
	margin: 0 auto;
}

.login-top {
	text-align: center;
	margin-bottom: 30px;
}

	.login-top h1 {
		margin: 0 0 14px;
		font-size: 42px;
		line-height: 1.1;
		font-weight: 700;
		letter-spacing: -0.03em;
		color: var(--text);
	}

	.login-top .intro {
		margin: 0 auto;
		max-width: 1000px;
		font-size: 12px;
		line-height: 1;
		color: var(--muted);
	}

.login-main {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 28px;
}

.signin-card {
	width: 100%;
	min-width: 420px;
	max-width: 420px;
	background: var(--card-bg);
	border: 1px solid rgba(255,255,255,0.7);
	border-radius: 14px;
	box-shadow: var(--shadow);
	padding: 22px 30px 18px;
	backdrop-filter: blur(6px);
	transition: transform .18s ease, box-shadow .18s ease;
}

	.signin-card:hover {
		transform: translateY(-10px);
		box-shadow: 0 30px 60px rgba(0,40,84,0.18);
	}

.signin-card-top {
	text-align: center;
	margin-bottom: 30px;
	font-weight: bold;
}

.eyebrow {
	display: inline-block;
	margin-bottom: 16px;
	padding: 8px 14px;
	border-radius: 999px;
	background: var(--primary-soft);
	color: var(--primary);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.signin-card h2 {
	margin: 0 0 10px;
	font-size: 42px;
	line-height: 1.1;
	font-weight: 700;
	letter-spacing: -0.03em;
	color: var(--text);
}

.signin-card .subtext {
	margin: 0 auto;
	max-width: 470px;
	font-size: 16px;
	line-height: 1.8;
	color: var(--muted);
}

.signin-fields {
	width: 100%;
	max-width: 420px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 5px;
	align-items: flex-start;
}

.signin-field {
	width: 100%;
	flex-direction: column;
	display: flex;
	gap: 10px;
}

	.signin-field .bodycolor1large,
	.signin-field label {
		text-align: left;
	}

	.signin-field label,
	.signin-field .bodycolor1large {
		display: block;
		margin: 0 0 9px;
		font-size: 14px;
		line-height: 1.4;
		font-weight: 700;
		color: #005b84;
	}

	.signin-field input.flattextbox,
	.signin-field input[type="text"],
	.signin-field input[type="password"] {
		width: 100% !important;
		height: 38px;
		padding: 0 14px;
		border: 1px solid var(--line);
		border-radius: 14px;
		background: var(--input-bg);
		color: var(--text);
		font-size: 15px;
		outline: none;
		transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
		box-sizing: border-box;
	}

	.signin-field input:focus {
		border-color: #00a1df;
		background: var(--input-focus);
		box-shadow: 0 0 0 4px rgba(0,159,223,0.14);
	}

.signin-actions {
	margin-top: 6px;
	width: 100% !important;
}

	.signin-actions .RadButton,
	.signin-actions button {
		width: 100% !important;
		height: 56px;
		border-radius: 15px;
		font-size: 16px;
		font-weight: 700;
	}

.signin-links {
	width: 100%;
	max-width: 420px;
	margin: 24px auto 0;
	text-align: center;
}

	.signin-links a,
	.navLinks {
		display: inline-block;
		margin: 5px 0;
		color: #4b5563;
		font-size: 14px;
		font-weight: 600;
		text-decoration: none;
	}

		.signin-links a:hover,
		.navLinks:hover {
			color: var(--primary);
			text-decoration: underline;
		}

.signin-trust {
	width: 100%;
	max-width: 420px;
	margin: 26px auto 0;
	padding-top: 20px;
	border-top: 1px solid #dde5f0;
	text-align: center;
}

.trust-note {
	margin: 0 0 12px;
	font-size: 13px;
	line-height: 1.6;
	color: var(--muted);
}

.signin-error {
    width: 100%;
    max-width: 420px;
    margin: 16px auto 0;
    text-align: center;
    color: red;
    font-size: 14px;
    font-weight: bold;
}

.banner-card {
	background: rgba(255,255,255,0.75);
	border: 1px solid rgba(255,255,255,0.65);
	border-radius: 18px;
	overflow: hidden;
	width: 613px;
	height: 307px;
	position: relative;
	box-shadow: 0 18px 40px rgba(0,40,84,0.14);
	transition: transform .18s ease, box-shadow .18s ease;
}

	.banner-card:hover {
		transform: translateY(-10px);
		box-shadow: 0 28px 60px rgba(0,40,84,0.20);
	}

@media (max-width: 768px) {
	.login-page {
		padding: 28px 14px 40px;
	}

	.login-top h1 {
		font-size: 32px;
	}

	.login-top .intro {
		font-size: 15px;
	}

	.signin-card {
		padding: 28px 20px 24px;
		border-radius: 22px;
	}

		.signin-card h2 {
			font-size: 34px;
		}

		.signin-card .subtext {
			font-size: 15px;
		}

	.signin-fields,
	.signin-links,
	.signin-trust,
	.signin-error {
		max-width: 100%;
	}
}

/* ===== Loader / blob animation section missing entirely ===== */

.liquid-loader {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 160px;
	height: 120px;
}

.blob-wrap {
	position: relative;
	width: 120px;
	height: 80px;
	filter: url(#gooey);
}

.blob {
	position: absolute;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.blob-1 {
	width: 48px;
	height: 48px;
	background: #009fdf;
	left: 10px;
	top: 18px;
	animation: blobMove1 2.8s infinite, blobMorph1 3.2s infinite;
}

.blob-2 {
	width: 54px;
	height: 54px;
	background: #ffffff;
	left: 42px;
	top: 10px;
	animation: blobMove2 3s infinite, blobMorph2 3.6s infinite;
}

.blob-3 {
	width: 36px;
	height: 36px;
	background: #ddf5ff;
	left: 70px;
	top: 30px;
	animation: blobMove3 2.6s infinite, blobMorph3 3.1s infinite;
}

@keyframes blobMove1 {
	0%, 100% {
		transform: translate(0, 0) scale(1);
	}

	25% {
		transform: translate(18px, -10px) scale(1.08);
	}

	50% {
		transform: translate(30px, 8px) scale(0.92);
	}

	75% {
		transform: translate(12px, 14px) scale(1.05);
	}
}

@keyframes blobMove2 {
	0%, 100% {
		transform: translate(0, 0) scale(1);
	}

	25% {
		transform: translate(-16px, 12px) scale(0.95);
	}

	50% {
		transform: translate(10px, 18px) scale(1.1);
	}

	75% {
		transform: translate(20px, -8px) scale(0.96);
	}
}

@keyframes blobMove3 {
	0%, 100% {
		transform: translate(0, 0) scale(1);
	}

	25% {
		transform: translate(-10px, -12px) scale(1.1);
	}

	50% {
		transform: translate(-22px, 6px) scale(0.9);
	}

	75% {
		transform: translate(8px, -6px) scale(1.05);
	}
}

@keyframes blobMorph1 {
	0%, 100% {
		border-radius: 42% 58% 63% 37% / 40% 44% 56% 60%;
	}

	50% {
		border-radius: 58% 42% 35% 65% / 55% 30% 70% 45%;
	}
}

@keyframes blobMorph2 {
	0%, 100% {
		border-radius: 60% 40% 45% 55% / 51% 59% 41% 49%;
	}

	50% {
		border-radius: 38% 62% 58% 42% / 40% 47% 53% 60%;
	}
}

@keyframes blobMorph3 {
	0%, 100% {
		border-radius: 55% 45% 40% 60% / 48% 62% 38% 52%;
	}

	50% {
		border-radius: 35% 65% 60% 40% / 55% 35% 65% 45%;
	}
}

.OutPanelCheckBoxList {
	font-size: 13px;
	font-family: Calibri;
	color: #006a9b;
}

.RadForm_CGICE .OutPanelCheckBoxList label.rfdCheckboxChecked, .RadForm_CGICE .OutPanelCheckBoxList label.rfdCheckboxUnchecked {
	font-size: 13px;
	font-family: Calibri;
	color: #006a9b;
	border-color: #006a9b;
}


.xCard:hover a.rfdSelect {
	color: #FFFFFF;
}


.RadMenu .rmRootGroup > .rmItem:first-child > .rmLink {
	border-left: 1px solid #002854; /* adjust color */
	padding-left: 10px; /* spacing so text doesn’t stick */
}

.RadGrid_CGICE .rgHeader:active,
.RadGrid_CGICE .rgHeader:focus,
.RadGrid_CGICE th.rgSorted,
.RadGrid_CGICE th.rgSorted:active,
.RadGrid_CGICE th.rgSorted:focus {
	border: 1px solid;
	border-color: #fff #6e8ec2 #204582 #355a99;
	border-top-width: 0;
	background: linear-gradient(to top, #b3e6fc, #66c8ef 40%, #009fdf 70%, #007bb3);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9db7db', endColorstr='#698ac0');
	color: #FFFFFF;
	text-decoration:none;
}


	.RadGrid_CGICE th.rgSorted a,
	.RadGrid_CGICE th.rgSorted a:active,
	.RadGrid_CGICE th.rgSorted a:focus {
		color: #FFFFFF;
		text-decoration: none;
	}

.RadGrid_CGICE .rgRow > td.rgSorted,
.RadGrid_CGICE .rgRow > td.rgSorted:active,
.RadGrid_CGICE .rgRow > td.rgSorted:focus,
.RadGrid_CGICE .rgRow > td.rgSorted:hover {
	background: #f0f2f5 !important;
	background-color: #f0f2f5 !important;
	background-image: none !important;
	color: #000000 !important;
}

.RadGrid_CGICE .rgAltRow > td.rgSorted,
.RadGrid_CGICE .rgAltRow > td.rgSorted:active,
.RadGrid_CGICE .rgAltRow > td.rgSorted:focus,
.RadGrid_CGICE .rgAltRow > td.rgSorted:hover {
	background: #ffffff !important;
	background-color: #ffffff !important;
	background-image: none !important;
	color: #000000 !important;
}

.RadGrid_CGICE .rgHoveredRow > td,
.RadGrid_CGICE .rgHoveredRow > td.rgSorted,
.RadGrid_CGICE .rgHoveredRow > td.rgSorted:hover,
.RadGrid_CGICE .rgHoveredRow .rgSorted {
	background: linear-gradient( to bottom, #001428 0%, #002854 40%, #003f7a 75%, #006bb3 100% ) !important;
	color: #ffffff !important;
}
.RadGrid_CGICE .rgRow td .t-button,
.RadGrid_CGICE .rgAltRow td .t-button {
	display: inline-flex;
	align-items: center;
}

.rfdOptionList td {
	font-family: Calibri;
	font-size: 11px;
}