A:link
{
	FONT-SIZE: 10px;
	COLOR: #00677D;
	FONT-FAMILY: "proxima-nova", sans-serif;
	outline: none text-decoration: none
}
A:visited
{
    FONT-SIZE: 10px;
    COLOR: #00677D;
    FONT-FAMILY: "proxima-nova", sans-serif;
    outline: none
    text-decoration: none
}
A:active
{
    FONT-SIZE: 10px;
    COLOR: #00677D;
    FONT-FAMILY: "proxima-nova", sans-serif;
    outline: none
    text-decoration: none
}
A:hover
{
    FONT-SIZE: 10px;
    COLOR: #003642;
    FONT-FAMILY: "proxima-nova", sans-serif;
    outline: underline
    text-decoration: none
}

A.nav:link
{
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: "proxima-nova", sans-serif;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}

A.nav:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #ff9900;
    FONT-FAMILY: "proxima-nova", sans-serif;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}

A.nav:visited
{
    FONT-SIZE: 10px;
    COLOR: #ffffcc;
    FONT-FAMILY: "proxima-nova", sans-serif;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}

A.nav:active
{
    FONT-SIZE: 10px;
    COLOR: #cc9999;
    FONT-FAMILY: "proxima-nova", sans-serif;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}

a.navBar1Selected
{
	border-left:		1px solid #E1F0FF;
	border-top:			1px solid #E1F0FF;
	border-bottom:		1px solid #E1F0FF;
	border-right:		1px solid #E1F0FF;
	padding:			0px 2px;
	background-color:	#191970;
	font-size:			12px;
	font-weight:		bold;
	color:				#FFFFFF;
	text-decoration:	none;
	font-family: "proxima-nova", sans-serif;
}

a.navBar1Selected:hover
{
	border-left:		1px solid #E1F0FF;
	border-top:			1px solid #E1F0FF;
	border-bottom:		1px solid #E1F0FF;
	border-right:		1px solid #E1F0FF;
	padding:			0px 2px;
	background-color:	#191970;
	font-size:			12px;
	font-weight:		bold;
	color:				#FFFFFF;
	text-decoration:	none;
	font-family: "proxima-nova", sans-serif;
}

a.navBar1
{
	border-left:		1px solid #C3D7F0;
	border-top:			1px solid #C3D7F0;
	border-bottom:		1px solid #C3D7F0;
	border-right:		1px solid #C3D7F0;
	font-size:			12px;
	font-weight:		bold;
	color:				#000000;
	text-decoration:	none;
	font-family: "proxima-nova", sans-serif;
	padding:			0px 2px;
}

a.navBar1:hover
{
	border-left:		1px solid #000000;
	border-top:			1px solid #000000;
	border-bottom:		1px solid #000000;
	border-right:		1px solid #000000;
	padding:			0px 2px;
	background-color:	rgb(255,255,255);
	color:				#000000;
	font-size:			12px;
	font-weight:		bold;
	color:				#000000;
	text-decoration:	none;
	font-family: "proxima-nova", sans-serif;
	padding:			0px 2px;
}

A.Hyperlink:link {COLOR: #00677D;}
A.Hyperlink:visited {COLOR: #00677D;}
A.Hyperlink:active {COLOR: #00677D;}
A.Hyperlink:hover {COLOR: #003642;}

A.HyperlinkBold:link {COLOR: #00677D;}
A.HyperlinkBold:visited {COLOR: #00677D;}
A.HyperlinkBold:active {COLOR: #00677D;}
A.HyperlinkBold:hover {COLOR: #003642;}

BODY
{
	background-color: #FFFFFF;
}

.BODYLIGHTBLUE
{
	background-color: #FFFFFF;
}

.BODYMIDBLUE
{
	background-color: #FFFFFF;
}

.BODYWHITE
{
	background-color: #FFFFFF;
}

.Button
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    CURSOR: pointer;
    COLOR: #ffffff;
    FONT-FAMILY: "proxima-nova", sans-serif;
    BACKGROUND-COLOR: #00677D;
    border: none;
    border-radius: 50px;
    padding: 4px 12px;
    transition: background-color 0.2s;
}

.Button:hover
{
    BACKGROUND-COLOR: #003642;
}

.ButtonSecondary
{
    FONT-WEIGHT: 600;
    FONT-SIZE: 10px;
    CURSOR: pointer;
    COLOR: #191C1D;
    FONT-FAMILY: "proxima-nova", sans-serif;
    BACKGROUND-COLOR: #E1E3E4;
    border: none;
    border-radius: 99px;
    padding: 6px 20px;
    transition: background-color 0.2s;
}

.ButtonSecondary:hover
{
    BACKGROUND-COLOR: #c8cacc;
}

.DarkBtn
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    CURSOR: pointer;
    COLOR: #ffffff;
    FONT-FAMILY: "proxima-nova", sans-serif;
    BACKGROUND-COLOR: #00677D;
    border: none !important;
    border-radius: 50px;
    padding: 4px 12px;
    transition: background-color 0.2s;
}

.DarkBtn:hover
{
    BACKGROUND-COLOR: #003642;
}

.LightBtn
{
    BORDER-RIGHT: #666666 2px solid;
    BORDER-TOP: lightcyan 2px double;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    BORDER-LEFT: #666666 2px solid;
    CURSOR: hand;
    COLOR: #ffffff;
    BORDER-BOTTOM: #666666 2px solid;
    FONT-FAMILY: "proxima-nova", sans-serif;
    BACKGROUND-COLOR: #725196
}

.Data
{
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: "proxima-nova", sans-serif;
    font-weight: normal;
}

.DataBold
{
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: "proxima-nova", sans-serif;
    font-weight: bold;
}

.DataGrid
{
	background-color: #D6E7EC;
}

.DataGrid1
{
	border-bottom-color: Black;
}

.Error,
.warning
{
    FONT-SIZE: 10px;
    COLOR: #A93814 !important;
    FONT-FAMILY: "proxima-nova", sans-serif;
    font-weight: normal;
}

.ErrorText
{
	font-weight: bold;
	font-size: 10pt;
	color: #FF0000;
	font-family: "proxima-nova", sans-serif;
}

.EvenLines
{
	font-family: "proxima-nova", sans-serif;
	font-size : 8pt;
	background-color: #FFFFFF ;/* #C6D9FD; */
	text-align: left;
}

.File
{

	font-family: "proxima-nova", sans-serif;
	border : 1px outset #FFFFFF;
	text-align : center;
	vertical-align : middle;
	color : #FFFFFF;
	/* dont forget to do the A:link, visited, active as well */
	font : bold;
	cursor : hand;
	font-size : 12px;
	height:19px;
}

.Footer
{
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: "proxima-nova", sans-serif;
    TEXT-DECORATION: none;
    outline: none
}

.Heading
{
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: "proxima-nova", sans-serif;
    font-weight: bold;
}

.PaymentTimeoutHeading
{
    FONT-SIZE: 11px;
    COLOR: #FF0000;
    FONT-FAMILY: "proxima-nova", sans-serif;
    font-weight: bold;
}

.OutstandingInvHeading
{
    FONT-SIZE: 11px;
    COLOR: #3B0400;
    FONT-FAMILY: "proxima-nova", sans-serif;
    font-weight: bold;
    background-color: #FFD4D1;
}

.subHeader1
{
	background-color: White;
	height: 2;
}
.subHeader2
{
	 background-color: #003063;
	 height: 17;
}
.Hyperlink
{
    FONT-SIZE: 10px;
    COLOR: #00677D;
    FONT-FAMILY: "proxima-nova", sans-serif;
}

.HyperlinkBold
{
    FONT-SIZE: 10px;
    COLOR: #00677D;
    FONT-FAMILY: "proxima-nova", sans-serif;
    font-weight: bold;
}

.InputBoxTxt
{
    FONT-SIZE: 10px;
    FONT-FAMILY: "proxima-nova", sans-serif;
    BACKGROUND-COLOR: #FFFFFF;
    height: 18px;
    border: none;
    border-bottom: 1px solid #BFC8CC;
    outline: none;
    padding: 4px 2px;
    transition: border-bottom-color 0.2s, background-color 0.2s;
}

.InputBoxTxt:hover
{
    border-bottom-color: #003642;
}

.InputBoxTxt:focus
{
    border-bottom-color: #00677D;
    border-bottom-width: 2px;
    background-color: #E6F2F4 !important;
}

select.InputBoxTxt
{
    border: 1px solid #BFC8CC;
    border-radius: 4px;
    padding: 4px;
    height: 24px;
}

select.InputBoxTxt:hover
{
    border-color: #003642;
}

select.InputBoxTxt:focus
{
    border-color: #00677D;
}

.InputBoxTxt:disabled, .InputBoxTxt[disabled]
{
    width: 240px;
    height: 20px;
    border: none;
    border-bottom: 1px solid #BFC8CC;
    border-radius: 2px;
    padding-left: 4px;
    padding-right: 4px;
    background: none;
    opacity: 0.5;
}

.Warning
{
    color: #A93814;
    font-weight: 500;
    font-size: 10px;
    font-family: "proxima-nova", sans-serif;
}

select
{
    height: 20px;
    border-radius: 4px;
    border: 1px solid #BFC8CC;
    padding-left: 4px;
    padding-right: 4px;
    background: #FFFFFF;
    font-family: "proxima-nova", sans-serif;
    font-size: 10px;
}

select:hover
{
    border-color: #003642;
}

select:focus
{
    border-color: #00677D;
}

.InputBoxNum
{
    FONT-SIZE: 10px;
    FONT-FAMILY: "proxima-nova", sans-serif;
    BACKGROUND-COLOR: #FFFFFF;
    height: 18px;
    border: none;
    border-bottom: 1px solid #BFC8CC;
    outline: none;
    padding: 4px 2px;
    transition: border-bottom-color 0.2s, background-color 0.2s;
}

.InputBoxNum:hover
{
    border-bottom-color: #003642;
}

.InputBoxNum:focus
{
    border-bottom-color: #00677D;
    border-bottom-width: 2px;
    background-color: #E6F2F4 !important;
	text-align : right;
}

.Link
{
	font-weight: bold;
	font-size: 10pt;
	color: #000099;
	font-family: "proxima-nova", sans-serif;
}

.Literal
{
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: "proxima-nova", sans-serif;
    font-weight: normal;
}

.LiteralBold
{
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: "proxima-nova", sans-serif;
    font-weight: bold;
}

.LiteralBoldWhite
{
    FONT-SIZE: 10px;
    COLOR: #FFFFFF;
    FONT-FAMILY: "proxima-nova", sans-serif;
    font-weight: bold;
}

.LiteralWhite
{
    FONT-SIZE: 10px;
    COLOR: #FFFFFF;
    FONT-FAMILY: "proxima-nova", sans-serif;
}

.Menu
{
	FONT-SIZE: 11px;
	COLOR: white;
    FONT-WEIGHT: bold;
    FONT-FAMILY: "proxima-nova", sans-serif;
    BACKGROUND-COLOR: #00677D;
	text-decoration: none;
}

.MenuItem
{
    FONT: 10px "proxima-nova", sans-serif;
    CURSOR: hand;
    COLOR: #191C1D;
    TEXT-DECORATION: none;
	background-color: #ECEEEF;
}

.MenuItem a
{
    COLOR: #191C1D;
    TEXT-DECORATION: none;
}

.MenuRed {
	FONT-SIZE: 10px;
	COLOR: #191C1D;
	FONT-WEIGHT: 600;
	FONT-FAMILY: "proxima-nova", sans-serif;
	BACKGROUND-COLOR: #00677D24;
	text-decoration: none;
}

.NormalLines
{
	font-family: "proxima-nova", sans-serif;
	font-size : 8pt;
	background-color: #FFFFFF ; /* #FFFFCC;*/
	text-align: left;
}

.NormalLinesBackgroundColour
{
	font-family: "proxima-nova", sans-serif;
	font-size : 8pt;
	background-color: #F8F9FA;
	text-align: left;
}

.OddLines
{
	font-family: "proxima-nova", sans-serif;
	font-size : 8pt;
    background-color: #FFFFFF; /* #E0EBFE;*/
	background-color: #F8F9FA;
	text-align: left;
}

.SummaryOddLines
{
	font-family: "proxima-nova", sans-serif;
	font-size : 8pt;
	background-color: #F8F9FA;
	text-align: left;
}

.ReceiptHeading
{
	FONT-SIZE:large;
    COLOR: #000000;
    FONT-FAMILY: "proxima-nova", sans-serif;
    font-weight: bold;
}

SELECT
{
    FONT-SIZE: 11px;
    FONT-FAMILY: "proxima-nova", sans-serif;
    BACKGROUND-COLOR: #FFFFFF
}

span.navBar1
{
	border-left:		1px solid #C3D7F0;
	border-top:			1px solid #C3D7F0;
	border-bottom:		1px solid #C3D7F0;
	border-right:		1px solid #C3D7F0;
	font-size:			12px;
	font-weight:		bold;
	color:				#000000;
	text-decoration:	none;
	font-family: "proxima-nova", sans-serif;
	padding:			0px 2px;
}

span.navBar2
{
	font-family: "proxima-nova", sans-serif;
	font-size:			12px;
	font-weight:		bold;
	color:				#FFFFFF;
}

TABLE
{
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: "proxima-nova", sans-serif
}

.TableWithBackground
{
	background-color: #8ABBDF;
}

.TableHeader
{
	font-weight: bold;
	font-size: 8pt;
	font-family: "proxima-nova", sans-serif;
	height: 18px;
	background-color: #D6E7EC;
}
.TableFooter1
{
	background-color: #ECEEEF;
}

TEXTAREA
{
    FONT-SIZE: 11px;
    FONT-FAMILY: "proxima-nova", sans-serif;
    BACKGROUND-COLOR: #FFFFFF
}

TR
{
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: "proxima-nova", sans-serif
}

TD
{
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: "proxima-nova", sans-serif;
}

TD.Literal
{
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: "proxima-nova", sans-serif;
    font-weight: normal;
}

TD.navBar1
{
	background-color:	#C3D7F0;
	border-top:			1px solid #000000;
	border-bottom:		1px solid #000000;
	padding-right:		1ex;
	padding-left:		1ex;
	vertical-align : middle;
}

TD.navBar2
{
	border-top:			1px solid #000000;
	background-color:	#FF3333;
	padding-right:		1ex;
	padding-left:		1ex;
	color:				#FFFFFF;
	vertical-align : middle;
}

TR.navBar1
{
	height:				22px;
	vertical-align : middle;
}

TR.navBar2
{
	height:				22px;
	vertical-align : middle;
}

.WhiteBackground
{
	background-color: #FFFFFF;
}

.HeaderTDBGColor
{
    background-color: #1a7fb3;
}

.ph
{
	background-color: white;
}

.HeaderBanner
{
	width: 100%;
	height: 50px;
}

.HeaderBannerSpaced
{
	margin-left: 20px;
}

.HeaderSpacer
{
	background-color: White;
    background-image: url('spacer.gif');
    background-repeat: repeat-y;
}

.HeaderBrandBarTD1
{
	background-color: White;
	vertical-align: middle;
	height: 53px;
	white-space: nowrap;
	width: 1%;
	padding-left: 20px;
}

.logoOneStop
{
	vertical-align: middle;
	position: relative;
	top: 2px;
}

.logoComPay
{
	vertical-align: middle;
	margin-left: 20px;
	position: relative;
	top: -6px;
}

.HeaderBrandBarTD2
{
    background-color: white;
	vertical-align: bottom;
	width: 100%;
}

.HeaderBrandBarTD3
{
    background-color:white;
	text-align: right;
	height: 53px;
    width:152px;
	background-image:url('compay_right.GIF');
}

.HeaderLoginBanner
{
	display: none;
}

.HeaderUserBanner
{
	background-color: #ECEEEF;
	border-top: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	width: 100%;
	height: 17px;
}

.SpacerRow
{
    background-color: White;
}

.HeaderRightImage
{
    width: 308px;
    height: 53px;
}


input[disabled], input[disabled="disabled"]  input[readonly]
{
   background-color: #dcdcdc;
   color: #000000;
   cursor: default;   
} 

/*Modal Popup*/
.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

/* CP-4621 Login page styles */

#btnLogin {
	width: 65px;
	height: 28px;
	border-radius: 99px;
	background-color: #00677D;
	border: none;
	color: #ffffff;
	cursor: pointer;
	padding-left: 20px;
	padding-right: 20px;
	transition: background-color 0.2s;
}

#btnLogin:hover {
	background-color: #003642;
}

td.noticeHdr, td.noticeHdr span {
	font-size: 16px !important;
	font-weight: 500 !important;
	color: #191C1D !important;
	line-height: 24px !important;
}

td.noticeDtl, td.noticeDtl span {
	font-size: 20px !important;
	font-weight: 400 !important;
	line-height: 28px !important;
	color: #191C1D !important;
}

td.noticeDtl {
	padding-top: 5px;
	padding-bottom: 5px;
}

.btnLoginLine {
	height: 25px;
	padding-top: 5px;
	padding-bottom: 2px;
}

.lblPolicyLine {
	height: 25px;
	color: #333333;
	padding-top: 2px;
}

.loginLinkBold {
	font-size: 10px;
	font-weight: 600;
	color: #00677D;
	font-family: "proxima-nova", sans-serif;
	text-decoration: underline;
	display: inline-block;
	padding: 5px 0;
}

.loginLinkBold:hover {
	color: #003642;
}

#chkRemember input[type="checkbox"] {
	accent-color: #00677D;
	vertical-align: middle;
	margin-right: 4px;
}

#chkRemember label {
	vertical-align: middle;
}

.noticeLink {
	font-size: 14px;
	font-weight: 400;
	color: #00677D;
	font-family: "proxima-nova", sans-serif;
	line-height: 20px;
	letter-spacing: 0.25px;
	text-decoration: underline;
}

.noticeLink:hover {
	color: #003642;
}

.PageFooter {
	background-color: #FFFFFF;
	color: #191C1D;
	font-size: 10px;
	font-family: "proxima-nova", sans-serif;
}

.PageHeader {
	background-color: #FFFFFF;
}

.termsline {
	color: #00677D !important;
}

.termsline:hover {
	color: #003642 !important;
}

.loginLink {
	font-size: 10px;
	color: #00677D;
	font-family: "proxima-nova", sans-serif;
	text-decoration: underline;
}

.loginLink:hover {
	color: #003642;
}

a {
	cursor: pointer;
}

.warning-default {
	color: Red;
	display: none;
}

.warning-display {
	color: Red;
}

#btnSubmit {
	width: 75px;
	height: 25px;
}


.bsb-text {
	color: #086151 !important;
	font-weight: bold;
}

.line-item-delete {
	color: #A93814 !important;
}