body {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.80);
	background-color: #FFF;
	margin: 0px 0px 30px 0px;
	background-image: url(../../images/body_bg.gif);
	background-repeat: repeat-x;
}

input, select, textarea {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.80);
}

h1 {
	font-size: 15px;
	font-weight: normal;
	color: #000;
	margin: 0 0 0 2px;
	background-image: url(../../images/title_bg.gif);
	background-repeat: repeat-x;
	padding: 10px 0px 10px 10px;
	margin-bottom: 10px;
}

h5 {
	font-size: 10px;
	margin-bottom: 4px;
}

a {
	color: #8DC63F; /* ZSD-152: Welcome page revamp */
	text-decoration: underline;
}

	a:link {
		color: #8DC63F; /* ZSD-152: Welcome page revamp */
		text-decoration: underline;
	}

	a:visited {
		color: #8DC63F; /* ZSD-152: Welcome page revamp */
		text-decoration: underline;
	}

	a:hover {
		color: #8DC63F; /* ZSD-152: Welcome page revamp */
		text-decoration: underline;
	}

	a:active {
	}

/* General Link Style */
.generalLink a {
	color: #588605;
	text-decoration: underline;
}

	.generalLink a:link {
		color: #588605;
		text-decoration: underline;
	}

	.generalLink a:visited {
		color: #588605;
		text-decoration: underline;
	}

	.generalLink a:hover {
		color: #588605;
		text-decoration: underline;
	}

	.generalLink a:active {
	}


.titlepanel {
	font-size: 16px;
	font-weight: normal;
	color: #000;
	margin: 0 0 0 2px;
	background-image: url(../../images/title_bg.gif);
	background-repeat: repeat-x;
	padding: 10px 0px 10px 10px;
	margin-bottom: 10px;
}

	.titlepanel img {
		margin-right: 10px;
		float: left;
		position: relative;
	}

.popuppanel {
	background-image: url(../../images/title_bg.gif);
	background-repeat: repeat-x;
}

	.popuppanel .titlepanel {
		font-size: 16px;
		font-weight: normal;
		color: #000;
		margin: 0 0 0 2px;
		margin-bottom: 10px;
	}

h2 {
	font-size: 15px;
	color: #000;
	margin-top: 0px;
}

h3 {
	font-size: 14px;
	color: #000;
}

img {
	border: none;
}

.panel {
	/*width: 100%;*/
	margin: 10px 0px 0px 0px;
	background-color: #FFF;
	padding: 10px;
	border: 1px solid #c8c8c8;
	clear: both;
	overflow: hidden;
}

	.panel h1 {
		background-image: url(../../images/title_bg.gif);
		background-repeat: repeat-x;
		padding: 10px 0px;
	}

	.panel h2 {
		color: #FFF;
		font-size: 12px;
		margin: 20px 0px 0px 0px;
		background-repeat: no-repeat;
		padding: 5px;
		background-color: #f7941e;
		background-image: url(../../images/orange_bg.gif);
	}

/* table for sidebox */
.sidebox {
	border-collapse: collapse;
	width: 190px;
	margin: 0px;
}

.alertbox {
	width: 100%;
	border-collapse: collapse;
}

.plainbox {
	width: 100%;
	border-collapse: collapse;
}

.popupbox {
	margin-top: 4px;
	width: 100%;
	border-top: #e0e0e0 1px solid;
	border-right: #588605 1px solid;
	border-bottom: #588605 1px solid;
	border-left: #e0e0e0 1px solid;
	padding: 6px 6px 6px 6px;
	background-color: White;
}

	.popupbox h4 {
		color: #662d91;
	}

.boxbg {
	padding: 0px 5px 5px 5px;
	background-repeat: repeat-x;
	background-position: bottom;
	vertical-align: text-top;
	font-size: 12px; /* ZSD-152: Welcome page revamp */
}

.alertbox .boxbg {
	/* Purple Background */
	background-image: url(../../images/BG_PurpleBox.gif);
}

.sidebox .boxbg {
	background-image: url(../../images/BG_OrangeBox.gif);
}

.plainbox .boxbg {
}

.popupbox .boxbg {
	text-align: left;
	background-color: white;
}

.popupbox a {
	color: #588605;
	text-decoration: none;
}

	.popupbox a:hover {
		color: #588605;
		text-decoration: underline;
	}

.popupbox .closelink {
	font-size: 12px;
	border-bottom: solid 1px #c8c8c8;
	border-right: solid 1px #c8c8c8;
	padding: 3px;
}

/* Box Styles for border */
.boxul {
	background-image: url( ../../images/ZimpleBox_01.gif);
	width: 8px;
	height: 8px;
}

.boxum {
	background-image: url( ../../images/ZimpleBox_02.gif);
	height: 8px;
}

.boxur {
	background-image: url( ../../images/ZimpleBox_03.gif);
	width: 8px;
	height: 8px;
}

.boxml {
	background-image: url( ../../images/ZimpleBox_04.gif);
	width: 10px;
}

.boxmr {
	background-image: url( ../../images/ZimpleBox_06.gif);
	width: 10px;
}

.boxll {
	background-image: url( ../../images/ZimpleBox_07.gif);
	width: 10px;
	height: 12px;
}

.boxlm {
	background-image: url( ../../images/ZimpleBox_08.gif);
	height: 12px;
}

.boxlr {
	background-image: url( ../../images/ZimpleBox_09.gif);
	width: 10px;
	height: 12px;
}

/* ***********************/
.wizardtitle {
	font-size: 14px;
	text-align: left;
	margin-bottom: 6px;
	padding-left: 18px; /* ZSD-139: Redo UX for Load Builder Page */
}


.bottomline {
	font-size: 14px;
	font-weight: bold;
}


.alternate {
	background-color: #f5f5f6;
}

/*  Header classes */
.header {
	margin: 1px 0px 0px 0px;
	color: #FFFFFF;
	width: 100%;
	border-collapse: collapse;
}

	.header .left {
		background-image: url(../../images/header_left.jpg);
		background-repeat: no-repeat;
		width: 2px;
	}

	.header .center {
		text-align: left;
		background-image: url(../../images/header_center.jpg);
		background-repeat: repeat-x;
		font-weight: 500;
		padding-top: 3px;
		padding-bottom: 2px;
		padding-left: 4px;
		color: #FFFFFF;
	}

.header-simple {
	vertical-align: bottom;
	text-align: left;
	background-image: url(../../images/header_center.jpg);
	background-repeat: repeat;
	font-weight: 700;
	color: #FFFFFF;
	width: 100%;
}

.header-world {
	vertical-align: bottom;
	text-align: left;
	background-image: url(../../images/header_bg.jpg);
	background-repeat: repeat;
	font-weight: 700;
	color: #FFFFFF;
	width: 100%;
}

.header .links {
	text-align: right;
	background-image: url(../../images/header_center.jpg);
	background-repeat: repeat-x;
	font-weight: 400;
}

	.header .links a {
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 6px;
		padding-right: 6px;
		text-decoration: underline;
		font-size: 14px;
		font-weight: 500;
	}

		.header .links a:link {
			color: #ffffff;
			text-decoration: underline;
			font-size: 14px;
		}

		.header .links a:visited {
			color: #ffffff;
			text-decoration: underline;
			font-size: 14px;
		}

		.header .links a:hover {
			color: #ffff00;
			text-decoration: underline;
			font-size: 14px;
		}

		.header .links a:active {
			color: #ffff00;
			text-decoration: underline;
			font-size: 14px;
		}


.header .right {
	background-image: url(../../images/header_right.jpg);
	background-repeat: no-repeat;
	width: 2px;
}


.headercommands {
	width: 100%;
	text-align: right;
	margin-bottom: 8px;
	position: relative;
	top: -18px;
	font-size: 11px;
	font-weight: bold;
}

	.headercommands .left {
		border-left-style: solid;
		border-left-width: 1px;
	}

	.headercommands .right {
		border-right-style: solid;
		border-right-width: 1px;
	}

	.headercommands a {
		margin-left: 6px;
		margin-right: 8px;
		text-decoration: underline;
	}

		.headercommands a:link {
			color: #ffffff;
			text-decoration: underline;
		}

		.headercommands a:visited {
			color: #ffffff;
			text-decoration: underline;
		}

		.headercommands a:hover {
			color: #ffff00;
			text-decoration: underline;
		}

		.headercommands a:active {
		}

.sectionbox {
	padding: 10px;
	border-left: solid 1px orange;
	border-right: solid 1px orange;
	border-bottom: solid 1px orange;
	margin-bottom: 15px;
}

/* Edit Form classes */
.editform {
}

	.editform th {
		text-align: left;
		font-size: 13px;
		font-weight: 600;
		color: black;
		padding: 6px 0px 6px 0px;
	}

	.editform td {
		font-size: 14px;
		font-weight: 500;
		color: rgba(0, 0, 0, 0.80);
		padding: 2px 0px 2px 0px;
	}

		.editform td.header16, .editform th.header16 {
			font-weight: bold;
			font-size: 16px;
			color: black;
		}

.commands {
	text-align: center;
	padding-top: 20px;
}

.smallcommands {
	text-align: center;
	padding-top: 10px;
}


/* Tab Styles */
.tabs .ajax__tab_header {
	white-space: normal !important;
}

.tabs .ajax__tab_outer {
	display: -moz-inline-box;
	display: inline-block;
}

.tabs .ajax__tab_inner {
	display: -moz-inline-box;
	display: inline-block;
}

.tabs .ajax__tab_tab {
	margin-right: 4px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	display: -moz-inline-box;
	display: inline-block;
}

.tabs .ajax__tab_header {
	font-family: verdana,tahoma,helvetica;
	background: url(../../images/tab_line.bmp) repeat-x bottom;
}

.tabs .ajax__tab_outer {
	margin-right: 0px;
	background: url(../../images/tab_right.bmp) no-repeat right;
	height: 31px;
	padding-right: 3px;
}

.tabs .ajax__tab_inner {
	padding-left: 3px;
	background: url(../../images/tab_left.bmp) no-repeat;
}

.tabs .ajax__tab_tab {
	padding: 9px 30px;
	margin: 0;
	background: url(../../images/tab_body.bmp) repeat-x;
}

.tabs .ajax__tab_hover .ajax__tab_outer {
	background: url(../../images/tab_hover_right.bmp) no-repeat right;
}

.tabs .ajax__tab_hover .ajax__tab_inner {
	background: url(../../images/tab_hover_left.bmp) no-repeat;
}

.tabs .ajax__tab_hover .ajax__tab_tab {
	background: url(../../images/tab_hover_body.bmp) repeat-x;
}

.tabs .ajax__tab_active .ajax__tab_outer {
	background: url(../../images/tab_current_right.bmp) no-repeat right;
}

.tabs .ajax__tab_active .ajax__tab_inner {
	background: url(../../images/tab_current_left.bmp) no-repeat;
}

.tabs .ajax__tab_active .ajax__tab_tab {
	background: url(../../images/tab_current_body.bmp) repeat-x;
}

.tabs .ajax__tab_body {
	font-family: verdana,tahoma,helvetica;
	border-top: 0;
	padding: 15px 8px 8px;
	background-color: #ffffff;
	border-style: none solid solid solid;
	border-width: 1px;
	border-color: #c8c8c8;
}

.tabs a {
	text-decoration: none;
	text-align: center;
	padding: 7px 0px 0px 0px;
	color: #000;
	font-weight: 400;
}

.tabs .tab a {
	background: url(../../images/tab.png) no-repeat;
	float: left;
	width: 134px;
	height: 32px;
}

.tabs .active a {
	background: url(../../images/tab_current.png) no-repeat;
	float: left;
	width: 134px;
	height: 32px;
}

.tabs .tab a:hover {
	background: url(../../images/tab_hover.png) no-repeat;
	float: left;
	width: 134px;
	height: 32px;
}

.tabstatus {
	background: url(../../images/status_bg.gif) no-repeat;
	background-position: 60px 16px;
	text-align: center;
	padding-top: 7px;
	color: #FFFFFF;
	position: absolute;
}

	.tabstatus .done {
		padding: 4px 0px 0px 0px;
		background: url(../../images/status_done.gif) no-repeat top;
		width: 134px;
		height: 32px;
		float: left;
		background-position: 55px 1px;
	}

	.tabstatus .open {
		padding: 4px 0px 0px 0px;
		background: url(../../images/status_open.gif) no-repeat top;
		width: 134px;
		height: 32px;
		float: left;
		background-position: 55px 1px;
		background-color: transparent;
	}


/* Tab styles - Fix/Compatibility to old layout which we still use */
.tabs .ajax__tab_header:before, .tabs .ajax__tab_header:after {
	content: "";
	display: table;
}

.tabs .ajax__tab_header:after {
	clear: both;
}

.tabs .ajax__tab {
	height: 28px !important;
}


/* scrolling */
.ajax__scroll_horiz {
	overflow-x: scroll;
}

.ajax__scroll_vert {
	overflow-y: scroll;
}

.ajax__scroll_both {
	overflow: scroll;
}

.ajax__scroll_auto {
	overflow: auto;
}


/* Listform styles   */
.listform {
	width: 100%;
	border-collapse: collapse;
	margin: 0px 0px 20px 0px;
}

	.listform td {
		padding: 5px;
		border: 0;
		font-size: 14px;
		background-color: white;
	}

	.listform th, .listform .footer td {
		border-style: none none none solid;
		background-color: #F2F2F2;
		font-size: 14px;
		font-weight: bold;
		padding: 2px 5px 2px 5px;
		border-left-width: 1px;
		border-left-color: #FFFFFF;
	}

	.listform a {
		color: #1355D4; 
		text-decoration: none;
	}

		.listform a:hover {
			color: #1355D4; 
			text-decoration: underline;
		}

/* */
.formseparator {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	text-align: left;
	border-bottom: solid 1px #ffe4c9;
	font-size: 12px;
	font-weight: bold;
	padding: 4px;
	margin-bottom: 4px;
}

hr.separator {
	width: 90%;
	color: #ffe4c9;
	height: 1px;
}

/* message list*/
.messagelist {
	width: 100%;
	border-collapse: collapse;
	margin: 0px 0px 20px 0px;
}

	.messagelist th {
		text-align: left;
		border-bottom: solid 1px #ffe4c9;
		font-size: 11px;
		font-weight: bold;
		padding: 4px 4px 4px 10px;
	}

	.messagelist TR.new {
		background-color: #fcfcfc;
	}

	.messagelist .new {
		font-size: 13px;
	}

	.messagelist td {
		font-size: 11px;
		padding: 4px 0px 4px 10px;
		border: 0;
	}

	.messagelist .body {
		font-size: 11px;
		color: Gray;
		font-style: italic;
	}

	.messagelist .user {
		font-size: 11px;
		font-weight: bold;
	}

	.messagelist .date {
		font-size: 9px;
		color: blue;
		font-style: italic;
	}



/* message list*/
.postlist {
	width: 100%;
	border-collapse: collapse;
	margin: 0px 0px 20px 0px;
	background: white;
}

	.postlist .alternate {
		background-color: Transparent;
	}


	.postlist .post {
		padding: 5px;
		background-color: #f0f0ff;
		margin-bottom: 4px;
	}

	.postlist .comment {
		padding: 4px;
		margin-left: 20px;
	}

	.postlist .edit {
		margin-left: 20px;
		margin-right: 20px;
		padding: 4px;
	}


	.postlist .body {
		font-size: 13px;
		color: black;
	}

	.postlist .user {
		font-size: 11px;
		color: Gray;
		font-style: italic;
		margin-left: 10px;
	}

	.postlist .command {
		font-size: 9px;
	}

	.postlist .date {
		font-size: 9px;
		color: Navy;
		font-style: italic;
	}

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

td.groupheader {
	text-align: left;
	border-bottom: solid 1px #ffe4c9;
	font-size: 12px;
	color: Gray;
	padding: 12px 4px 4px 10px;
}


/*  Summary Form styles */
.summaryform {
	padding: 2px;
	border: 1px solid #c8c8c8;
	background-color: #fefbf2;
	margin-bottom: 10px;
	width: 200px;
}

	.summaryform TABLE {
		width: 200px;
	}

	.summaryform td {
		vertical-align: top;
		padding: 3px;
	}

	.summaryform .header {
		color: #000000;
		background-color: #fdecd2;
		margin: 0px;
		padding: 5px;
		font-weight: bold;
		vertical-align: top;
	}

	.summaryform th {
		text-align: left;
		vertical-align: top;
	}

	.summaryform a {
		color: #588605;
		text-decoration: none;
	}

		.summaryform a:hover {
			color: #588605;
			text-decoration: underline;
		}

/*  Info Form */
.infoform {
	display: flex;
	padding: 16px;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	border: 0.5px solid #662D91;
	background: #FFEED9;
	box-shadow: 4px -4px 10px 0px rgba(0, 0, 0, 0.05), -4px 4px 10px 0px rgba(0, 0, 0, 0.05);
	margin-bottom: 15px;
}

	.infoform h1 {
		text-align: left;
		border-bottom: solid 1px #ffe4c9;
		font-size: 13px;
		font-weight: bold;
		padding: 4px;
	}

.infoform2 {
	display: block;
	padding: 12px;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	border: 0.5px solid #D9D9D9;
	background: #FFF;
	box-shadow: 4px -4px 10px 0px rgba(0, 0, 0, 0.05), -4px 4px 10px 0px rgba(0, 0, 0, 0.05);
	margin: 5px 1px 5px 1px;
}

.infoform2 div {
	padding: 4px;
}


/* help Items */
.hint {
}

.helptrigger, .helphover {
	background: url(../../images/icons8-help-30.png) no-repeat center;
	width: 30px;
	height: 30px;
}

.helppopup {
	display: none;
	padding: 5px;
	background-color: #fefbf2;
	border-right: #562781 1px solid;
	border-top: #562781 1px solid;
	border-left: #562781 1px solid;
	border-bottom: #562781 1px solid;
	z-index: 1;
	/* ZSD-405: Bug: tool tip content gets cut off by border */
	width: auto !important;
	max-height: 500px; /* Limit height */
	overflow-y: auto; /* Scroll vertically if needed */
	/* ZSD-403: Add tooltips & change titles on Payments tab */
	text-align: left;
}


/* errors */
.errorform {
	width: 100%;
	padding: 10px;
	border: 5px solid #ffe4c9;
	background-color: #fefbf2;
	margin-bottom: 20px;
}


div.errorform {
	width: 98%;
	padding: 4px 2px 0px 2px;
	color: #f79a29;
	text-align: left;
	font-weight: 700;
	margin-left: 0px;
	margin-right: 0px;
}

.errorform .header {
	padding-top: 1px;
	margin-left: 5px;
	margin-right: 5px;
}

.errorform ul {
	padding: 3px 10px 0px 10px;
	margin: 4px 0px 0px 0px;
	list-style-type: none;
	border-top: solid 1px #ffe4c9;
	font-weight: 400;
}

.errorform li {
	color: black;
	padding-top: 2px;
	padding-bottom: 2px;
}

/**********************************/
.footnote {
	margin-top: 25px;
	padding: 10px 10px 10px 10px;
	color: Gray;
	font-style: italic;
	font-size: 10px;
}

.smallnote {
	color: Gray;
	font-style: italic;
	font-size: 10px;
	font-weight: normal;
}

/* =======================================================================
   Styles right from content designer that are not used in the logic pages    
*/

#header {
	/*  all content css */
	width: 980px;
	height: 156px;
	position: relative;
}

#logo {
	background-image: url('../../App_Themes/Zimple/Images/logo.gif');
	float: left;
	width: 207px;
	height: 93px;
}

#header_middle {
	/* 	position:relative; 	left:-100px; */
	float: left;
	margin-left: 140px;
	padding-top: 20px;
	text-align: center;
}

	#header_middle a {
		color: #bf6c08;
		text-decoration: none;
	}

		#header_middle a:hover {
			color: #bf6c08;
			text-decoration: underline;
		}

#container {
	/*	width: 977px; 	margin: auto; 	 	------ from content provider 	width:980px; 	 */
	width: 977px;
	height: auto;
	position: relative;
	margin: 0px auto;
}

#topLinks {
	/*position:relative;*/
	padding-top: 20px;
	/*float: right;*/
	color: Black; /*margin-top: -20px;*/
}

	#topLinks a {
		color: #bf6c08;
		text-decoration: none;
	}

		#topLinks a:hover {
			color: #bf6c08;
			text-decoration: underline;
		}

#content {
	/*   	 padding: 20px; 	border: 1px solid #c8c8c8; 	border-top: none; */
	background-color: #FFF;
	clear: both;
	overflow: hidden; /*  content css 	     		*/
	width: 977px;
	height: auto;
	margin-top: 15px;
	float: left;
}

	#content #left {
		float: left;
		width: 232px;
		height: 200px;
		position: relative;
		border-right: 1px #efefef solid;
	}

	#content #right {
		width: 728px;
		float: right;
		background-image: url(../../images/right_content_bg.jpg);
		background-repeat: no-repeat;
		background-position: top;
		font-size: 11px;
	}

		#content #right h1 {
			font-size: 20px;
			margin-left: 10px;
			color: #662d91;
		}


		#content #right p {
			padding: 7px 10px;
			margin: 0px;
		}

			#content #right p.quotation {
				font-weight: bold;
				font-style: italic;
				font-size: 13px;
			}

		#content #right ul li {
			line-height: 20px;
		}


		#content #right p strong {
			font-size: 16px;
			font-weight: bold;
		}

		#content #right #content_data {
			width: 713px;
			height: auto;
			color: #616161;
		}

			#content #right #content_data .top {
				width: 713px;
				height: 10px;
				background-image: url(../../images/content_box_top.jpg);
				background-repeat: no-repeat;
				background-position: bottom;
			}

			#content #right #content_data .data {
				background-image: url(../../images/content_box_bg.jpg);
				background-repeat: repeat-y;
				width: 713px;
			}

				#content #right #content_data .data table {
					width: 690px;
					margin-bottom: 20px;
				}

					#content #right #content_data .data table td {
						border-bottom: 1px #e2e2e2 solid;
						height: 27px;
						padding: 5px 0px;
						vertical-align: top;
					}

						#content #right #content_data .data table td.padding {
							padding-left: 12px;
						}

					#content #right #content_data .data table .heading {
						font-size: 18px;
						color: #662d91;
					}

			#content #right #content_data .bottom {
				width: 713px;
				height: 10px;
				background-image: url(../../images/content_box_bottom.jpg);
				background-repeat: no-repeat;
				background-position: bottom;
			}

#menu {
	clear: both;
	background-image: url( '../../Images/menu_bg.gif' ); /*background-color: #562781;*/
	background-repeat: no-repeat;
	height: 39px;
	margin-top: 0px;
	font-weight: 700;
	font-size: 13px;
}

	#menu a, #menu a.notcurrent {
		text-decoration: none;
		color: #FFF;
		display: block;
		float: left;
		padding: 12px 20px 12px 20px;
	}

		#menu a:hover {
			background-image: url(../../images/menu_current_bg.bmp);
			background-repeat: repeat-x;
			z-index: 5;
			text-decoration: none;
		}

		#menu a.current {
			color: white;
			background-image: url(../../images/menu_current_bg.bmp);
			background-repeat: repeat-x;
			z-index: 5;
		}

	#menu .left {
		float: left;
		width: 3px;
		z-index: 999;
	}

	#menu .line {
		background-image: url(../../images/menu_line.gif);
		background-repeat: no-repeat;
		background-position: right -1px;
		width: 3px;
		height: 39px;
		float: left;
	}

#main {
	background-color: #FFF; /**/
	border-right: 1px solid #b3adc2;
	border-left: 1px solid #b3adc2;
	background-image: url(../../images/main_bg.gif);
	background-repeat: repeat-x;
	padding: 0px 15px 10px 15px;
	overflow: hidden;
}

	#main .title {
		background-image: url(../../images/title_bg.gif);
		background-repeat: repeat-x;
		padding: 10px 0px;
	}

		#main .title div {
			float: right;
		}

#footer {
	width: 980px;
	height: 25px;
	clear: both;
	margin-top: 25px;
	margin-bottom: 25px;
	background-color: #fdfefd;
	border-top: 1px #e9e9e9 solid;
	border-bottom: 1px #e9e9e9 solid;
	line-height: 25px;
	float: left;
	text-align: center;
	font-size: 12px;
	color: #8f8f8f;
}

	#footer a {
		color: #8f8f8f;
		font-size: 12px;
		text-decoration: none;
	}

		#footer a:hover {
			color: #8f8f8f;
			text-decoration: underline;
		}

	#footer span {
		padding: 0px 10px;
	}

/* The login control used on the public pages
.loginlinks
{
	height:24px;
	width:100px;
	vertical-align:middle;
	text-align:center;
	padding-top:0px;
	color:#FFFFFF;
	font-weight:bold;
}
.loginlinks a
{
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	
}
.loginlinks a:hover
{
	font-size:11px;
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
	
}

#search_box
{
	width:275px;
	float:right;
	height:auto;
}

#search_box input
{
	border:1px #a9a9a9 solid;
	color:black;
	font-size:11px;
	
}

#search_box input.btn
{
	border:none;
	
}


#search_box .links
{
	text-align:right;
	margin-top:20px;
	color:#8460a1;
	font-weight:bold;
}

#search_box .search_box_bg
{
	width:275px;
	height:37px;
	background-image:url(../../images/search_box_bg.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
	font-size:11px;
	
}

#search_box .search_box_bg .text
{
	
	margin-left:5px;
	
	

}
*/
.links a {
	font-size: 14px;
	color: #8460a1;
	text-decoration: none;
	font-weight: bold;
}

	.links a:hover {
		font-size: 14px;
		color: #7aba0c;
		text-decoration: underline;
		font-weight: bold;
	}

#topnav {
	clear: both;
	width: 980px;
	height: 38px;
	background-image: url(../../images/topnav_bg.jpg);
	background-repeat: no-repeat;
	text-align: center;
}

	#topnav a {
		line-height: 38px;
		text-decoration: none;
		color: #313131;
		font-size: 13px;
		font-weight: bold;
		padding: 9px;
	}

		#topnav a:hover {
			line-height: 38px;
			text-decoration: underline;
			background-repeat: repeat-x;
		}

#flash_header {
	width: 980px;
	height: auto;
	margin-top: 15px;
}

#news_headlines {
	width: 980px;
	height: 25px;
	margin-top: 15px;
	background-color: #fdfefd;
	border-top: 1px #e9e9e9 solid;
	border-bottom: 1px #e9e9e9 solid;
	line-height: 25px;
}

	#news_headlines .headlines {
		color: #787878;
		font-size: 12px;
	}

	#news_headlines .greentext {
		color: #6f9143;
		font-size: 12px;
	}

	#news_headlines .text {
		color: #383838;
		font-size: 13px;
	}

#block_data_container {
	width: 980px;
	height: auto;
	margin-top: 15px;
	float: left;
}

#block_data {
	width: 236px;
	height: 155px;
	background-image: url(../../images/block_data.jpg);
	background-repeat: no-repeat;
	float: left;
}

	#block_data a {
		text-decoration: none;
		color: #000000;
	}


	#block_data .heading {
		color: #000000;
		font-weight: bold;
		font-size: 14px;
		display: block;
		text-align: center;
		margin-top: 5px;
	}

	#block_data .text {
		color: #838383;
		font-size: 12px;
		margin: 5px;
		display: block;
	}

	#block_data .readmore {
		margin-left: 5px;
	}

		#block_data .readmore a {
			color: #37194e;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
		}

			#block_data .readmore a:hover {
				color: #37194e;
				font-size: 12px;
				text-decoration: underline;
			}

	#block_data .margin {
		margin-left: 12px;
	}

#bottomnav {
	width: 980px;
	height: 25px;
	clear: both;
	margin-top: 25px;
	margin-bottom: 25px;
	background-color: #fdfefd;
	border-top: 1px #e9e9e9 solid;
	border-bottom: 1px #e9e9e9 solid;
	line-height: 25px;
	float: left;
	text-align: center;
	font-size: 12px;
	color: #8f8f8f;
}

	#bottomnav a {
		color: #8f8f8f;
		font-size: 12px;
		text-decoration: none;
	}

		#bottomnav a:hover {
			color: #8f8f8f;
			text-decoration: underline;
		}

.modalbackground {
	background-color: gray;
	filter: alpha(opacity=25);
}

.highlight {
	color: Red;
}

/* Banner Library */
.bannerlist INPUT[type=image] {
	margin: 20px;
	display: inline; /* So they wrap */
}

.bannerlist {
	background: #f0f0f0;
}

/* Submenu */
.submenu {
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
}

	.submenu A {
		margin-right: 40px;
		color: #8460a1;
		font-weight: 700;
		font-size: 13px;
		text-decoration: none;
	}

		.submenu A:hover {
			color: #6f9143;
			font-weight: 700;
			font-size: 13px;
			text-decoration: none;
		}

		.submenu a.current {
			border-bottom: 2px solid;
			padding-bottom: 4px;
		}

TABLE.productlist {
	border: 0;
}

.productlist A {
	font-size: 14px;
}

.productlist DIV {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* loan ledger popup styles */
.popupnote {
	text-decoration: none;
	border-bottom: dashed 1px gray;
}

.note {
	display: block;
	position: absolute;
	top: -4px;
	left: 7px;
	width: 160px;
	padding: 5px;
	background-color: #fefbf2;
	border-right: #562781 1px solid;
	border-top: #562781 1px solid;
	border-left: #562781 1px solid;
	border-bottom: #562781 1px solid;
}

.inlinenote {
	background-color: #fefbf2;
	color: Blue;
}

/* PDF report styles */
.pdftitle {
	font-size: 16px;
	font-weight: normal;
	color: #000;
	padding: 10px 0px 10px 10px;
	background-color: white;
	text-align: center;
}

/* gridview grouper */
td.footer-group {
	font-size: 12px;
	font-weight: bold;
	color: #292929;
	background-color: white;
}

td.footer-grand {
	font-size: 12px;
	font-weight: bold;
	color: #292929;
	background-color: white;
}

.header-group {
	vertical-align: bottom;
	text-align: left;
	background-image: url(../../images/header_center.jpg);
	background-repeat: repeat;
	font-weight: 700;
	color: #FFFFFF;
	width: 100%;
}

td.header-group2 {
	font-size: 12px;
	font-weight: bold;
	color: #292929;
	background-color: white;
}


.titlepanel2 {
	font-size: 16px;
	font-weight: normal;
	color: #000;
	margin: 0 0 0 2px;
	padding: 5px 0px 10px 0px;
}

	.titlepanel2 img {
		margin-right: 10px;
		float: left;
		position: relative;
	}

.subtitlepanel2_bold {
	font-size: 13px;
	font-weight: 600;
	color: black;
	margin: 45px 0px 5px 2px;
}

.subtitlepanel2_normal {
	font-size: 14px;
	font-weight: 500;
	color: black;
	margin: 45px 0px 5px 2px;
}

input[type=submit] {
	padding: 6px 10px;
	margin: 2px 1px;
}

input[type=text], input[type=password], select {
	padding: 6px 6px;
	margin: 2px 1px;
}

hr.separator2 {
	border: 1px solid #E6E6E6;
}

.viewform {
	margin: 0px 0px 0px 0px;
}

	.viewform th {
		text-align: left;
		font-size: 13px;
		font-weight: 600;
		color: black;
		padding: 6px 0px 6px 0px;
	}

		.viewform th.header16, .viewform td.header16 {
			font-weight: bold;
			font-size: 16px;
			color: black;
		}

	.viewform td {
		font-size: 14px;
		font-weight: 500;
		color: rgba(0, 0, 0, 0.70);
		padding: 2px 0px 2px 0px;
	}

		.viewform td.rgbaGray80 {
			color: rgba(0, 0, 0, 0.80);
		}

.tdHeight4 {
	height: 4px;
}

.tdHeight10 {
	height: 10px;
}

.header16 {
	font-weight: bold;
	font-size: 16px;
	color: black;
}


a.bluelink {
	color: #1355D4;
	text-decoration: none;
	font-size: 12px;
	font-weight: 400;
}

a:link.bluelink {
	color: #1355D4;
	text-decoration: none;
	font-size: 12px;
	font-weight: 400;
}

a:visited.bluelink {
	color: #1355D4;
	text-decoration: none;
	font-size: 12px;
	font-weight: 400;
}

a:hover.bluelink {
	color: #1355D4;
	text-decoration: none;
	font-size: 12px;
	font-weight: 400;
}

a:active.bluelink {
}


a.bluelink2 {
	color: #1355D4;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
}

a:link.bluelink2 {
	color: #1355D4;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
}

a:visited.bluelink2 {
	color: #1355D4;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
}

a:hover.bluelink2 {
	color: #1355D4;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
}

a:active.bluelink2 {
}


.listform2 {
	width: 100%;
	border-collapse: collapse;
	margin: 0px 0px 20px 0px;
}

	.listform2 td {
		padding: 10px 24px 10px 8px;
		border: 0;
		font-size: 14px;
		color: #3E3E44;
	}

	.listform2 th, .listform2 .footer td {
		border-style: none none solid none;
		background-color: #FFF;
		font-size: 13px;
		font-weight: 600;
		padding: 10px 24px 15px 8px;
		border-bottom-width: 1px;
		border-bottom-color: #CBD8F1;
		color: #1B3667;
	}

	.listform2 a {
		color: #1355D4;
		text-decoration: none;
	}

		.listform2 a:hover {
			color: #1355D4;
			text-decoration: underline;
		}

.alternate2 {
	background-color: #F4F4F4;
}


.listform3 {
	width: 100%;
	border-collapse: collapse;
	margin: 0px 0px 20px 0px;
}

	.listform3 td {
		padding: 6px 24px 6px 8px;
		border: 0;
		font-size: 14px;
		color: #000;
	}

	.listform3 th, .listform3 .footer td {
		border: 0;
		background-color: #FFF;
		font-size: 13px;
		font-weight: 600;
		padding: 12px 24px 9px 8px;
		color: #1B3667;
	}

		.listform3 td.header16, .listform3 th.header16 {
			font-weight: bold;
			font-size: 16px;
			color: black;
		}

	.listform3 a {
		color: #1355D4;
		text-decoration: none;
	}

		.listform3 a:hover {
			color: #1355D4;
			text-decoration: underline;
		}

.alternate3 {
	background-color: #FFF;
}

.red-bold16-text {
	color: #A52020;
	font-size: 16px;
	font-weight: 600;
}

.subscription-plans-container {
	border: 0;
	display: grid;
	grid-template-columns: auto auto auto;
	justify-content: center;
	gap: 35px 0px;
	width: 786px;
}

.subscription-plan-box {
	border: 0;
	display: inline-flex;
	padding-bottom: 0px;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: 0px;
	background: #FFF;
	box-shadow: -4px 4px 20px 0px rgba(0, 0, 0, 0.10), 4px -4px 20px 0px rgba(0, 0, 0, 0.10);
}

.subscription-plan-name-box {
	display: flex;
	padding: 8px 10px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: #FFF;
}

.subscription-plan-name-text {
	width: 242px;
	color: rgba(0, 0, 0, 0.80);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.subscription-plan-price-box {
	display: flex;
	padding: 8px 10px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: #F2F2F2;
}

.subscription-plan-price-text {
	display: inline;
	width: 242px;
	height: 112px;
	flex-direction: column;
	justify-content: center;
	color: #612B8B;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 900;
	line-height: 112px;
}

.subscription-plan-price-text-amount {
	color: #612B8B;
	font-size: 40px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
}

.subscription-plan-price-text-slash {
	color: #612B8B;
	font-size: 24px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
}

.subscription-plan-price-text-per-month {
	color: #612B8B;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.subscription-plan-description-box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	background: #FFF;
}

.subscription-plan-description-item {
	display: flex;
	padding: 4px 10px;
	justify-content: center;
	align-items: center;
	gap: 4px;
}

.subscription-plan-description-item-img {
	width: 20px;
	height: 20px;
}

.subscription-plan-description-item-desc {
	color: rgba(0, 0, 0, 0.70);
	text-align: left;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.subscription-plan-commands {
	margin-top: 15px;
	margin-bottom: 15px;
}

.subscription-plan-commands-current {
	padding-top: 15px;
	font-weight: bold;
}

.subscription-plan-commands-select {
}

.header16-normal-bottom-line {
	display: flex;
	width: 100%;
	padding: 2px;
	align-items: center;
	gap: 4px;
	border-bottom: 1.5px solid #D9D9D9;
	background: #FFF;
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 10px;
}

.frame-terms-of-use {
	display: flex;
	justify-content: left;
	align-items: center;
	gap: 8px;
}

.frame-terms-of-use-text {
	color: rgba(0, 0, 0, 0.70);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.frame-terms-of-use-link {
	color: #8DC63F;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-decoration-line: underline;
}


/* ZSD-151 : Register page revamp */
.register-panel {
	align-items: center;
	display: inline-flex;
	flex: 0 0 auto;
	flex-direction: column;
	gap: 4px;
	justify-content: center;
	position: relative;
}

.register-title {
	color: #000;
	font-size: 20px;
	font-weight: 600;
}

.register-subtitle {
	color: #8C8C8C;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	position: relative;
	white-space: nowrap;
	width: fit-content;
}

.form-field {
	align-items: center;
	background-color: rgba(242, 242, 242, 1);
	border-radius: 4px;
	display: inline-flex;
	flex: 0 0 auto;
	gap: 10px;
	justify-content: center;
	padding: 12px 16px !important;
	margin: 0px 0px !important;
	position: relative;
	border: none;
}

.register-input {
	width: 445px;
	color: rgba(0, 0, 0, 0.70);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.vector {
	height: 8px;
	position: relative;
	width: 7.17px;
}

.valign-text-middle {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.terms-of-use {
	color: rgba(0,0,0,1);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: normal;
	margin-top: -1px;
	position: relative;
	width: fit-content;
}

.i-have-read-and-acce {
	color: transparent;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: normal;
	margin-top: -1px;
	position: relative;
	width: fit-content;
}

.frame {
	align-items: center;
	display: inline-flex;
	flex: 0 0 auto;
	gap: 8px;
	justify-content: center;
	position: relative;
}

.medium-black-14px2 {
	color: rgba(0, 0, 0, 0.698);
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
}

.akar-iconscheck-box {
	height: 24px;
	position: relative;
	width: 24px;
}

.page-header {
	align-items: center;
	background-color: rgba(255, 255, 255, 1);
	border-bottom-style: solid;
	border-bottom-width: 1.5px;
	border-color: #d9d9d9;
	display: flex;
	gap: 4px;
	left: 2px;
	padding: 2px;
	position: absolute;
	top: 2px;
	width: 934px;
}

.page-header-spacer {
	margin-top: 40px;
}

.register-for-zimple-money {
	color: rgba(0, 0, 0, 1);
	font-weight: 400;
	height: 26px;
	line-height: normal;
	margin-top: -1.5px;
	position: relative;
	width: 182px;
}

.add-user {
	height: 24px;
	position: relative;
	width: 24px;
}

.white-container {
	align-self: stretch;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 4px;
	flex: 1;
	flex-grow: 1;
	overflow: hidden;
	position: relative;
}

.nav-header {
	font-size: 16px;
	letter-spacing: 0px;
	color: rgba(0, 0, 0, 1);
	font-weight: 400;
	height: 26px;
	font-style: normal;
	white-space: nowrap;
}

.add-to-main {
	padding-top: 10px !important;
}

/* ZSD-152: Welcome page revamp */
.sidebox-width {
	width: 250px !important;
}

/* ZSD-150 : Login page revamp */
.forgot-password {
	color: #1355d4;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: normal;
	position: relative;
	transition: all 0.2s ease;
	width: fit-content;
}

	.forgot-password:hover {
		color: #4a6f8d;
	}

.login-frame {
	padding-top: 32px;
}

.plainbox-login {
	color: rgba(19, 85, 212, 1) !important;
	font-size: 12px !important;
}

.more-options {
	color: rgba(0, 0, 0, 1);
	line-height: normal;
	margin-top: -1px;
	position: relative;
	background: #FDECD2;
	width: 100%;
}

.menu-link {
	font-size: 14px;
	letter-spacing: 0px;
}

.secondary-button {
	align-items: center;
	background-color: #f3ebf8;
	border: 1px solid;
	border-color: rgba(242, 242, 242, 1);
	border-radius: 20px;
	display: inline-flex;
	flex: 0 0 auto;
	gap: 8px;
	justify-content: center;
	padding: 12px 24px;
	position: relative;
}

.button-link {
	color: #662d91;
	font-weight: 400;
	line-height: normal;
	margin-top: -1px;
	position: relative;
	white-space: nowrap;
	width: fit-content;
}

.frame-2609535 {
	align-items: flex-start;
	background-color: #fffcf8;
	border: 1px solid;
	border-color: #c6c3c3ee;
	border-radius: 4px;
	display: inline-flex;
	flex: 0 0 auto;
	flex-direction: column;
	gap: 18px;
	height: 163px;
	opacity: 0.8;
	padding: 8px;
	position: relative;
	width: 95%;
}

.frame-2609514 {
	align-items: center;
	background-color: #fdecd2;
	display: inline-flex;
	flex: 0 0 auto;
	gap: 10px;
	justify-content: center;
	padding: 4px;
	position: relative;
	width: 95%;
}

/* ZSD-143: "My Portfolio" revamp */
.my-portfolio {
	color: rgba(0, 0, 0, 1);
	font-weight: 400;
	height: 26px;
	line-height: normal;
	margin-top: -1.5px;
	position: relative;
	width: 148px;
}

/* ZSD-147: Redo UX for My Account */
.my-account-1 {
	color: rgba(0, 0, 0, 1);
	font-weight: 400;
	height: 26px;
	margin-top: -1.5px;
	width: 148px;
}

.my-account .my-account-2 {
	line-height: normal;
	position: relative;
}

.semi-bold-black-14px {
	color: rgba(0, 0, 0, 1);
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
}

.table-row-style {
	height: 55px;
}

/* grid css with green hyperlink */
.listform-g {
	width: 100%;
	border-collapse: collapse;
	margin: 0px 0px 20px 0px;
}

	.listform-g td {
		padding: 5px;
		border: 0;
		font-size: 14px;
		background-color: white;
	}

	.listform-g th, .listform-g .footer td {
		border-style: none none none solid;
		background-color: #F2F2F2;
		font-size: 14px;
		font-weight: bold;
		padding: 2px 5px 2px 5px;
		border-left-width: 1px;
		border-left-color: #FFFFFF;
	}

	.listform-g a {
		color: #8DC63F; 
		text-decoration: none;
	}

		.listform-g a:hover {
			color: #8DC63F; 
			text-decoration: underline;
		}

/* ZSD-185 : Updates to borrower create password */
.change-height {
	height: 48px !important;
}

.accept-terms-width {
	width: 444px !important;
}

.image-container {
	display: inline-block;
	text-align: center;
}

	.image-container img {
		display: block;
		margin: 0 auto;
	}