/* Default CSS Stylesheet for a new Web Application project */

BODY
{
	background-color: white;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
}
TABLE
{
}
H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
	color: #003366;
}
H1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.75em;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.58em;
	font-weight: 500;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H4
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.33em;
	font-weight: 500;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H5, DT
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H6
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

TFOOT, THEAD
{
	font-size: 1em;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
}

TH
{
	vertical-align: baseline;
	font-size: 1em;
	font-weight: bold;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
}


A:link
{
	text-decoration: underline;
	color: #3333cc;
}

.TPALink
{
	text-decoration: underline;
	color: #3333cc;
	cursor:hand;
}

A:visited
{
	text-decoration: underline;
	color: #333399;
}

A:active
{
	text-decoration: underline;
	color: #333399;
}

A:hover
{
	text-decoration: underline;
	color: #3333cc;
}

SMALL
{
	font-size: .7em;
}

BIG
{
	font-size: 1.17em;
}

BLOCKQUOTE, PRE
{
	font-family: Courier New, monospace;
}


UL LI
{
	list-style-type: square;
}

UL LI LI
{
	list-style-type: disc;
}

UL LI LI LI
{
	list-style-type: circle;
}

OL LI
{
	list-style-type: decimal;
}

OL OL LI
{
	list-style-type: lower-alpha;
}

OL OL OL LI
{
	list-style-type: lower-roman;
}
.header-row
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: White;
	background-color: #333399;
	border-width: 0;
}

.header-cell
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: White;
	background-color: #333399;
	border-width: 0;
}

.table-cell
{
	border: none;
}
.content-table
{
	font-family: Verdana;
	font-size: 8pt;
	border: none;
	vertical-align: top;
}
.content-table2
{
	font-family: Verdana;
	font-size: 8pt;
	padding: 0;
	border-width: 0;
}
.content-table-with-border
{
	font-family: Verdana;
	font-size: 8pt;
	border: solid 1px black;
	padding: 2em;
}
.header-row1
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: Black;
	background-color: #6699CC;
	border-width: 0;
}
.header-row2
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: Black;
	background-color: #99CCCC;
	border-width: 0;
}
.header-row3
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: White;
	background-color: #999999;
	border: none;
}
.header-row4
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: Black;
	background-color: #E5FAF9;
	border-width: 0;
}
.header-row5
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: Black;
	background-color: #E7F3FE;
	border-width: 0;
}
.header-row6
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: Black;
	background-color: #FFFFFF;
	border-width: 0;
}

.alternating-item-blue
{
	background-color: #E7F3FE;
}
.alternating-item-green
{
	background-color: #E5FAF9;
}

.header-row-with-border
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: Black;
	background-color: #DCE4F4;
	border: solid 1px White;
}
.header-cell2
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: Black;
	background-color: none;
	border-width: 0;
}

.table-cell2
{
	border-width: 0;
	background-color: #6699CC;
}



.header-cell-with-border
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: Black;
	background-color: #DCE4F4;
	border: solid 1px White;
}



.header-cell3
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: White;
	background-color: #999999;
	border: none;
}

.filing-header
{
	font-family: Verdana;
	font-size: 7pt;
	font-weight: bold;
	color: Black;
	background-image: url(Images/header/fade_blue_spacer.jpg);
	border: none;
}

.filing-header-with-border
{
	border-top: gainsboro 1px solid;
	font-weight: bold;
	font-size: 7pt;
	background-image: url(Images/header/fade_blue_spacer.jpg);
	border-left: gainsboro 1px solid;
	border-right-style: none;
	color: black;
	border-bottom: gainsboro 1px solid;
	font-family: Verdana;
}
.filing-header-sort-button
{
	font-weight: bold;
	font-size: 7pt;
	color: #000000;
	font-family: Verdana;
}
.filing-rptr-row-no-right
{
	border-top: gainsboro 1px solid;
	font-size: 8pt;	
	border-left: gainsboro 1px solid;
	border-right-style: none;
	color: black;
	border-bottom: gainsboro 1px solid;
	font-family: Verdana;
}
.filing-rptr-Alt-row-no-right
{
	border-top: gainsboro 1px solid;	
	background-color: #E7F3FE;
	font-size: 8pt;	
	border-left: gainsboro 1px solid;
	border-right-style: none;
	color: black;
	border-bottom: gainsboro 1px solid;
	font-family: Verdana;
}
.filing-rptr-row
{
	font-weight: normal;
	font-size: 8pt;
	border-left: gainsboro 1px solid;
	color: black;
	border-top-style: none;
	border-bottom: gainsboro 1px solid;
	font-family: Verdana;
	border-right-style: none;
}

.filing-rptr-row-no-left
{
	font-weight: normal;
	font-size: 8pt;
	border-left-style: none;
	color: black;
	border-top-style: none;
	border-bottom: gainsboro 1px solid;
	font-family: Verdana;
	border-right-style: none;
}

.filing-rptr-Alt-row
{
	font-weight: normal;
	border-top-Style: none;	
	background-color: #E7F3FE;
	font-size: 8pt;	
	border-left: gainsboro 1px solid;
	border-right-style: none;
	color: black;
	border-bottom: gainsboro 1px solid;
	font-family: Verdana;
}

.filing-rptr-Alt-row-no-left
{
	font-weight: normal;
	border-top-Style: none;	
	background-color: #E7F3FE;
	font-size: 8pt;	
	border-left-style: none;
	border-right-style: none;
	color: black;
	border-bottom: gainsboro 1px solid;
	font-family: Verdana;
}

.filing-rptr-row-workbench
{
	font-weight: normal;
	font-size: 8pt;
	border-left: gainsboro 1px solid;
	color: black;
	border-top-style: none;
	border-bottom: gainsboro 1px solid;
	font-family: Verdana;
	border-right-style: none;
}
.filing-rptr-Alt-row-workbench
{
	font-weight: normal;
	border-top-Style: none;	
	background-color: #E5FAF9;
	font-size: 8pt;	
	border-left: gainsboro 1px solid;
	border-right-style: none;
	color: black;
	border-bottom: gainsboro 1px solid;
	font-family: Verdana;
}
.filing-rptr-row-total
{
	font-weight: bold;
	font-size: 7pt;
	border-left: gainsboro 1px solid;
	color: black;
	border-top-style: none;
	border-bottom: gainsboro 1px solid;
	font-family: Verdana;
	border-right-style: none;
	background-image:url(Images/header/fade_blue_spacer.jpg);
}
.filing-rptr-row-total-workbench
{
	font-weight: bold;
	font-size: 7pt;
	border-left: gainsboro 1px solid;
	color: black;
	border-top-style: none;
	border-bottom: gainsboro 1px solid;
	font-family: Verdana;
	border-right-style: none;
	background-image:url(Images/header/fade_green_spacer.jpg);
}
.filing-header-workbench
{
	font-family: Verdana;
	font-size: 7pt;
	font-weight: bold;
	color: Black;
	background-image: url(Images/header/fade_green_spacer.jpg);
	border: none;
}

.filing-header-with-border-workbench
{
	border-top: gainsboro 1px solid;
	font-weight: bold;
	font-size: 7pt;
	background-image: url(Images/header/fade_green_spacer.jpg);
	border-left: gainsboro 1px solid;
	border-right-style: none;
	color: black;
	border-bottom: gainsboro 1px solid;
	font-family: Verdana;
}
.left-top-border-filing-workbench
{
	border: solid 1px white;
	border-top: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
	border-right-style: none;
	border-bottom-style: none;
	font-family: Verdana;
	font-size: 7pt;
	font-weight: bold;
	color: Black;
	background-image: url(Images/header/fade_green_spacer.jpg);
}
.payment-header
{
	font-family: Verdana;
	font-size: 7pt;
	font-weight: bold;
	color: Black;
	background-image: url(Images/header/fade_grey_spacer.jpg);
	border: none;
}


.payment-header-with-border
{
	font-family: Verdana;
	font-size: 7pt;
	font-weight: bold;
	color: Black;
	background-image: url(Images/header/fade_grey_spacer.jpg);
}

.section-style
{
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	border: none;
	color: White;
	background-color: #333399;
}

.selected-section-style
{
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	border: none;
	color: Black;
	background-color: #E7F3FE;
}

.selected-section-style-summary
{
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	border: none;
	color: Black;
	background-color: #E7F3FE;
}

.selected-section-style-workbench
{
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	border: none;
	color: Black;
	background-color: #E5FAF9;
}

.hover-section-style
{
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	border: none;
	color: White;
	background-color: #666666;
}

.button-font
{
	font-family: Verdana;
	font-size: 8pt;
}

.header-font
{
	font-family: Verdana;
	font-size: 12pt;
	color: #333399;
	font-weight: bold;
}

.sub-header-font
{
	font-family: Verdana;
	font-size: 10pt;
	color: #333399;
	font-weight: bold;
}

.normal-font
{
	font-family: Verdana;
	font-size: 8pt;
	color: black;
}

.smaller-font
{
	font-family: Verdana;
	font-size: 7pt;
	color: black;
}

.error-font
{
	font-family: Verdana;
	font-size: 10pt;
	font-weight:bold;
	color: red;
}
.imp-notice-font
{
	font-weight: bold;
	font-size: 10pt;
	color: red;
	font-family: Verdana;
}
.label-font
{
	font-family: Verdana;
	font-size: 10pt;
	color: Navy;
}

.label-font-bold
{
	font-family: Verdana;
	font-size: 12pt;
	color: Navy;
}
.navigation-link
{
	color: #333399;
	font-weight: bold;
	font-family: Verdana;
	font-size: 9pt;
}

.menu-link
{
	color: #ffffff;
	font-weight: bold;
	font-family: Verdana;
	font-size: 9pt;
}

.menu-link:link
{
	color: White;
	text-decoration: none;
}

.menu-link:hover
{
	color: White;
	text-decoration: none;
}
.menu-link:visited
{
	color: White;
	text-decoration: none;
}

.other-link
{
	color: #333399;
	font-weight: bold;
	font-family: Verdana;
	font-size: 9pt;
}

.other-link:link
{
	color: #333399;
	text-decoration: none;
}

.other-link:hover
{
	color: #DCE4F4;
	text-decoration: none;
}

.other-link:visited
{
	text-decoration: none;
}

.navigation-table
{
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	color: #336699;
	border: none;
	border-left-style: none;
	border-right-style: none;
	padding: 2em;
	background-color: none;
}
.instruction-font
{
	font-family: Verdana;
	font-size: 8pt;
}
.confirmation-font
{
	color: #333399;
	font-family: Verdana;
	font-size: 9pt;
}
.label-font
{
	color: #000000;
	font-family: Verdana;
	font-size: 9pt;
}
.no-left-no-top
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: White;
	background-color: #ffffff;
	border: solid 1px white;
	border-left-style: none;
	border-top-style: none;
}

.no-right-no-top
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: White;
	background-color: #ffffff;
	border: solid 1px white;
	border-right-style: none;
	border-top-style: none;
}

.content-table-x
{
	font-family: Verdana;
	font-size: 8pt;
	border-style: none;
	padding: 0;
}

.only-bottom-border-filing
{
	border: solid 1px white;
	border-right-style: none;
	border-left-style: none;
	border-top-style: none;
	font-family: Verdana;
	font-size: 7pt;
	font-weight: bold;
	color: Black;
	background-image: url(Images/header/fade_blue_spacer.jpg);
}

.only-left-border-filing
{
	border: solid 1px white;
	border-right-style: none;
	border-left: gainsboro 1px solid;
	border-top-style: none;
	border-bottom-style: none;
	font-family: Verdana;
	font-size: 7pt;
	font-weight: bold;
	color: Black;
	background-image: url(Images/header/fade_blue_spacer.jpg);
}
.only-right-border-filing
{
	border: solid 1px white;
	border-right: gainsboro 1px solid;
	border-left-style: none;
	border-top-style: none;
	border-bottom-style: none;
	font-family: Verdana;
	font-size: 7pt;
	font-weight: bold;
	color: Black;
}
.only-top-border-filing
{
	border: solid 1px white;
	border-right-style:none;
	border-left-style: none;
	border-top: gainsboro 1px solid;
	border-bottom-style: none;
	font-family: Verdana;
	font-size: 7pt;
	font-weight: bold;
	color: Black;
	background-image: url(Images/header/fade_blue_spacer.jpg);
}
.left-right-border-filing
{
	border: solid 1px white;
	border-right: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
	border-top-style: none;
	border-bottom-style: none;
	font-family: Verdana;
	font-size: 7pt;
	font-weight: bold;
	color: Black;
	background-image: url(Images/header/fade_blue_spacer.jpg);
}
.left-top-border-filing
{
	border: solid 1px white;
	border-top: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
	border-right-style: none;
	border-bottom-style: none;
	font-family: Verdana;
	font-size: 7pt;
	font-weight: bold;
	color: Black;
	background-image: url(Images/header/fade_blue_spacer.jpg);
}
.no-border-filing
{
	border: solid 1px white;
	border-right-style:none;
	border-left-style: none;
	border-top-style: none;
	border-bottom-style: none;
	font-family: Verdana;
	font-size: 7pt;
	font-weight: bold;
	color: Black;
	background-image: url(Images/header/fade_blue_spacer.jpg);
}
.only-bottom-border-filing-workbench
{
	border: solid 1px white;
	border-right-style: none;
	border-left-style: none;
	border-top-style: none;
	font-family: Verdana;
	font-size: 7pt;
	font-weight: bold;
	color: Black;
	background-image: url(Images/header/fade_green_spacer.jpg);
}

.only-bottom-border-payment
{
	border: solid 1px white;
	border-right-style: none;
	border-left-style: none;
	border-top-style: none;
	font-family: Verdana;
	font-size: 7pt;
	font-weight: bold;
	color: Black;
	background-image: url(Images/header/fade_grey_spacer.jpg);
}

.no-top-border-filing
{
	border: solid 1px white;
	border-top-style: none;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: White;
	background-color: #333399;
}
.no-top-border-payment
{
	border: solid 1px white;
	border-top-style: none;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: White;
	background-color: #999999;
}
.LinkButtonBigger
{
		color: #FFFFFF;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.LinkButton1
{
	color: #FFFFFF;
	font-size: smaller;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.LinkButton1:link
{
	color: White;
	text-decoration: none;
}

.LinkButton1:hover
{
	color: White;
	text-decoration: none;
}
.LinkButton1:visited
{
	color: White;
	text-decoration: none;
}
.footer-link
{
	color: #333399;
	font-family: Verdana;
	font-size: 8pt;
	text-decoration: none;
}

.CaptionRight
{
	font-weight: bold;
	font-size: 12px;
	color: black;
	font-family: Arial, Verdana;
	text-align: right;
	text-decoration: none;
}
.CaptionLeft
{
	font-weight: bold;
	font-size: 12px;
	color: black;
	font-family: Arial, Verdana;
	text-align: left;
	text-decoration: none;
}

.details-table-grouping
{
	BORDER-TOP: 0px outset; 
	BORDER-RIGHT: 1px outset; 
	BORDER-LEFT: 1px outset; 
	BORDER-BOTTOM: 1px outset; 
	BORDER-COLLAPSE: separate; 
	BACKGROUND-COLOR: white; 
}

#spinner {
    display: none;
}

.loading {
    border: 4px solid red;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border-top-color: #1ecd97;
    border-left-color: #1ecd97;
    animation: spin 1s infinite ease-in;
    position: absolute;
    top: 70%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.container {
	display: flex;
	/*display: inline-block;*/
	align-items: center;
}

.image {
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.tooltip {
	visibility: hidden;
	background-color: #333;
	color: #fff;
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	/* Position the tooltip above the image */
	position: absolute;
	bottom: 120%; /* 20% above the image */
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	white-space: nowrap; /* Prevents line break in the tooltip */
	/* Optional: arrow on the tooltip */
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltip::after {
	content: "";
	position: absolute;
	top: 100%; /* Arrow at the bottom */
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #333 transparent transparent transparent;
}

.show-tooltip {
	visibility: visible;
	opacity: 1;
}

.inbox-link {
	position: relative;
	text-decoration: none;
	color: #000;
	font-family: sans-serif;
	font-size: 14px;
}

.badge {
	position: absolute;
	top: -8px;
	right: -16px;
	background-color: red;
	color: white;
	border-radius: 50%;
	padding: 2px 6px;
	font-size: 12px;
	font-weight: bold;
}