/*

logo Purple which prints correctly - (112, 48, 160)   # 7030a0

Medium purple (107,80,161) # 6b50a1
Light Purple # a680f2
Very Light Purple # d9bdfd

Dark Gold # f6b915
Very Light Gold for data rows # fdf0ce

Medium Green # 368530
*/


/*
#432274
*/


@font-face {
  font-family: 'calibri';
  src: url('fonts/calibri/Calibri Regular.ttf') format('truetype'), 
      url('fonts/calibri/Calibri Bold.ttf') format('truetype'),
      url('fonts/calibri/Calibri Italic.ttf') format('truetype'),
   url('fonts/calibri/Calibri Light.ttf') format('truetype');
}

:root{
    --color-purple-dark:#432274;  /* 6b50a1 background-color: #432274; */
    --color-purple-medium:#672AB6; 
    --color-purple-darklight:#9548f9;
    --color-purple-light:#A778E4; /* a680f2 background-color: var(--color-purple-light); */
    --color-purple-verylight:#d9bdfd; /* background-color: var(--color-purple-verylight); */

    --color-gold-medium:#f6b915;  /* background-color: var(--color-gold-medium); */
    --color-grey-verylight:#c0c0c0;  /* fdf0ce background-color: var(--color-grey-verylight); */
    --color-grey-veryverylight:#e3e3e3;  /* fdf0ce background-color: var(--color-grey-verylight); */
       
    --color-green-medium:#368530;  /* background-color: var(--color-green-medium); */
   /* #01b67a:#01b67a;*/
    --color-green-verylight:#9fea9f;
}


.purple{color:#432274;}

html{overflow:scroll;}

#div_spacer{height:30px;}
.div_spacer{height:30px;}

td input, textarea, td select, radio, label{font-size:0.8em!important;}

/* ------- */
a, div, span, td{outline:none;}

img{outline:none; border:none;}
/* End ------- */


body {
	margin: 0;
	padding: 0;
	/*background: #F9F9F9 url(../images/img01.jpg) repeat left top;*/
	/*background: #ffffff url(../images/img02.jpg) repeat-x left top;*/
	font-family: calibri;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif ;
	font-size: 14px;
	color: #5A554E;
}

input, select, textarea{
	padding-left:2px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border:1px solid #c9c9c9 !important;
} 

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-family: calibri;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 2.4em;
}

h3 {
	font-size: 1.6em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 200%;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
}

ul, ol {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

a {
	text-decoration: underline;
	/*color: #516C00;*/
}

a:hover {
	text-decoration: none;
}

h2 a {
	text-decoration: none;
}

.inline{
    display:inline-block;
}
#wrapperpopup {
	margin: 0px;
	padding: 0px;
	padding-top:50px;
    height:90%;
	/*background: url(../images/img02.jpg) repeat-x left top;*/
}
#pagepopup {
	width: 900px;
	background: #F9F9F9;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#wrapper {
	margin: 0px;
	padding: 0px;
	padding-top:0px; /* was 50px;*/
	/*background: url(../images/img02.jpg) repeat-x left top;*/
}

/* Header */

#header {
	width: 1000px;
	height: 115px;
	margin: 0 auto;
	padding: 0px;
	background: url(../images/topbanner_pp.jpg) no-repeat right top;
}

#header_login {
	/*width: 1000px;
	height: 215px;
	margin: 0 auto;
	padding: 0px;
	background: url(../images/bg_header.png) no-repeat left top;*/
}


/* Logo */

#logo {
	width: 1000px;
	height: 300px;
	float: left;
	margin: 0;
	padding: 0px 0px 0px 0px;
	color: #000000;
}

#logo h1, #logo p {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#logo h1 {
	letter-spacing: -1px;
	text-transform: lowercase;
	font-size: 44px;
}

#logo h1 a {
	color: #FFFFFF;
}

#logo p {
	margin: -30px 0px 0px 0px;
	padding: 26px 0 0 2px;
	font: normal 19px Georgia, "Times New Roman", Times, serif;
	color: #C5E8FF;
} 

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #C5E8FF;
}

/* Search */

#search {
	float: right;
	width: 280px;
	height: 60px;
	padding: 20px 0px 0px 0px;
	background: #E2E2E2;
	border-bottom: 4px solid #FFFFFF;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 10px 0 0 20px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 170px;
	padding: 6px 5px 2px 5px;
	border: 1px solid #DEDEDE;
	background: #FFFFFF;
	text-transform: lowercase;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #5D781D;
}

#search-submit {
	width: 50px;
	height: 22px;
	border: none;
	background: #B9B9B9;
	color: #000000;
}

#banner {
	margin-bottom: 20px;
}

/* Menu */

#menu {
	width: 1000px;
	height: 65px;
	margin: 0 auto;
	padding: 0;
	border: none;
}

#menu ul {
	float: right;
	margin: 0;
	padding: 0px 25px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	width: 120px!important;
	height: 39px;
	margin-left: 10px;
	padding-top: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	border: none;
}

#menu a:hover, #menu .current_page_item a {
	text-decoration: none;
}
.current_page_item {
	background: url(../images/img05a.jpg) repeat left top!important;
	padding-left: 0;
	color: #000;
}

.current_page_item{
color:#432274!important;

}

/* Page */

#page {
	width: 55%;
	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 40px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
}
#page {   
	/*text-shadow: 1px 1px 1px #FFF;*/
    border:3px solid #432274;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
	padding-left:0px!important;
	padding-right:0px!important;
	padding-top:40px;
}

/* Content */

#content {
	float: left;
	width: 500px;
	padding: 0px 0px 0px 0px;
}

.border_880{width:880px!important; border:1px solid #044c88;}
.border_900{width:900px!important; border:1px solid #044c88;}
.border_1000{width:1000px!important; border:1px solid #044c88;}

.noborder_900{width:900px!important; border:0px;}
.noborder_100em{width:100%!important; border:0px;}
.noborder_1000{width:1000px!important; border:0px;}

.noborder_95em{width:95%!important; border:0px;}
.noborder_90em{width:90%!important; border:0px;}
.noborder_80em{width:80%!important; border:0px;}
.noborder_70em{width:70%!important; border:0px;}
.noborder_60em{width:60%!important; border:0px;}


.post {
	margin-bottom: 15px;
    padding-left:20px!important;
    text-align:center;

}

.post-bgtop {
}

.post-bgbtm {
}

.post .title {
	margin-bottom: 10px;
	padding: 12px 0 0 0px;
	letter-spacing: -.5px;
	font-size: 36px;
	color: #493E2B;
}

.post .title a {
	color: #493E2B;
	border: none;
}

.post .meta {
	margin: -10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	letter-spacing: -1px;
	font-size: 23px;
	font-weight: normal;
	color: #6E8D3D;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.post .meta .date {
	float: left;
}

.post .meta .posted {
	float: right;
}

.post .meta a {
}

.post .entry {
	/*background: url(../images/img08.jpg) repeat-x left top;*/
	padding: 25px 0px 0px 0px;
	text-align: justify;
}

.links {
	padding-top: 20px;
}

.more {
	padding-left: 16px;
	background: url(../images/img10.gif) no-repeat left 3px;
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
}

.comments {
	padding-left: 18px;
	background: url(../images/img11.gif) no-repeat left 4px;
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
}


/* Sidebar */

#sidebar {
	float: right;
	width: 273px;
	padding: 0px;
	color: #787878;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar li ul {
	margin: 0px 0px;
	padding-bottom: 20px;
}

#sidebar li li {
	line-height: 35px;
	margin: 0px;
	padding: 2px 0px;
	border-left: none;
}

#sidebar li li span {
	height: 19px;
	margin-right: 16px;
	padding: 4px 12px;
	background: #3D2A0B url(../images/img12.jpg) repeat-x left top;
	font-size: 12px;
	color: #FFFFFF;
}

#sidebar li li span a {
	color: #FFFFFF;
}

#sidebar h2 {
	height: 65px;
	background: url(../images/img09.jpg) no-repeat left bottom;
	letter-spacing: -.5px;
	font-size: 28px;
	color: #493E2B;
}

#sidebar p {
	margin: 0 0px;
	padding: 0px 0px 30px 0px;
	text-align: justify;
}

#sidebar p strong {
	color: #4A3E29;
}

#sidebar a {
	border: none;
}

#sidebar a:hover {
}

/* Calendar */

#calendar {
}

#calendar_wrap {
	padding: 20px;
}

#calendar table {
	width: 100%;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}

#header-content {}
#header-content p{padding-top:20px; font-size:2em;}

#homeimg {position:relative; left:-400px; top:-70px;}
#backimg {position:relative; left:-390px; top:-70px;}
#logoutimg {position:relative; left:400px; top:-70px;}

#header-content-popup {
	width: 920px;
	height: 60px;
	margin: auto;
	padding: 0px 50px 0px 50px;
    background-color:#432274;
 	font-size: 12px;
	color: #ffffff;
	text-align:center;
}
#header-content-popup p{padding-top:5px; font-size:2em; float:none;}


#header-content-popup-800 {
	width: 800px;
	height: 60px;
	margin: auto;
	padding: 0px 0px 0px 0px;
    background-color:#432274;
 	font-size: 12px;
	color: #ffffff;
	text-align:center;
}
#header-content-popup-800 p{padding-top:5px; font-size:2em; float:none;}


/* Footer */

#footer-content {
    width: 100%;
    height: 60px;
    margin: 0 auto;
    padding: 0px 50px 0px 50px;
    font-size: 12px;
    color: #ffffff;
    text-align:center;
    background: #432274;   
}

#footer-content p{padding-top:18px;}

#footer-content .column1 {
	float: left;
	line-height: normal;
	width: 570px;
}

#footer-content .column2 {
	float: right;
	width: 273px;
}

#footer-content h2 {
	padding-bottom: 10px;
	font-size: 22px;
	color: #E3D2B6;
}

#footer-content strong {
	color: #E3D2B6;
}

#footer-content a {
	color: #AA8B55;
}

#footer-content a:hover {
	color: #AA8B55;
}

.list li {
	margin-bottom: 6px;
}

#footer {
	height: 50px;
	margin: 0 auto;
	padding: 0px 0 15px 0;
	font-family: Arial, Helvetica, sans-serif;
}

#footer p {
	margin: 0;
	line-height: normal;
	font-size: 12px;
	text-align: center;
	color: #82A2B9;
}

#footer a {
	text-decoration: underline;
	color: #82A2B9;
}



.odd {background:#ffffff;font-size:13px;}
.even {background:var(--color-grey-veryverylight);font-size:13px; color:#000;}
.prioritytask {background-color:#64c1f7;font-size:13px; color:#000;}
.priorityintro {background-color:#E6007E;font-size:13px; color:#000;}

.illhealthprioritytask td{background-color:yellow!important;}
.seriousillhealthtask td{background-color:orange!important;}



.oddtask {background:#ffffff;font-size:13px; color:#000; padding:2px 0 2px 0;}

.eventask {
    background:#F4F6FC;
    font-size:13px; 
    color:#000; 
    padding:2px;
}

.actseparator{background:#432274; font-weight:600; color:#fff;}

.oddapps {background:#ffffff;font-size:11px;}
.evenapps {background:var(--color-grey-verylight);font-size:11px;}

.oddcomparison {background:#ffffff;font-size:11px;}
.evencomparison {background:var(--color-grey-verylight);font-size:11px; color:#000;}

.odd_purple {background:var(--color-purple-verylight);font-size:13px; color:#000; font-weight:600;}
.even_purple {background:var(--color-purple-light);font-size:13px; color:#000; font-weight:600;}

.rowlink{}

.arial{font-family: Arial; font-size:12px;}

.label{font-size:1em!important; padding-left:5px; text-align:left;}
.labelright{font-size:11px; padding-left:5px; text-align:right;}

.labelblack {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 1em;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.pfdlabel{font-size:0.8em!important; padding-left:5px; text-align:left;}

.MenuBarHorizontal li .spacer{width:5px; background-color:#ffffff!important;}

.leftpadding5{padding-left:5px;}
.leftpadding10{padding-left:10px;}
.leftpadding20{padding-left:20px;}

.toppadding5{padding-top:5px;}
.toppadding10{padding-top:10px;}
.toppadding20{padding-top:20px;}

#div_appointmant_info{margin-left:20px;margin-right:20px;}

.list_product_status_info{font-family: Arial; font-size: 14px; color: #5A554E;}
.list_appointments td{font-family: Arial; font-size: 13px!important; color: #252525; padding-top:2px; padding-bottom:2px;}
.tbl_todaysappdetails{border:1px dotted #3B842A; padding:5px 5px 5px 5px;}
.psi_header{font-weight:900;min-width:20px;}

.addButton{}
.addButton a{font-size:10px; color:#ffffff!important; background-color:#339933; padding:3px;  border-style:outset;}
.addButton a:active{font-size:10px; color:#ffffff!important;  background-color:#339933; padding:3px; border-style:inset;}
.addButtonDiv{font-size:11px; color:#ffffff!important; background-color:#339933; padding:3px;  display:block; width:180px; border-style:outset;}

.btn_new_product{font-size:10px; color:#ffffff!important; background-color:#339933; padding:3px;  border-style:outset;}
.btn_new_productActive{font-size:10px; color:#ffffff!important;  background-color:#339933; padding:3px; border-style:inset;}

#div_script {background-image:url(../images/overlay-black2.png); height:200px;  z-index: 9999; position: absolute; top: 0px; width: 100%; color:#FFFFFF;}

.tr_bg_green{background:#66FF99;}

.tr_bg_blue{background:#432274; font-weight:900; color:#FFFFFF;}
.bg_blue{color:#fff!important;background-color:#432274; padding-left:5px;}

.unsuitable{font-size:24px;color:#CC3300; }
.suitable{font-size:24px;color:#009900; }

.readonly{background:#CCCCCC;color:#333333;}


.box_header{background: url(../images/box_header.jpg) no-repeat left bottom; height:33px; width:253px; padding-left:20px;}
.box_repeat{background: url(../images/box_repeat.jpg) repeat-y left bottom; height:33px; width:253px; padding-left:20px;}
.box_footer{background: url(../images/box_footer.jpg) no-repeat left top; height:7px; width:253px;}
.box_button{background: url(../images/box_button.jpg) no-repeat;height:33px; border:0px solid yellow; padding-top:7px; padding-left:10px;}
.box_button:hover{background: url(../images/box_button_over.jpg) no-repeat;height:33px; border:0px solid yellow; padding-top:7px; padding-left:10px;}
.box_button a{text-decoration:none;color:#666666;}
.box_spacer{background: url(../images/box_repeat.jpg) repeat-y left bottom; height:5px; width:253px;}



#message, #task_message{
    display:none;
    width: 348px;
    min-height: 85px;
    border: solid 3px #dddd8a;
    background: #FFFFCC;
    position: fixed;
    top: 5px;
    right: 5px;
    font-size: 25px;
    font-weight: 900;
    color: #CC0000;
    padding-top: 10px;
    z-index: 100000;
    flex:1;
}


.mandatory{color:#CC0000; }
.mandatorycomplete{color:#009900; }
.mandatoryincomplete{color:#CC0000; }

.row20 tr{height:30px;}
.row20 td{padding-top:5px;padding-bottom:5px; border-bottom: 1px dashed #CCCCCC;}

/* Style for Pension Fund List*/
.nodashes{border-bottom: 0px!important;}
.strong {font-weight:900!important;}
.medium {font-weight:600!important;}
.weak {font-weight:100!important;}
.excluded_holding {background:#ffb8b8;color:black;}

.underline{text-decoration:underline;}

.row15 {height:15px!important;}
.row15 td {height:15px!important;}
.row20 {height:20px!important;}
.row20 td {height:20px!important;}
.row30 td {height:30px!important;}

.red{color:#FF0000;}
.redbold{font-weight:900; color:red;}


.green{color:green;}
.greenbold{font-weight:900; color:green;}

.blue{color:blue;}
.bluebold{font-weight:900; color:blue;}

.orange{color:orange;}
.orangebold{font-weight:900; color:orange;}

.yellowbg{background-color:yellow;}
.yellow{color:yellow;}
.yellowbold{font-weight:900; color:yellow;}


.noborder{border:0px!important;}
.nobordertop{border-top:0px!important;}
.nobackground{background:none;}


/*----------------- SCRIPT FAQ STYLING --------------*/
.faq_inactive {
    color: #000;
    cursor: pointer;
    display: block;
    margin-top: 15px;
}

.faq_active {
    font-weight: bold;
    border: 2px solid #5a5a5a;
    border-bottom: 0;
    padding: 3px;  
    background: #fff;    
    text-align: center;                      
}

.faq_content {
    display: block;
    padding: 6px;
    border: 2px solid #5a5a5a;
    border-top: 0;
    display:none;
    background: #fff;
}


@charset "UTF-8";

/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/*******************************************************************************
 LAYOUT INFORMATION: describes box model, positioning, z-order
 *******************************************************************************/

#menux{width: 1000px; height: 60px;border:none; border:none; padding:0;margin: 0 auto;}

.MenuBarHorizontal li a:hover{color:#fff!important;
text-shadow:-1px -1px 0 #432274, 1px -1px 0 #432274, -1px 1px 0 #432274, 1px 1px 0 #432274;
}

/* The outermost container of the Menu Bar, an auto width box with no margin but some top padding to align itself with the bottom of the grass  */
ul.MenuBarHorizontal
{
	margin-left: 10px;
	padding-top: 73px;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
	float:left;

}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: center;
	cursor: pointer;
	width: 8em;
	float: left;
	border-right:1px solid #fff;
	border-left:1px solid #fff;

}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 8.2em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: 5% 0 0 100%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

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

 DESIGN INFORMATION: describes color scheme, borders, fonts

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

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 1px solid #CCC;
	background: url(../images/navbutton_pc.jpg) repeat left bottom;
	font-size:100%;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	padding: 0.5em 0.75em;
	color: #fff;
	text-decoration: none;
	background: url(../images/navbutton_pc.jpg) repeat left bottom;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #432274;
	/*background: url(../images/img05.jpg) repeat-x left top;*/
	color: #fff;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #432274;
	/*background: url(../images/img05.jpg) repeat-x left top;*/
	color: #FFF;
}

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

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

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

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(../images/navbutton_pc.jpg) repeat left bottom;
	background-repeat: repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(../images/navbutton_pc.jpg) repeat left bottom;
	/*background-image: url(SpryMenuBarRight.gif);*/
	background-repeat: repeat;
	background-position: 95% 50%;
	font-size:90%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(../images/navbutton_pc.jpg) repeat left bottom;
	background-repeat: repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(../images/navbutton_pc.jpg) repeat left bottom;
	background-repeat: repeat;
	background-position: 95% 50%;
}

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

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

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

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		float: left;
		background: #FFF;
	}
}

.inp_integer{width:30px!important;}
.inp_date{width:80px!important;}
.inp_amount{width:80px!important;}
.inp_decimal{width:30px!important;}
.sel_text50{width:50px!important;}
.sel_text60{width:60px!important;}
.sel_text75{width:75px!important;}
.sel_text100{width:100px!important;}
.sel_text120{width:120px!important;} /* equivalent of text field size 15 */
.sel_text150{width:150px!important;}
.sel_text180{width:180px!important;}
.sel_text200{width:200px!important;}
.sel_text220{width:220px!important;}
.sel_text250{width:250px!important;}
.sel_text300{width:300px!important;}
.sel_text350{width:350px!important;}
.sel_text400{width:400px!important;}
.sel_text450{width:450px!important;}

.bottompadding10{padding-bottom:10px;}

/*** Tab styles for document and products buttons */

.admintab {background:#660000!important;}
.errortab{background:#FF0000!important;}

.TopNavGroup {
	margin: 0px;
	padding: 0px;
	outline:none;
}

.TopNavGroupTab {
	position: relative;
	top: 0px;
	float: right;
	padding: 4px 10px;
	margin: 0px 0px 0px 1px;
	font: bold 0.8em sans-serif;
	/*background-color:#004FB6;*/
	color:#fff!important;
	background: url(../images/navbutton_pc.jpg) repeat-x left bottom!important;
	list-style: none;
	border-left: solid 1px #432274;
	border-bottom: solid 2px #432274!important;
	border-top: solid 1px #432274;
	border-right: solid 1px #432274;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
outline:none;}

.TopNavGroupTabSelected {
	position: relative;
	top: 0px;
	float: right;
	padding: 4px 10px;
	margin: 0px 0px 0px 1px;
	font: bold 0.8em sans-serif;
	color:#432274!important;
	background: url(../images/spacer.gif) repeat-x left bottom!important;
	list-style: none;
	border-left: solid 1px #432274;
	border-bottom: solid 1px #432274;
	border-top: solid 1px #432274;
	border-right: solid 1px #432274;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
outline:none;}


/************************************/
.quotehighlight{color:#00cc00;}
.quotenormal{color: #0283C4;}
	
/************************************/

.ul_providerdocs{	
	margin: 5px!important;
	padding: 0px;
	list-style:circle;
	background:#ffffff;
}

.ul_providerdocs li{
	padding-top: 5px;
	color:#9900CC;
	background:#ffffff;
}
.ul_providerdocs li a{
	color:#660099;
	text-decoration:none;
}
.ul_providerdocs li a:hover{
	color:#9900CC;
	text-decoration:underline;
}


/******** DOC GENERATOR ************/
.docgenleft{border: 1px solid #6699FF;}
.docgenleft td{padding-left:10px; text-align:left;}

/******** USER DETAILS TABLE ************/
#tbl_userdetails td{height:30px;}

/* Tool Tip Title style  */
.tip{z-index:1;}
a.tip {text-decoration: none } 
a.tip:hover {cursor: help; position: relative;} 
a.tip span {display: none } 
a.tip:hover span {border-right: #c0c0c0 1px dotted; padding-right: 20px; border-top: #c0c0c0 1px dotted; display: block; padding-left: 5px; background:  #f0f0f0 ; padding-bottom: 5px; margin: 10px; border-left: #c0c0c0 1px dotted; width: 350px; padding-top: 5px; border-bottom: #c0c0c0 1px dotted; position: absolute; top: 10px; left:-70px; text-decoration: none; color:#222222; } 
a.tip img {padding-top:2px;padding-left:5px;}

/* Tool Tip Application Submission Form style  */
.tipas{z-index:1;}
a.tipas {text-decoration: none } 
a.tipas:hover {cursor: help; position: relative;} 
a.tipas span {display: none } 
a.tipas:hover span {border-right: #c0c0c0 1px dotted; padding-right: 20px; border-top: #c0c0c0 1px dotted; display: block; padding-left: 5px; background:  #f0f0f0 ; padding-bottom: 5px; margin: 10px; border-left: #c0c0c0 1px dotted; width: 350px; padding-top: 5px; border-bottom: #c0c0c0 1px dotted; position: absolute; top: -10px; left:20px; text-decoration: none; color:#222222; } 
a.tipas img {padding-top:2px;padding-left:5px;}

/* SMS List tips */
a.tip_sms {text-decoration: none } 
a.tip_sms:hover {cursor: help; position: relative;} 
a.tip_sms span {display: none } 
a.tip_sms:hover span {border-right: #c0c0c0 1px dotted; padding-right: 20px; border-top: #c0c0c0 1px dotted; display: block; padding-left: 5px; background:  #fbf678 ; padding-bottom: 5px; margin: 10px; border-left: #c0c0c0 1px dotted; width: 350px; padding-top: 5px; border-bottom: #c0c0c0 1px dotted; position: absolute; top: 10px; left:-300px; text-decoration: none; text-align:justify;color:#222222; } 
a.tip_sms img {padding-top:2px;padding-left:5px;}
/* END SMS List tips */


tip_left400
/* Advice Call tips */
a.tip_left400 {text-decoration: none } 
a.tip_left400:hover {cursor: help; position: relative;} 
a.tip_left400 span {display: none } 
a.tip_left400:hover span {border-right: #c0c0c0 1px dotted; padding-right: 20px; border-top: #c0c0c0 1px dotted; display: block; padding-left: 5px; background:  #f0f0f0 ; padding-bottom: 5px; margin: 10px; border-left: #c0c0c0 1px dotted; width: 350px; padding-top: 5px; border-bottom: #c0c0c0 1px dotted; position: absolute; top: 10px; left:-400px; text-decoration: none; text-align:justify;color:#222222; } 
a.tip_sms img {padding-top:2px;padding-left:5px;}
/* END Advice Call tips */

/* tip_hmrcaudit List tips */
a.tip_hmrcaudit {text-decoration: none } 
a.tip_hmrcaudit:hover {cursor: help; position: relative;} 
a.tip_hmrcaudit span {display: none } 
a.tip_hmrcaudit:hover span {
    	border:1px solid #432274!important;
    border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    border-collapse:inherit!important;
    border-right: #c0c0c0 1px dotted; padding-right: 20px; border-top: #c0c0c0 1px dotted; display: block; padding-left: 5px; background:  #fbf678 ; padding-bottom: 5px; margin: 10px; border-left: #c0c0c0 1px dotted; width: 400px; padding-top: 5px; border-bottom: #c0c0c0 1px dotted; position: absolute; top: -200px; left:-450px; text-decoration: none; text-align:justify;color:#222222; } 
a.tip_hmrcaudit img {padding-top:2px;padding-left:5px;}
/* END tip_hmrcaudit List tips */


/* tip_hmrcaudit List tips */
a.tip_hmrccust {text-decoration: none } 
a.tip_hmrccust:hover {cursor: help; position: relative;} 
a.tip_hmrccust span {display: none } 
a.tip_hmrccust:hover span {
    	border:1px solid #432274!important;
    border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    border-collapse:inherit!important;
    border-right: #c0c0c0 1px dotted; padding-right: 20px; border-top: #c0c0c0 1px dotted; display: block; padding-left: 5px; background:  #fbf678 ; padding-bottom: 5px; margin: 10px; border-left: #c0c0c0 1px dotted; width: 400px; padding-top: 5px; border-bottom: #c0c0c0 1px dotted; position: absolute; top: 20px; left:50px; text-decoration: none; text-align:justify;color:#222222; } 
a.tip_hmrccust img {padding-top:2px;padding-left:5px;}
/* END tip_hmrcaudit List tips */


/* tip_introcustomer List tips */
a.tip_introcustomer {text-decoration: none } 
a.tip_introcustomer:hover {cursor: help; position: relative;} 
a.tip_introcustomer span {display: none } 
a.tip_introcustomer:hover span {
    	border:1px solid #432274!important;
    border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    border-collapse:inherit!important;
    border-right: #c0c0c0 1px dotted; padding-right: 20px; border-top: #c0c0c0 1px dotted; display: block; padding-left: 5px; background:  #a680f2 ; padding-bottom: 5px; margin: 10px; border-left: #c0c0c0 1px dotted; width: 400px; padding-top: 5px; border-bottom: #c0c0c0 1px dotted; position: absolute; top: -200px; left:50px; text-decoration: none; text-align:justify;color:#222222; } 
a.tip_introcustomer img {padding-top:2px;padding-left:5px;}
/* END tip_introcustomer List tips */

/* tip_introcustomer List tips */
a.tip_introcustomerlarge {text-decoration: none } 
a.tip_introcustomerlarge:hover {cursor: help; position: relative;} 
a.tip_introcustomerlarge span {display: none } 
a.tip_introcustomerlarge:hover span {
    	border:1px solid #432274!important;
    border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    border-collapse:inherit!important;
    border-right: #c0c0c0 1px dotted; padding-right: 20px; border-top: #c0c0c0 1px dotted; display: block; padding-left: 5px; background:  #e9e9e9 ; padding-bottom: 5px; margin: 10px; border-left: #c0c0c0 1px dotted; width: 450px; padding-top: 5px; border-bottom: #c0c0c0 1px dotted; position: absolute; top: -150px; left:50px; text-decoration: none; text-align:justify;color:#222222; } 
a.tip_introcustomerlarge img {padding-top:2px;padding-left:5px;}
/* END tip_introcustomer List tips */

/* Tool Tip Title style for Carve Out  */
.tip_carveout{z-index:1;}
a.tip_carveout {text-decoration: none } 
a.tip_carveout:hover {cursor: help; position: relative;} 
a.tip_carveout span {display: none } 
a.tip_carveout:hover span {border-right: #c0c0c0 1px dotted; padding-right: 20px; border-top: #c0c0c0 1px dotted; display: block; padding-left: 5px; background:  #f0f0f0 ; padding-bottom: 5px; margin: 10px; border-left: #c0c0c0 1px dotted; width: 550px; padding-top: 5px; border-bottom: #c0c0c0 1px dotted; position: absolute; top: -50px; left:50px; text-decoration: none; color:#222222; } 
a.tip_carveout img {padding-top:2px;padding-left:5px;}

/* Helper with Images*/
.tip_ff_helper{z-index:1;} 
a.tip_ff_helper {text-decoration: none } 
a.tip_ff_helper:hover {cursor: help; position: relative;} 
a.tip_ff_helper span {display: none } 
a.tip_ff_helper:hover span {border-right: #c0c0c0 5px dotted; padding-right: 20px; border-top: #c0c0c0 5px dotted; display: block; padding-left: 5px; background:  #f0f0f0 ; padding-bottom: 5px; margin: 10px; border-left: #c0c0c0 5px dotted; min-width: 700px; padding-top: 5px; border-bottom: #c0c0c0 5px dotted; position: absolute; top: 10px; left:-70px; text-decoration: none; color:#222222; } 
a.tip_ff_helper img {padding-top:2px;padding-left:5px;}

.user_update_success{color:#009900; font-size:1.3em;}
.user_update_failure{color:#FF0000; font-size:1.3em;}

/* Abridged Report Preview tips */
span.tip_abr {text-decoration: none } 
span.tip_abr:hover {cursor: help; position: relative;} 
span.tip_abr span {display: none } 
span.tip_abr:hover span {border-right: #c0c0c0 1px dotted; padding-right: 20px; border-top: #c0c0c0 1px dotted; display: block; padding-left: 5px; background:  #fbf678 ; padding-bottom: 5px; margin: 10px; border-left: #c0c0c0 1px dotted; width: 350px; padding-top: 5px; border-bottom: #c0c0c0 1px dotted; position: absolute; top: 0px; left:-300px; text-decoration: none; text-align:justify;color:#222222; } 
span.tip_abr img {padding-top:2px;padding-left:5px;}

span.tip_abr_left {text-decoration: none } 
span.tip_abr_left:hover {cursor: help; position: relative;} 
span.tip_abr_left span {display: none } 
span.tip_abr_left:hover span {border-right: #c0c0c0 1px dotted; padding-right: 20px; border-top: #c0c0c0 1px dotted; display: block; padding-left: 5px; background:  #fbf678 ; padding-bottom: 5px; margin: 10px; border-left: #c0c0c0 1px dotted; width: 350px; padding-top: 5px; border-bottom: #c0c0c0 1px dotted; position: absolute; top: 0px; left:-10px; text-decoration: none; text-align:justify;color:#222222; } 
span.tip_abr_left img {padding-top:2px;padding-left:5px;}


/* Tool Tip Vulnerable Customer reasons - Client Details top banner  */
.tip_vulnerability{z-index:1;}
a.tip_vulnerability {text-decoration: none } 
a.tip_vulnerability:hover {cursor: help; position: relative;} 
a.tip_vulnerability span {display: none } 
a.tip_vulnerability:hover span {border-right: #c0c0c0 1px dotted; padding-right: 20px; border-top: #c0c0c0 1px dotted; display: block; padding-left: 5px; background:  #f0f0f0 ; padding-bottom: 5px; margin: 10px; border-left: #c0c0c0 1px dotted; width: 550px; padding-top: 5px; border-bottom: #c0c0c0 1px dotted; position: absolute; top: -50px; left:50px; text-decoration: none; color:#222222; } 
a.tip_vulnerability img {padding-top:2px;padding-left:5px;}


/* Tool Tip Title for Video helpers  */
.tip_vid{z-index:1;}
a.tip_vid {text-decoration: none } 
a.tip_vid:hover {cursor: help; position: relative;} 
a.tip_vid span {display: none } 
a.tip_vid:hover span {border-right: #c0c0c0 1px dotted; padding-right: 20px; border-top: #c0c0c0 1px dotted; display: block; padding-left: 5px; background:  #f0f0f0 ; padding-bottom: 5px; margin: 10px; border-left: #c0c0c0 1px dotted; width: 750px; height:450px; padding-top: 5px; border-bottom: #c0c0c0 1px dotted; position: absolute; top: -50px; left:-270px; text-decoration: none; color:#222222; } 
a.tip_vid img {padding-top:2px;padding-left:5px;}


a.tip_feevat {text-decoration: none } 
a.tip_feevat:hover {cursor: help; position: relative;} 
a.tip_feevat span {display: none } 
a.tip_feevat:hover span {
    border:1px solid #432274!important;
    border-radius: 5px!important;
    padding: 5px 20px 5px;
    margin: 10px;
    width: 145px;
    padding-top: 5px;
    position: absolute;    
    top: -20px;
    left: initial;
    display: inline;
    text-align:center;
    font-weight:bold;
    color:#222222;
    background:#f0f0f0;
} 





/* CSS STYLES FOR JQUERY CLOCK PLUGIN  in Nav Bar */
	#clock1{position:relative;float:right; border:0px solid #ffcc00;top:32px; right:20px;}
	.jqclock { float:left; text-align:center;  padding: 10px; margin:20px; }
	/* 7b0566 0283C4*/
	.clockdate { color:#432274; margin-bottom: 2px; font-size: 18px; font-weight:900; display: block; text-shadow:-2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff;}
	.clocktime { border: 2px inset White; background: #432274; padding: 5px; font-size: 15px; font-family: "Courier"; color: white; margin: 2px; display: block; }


.fld_date{background:#FFFF00;} 

/*
.bg_tasklist_gbb_top{background-image:url(../images/bg_tasklist_gbb_top.png);} 
.bg_tasklist_gbb_middle{background-image:url(../images/bg_tasklist_gbb_middle.png);} 
.bg_tasklist_gbb_bottom{background-image:url(../images/bg_tasklist_gbb_bottom.png); background-repeat:none; height:38px;} 
*/



/* ------ Processing Center ------ */
#div_customer{padding-top:2px;}
#frm_cust_details input{border:1px dotted #666666; padding-left:2px;}
.fld_address{border:none!important;background:#DEE4E4!important;}


.desc_panel_header{
  font-weight:900; 
    color:#FFF;  
    height:25px;
    background: #432274;
}

.desc_panel_header_transparent{
  font-weight:900; 
    color:#FFF;  
    height:25px;

}

.nav_header{font-weight:900;
    color:#FFF; 
    height:25px;
    background: #432274;

}
.bg_grey {background-color:#DEE4E4; min-height:400px;}
.bg_yellow {background-color:#ffcc00;padding:3px;}

.div_vnav:hover{cursor:pointer;}
.div_vnav{font-size:0.9em;}
.new{border-top:1px dashed #CCC!important;margin-top:5px!important;}

/* ----- Product Div and Tab controls ----- */
.div_tab_header{width:300px!important; display:inline; border-right:1px solid #FFF; height:55px;padding:0px 5px 5px 5px;}
.active:hover{cursor:default!important;}
.div_tab_header:hover{cursor:pointer;}
.active{background-image:none!important; background-color:#DEE4E4; color:#000!important;}

.tbl_paymentdetails input{padding-left:3px;}
.tbl_productdetails input{padding-left:3px;}

.colorred{color:#F00}

.subtotal td{border-top:1px solid #666666; border-bottom:2px double #666666; padding:5px;}
.reporttotal td{border-top:1px double #666666; border-bottom:2px double #666666; padding:5px;}

/* Font Sizes */
.font05 td{font-size:0.5em!important;}
.font06 td{font-size:0.6em!important;}
.font07 td{font-size:0.7em!important;}
.font08 td{font-size:0.8em!important;}
.font09 td{font-size:0.9em!important;}
.font08_div {font-size:0.8em!important;}

.font28px {font-size:28px!important;}
.font36px {font-size:36px!important;}

.margin-left5{margin-left:5px;}
.margin-right5{margin-right:5px;}
.margin-right10{margin-right:10px;}

.rec_tab_table td{
    font-family: calibri;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 14px;
    color: #5A554E;
}


.gallery{text-decoration:none;}

.btn_report{background-color:#432274; color:#FFF; padding:5px; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size:12px!important;}

/* salebook */
.tbl_slaesbookpopup{}
.tbl_slaesbookpopup td .leftborder{border-left:1px dotted #666666;}



/* FROM other CRM */

.inside{padding:0px!important;margin:0px!important; width:100%!important;}
.inside #homeimg {position:relative; left:-350px; top:-70px;}
.inside #backimg {position:relative; left:-340px; top:-70px;}
.inside #logoutimg {position:relative; left:350px; top:-70px;}


.tr_bggrey{background-color:#fff;}
.tr_green{background-color:#0e7d30; color:#FFFFFF; text-align:center; height:25px;}


/* Page */

#page_1000 {
	width: 1000px;
	background: #F9F9F9;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 40px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
}

#page_1000 {   
	/*text-shadow: 1px 1px 1px #FFF;*/
    border:3px solid #432274;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	padding-left:0px!important;
	padding-right:0px!important;
	padding-top:40px;
}

.page_85em{width:85%!important; padding-top:0px!important;}
.page_75em{width:75%!important; padding-top:0px!important;}
.page_65em{width:65%!important; padding-top:0px!important;}
.page_55em{width:55%!important; padding-top:0px!important;}

.roundedborder{
	border:1px solid #432274!important;
}

.roundedborder_5{
	border:1px solid #432274!important;
    border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    border-collapse:inherit!important;
}

.borderleftcornersquare{

    border-top-left-radius:0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
}


.border_left_red{border-left:solid 1px red;}
.border_right_red{border-right:solid 1px red;}
.border_top_red{border-top:solid 1px red;}
.border_bottom_red{border-bottom:solid 1px red;}

.border_left_none{border-left: 0px!important;}
.border_right_none{border-left: 0px!important;}

.border_top_left_grey_1{border-left:solid 1px grey!important;border-top:solid 1px grey!important;}
.border_top_right_grey_1{border-right:solid 1px grey!important;border-top:solid 1px grey!important;}
.border_top_grey_1{border-top:solid 1px grey!important;}
.border_left_grey_1{border-left:solid 1px grey!important;}
.border_bottom_grey_1{border-bottom:solid 1px grey!important;}
.border_right_grey_1{border-right:solid 1px grey!important;}
.border_bottom_left_grey_1{border-left:solid 1px grey!important;border-bottom:solid 1px grey!important;}
.border_bottom_right_grey_1{border-right:solid 1px grey!important;border-bottom:solid 1px grey!important;}


.greyborder{border-color:dimgrey;}

.bgwhite{background-color:white;} 

.top{padding-top:0px!important;}
.width500{width:500px!important;}
.regpage{height:900px;}

.doclist,.doclist td{
	border:1px solid #c0c0c0;
}

.td_plugin_action{padding-top:5px;text-align:center;width:20px;}

.pluginstable td{
	border:1px solid #c0c0c0;
}

.pluginstable_url{font-size:0.8em;}
 
.pagerBar{ color:#fff; background-color:#432274; width:98%;}
.pagerBar a{ color:#fff; }
.pagerBar img{margin-bottom:5px;}

.pagerBarSub{ color:#fff; background-color:#432274; width:98%;}
.pagerBarSub a{ color:#fff; }
.pagerBarSub img{margin-bottom:5px;}

.ff_boxheader_grey{background-color:#e1e1e1; padding:5px;}

.btn_update{width:60px;}

.btn_50px{width:50px;}
.btn_100px{width:100px;}
.btn_200px{width:200px;}
.btn_300px{width:300px;}

.input_50px{width:50px;}

.generatedlist td{border-bottom: 1px dotted green!important; height:35px!important;}
.generateddependantlist td{border-bottom: 0px dotted green!important; height:25px!important;}
#tbl_pensionschemedetails .label{font-size:0.8em;}

.div_rider{font-size:0.8em;}

#tbl_rag_summary td{border-bottom: 1px dotted #c9c9c9;}
.rag_green{background-color:green; color:#fff; border-radius: 4px;text-align:center;  width:100px; margin:auto;}
.rag_amber{background-color:orange; color:#fff; border-radius: 4px;text-align:center;  width:100px;  margin:auto;}
.rag_red{background-color:red;  color:#fff; border-radius: 4px;text-align:center;   width:100px;  margin:auto;}
.rag_yellow{background-color:yellow;  color:#fff; border-radius: 4px;text-align:center;   width:100px;  margin:auto;}

.rag_green_ss{background-color:green; color:#fff; border-radius: 4px;text-align:center;  width:50px;}
.rag_amber_ss{background-color:orange; color:#fff; border-radius: 4px;text-align:center;  width:50px;}
.rag_red_ss{background-color:red;  color:#fff; border-radius: 4px;text-align:center;  width:50px; }
.rag_yellow_ss{background-color:yellow;  color:#fff; border-radius: 4px;text-align:center;  width:50px; }


.topdash{border-top:1px dotted #c9c9c9;}
.bottomdash{border-top:1px dotted #c9c9c9;}

.span_comp_expand{border:0px solid #c9c9c9;}
.span_comp_add{border:0px solid green;}

.td_comp_header{border-top:3px solid #432274!important; padding:2px;}

.risk_questionnaire{font-size:0.8em;}
#div_risk_attitude{font-weight:900; border:1px solid grey; width:200px;padding:5px;}
#div_risk_score{font-weight:900;padding:5px;}
#div_risk_definition{font-weight:100;padding:5px;}
#div_risk_cat{font-weight:900;padding:5px;}

#irpgraph{
background: url(../images/risk_graph.png) left top no-repeat;
width: 170px;
height: 400px;
float: left;
margin: 0;
padding: 0;
}

.tbl_doclist td{border-bottom:1px solid #c9c9c9;}

.ul_tiptext{	
	/*margin: 5px!important;*/
	padding-left: 20px;
	list-style:circle;
}
a{text-decoration:none;}

.tip_bottom_right{position:relative; bottom:0;float: right;} /* Used for the questionnaire tips */

.ul_tiptext1{	
	/*margin: 5px!important;*/
	padding-left: 20px;
	list-style:disc;
}

.ol_docslist li{
	margin-left: 20px;
	padding-left: 10px;
	list-style-type: upper-alpha;
}
.ol_statuslist li{
	margin-left: 20px;
	padding-left: 10px;
	list-style-type: decimal;
}
.ol_statussublist li{
	margin-left: 20px;
	padding-left: 10px;
	list-style-type: lower-alpha;
}
.border_left{border-left:3px dotted #c9c9c9; padding-left:20px;}

.border_all_dotted{border:1px dotted #000;}
.border_all_solid{border:1px solid #c9c9c9;}
.border_all_none{border:0px solid #c9c9c9;}

.border_top_grey{border-top:2px solid #c9c9c9!important; border-bottom:0px!important;}

.funds_border_top{border-top:3px dotted #c9c9c9;}
.funds_border_left{border-left:3px dotted #c9c9c9;}

.eff_banner{background:#432274; color:#fff;}

.btn_contactattempted{background-color:#6661E9;color:#fff;padding:3px;}


.tbl_nodashes td {border:none!important;}

.btn_fittext{display:inline-block;}

.btn_small{width:50px;height:10px; padding:4px 2px 10px 5px!important; text-align:center;}
.btn_100{width:100px;height:10px; padding:4px 2px 10px 5px!important; text-align:center;}
.btn_short{height:10px; padding: 4px 4px 8px!important;}
.btn_short20{height:20px; padding: 2px 4px 8px!important;}

.btn_padding22{padding:2px 2px!important;}

.btn_go{padding:0px;}

.btn_findaddress{width:100px;height:10px; padding:4px 2px 10px 5px!important; text-align:center;}

.btn_transparent{display:inline-block;}
.btn_transparent:hover{cursor:pointer;}
.btn_action{padding: 4px 4px!important;}

.tab_green{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #fff;
    /*background: linear-gradient(top,  #2cca20,  #9fea9f);
    background: -ms-linear-gradient(top,  #2cca20,  #9fea9f);
    background: -webkit-gradient(linear, left top, left bottom, from(#2cca20), to(#9fea9f));*/
    color:#000!important;
    
 	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.8em sans-serif;
	/*background: url(../images/navbutton_tat.jpg) repeat-x left top!important;*/
	list-style: none;
	border-left: solid 1px #651cbf;
	border-bottom: solid 0px #651cbf;
	border-top: solid 1px #651cbf;
	border-right: solid 1px #651cbf;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
    outline:none;   
}
.tab_purple{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    
 	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.8em sans-serif;
	background-color:#651cbf;
	color:#fff;
	/*background: url(../images/navbutton_tat.jpg) repeat-x left top!important;*/
	list-style: none;
	border-left: solid 1px #651cbf;
	border-bottom: solid 0px #651cbf;
	border-top: solid 1px #651cbf;
	border-right: solid 1px #651cbf;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
    outline:none;   
}
.tab_spacer{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    
 	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.8em sans-serif;
	background-color:#c8c8c8;
	color:#fff;
	/*background: url(../images/navbutton_tat.jpg) repeat-x left top!important;*/
	list-style: none;
	border-left: solid 0px #651cbf;
	border-bottom: solid 1px #651cbf;
	border-top: solid 0px #651cbf;
	border-right: solid 0px #651cbf;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: none;
    outline:none;   
}
/* GREEN BUTTON */
.btn_green{
    font-family: arial;
    color: #fff !important;
    font-size: 13px;
    box-shadow: 1px 1px 1px var(--color-green-medium);
    padding: 10px 5px;
    border: 2px solid #019262;  /*var(--color-green-medium) */
    background-color: #01b67a;  /* 2cca20 */
    text-decoration:none;
    text-align:center;
}
.btn_green:hover {
    color: #14396A !important;
    background: var(--color-green-verylight);
    cursor:pointer;
}

.btn_green a{
    font-family: arial;
    color: #fff !important;
}
.btn_green_smaller{
    font-family: arial;
    color: #fff !important;
    font-size:10px;
    box-shadow: 1px 1px 1px var(--color-green-medium);
    padding:2px 2px!important;
    border: 2px solid #019262;  /*var(--color-green-medium) */
    background-color: #01b67a;  /* 2cca20 */
    text-decoration:none;
    text-align:center;
}
.btn_smaller{padding:2px 2px!important;font-size:10px;}
    
/* ORANGE BUTTON */
.btn_orange {
    font-family: arial;
    color: #FFFFFF !important;
    box-shadow: 1px 1px 1px #f9b813;
    padding: 10px 5px;
    border: 2px solid #F97E04;
    background: #f9b813;
    text-decoration:none;
    text-align:center;
}
.btn_orange:hover {
    color: #14396A !important;
    background: #fccc53;
    cursor:pointer;
}
.btn_orange a{
    font-family: arial;
    color: #FFFFFF !important;
}
.btn_orange:hover a{
    font-family: arial;
    color: #14396A !important;
}

/* RED BUTTON */
.btn_red {
    font-family: arial;
    color: #FFFFFF !important;
    font-size: 14px;
    box-shadow: 1px 1px 1px #880808;
    padding: 10px 5px;
    border: 2px solid #880808;
    background: #F90409;
    text-decoration:none;
    text-align:center!important;
}
.btn_red:hover {
    color: #14396A !important;
    background: #FC9892;
    cursor:pointer;
}
.btn_red a{
    font-family: arial;
    color: #FFFFFF !important;
}
.btn_red:hover a{
    font-family: arial;
    color: #14396A !important;
}
/* RED ORANGE BUTTON - HMRC Script */
.btn_redorange{
    font-family: arial;
    color: #fff !important;
    font-size: 14px;
    box-shadow: 1px 1px 1px #f97e04;
    padding: 10px 5px;
    border: 2px solid #F90409;
    background: #F90409;
    text-decoration:none;
}   
        
 .btn_redorange:hover {
    color: #14396A !important;
    background: #F5BC2E;
    cursor:pointer;
}
     
/* PURPLE BUTTON */
.btn_purple {
  font-family: arial;
  color: #FFFFFF !important;
  font-size: 14px;
  box-shadow: 1px 1px 1px #432274;
  padding: 10px 5px;
  border: 2px solid var(--color-purple-medium);
  background: var(--color-purple-darklight);
  text-decoration:none;
}
.btn_purple:hover {
    color: #14396A !important;
    background: var(--color-purple-verylight);
    cursor:pointer;
}
.btn_purple a{
    font-family: arial;
    color: #FFFFFF !important;
}

.btn_purple:hover a{
    font-family: arial;
    color: --color-purple-verylight !important;
}

/* BLACK BUTTON */
.btn_black {
  font-family: arial;
  color: #FFFFFF !important;
  font-weight:900;
  font-size: 14px;
  box-shadow: 0px 0px 0px #000;
  padding: 10px 5px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #000;
  background: #c9c9c9;
  background: linear-gradient(top,  #c9c9c9,  #000);
  background: -ms-linear-gradient(top,  #c9c9c9,  #000);
  background: -webkit-gradient(linear, left top, left bottom, from(#c9c9c9), to(#000));
  text-decoration:none;
}
.btn_black:hover {
 color: #fff !important;
  background: #468CCF;
  background: linear-gradient(top,  #000,  #c9c9c9);
  background: -ms-linear-gradient(top,  #000,  #c9c9c9);
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#c9c9c9));
  cursor:pointer;
}

/* BLACK BUTTON */
.btn_grey {
    font-family: arial;
    color: #FFFFFF !important;
    box-shadow: 1px 1px 1px #c9c9c9;
    padding: 10px 5px;
    border: 2px solid #7f7f7f;
    background: #c9c9c9;
    text-decoration:none;
    text-align:center;
}
.btn_grey:hover {
    color: #14396A !important;
    background: var(--color-green-verylight);
    cursor:pointer;
}

.btn_grey a{
  font-family: arial;
  color: #FFFFFF !important;
}

.btn_grey:hover a{
  font-family: arial;
  color: #FFFFFF !important;
}
.btn_grey_nohover {
    font-family: arial;
    color: #FFFFFF !important;
    box-shadow: 1px 1px 1px #c9c9c9;
    padding: 10px 5px;
    border: 2px solid #7f7f7f;
    background: #c9c9c9;
    text-decoration:none;
    text-align:center;
}
.btn_nopadding{padding:2px!important;}

.hidden{display: none;}

.valandlock {
  font-family: arial;
  color: #FFFFFF !important;
  font-size: 14px!important;
  box-shadow: 1px 1px 1px #000;
  padding: 10px 5px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid var(--color-green-medium);
  background: #9fea9f;
  background: linear-gradient(top,  #2cca20,  #9fea9f);
  background: -ms-linear-gradient(top,  #2cca20,  #9fea9f);
  background: -webkit-gradient(linear, left top, left bottom, from(#2cca20), to(#9fea9f));
  text-decoration:none;
}
.valandlock:hover {
 color: #14396A !important;
  background: #468CCF;
  background: linear-gradient(top,  #9fea9f,  #2cca20);
  background: -ms-linear-gradient(top,  #9fea9f,  #2cca20);
  background: -webkit-gradient(linear, left top, left bottom, from(#9fea9f), to(#2cca20));
  cursor:pointer;
}

.nohover:hover{cursor:none;}
 
  /*  NOTIFICATIONS */
  #div_popup_tasklist{
    display: none;
    flex-wrap: wrap;
    position:fixed;
    top:80px;
    width:85%; 
    max-width:98%; 
    max-height:80%;
    right:1%;
    padding:1rem;
    height: 100%;
    z-index: 1000;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    box-shadow: 0 3px 3px -2px #0003, 0 3px 4px 0 #00000024, 0 1px 8px 0 #0000001f;
}

#div_popup_tasklistxx a{
    color:#000;
    text-decoration:none;
    text-shadow: 1px 1px 0px #000;
}

#div_popup_tasklist a{
    color:#000;
    text-decoration:none;
}

#div_popup_tasklist a:hover{
    color:#000;
    text-decoration:underline;
}

#div_popup_tasklist h3 {
    margin-bottom: 1rem;
}

#div_task_status1{
    border-right:3px solid #FFF;
    position:relative;
    flex: 0 0 40%;
    margin: 0 1rem;
    font-size:0.8em;
    order: 2;
    height: 100%;
}

#div_task_status2{
    border-right:3px solid #FFF;
    position:relative;
    flex: 0 0 40%;
    margin: 0 1rem;
    font-size:0.8em;

    order: 1;
    height: 100%;
}

#div_task_status1 table,
#div_task_status2 table {
    max-height: 90%;
    display: block;
    overflow-y: scroll; 
    overflow-x: hidden;
}

#div_daterangeoptions{
    background-repeat:no-repeat;
    position:relative;
    margin: 0 1rem;
    flex: 1 1 10%;
    z-index:10000; 
    order: 3;
}

#div_autorefresh{
    background-repeat:no-repeat;
    position:relative;
    top:140px;
    right:0%;
    padding:5px;
    float:right;
    width:95px;
    height:35px;
    z-index:10000; 
    border:0px solid #F4CF11;
}

#div_email_autorefresh{
    background-repeat:no-repeat;
    position:relative;
    top:140px;
    right:0%;
    padding:5px;
    float:left;
    width:95px;
    height:35px;
    z-index:10000; 
    border:0px solid #F4CF11;
}

#div_btn_refresh{
    background-image:url(../images/btn_refresh.png);
    background-repeat:no-repeat;
    position:fixed;
    top:30px;
    right:2%;
    float:right;
    width:25px;
    height:25px;
    z-index:10000; 
}

.btn_tasklistx{
    background-image:url(../images/btn_tasklist_blank.png);
    background-repeat:no-repeat;
    background-position:center;
    height:22px;
    width:70px;
    font-size:0.9em;
    color:#FFF;
    padding-top:5px;
    text-align:center;
}

.btn_tasklist {
    text-decoration:none;
    text-align:center;
    font-family: arial;
    color: #fff !important;
    font-size: 13px;
    box-shadow: 1px 1px 1px var(--color-green-medium);
    padding: 5px 5px;
    border: 2px solid #019262;  /*var(--color-green-medium) */
    background: #01b67a;  /* 2cca20 */
}

.btn_tasklist:hover{
    color:#090;
}

.bg_yellow{background-color:#ffcc00; padding:3px;}

.icon-header {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
}

.icon-header .i_header {
    padding-top: 0;
    padding-left: 0;
}

.email-toggle {
    font-size: 36px;
    color: #432274;
    overflow: hidden;
}

.task-toggle {
    font-size: 36px;
    color: #01b67a;
    overflow: hidden;
}

#div_popup_email{
    display: none;
    position:fixed;
    top:80px;
    left:1%;
    padding:5px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    box-shadow: 0 3px 3px -2px #0003, 0 3px 4px 0 #00000024, 0 1px 8px 0 #0000001f;
}

#div_popup_email:hover{
    width:60%; 
    max-width:98%; 
    max-height:85%;
    z-index:20000;

}

.newEmail{
    background-color:#09ea1c!important;
    background-image:none!important;
}
.newSMS{}

.email_hovered{
    display: block !important;
    width:60%!important; 
    max-width:98%; 
    max-height:80%;
    z-index:20000;
}

#div_popup_email a{
    color:#432274;
    text-decoration:none;
}

#div_popup_email a:hover{
    color:#432274;
    text-decoration:underline;
}

#div_emails_btn_refresh{
    background-image:url(../images/btn_refresh.png);
    background-repeat:no-repeat;
    position:fixed;
    top:30px;
    left:2%;
    float:right;
    width:25px;
    height:25px;
    z-index:10000; 
}

#div_popup_emails_received{
    color:#000!important;
}

.email-table {
    height: 400px;
    overflow-y: scroll;
    display: block;
    border-collapse: collapse;
}

.email-table tbody {
    overflow: auto;
    display: table-row-group;
}

.email-table tr:nth-of-type(even) {
    background-color: #F4F6FC;
}

.email_notification_datarow td {
    color:#000;
}

.newBookCall{
    background-color:#ce2d4f!important;
    background-image:none!important;
}

.div_25{
    display:inline-block; 
    width:24%; 
    min-height:180px;
    position:relative; 
    top:0; 
    margin-left:1%;
}

.div_33{display:inline-block; width:32%; min-height:180px;position:relative; top:0; margin-left:1%;}
.td_pc_10{width:10%;}

.td_green{background-color: green; color:white;}
.td_red{background-color: red; color:white;}
.td_blue{background-color: blue; color:white;}

/* Evenly distribute 4 divs in a row */
    #div_outer_container_evenspread {
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    width:100%;
}
#div_outer_container_evenspread>div {
    width: 24%;
    min-height: 30px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.div_inner_container_evenspread3 {
    width: 33%;
    min-height: 30px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    text-align:center;
    zoom: 1;
}
/* END Evenly distribute divs in a row */

/* Evenly distribute 3 divs in a row */
.scr_div_container {width:100%; text-align:center;}
.scr_div_container99 {width:99%; text-align:center;}

.srch_div_container {width:98%; text-align:center; margin-bottom:5px;}
.srch_div_container_50pc {width:49%; text-align:center;}

.scr_div_container_dashboard {width:97%; text-align:center;}

.scr_div_leftofthree_dashboard {float:left;width:28%;text-align:left;height:130px;}
.scr_div_centerofthree_dashboard {display: inline-block;margin:0 auto;width:28%;text-align:left;height:130px;}
.scr_div_rightofthree_dashboard {float:right;width:28%;text-align:left;height:130px;}

.scr_div_leftoftwo_dashboard {float:left;width:49%;text-align:left;}
.scr_div_rightoftwo_dashboard {float:right;width:49%;text-align:right;}
.scr_div_centerofone_dashboard {display: inline-block;margin:0 auto;width:49%;text-align:left;height:130px;}

.scr_div_leftofthree {float:left;width:28%;text-align:left;}
.scr_div_centerofthree {display: inline-block;margin:0 auto;width:28%;text-align:left;}
.scr_div_rightofthree {float:right;width:28%;text-align:left;}
/* END Evenly distribute 3 divs in a row */

.scr_div_lefttwothirds{float:left;width:62%;text-align:left;}
.scr_div_rightonethird{float:right;width:30%;text-align:left;}
.scr_div_rightonethird_right{float:right;width:30%;text-align:right;}

.scr_div_leftonethird{float:left;width:30%;text-align:left;}
.scr_div_righttwothirds{float:right;width:62%;text-align:left;}
.scr_div_righttwothirds_right{float:right;width:62%;text-align:right;}

.scr_div_leftoftwo {display: inline-block;float:left;width:49%;text-align:left;}
.scr_div_rightoftwo{display: inline-block;float:right;width:48%;text-align:left;}

.scr_div_left_1{float:left;width:1%;text-align:left;}
.scr_div_left_2{float:left;width:2%;text-align:left;}
.scr_div_left_3{float:left;width:3%;text-align:left;}
.scr_div_left_3dot5{float:left;width:3.5%;text-align:left;}
.scr_div_left_4{float:left;width:4%;text-align:left;}
.scr_div_left_5{float:left;width:5%;text-align:left;}
.scr_div_left_525{float:left;width:5.25%;text-align:left;}
.scr_div_left_55{float:left;width:5.5%;text-align:left;}
.scr_div_left_6{float:left;width:6%;text-align:left;}
.scr_div_left_7{float:left;width:7%;text-align:left;}
.scr_div_left_8{float:left;width:8%;text-align:left;}
.scr_div_left_9{float:left;width:9%;text-align:left;}
.scr_div_left_10{float:left;width:10%;text-align:left;}
.scr_div_left_105{float:left;width:10.5%;text-align:left;}
.scr_div_left_1075{float:left;width:10.75%;text-align:left;}
.scr_div_left_125{float:left;width:12.5%;text-align:left;}
.scr_div_left_11{float:left;width:11%;text-align:left;}
.scr_div_left_1125{float:left;width:11.25%;text-align:left;}
.scr_div_left_12{float:left;width:12%;text-align:left;}
.scr_div_left_13{float:left;width:13%;text-align:left;}
.scr_div_left_14{float:left;width:14%;text-align:left;}
.scr_div_left_15{float:left;width:15%;text-align:left;}
.scr_div_left_1575{float:left;width:15.75%;text-align:left;}
.scr_div_left_16{float:left;width:16%;text-align:left;}
.scr_div_left_1675{float:left;width:16.75%;text-align:left;}
.scr_div_left_20{float:left;width:20%;text-align:left;}
.scr_div_left_22{float:left;width:22%;text-align:left;}
.scr_div_left_2225{float:left;width:22.25%;text-align:left;}
.scr_div_left_25{float:left;width:25%;text-align:left;}
.scr_div_left_28{float:left;width:28%;text-align:left;}
.scr_div_left_30{float:left;width:30%;text-align:left;}
.scr_div_left_33{float:left;width:33%;text-align:left;}
.scr_div_left_3325{float:left;width:33.25%;text-align:left;}
.scr_div_left_35{float:left;width:35%;text-align:left;}
.scr_div_left_40{float:left;width:40%;text-align:left;}
.scr_div_left_45{float:left;width:45%;text-align:left;}
.scr_div_left_50{float:left;width:50%;text-align:left;}
.scr_div_left_58{float:left;width:58%;text-align:left;}
.scr_div_left_60{float:left;width:60%;text-align:left;}
.scr_div_left_66{float:left;width:66%;text-align:left;}
.scr_div_left_70{float:left;width:70%;text-align:left;}
.scr_div_left_75{float:left;width:75%;text-align:left;}
.scr_div_left_80{float:left;width:80%;text-align:left;}
.scr_div_left_90{float:left;width:90%;text-align:left;}
.scr_div_left_95{float:left;width:95%;text-align:left;}
.scr_div_left_100{float:left;width:100%;text-align:left;}
.scr_div_left_120{float:left;width:120%;text-align:left;}
.scr_div_left_150{float:left;width:150%;text-align:left;}

.scr_div_left_25_center{float:left;width:25%;text-align:center;}


.scr_div_right_10{float:right;width:10%;text-align:right;}
.scr_div_right_20{float:right;width:20%;text-align:right;}
.scr_div_right_25{float:right;width:25%;text-align:right;}
.scr_div_right_30{float:right;width:30%;text-align:right;}
.scr_div_right_40{float:right;width:40%;text-align:right;}
.scr_div_right_50{float:right;width:50%;text-align:right;}
.scr_div_right_60{float:right;width:60%;text-align:right;}
.scr_div_right_75{float:right;width:75%;text-align:right;}

.scr_div_center_25{display: inline-block;margin:0 auto;width:25%;text-align:center;}
.scr_div_center_50{display: inline-block;margin:0 auto;width:50%;text-align:left;}
.scr_div_center_60{display: inline-block;margin:0 auto;width:60%;text-align:left;}

.scr_div_header_left_10{float:left;width:10%;}
.scr_div_header_left_15{float:left;width:15%;}
.scr_div_header_left_20{float:left;width:20%;}
.scr_div_header_left_25{float:left;width:25%;}
.scr_div_header_center_50{display: inline-block;margin:0 auto;width:50%;text-align:left;}

.scr_div_header_right_15{float:right;width:15%;}
.scr_div_header_right_20{float:right;width:20%;}
.scr_div_header_right_25{float:right;width:25%;}


.div_inline{display:inline-table;}
.div_custsummary{min-width:15%; max-width:19px; padding-bottom:5px; text-align:left;}
.div_custdetails{min-width:2%; /*max-width:8%;*/padding:5px; text-align:center;vertical-align:top;top:0;border-right:1px solid #e9e9e9;}
.scr_div_container_customerdetails{vertical-align:top;position:relative;}

.searchbox{padding:10px;}

.col_header{font-weight:900; min-height:40px;display:inline-block;}

.rightalign{text-align:right;}
.centeralign{text-align:center;}
.leftalign{text-align:left;}

.floatright{float:right!important;}
.floatleft{float:left;}

.marginauto{margin:0 auto;}

.dshboardicontext{
    font-size:24px;
    font-weight:600;
    color:#008786;
    text-shadow: 2px 2px 2px #c9c9c9;
}

.font1em{font-size:1em!important;}

.nopadding{padding:0!important;}
.padding5{padding:5px;}
.padding10{padding:10px;}
.padding15{padding:15px;}
.padding20{padding:20px;}

.paddingtop1{padding-top:2px;}
.padding_top2{padding-top:2px;}
.padding_top5{padding-top:5px;}
.padding_top10{padding-top:10px;}

.padding_bottom5{padding-bottom:5px;}

.padding_right5{padding-right:5px;}
.padding_right15{padding-right:15px;}

.padding_left5{padding-left:5px;}
.padding_left10{padding-left:10px;}
.padding_left15{padding-left:15px;}
.padding_rleft20{padding-left:20px;}

.roundedborderwarning{
	border:1px solid #f00!important;
    border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    border-collapse:inherit!important; 
   color:#fff;
    font-weight:900;
    background:#fff;
    text-align:center;
    padding:10px;
}

.div_email_addressbook{border:solid 1px #000033;background:#fff;position:fixed;width:600px;height:400px;top:50px;left:300px;background-color:#432274; }
#div_DocsForEmail{width:90%;}

.fontwhite{color:#fff;}
.fontblack{color:#000;}
.fontpurple_bgwhite{color:#432274;background-color:#fff;}
.fontwhite_bgpurple{color:#fff;background-color:#432274;}

.span_button:hover{cursor:pointer;}

.bggreen {background-color:#1fe31c!important; color:#000;}
.bgred {background-color:#FA767E!important; color:#000;}
.bgorange {background-color:#FFA500!important; color:#000;}
.bgpurple {background-color:#d9bdfd;}

.coltotal{border-top:1px solid #000; border-bottom:2px solid #000;}


/* Pension Fund Details */
.perfaggregate{
    background-color:rgba(204, 153, 255, 0.5);
}    
    
 #top-menu {
    position: fixed;
    z-index: 1;
    background: white;
    left: 0;
    right: 0;
    top: 0;
}

#top-menu li {
    float: left;
}

#top-menu a {
    display: block;
    padding: 5px 25px 7px 25px;
    width: 4em;
    text-align: center;
    -webkit-transition: .5s all ease-out;
    -moz-transition: .5s all ease-out;
    transition: .5s all ease-out;
    border-top: 3px solid white;
    color: #aaa;
    text-decoration: none;
}

#top-menu a:hover {
    color: #000;
}

#top-menu li.active a {
    border-top: 3px solid #333;
    color: #333;
}

    
 .scrollmark{
    right:15px;
    width:50px;
    height:20px;
    text-align:center;
    background-color:rgba(204, 153, 255, 0.5);
    color:#432274!important;
    padding-left:10px;
    padding-right:10px;
}

.scrollmark a{
 color:#432274!important;
}
#feescharges {
    position: absolute;
    Top: 170px;
}
#cetv{
    position: absolute;
    top: 140px;
}
#fundalliocation{
    position: absolute;
    top: 200px;
}

#retirementoptions {
    position: absolute;
    top: 220px;
}

#guarantees {
    position: absolute;
    top: 240px;
}

#mvr {
    position: absolute;
    Top: 280px;
}

#gmp {
    position: absolute;
    Top: 300px;
}
#factors {
    position: absolute;
    Top: 320px;
}

#projections{
     position: absolute;
    Top: 360px;
}

#growth{
     position: absolute;
    Top: 400px;
}
#pastperformance{
    position: absolute;
    Top: 440px;
}  
 #withprofits {
    position: absolute;
    Top: 480px;
} 
#notes {
    position: absolute;
    Top: 520px;
} 
#actions {
    position: absolute;
    Top: 560px;
} 
#history {
    position: absolute;
    Top: 600px;
}
/* END Pension Fund Details */

/* Realtime Reports */

/* Introducer Status by numbers */
.ol_missinginfo{
    padding:10px;
}

.header_purple td{
    background-color:#432274;
    color:#fff;
}

/* END  Realtime Reports */

.height185{height:185px;}
.width90pc{width:90%;}
@media print {
    body * {
        visibility:hidden;
    }
    #printSection, #printSection * {
        visibility:visible;
    }
    #printSection {
        position:absolute;
        left:0;
        top:0;
    }
    .donotprintMe{
        visibility:hidden;
    }

    .odd {background:#ffffff;font-size:13px!important;}
    .even {background:var(--color-grey-verylight)!important;font-size:13px!important;}

    .roundedborder{
        border:1px solid #432274!important;
        border-radius: 5px!important;
        -webkit-border-radius: 5px!important;
        -moz-border-radius: 5px!important;
        border-collapse:inherit!important;
    }
    
    #tbl_outer{
        width:100%!important;
    }

} /* @media print { */


   
/* modal Pension Fund Details loading overlay*/
#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}    
/* END modal Pension Fund Details loading overlay*/

.nopaddingbottom{padding-bottom:0px;}
.paddingbottom5{padding-bottom:5px;}
.padding_topbottom_15{padding:15px 0 15px 0;}

/* CSS For the Tab Stylings 20190215 Used in the Remuneration Ledger and the Customer Details JScript in functions.js - TAB FUNCTIONS*/
 /* Style the tab */
.tab {
    overflow: hidden;
    border: 0px solid #ccc;
    background-color: #432274;
    width:100%;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: #a680f2; /*#c9c9c9;*/
    float: left;
    border: none;
    border-right:1px solid #f1f1f1;
    outline: none;
    cursor: pointer;
    padding: 5px 5px;
    transition: 0.3s;
    height:40px;
}

.tab button.bgred{
    background-color: red;
}

.tab button.bgblack{
    background-color: #000;
    color:#fff;
    border-top:1px solid #f1f1f1;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #DEE4E4; /* a680f2 */
    color:#000!important;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 9px;
    border: 1px solid #ccc;
    border-top: none;
    width:98%;
}  

/* Style the tab content */
.tabcontent_pdf {
    display: none;
    padding: 6px 9px;
    border: 1px solid #ccc;
    border-top: none;
    width:98%;
}  

/* Recommendations lists */
.rec_lists input, .rec_lists select{font-size:1em!important;}
.rec_list_el{font-size:1em!important; width:90%;}

/* DASHBOARDS */
.img_txt_dashboard {
    color: #432274;
    font-weight:600;
    font-size:26px;
}
.css_icon_dashboard{font-size:48px;color: #432274;}
.css_icon_dashboard_small{font-size:24px;color: #432274;}
.css_icon_dashboard_red{font-size:48px;color: red;}
.css_icon_dashboard_blue{font-size:48px;color: #05619c;}
.css_icon_dashboard_green{font-size:48px;color: #059c0c;}
.css_icon_dashboard_grey{font-size:48px;color: #c9c9c9;}
.css_icon_dashboard_grey{font-size:48px;color: #c9c9c9;}

.css_icons_green{color: green;}


.img_dashboard {
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius:5%;
     min-height:140px; padding-top:2%;
}
.img_dashboard:hover{
    /* Rotate Clockwise */
    /*-webkit-transform: rotate(360deg);transform: rotate(360deg);*/
    /* Blur */
    /*-webkit-filter: blur(2px);filter: blur(2px);*/
    transform: scale(0.9);
}

.img_dashboard_anticlockwise:hover{
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
    /* Rotate Anti-clockwise */
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
}
.img_dashboard:active, .img_dashboard_anticlockwise:active{
    /*-webkit-transform: scaleX(-1);transform: scaleX(-1);*/
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.19);
    transform: scale(0.75);
}

.a_btn_note{text-decoration:none!important; color:#000;}
.a_btn_user{text-decoration:none!important; color:#000;}

.tblrow_icon{width:20px;}

.hoverpointer:hover{cursor:pointer;} /* e.g. Export Button on Introducer Customer Search page. Also the Packaged Case Validation popup docs list */
.hoverhighlight:hover{background-color:#ffcc00;} /* e.g. Export Button on Introducer Customer Search page */

/* Extends Font Awesome 5 */
.font_20 {font-size:20px;}
.font_30 {font-size:30px;}
.font_36 {font-size:36px;}
.font_green{color:var(--color-green-medium);}
.hovergreen:hover{color:#368530;cursor:pointer;} /* e.g. Export Button on Introducer Customer Search page */
.hovergreen{color:#9fea9f;}


.font_blue{color: #05619c;}


.hoverpurple:hover{color:#432274;cursor:pointer;} /* e.g. Export Button on Introducer Customer Search page */
.font_red{color:red;}

.i_header{font-size:36px;color:#432274; padding-top:5%;}
.i_header.left{padding-left:5%;}
.i_header.right{padding-right:5%;}
    
/* Company details */
.div_compdetails_label{width:15%;}
.div_compdetails_field{width:29%;}
.div_compdetails_field_s{width:12%;}
.div_compdetails_label.radio{width:49%;}

.css_icon_company_green{font-size:24px;color: #059c0c;}


/*-------------------------*/
/* To match website styling  */  
/**/
    #header-content{
        font-size:0.8em!important; 
        background-color:#fff; 
        background-image:url("../images/logo_pw.png");
        background-position: center; 
        background-repeat: no-repeat; 
        background-size: 195px;
        
        font-size:0.8em!important; 
        background-color:#fff;
        border:0!important;
        box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
        width:100%!important;
        height:75px;
        text-align:center;
        color:#fff;
    }


    #header-content.dev{
        background-image:url("../images/logo_pw_dev.png");
    }

    #header-content.local{
        background-image:url("../images/logo_pw_local.png");
    }



    #header-content h2{display:none;}

    #header-content.nologo{background-image:none!important;}
    /*#header-content{font-size:0.8em!important; background-color:#fff;border:0!important;box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);}
    #header-content{width:100%!important;}*/

    #page{border:none!important; width:100%!important; margin:0 auto;}

    .i_tall{padding-top:20px!important;}

    .post{width:50%!important;margin:0 auto; }
    .post_90em{width:90%!important;}
    .post_80em{width:90%!important;}
    .post_70em{width:70%!important;}
    /* intro customer details */
    .introcustomerdetails{width:98%!important;}

/*
    .inside #homeimg {position:absolute; left:0px; top:60px;}
    .inside #backimg {position:absolute; left:5em; top:60px;}
    .inside #logoutimg {position:absolute; left:20em; top:60px;}

.noborder_1000{width:100%!important;}
 
*/


.clear { clear: both; }

.error{border:3px solid #FF0000!important; background-color:aqua;}
.error_er{border:3px solid #FF8C00!important;}
.errortxt{color:#FF0000;}
.normal{}

/* Fact Find Address lookup */
#div_newaddress, #newaddress_client2{
    display:none;
	width:33%;
    margin:0 auto;
	min-height:85px;
	border:solid 5px #808080;
	background:#c6c6c6;
	position:fixed;
	top:50px;
    left:30%;
	font-size:1em;
	font-weight:900;
	color:#000;
	padding:10px;
    z-index:100000000;
    flex:1;
	box-shadow: 5px 10px 15px 10px #888888;
}
.tbl_inner{padding-top:10px;}
.bgwhite{background-color:#fff; color:#000;}
.sub_header{font-weight:900; font-size:1.2em;}



/*-------------------------*/
/*-----Pension Tracing PTS ----------*/

#div_pts_provider_names{
    padding-left:15px;
}

.pts_provider_accordion_header{
    color:blueviolet;
    font-weight:900;
    width:90%;
    border-top:1px dashed #c9c9c9;
    padding-top:10px;
    padding-bottom:10px;
}

.pts_provider_accordion_header:hover{
        background-color:rgba(193, 10, 39, 0.12);

}

.govuk-accordion__section-button{
    color:blueviolet;
    font-weight:900;
}

.pts_provider_prevnames_header{
     color:cornflowerblue;
    font-weight:900;   
}

.ul_pts_provider_prevnames_header{	
	margin-left: 15px!important;
	padding: 0px;
	list-style:disc;
}

.pts_div_btn_pts_provider{
    border-top:1px dotted #c9c9c9;
    font-weight:900;
    padding-top:15px;
    padding-bottom:15px;
}


/* PTS Employer Names*/
.pts_div_btn_pts_provider:hover{
    cursor:pointer;
   /* background-color:darkseagreen;*/
    background-color:rgba(193, 10, 39, 0.12);
}

.pts_div_btn_pts_provider_selected{
    border-top:1px dotted #c9c9c9;
    font-weight:900;
    padding-top:15px;
    padding-bottom:15px;
   /* background-color:darkseagreen;*/
    background-color:rgba(11, 244, 203, 0.12);
}

/*-----Pension Tracing PPS ----------*/
.div_pt_pps_outer{border:1px solid #c9c9c9;border-radius: 4px;margin:auto;}
.div_pps_row {}
.div_pps_row:hover {background-color:rgba(193, 10, 39, 0.12);} /* cursor:pointer; */
.div_pps_row_selected {background-color:rgba(11, 244, 203, 0.12);}

/*-----Pension Tracing Artemis ----------*/
.div_pt_art_outer{border:1px solid #c9c9c9;border-radius: 4px;margin:auto;}
.div_art_row {}
.div_art_row:hover {background-color:rgba(193, 10, 39, 0.12);} /* cursor:pointer; */
.div_art_row_selected {background-color:rgba(11, 244, 203, 0.12);}

/*-----Pension Tracing Archive ----------*/
.div_pt_archive_outer{border:1px solid #c9c9c9;border-radius: 4px;margin:auto;}
.div_archive_row {}
.div_archive_row:hover {background-color:rgba(193, 10, 39, 0.12);} /* cursor:pointer; */
.div_archive_row_selected {background-color:rgba(11, 244, 203, 0.12);}

/*-------------------------*/
/*-----Note Details ----------*/
.div_textarea{
    width:450px;
    padding: 10px 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #c9c9c9;
    font-size:0.9em;
}

.div_textarea.newcust{
    min-height:100px;
}
/*-------------------------*/
/*-------------------------*/
/*-------------------------*/

.msg_warning{
    background-color:red;
    color:#fff;
    font-weight:900;
    padding:10px;
}

/*Introducer - New Customer entry form*/
.radio_big { width: 1.3em; height: 1.3em; font-size:1em!important;vertical-align: middle; margin: 0 10px 0 0;}  /* */
label.radio_big{vertical-align: middle;}

.nomargin {margin:0!important;}

.red_banner{
    background-color:red;
    color:#fff;
    padding:10px;
}
.red_banner a{color:#fff; font-weight:600; text-decoration:underline;}


.ul_script{	
	margin-left: 15px!important;
	padding: 0px;
	list-style:disc;
}

.ul_script li{
	padding-top: 5px;
	color:#000;
    margin-left:20px;
}
.ul_script li a{
	color:#000;
	text-decoration:none;
}
.ul_script li a:hover{
	color:#000;
	text-decoration:underline;
}   
/*-------------------------*/
/*-------------------------*/
/*  Real time Reporting    */
/*-------------------------*/
/*-------------------------*/
#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}
#overlay_content{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
} 

.width_10pc{width:10%;}
.width_20pc{width:20%;}
.width_25pc{width:25%;}
.width_30pc{width:30%;}
.width_33pc{width:33%;}
.width_40pc{width:40%;}
.width_50pc{width:50%;}
.width_60pc{width:60%;}
.width_70pc{width:70%;}
.width_75pc{width:75%;}
.width_80pc{width:80%;}
.width_90pc{width:90%;}
.width_100pc{width:100%;}


/*-------------------------*/
/*-------------------------*/
/*  Companies Ho Search    */
/*-------------------------*/
/*-------------------------*/
    #div_emplyersearch {
      resize: both;
      max-height: 460px;
      border: 1px solid black;
      min-width: 450px;
      min-height: 150px;
      margin-bottom:5px;
      text-align:left;
      vertical-align:top;
        padding-left:5px;
    }

 .empsearchusebtn {
    border-radius: 5px;
    background-color: green;
    color: white !important;
    font-size: 12px;
    width: 100px !important;
    border: none;
    padding: 5px 1px;
    position:relative;
    bottom:1em;
     float:left;
}   

 .empsearchclosebtn {
    border-radius: 5px;
    background-color: red;
    color: white !important;
    font-size: 12px;
    width: 50px !important;
    border: none;
    padding: 5px 1px;
    position:relative;
    bottom:1em;
     float:right;
}   
/*-------------------------*/
/*-------------------------*/
/*  Media Sizes   */
/*-------------------------*/
/*-------------------------*/
@media screen and (min-width: 601px) {
    .introcustomerdetails{font-size:0.9em;} /* For the Introducer Customer Details page*/
}
@media screen and (max-width:1024px) {
      .div_custdetails{min-width:10%;max-width:15%; padding-bottom:5px;}
      /*-----Note Details ----------*/
    .div_textarea{
        width:350px;
        padding: 10px 5px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #c9c9c9;
        font-size:0.9em;
    }
    .scr_div_centerofone_dashboard {display: inline-block;margin:0 auto;width:99%;text-align:center;height:130px;margin-bottom:15px;}
    
}

@media screen and (max-width: 640px) {
  body {
    }

    #message, #task_message{
    display:none;
        width:95%;
        min-height:85px;
        top:20px;
        right:10px;
    }
   
    .div_inline{display:inline-block;}

    #div_login {}    
    #div_login input {width:95%!important;}
    #img_login_homeImage{display:none;}
    #header-content{font-size:0.8em!important; height:50px;background-size: 45%; }
    .i_header{font-size:26px;color:#432274;}
 /*   
    #header-content{font-size:0.8em!important; background-color:#fff; border-bottom:3px solid #432274; background-image:url("../images/logo_pw.png");
      background-position: center; background-repeat: no-repeat; background-size: 55%; }
    #header-content h2{display:none;}

    
  */  
    #header-content p{padding-top:0!important;} 
    
    .scr_div_header_left_25{margin-top:3%;}
    .scr_div_header_right_25{margin-top:3%;}

    .inside{padding:0px!important;margin:0px!important; width:100%!important;}
 /*   .inside #homeimg {position:absolute; left:0px; top:60px;}
    .inside #backimg {position:absolute; left:5em; top:60px;}
    .inside #logoutimg {position:absolute; left:20em; top:60px;}
   */
     /* Hide the onhover Notification Divs */
    #div_popup_email{display:none!important;}
    #div_popup_tasklist{display:none!important;}
    
    #wrapper{width:99%!important; padding-top:0px!important;}
    #page{width:99%!important;}
    
    .post{padding-left:0px!important;width:95%!important;}
    
    .introcustomerdetails{width:100%!important;}

    .scr_div_container_dashboard {width:97%; text-align:center;}
    .scr_div_leftofthree_dashboard {float:none;width:100%;text-align:center;height:130px;}
    .scr_div_centerofthree_dashboard {float:none;width:100%;display: inline-block;margin:0 auto;text-align:center;height:130px;}
    .scr_div_rightofthree_dashboard {float:none;width:100%;text-align:center;height:130px;}
    
    .scr_div_leftoftwo_dashboard {float:none;width:100%;text-align:center;height:130px;}
    .scr_div_rightoftwo_dashboard {float:none;width:100%;text-align:center;height:130px;}
    .scr_div_centerofone_dashboard {display: inline-block;margin:0 auto;width:99%;text-align:center;height:130px;}

    .scr_div_container_dashboard a::after{content:"\a"; white-space:pre;}    

 /* intro Customer Search */ 
    .srch_div_container {width:98%; text-align:center;}
    .srch_div_container_50pc {width:100%; text-align:center;}

    .scr_div_leftofthree {float:left;width:98%;text-align:left;}
    .scr_div_centerofthree {float:left;display: inline-block;margin:0 auto;width:98%;text-align:left;}
    .scr_div_rightofthree {float:left;width:98%;text-align:left;}

    .searchbox{margin-bottom:5px;}
    /* Intro Customer Details */
    .div_inline{display:inline-block;}
    .div_custsummary{min-width:100%; padding-bottom:5px;}
    .div_custdetails{min-width:100%; padding-bottom:5px;}
    .col_header{font-weight:900; min-height:20px;display:block;}

    .scr_div_left_50{float:left;width:100%;text-align:left; margin-left:0px!important;}
    .scr_div_right_50{float:left;width:100%;text-align:right;}
    #div_notes {margin-left:0px!important; width:98%!important;}
    
    /* Company details */
    .div_compdetails{width:24%;}
     /* Company details */
    .div_compdetails_label{width:100%;}
    .div_compdetails_field{width:100%;margin-bottom:10px;}
    .div_compdetails_field_s{width:100%;margin-bottom:10px;}
    .div_compdetails_label.radio{width:100%;}

    #intro_email_address{max-width:95%;}
    input, select {width:95%;}
    .dataentry{ border:1px solid #432274!important; height:30px;}
    textarea{width:95%;}
    input[type="radio"] {max-width:20%;}
    input[type="submit"] {max-width:35%;}
    
    /* Remuneration */
    .div_pa_eye_Introducer{width:10%!important;}
    .div_pa_partner_Introducer{}   
    .div_pa_date_Introducer{width:25%!important;}  
    .div_pa_status_Introducer{width:40%!important;}
    .div_pa_retained_Introducer{width:22%!important;}
    .div_pa_partnersplit_Introducer{width:15%!important;}
    .div_pa_doc_Introducer{}
    
    
    
    
    #footer-content{height:90px;}
    
} /* @media screen and (max-width: 640px) { */


   .pwmodal_button
    {
      width: 150px;
      padding: 10px;
      /*background-color: #FF8C00;*/
      /*box-shadow: -8px 8px 10px 3px rgba(0,0,0,0.2);*/
      font-weight:bold;
      text-decoration:none;
    }
    #pwmodal_cover{
      position:fixed;
      top:0;
      left:0;
      background:rgba(0,0,0,0.6);
      z-index:5;
      width:100%;
      height:100%;
      display:none;
    }
    .pwmodal_div_popup_outer
    {
      height:580px;
      width:440px;
      margin:0 auto;
      position:relative;
      z-index:10;
      display:none;
      border-radius:10px;
        padding-top:100px;
    }
 
    .pwmodal_div_popup_outer:target, .pwmodal_div_popup_outer:target + #pwmodal_cover{
      display:block;
      opacity:2;
     
  }
   
    .pwmodal_div_popup
    {
      min-height:380px;
      width:440px;
      margin:0 auto;
      /*position:relative;*/
      z-index:10;
      /*display:none;*/
      background-color: #fff;
      border:10px solid #000;
      border-radius:10px;
        padding-left:20px;
    }

    .minheight430{min-height:430px!important;}
    .minheight450{min-height:450px!important;}
    .minwidth500{min-width:500px!important;}

    .pwmodal_cancel
    {
      display:block;
      position:absolute;
      background:rgb(245,245,245);
      color:red;
      height:30px;
      width:35px;
      font-size:30px;
      text-decoration:none;
      text-align:center;
      font-weight:bold;
    }
/* Pension Trace second modal - for LOA facilities */

   #pwmodal_cover_x{
      position:fixed;
      top:0;
      left:0;
      background:rgba(0,0,0,0.6);
      z-index:5;
      width:100%;
      height:100%;
      display:none;
    }

   .pwmodal_div_popup_outer_x
    {
      height:580px;
      width:490px;
      margin:0 auto;
      position:relative;
      z-index:10;
      display:none;
      border-radius:10px;
        padding-top:100px;
    }
 
    .pwmodal_div_popup_outer_x:target, .pwmodal_div_popup_outer_x:target + #pwmodal_cover_x{
      display:block;
      opacity:2;
     
  }
   
    .pwmodal_div_popup_x
    {
      min-height:380px;
      width:440px;
      margin:0 auto;
      /*position:relative;*/
      z-index:10;
      /*display:none;*/
      background-color: #fff;
      border:10px solid #000;
      border-radius:10px;
        padding-left:20px;
    }

/* Pension Sharing Report */
.psr_header_row {background:var(--color-purple-verylight);font-size:13px; color:#000; font-weight:600; padding:5px!important;}
.psr_sub_header_row {background:var(--color-purple-verylight);font-size:13px; color:#000; font-weight:600;padding-left:5px;}