/* ============================================
	This is the modified version of the Fiserv default styles. The original Fiserv
	styles begin on line 15 and the C1 overrides begin on line 2867. Overridden styles in the
	original Fiserv code are commented out to avoid the need for !important as much as possible.

	If you're looking for the original, unaltered Fiserv file it still exists as exchange.css.
============================================ */



/*
	BEGIN ORIGINAL FISERV STYLES
*/

@charset "utf-8";
/*   
Theme Name: fiserv
Description: Exchange 
Author: Global services at fiserv
Type: Default CSS
Version: 1.0
*/

body {
	margin:0;
	padding:0;
	/*background:#fff url(../images/bg-page.jpg) 0 0 repeat-x;*/
	font-family:Arial, Helvetica, sans-serif;
}

a { outline:none;}
.clear {
	clear:both!important;
}
.bold { font-weight:bold;}
/* Main container */

#container {
	margin:0 auto!important;
	padding:0;
	width:1000px;
}

#Logincontainer {
	margin:0 auto!important;
	padding:0 0 0 0; 
	width:1000px; background:url(../images/login_bg.png) 130px 335px no-repeat; height:700px;
}
*:first-child+html #Logincontainer {
	margin:0 auto 0 auto!important;
	padding:0 0 0 0;
	width:1000px; background:url(../images/login_bg.png) 130px 375px no-repeat; height:620px; z-index:-10px;
}

/* Paragraph title */

p { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
p.logotext { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; font-weight:bold!important;}
p.dashboard { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;font-weight:normal!important;}
/* heading title */

h1 {
	font-size:16px;
	color:#333;
	margin:0px 0 10px 8px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}
h2 {
	margin:0 0 0 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
color:
}
h3 {
	font-size:12px;
	color:#000;
	margin:0 0 10px 10px;
	padding:5px 5px 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #ccc
}
a {
	color:#0079b5;
}
a:hover {
	text-decoration:none;
}
/* Header */

a.userName {
	margin:0 6px 0 0;
	padding:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none!important;
	color:#000!important;
	text-align:right;
}
a.userName:hover {
	text-decoration:underline!important;
}
#header {
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	height:82px!important;
	/*width:100%;*/
}
#header_lft_img {
	margin:0;
	padding:0;
	background:url(../images/bgheader-left.jpg) 0 0 no-repeat;
	width:8px;
	height:82px;
	float:left;
}
#header_mid_img {
	margin:0;
	padding:0;
	background:url(../images/bgheader.jpg) 0 0 repeat-x;
	/*width: 984px;
	height:82px;
	float:left;*/
}
#header_rgt_img {
	margin:0;
	padding:0;
	background:url(../images/bgheader-right.jpg) 0 0 no-repeat;
	width:8px;
	height:82px;
	float:left;
}
#header_lf {
	margin:0px;
	padding:0px;
	float:left;
	/*height:82px;
	width:280px;*/
}
#header_rg {
	margin:0px;
	padding:0px;
	float:right;
	/*height:82px;
	width:700px;*/
}
#logo {
	margin:15px 0 0 30px;
	padding:0;
}
#appUser {
	/*font-size: 70%;*/
	padding:0 0 0px 0px;
	margin:0px;
	float: right;
	clear: both;
}
#appUser a {
	text-decoration: underline;
	color: #000;
	font-weight: bold;
}
#appUser a:hover {
	text-decoration: none;
}
.emulation {
	background: #FFFF99;
}
.no_emulation {
	background:#FFF;
}
#emulation_banner {
	// background: url("../images/footer-bg.png") repeat-x scroll 0 0 transparent;
	background-color: #EAEAEA;
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	height: 25px;
	margin: 0;
	padding: 0;
	width: 100%;
}
#emulation_banner.show_banner {
	display: block;
}
#emulation_banner.no_banner {
	display: none;
}

/******************************************/
/* Fiserv widgets 'Header - Navigation'   */
/******************************************/

#nav_container {
	padding:10px 15px 0 0px;
	margin:0px;
	width: auto;
	float: right;
	clear:both;
}
#nav_left {
	margin:0;
	padding:0;
	background:url(../images/top-nav-left.png) 0 0 no-repeat;
	width:20px;
	height:29px;
	float:left;
}
#nav_mid {
	margin:0;
	padding:0;
	background:url(../images/top-nav-bg.png) 0 0 repeat-x;
	height:29px;
	float:left;
}
#nav_right {
	margin:0;
	padding:0;
	background:url(../images/top-nav-right.png) 0 0 no-repeat;
	width:20px;
	height:29px;
	float:left;
}
#nav_list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#nav_list {
	/*margin:42px 0 0 0;*/
	padding:0;
	white-space: nowrap;
}
#nav_list li {
	margin:0 0 0 0;
	/*padding:0 8px 0px 8px;*/
	line-height: 25px;
	display: inline;
	list-style-type: none;
	/*background:url(../images/top-nav-seperator.png) 0 0px no-repeat;*/
}
#nav_list a {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px!important;
	color:#0079B5;
	text-decoration:none!important;
	font-weight:normal!important;
}
#nav_list a:link, #nav_list a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0079B5;
	text-decoration:underline;
}
#nav_list a:hover {
	text-decoration: underline!important;
}

#nav_list a:focus {
	text-decoration: none!important;
}

#nav_list a.gray {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	font-weight:bold;
	text-decoration:none!important;
	cursor:default!important;
}
#nav_list a.active {
	color:#0079B5!important;
	text-decoration:underline!important;
}
/* Main Content wrappers */
#content_wrapper {
	margin:10px 0 10px 12px;
	padding:0px 0px 0px 0px;
	float:left;
	display: block;
	width: 980px
}
#content_wrapper_lft {
	margin:0 0 0 0;
	/*padding:0 0 0 10px;*/
	float:left;
	width:200px;
	/*background-color:F4F4F4;*/
}
#content_wrapper_rgt {
	margin:0 0 0 0;
	padding:2px 0 14px 25px;
	float:left;
	width:740px;
	min-height:500px;
}
*:first-child+html #content_wrapper_rgt {
	margin:0 0 0 0;
	padding:2px 0 8px 25px;
	float:left;
	width:740px;
}
/* Main content heading wrappers */
#subhead_wrapper {
	margin:0;
	padding:0;
	float: left;
	width: 750px;
	clear: both;
}
#subhead_wrapper_lft {
	margin:0;
	padding:0;
	background:url(../images/subnav_lft.png) 0 0 no-repeat;
	width:10px;
	height:37px;
	float:left
}
#subhead_wrapper_mid {
	margin:0;
	padding:0;
	background:url(../images/subnav_mid.png) 0 0 repeat-x;
	height:37px;
	float:left;
	width:720px;
	font-size: 90%;
	line-height: 35px;
}
#subhead_wrapper_midA {
	margin:0;
	padding:0;
	background:url(../images/subnav_mid.png) 0 0 repeat-x;
	height:37px;
	float:left;
	width:400px;
	font-size: 90%;
	line-height: 35px;
}
#subhead_wrapper_rgt {
	margin:0;
	padding:0;
	background:url(../images/subnav_rgt.png) 0 0 no-repeat;
	width:10px;
	height:37px;
	float:left;
}
/* Fiserv widgets  Main content section  */
.area {
	margin:0 0 1px 0;
	padding:10px 10px 10px 10px;
	font-size:15px;
	border:1px solid #cfcfcf;
	background-color:F4F4F4;
	width:718px;
	display:none;
	float:left;
}
.close_bt {
	margin:0;
	padding:0;
	background:url(../images/collapse.png) 0 0 no-repeat;
	cursor:pointer;
	border:0;
	float:right;
	width:9px;
	height:9px;
}
.close_wrp {
	margin:-6px -5px 0 0;
	padding:0;
	float:right;
	width:16px;
}
.search_wrp {
	margin:0;
	padding:0;
	float:right;
}
.flt_wrp {
	margin:10px 0 0 0;
	padding:0;
}
.left_flt {
	margin:0;
	padding:0;
	float:left;
}
.right_flt {
	margin:0;
	padding:0;
	float:right;
}
#accordionA {
	width:733px!important;
	margin:10px 0 0 5px;
}
#subnav_wrapper {
	margin:0 0 0 0;
	padding:0;
	float:left;
}
.subnav_wrapper_home {
	margin:0 20px 20px 0;
	padding:0;
	float:left; 
}
*:first-child+html .subnav_wrapper_home {
	margin:0 8px 20px 0;
	padding:0;
	width:360px;
	float:left; 
}
#subnav_wrapper_lft {
	margin:0;
	padding:0;
	background:url(../images/subnav_lft.png) 0 0 no-repeat;
	width:10px;
	height:28px;
	float:left
}
.subnav_wrapper_hmlft{
	margin:0;
	padding:0;
	background:url(../images/subnav_lft.png) 0 0 no-repeat;
	width:10px;
	height:28px;
	float:left
}
#subnav_wrapper_mid {
	margin:0;
	padding:0 0 0 0;
	background:url(../images/subnav_mid.png) 0 0 repeat-x;
	height:28px;
	float:left;
	width:726px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:28px;
}
#subnav_wrapper_mid_left {
	float:left;
	width:30%;
}
#subnav_wrapper_mid_right {
	float:right;
	text-align:right;
	width:70%;
	font-size:11px;
	font-weight:normal;
}
.subnav_wrapper_mid_home {
	margin:0;
	padding:0 0 0 0;
	background:url(../images/subnav_mid.png) 0 0 repeat-x;
	height:28px;
	float:left;
	width:336px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:28px;
}
*:first-child+html .subnav_wrapper_mid_home {
	margin:0;
	padding:0 0 0 0;
	background:url(../images/subnav_mid.png) 0 0 repeat-x;
	height:28px;
	float:left;
	width:335px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:28px;
}
.subnav_wrapper_mcontainer {
	margin:0;
	padding:5px;
	min-height:200px;
	width:338px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:28px;
	border:1px solid #dadada;
}
*:first-child+html .subnav_wrapper_mcontainer {
	margin:0;	
	height:200px;
	width:337px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:28px;
	border:1px solid #dadada;
}
#subnav_Contentwrapper_home {
	margin:0;
	padding:0 0 0 0;
	background:url(../images/subnav_mid.png) 0 0 repeat-x;
	height:28px;
	float:left;
	width:346px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:28px;
}
#subnav_wrapper_rgt {
	margin:0;
	padding:0;
	background:url(../images/subnav_rgt.png) 0 0 no-repeat;
	width:4px;
	height:28px;
	float:left
}
.subnav_wrapper_hmrgt {
	margin:0;
	padding:0;
	background:url(../images/subnav_rgt.png) 0 0 no-repeat;
	width:4px;
	height:28px;
	float:left
}
p.content_text {
	margin:0 0 10px 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	z-index:100000000;
	width:600px;
}
.Subtitle_wrp {
	margin:0 0 10px 0;
	padding:5px;
	background-color:#E1ECFF;
	border:1px solid #4A7EBB;
	font-size:12px;
	font-weight:bold;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	z-index:100000000;
	width:600px;
}
.Subtitle_Inactivewrp {
	margin:0 0 10px 0;
	padding:5px;
	background-color:#E1ECFF;
	border:1px solid #4A7EBB;
	font-size:12px;
	font-weight:normal;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	z-index:100000000;
	width:600px;
}
/* Footer */
#footer {
	text-align:left;
	line-height:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	clear:both;
	margin:0 auto!important;
	color:#666;/* -moz-border-radius: 3px; 
			   height:27px;clear:both; width:960px;
			   margin:0px auto 3px auto;
			    padding: 0 15px 0 15px;
                border-radius: 3px;
                background-color:#eaeaea;
                border: 1px solid #ccc;*/
}
#footer_left {
	margin:0;
	padding:0;
	background:url(../images/footer-left.png) 0 0 no-repeat;
	width:15px;
	height:39px;
	float:left;
}
#footer_mid {
	margin:0;
	padding:0;
	background:url(../images/footer-bg.png) 0 0 repeat-x;
	height:39px;
	float:left;
	width:967px;
}
#footer_right {
	margin:0;
	padding:0;
	background:url(../images/footer-right.png) 0 0 no-repeat;
	width:18px;
	height:39px;
	float:left;
}
/* Fiserv widgets required field position, color, font and display settings */
.ReqField {
	text-align: right;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px!important;
}
.ReqField span {
	color: #ff0000;
	font-weight: bold;
}
/******************************************/
/* Fiserv widgets 'Error boxes'above form */
/******************************************/
.errorBox {
	border: 2px solid #FF0000;
	background:#ffcccc url(../images/error.gif) 5px 5px no-repeat;
	width: 675px;
	display: none;
	margin-bottom: 10px;
	margin-left:5px;
	margin-top:10px;
	padding: 5px 10px 5px 45px;
	color:#D8000C;
	font-size: 80%;
}
.errorBox #close {
	position: relative;
	float: right;
	top: 2px;
	left: 2px;
}
.errorBox ul {
	padding: 5px 0 0 20px;
	margin:0px;
}
.TaberrorBox {
	border: 2px solid #FF0000;
	background:#ffcccc url(../images/error.gif) 5px 5px no-repeat;
	width: 630px;
	display: none;
	margin-bottom: 10px;
	margin-left:5px;
	margin-top:10px;
	padding: 5px 10px 5px 45px;
	color:#D8000C;
	font-size: 80%;
}
.TaberrorBox #close {
	position: relative;
	float: right;
	top: 2px;
	left: 2px;
}
.TaberrorBox ul {
	padding: 5px 0 0 20px;
	margin:0px;
}
.SuccessBox {
	border: 2px solid #64992E;
	background:#EDFCED url(../images/tick.png) 8px 8px no-repeat;
	width: 350px;
	float:left;
	clear:both;
	display: none;
	margin-bottom:10px;
	padding: 5px 10px 8px 30px;
	color:#4F8A10;
	font-size: 80%;
}
.SuccessBox #close {
	position: relative;
	float: right;
	top: 2px;
	left: 2px;
}
.SuccessBox ul {
	padding: 5px 0 0 20px;
	margin:0px;
}
.TabSuccessBox {
	border: 2px solid #64992E;
	background:#EDFCED url(../images/success.png) 5px 5px no-repeat;
	width: 635px;
	float:left;
	clear:both;
	display: none;
	margin-bottom:10px;
	padding: 5px 10px 8px 40px;
	color:#4F8A10;
	font-size: 80%;
}
.TabSuccessBox #close {
	position: relative;
	float: right;
	top: 2px;
	left: 2px;
}
.TabSuccessBox ul {
	padding: 5px 0 0 20px;
	margin:0px;
}

.browserErrorBox {
	border: 2px solid #FF0000;
	background:#ffcccc url(../images/error.gif) 5px 5px no-repeat;
	width:95.5%;
	display: block;
	margin: 0cm;
	padding: 0px 10px 15px 45px;
	color:#D8000C;
	font-size: 80%;
}
.browserErrorBox #close {
	position: relative;
	float: right;
	top: 2px;
	left: 2px;
}
.browserErrorBox ul {
	padding: 5px 0 0 20px;
	margin:0px;
}

/******************************************/
/* Fiserv widgets 'Left Navigation' section */
/******************************************/
*:first-child+html ul.navlist li {
	list-style: none;
	background:url(../images/bullet.png) left 12px no-repeat;
}

ul.navlist {
	padding: 0px;
	margin: 0px;
	font: 11px;
	font-family: Arial, Verdana, sans-serif;
	font-weight:bold;
}
ul.navlist li {
	list-style: none;
	background:url(../images/bullet.png) left 8px no-repeat;
}

ul.navlist li a {
	display: block;
	font-size:12px;
	padding: 0px 0px 0px 15px;
	line-height: 20px;
	border: 0px;
	text-decoration: none;
	text-align: left;
}
ul.navlist li a.on {
	color:#0079B5;
}
ul.navlist li a.off {
	color: #666677!important;
}
ul.navlist li a:link {
	color: #666677!important;
}
div.navcontainer li a:visited {
	color: #666677;
}
ul.navlist li a:hover {
	border-color: #ff9000;
	color:#F60;
}
ul.navlist li a.current {
	font-weight:bold!important;
	color:#0079B5;
}
.Subnav_list {
	margin:0px 0 0 0!important;
	width:180px;
}
.Subnav_list ul {
	margin:0;
	padding:0 0 0 30px;
	font-family: Arial, Verdana, sans-serif;
}
.Subnav_list li {
	font-family: Arial, Verdana, sans-serif;
	margin:-.2em .1em .1em .3em;
	list-style-type: circle!important;
	background-image:none!important;
}
.Subnav_list li a {
	font-family: Arial, Verdana, sans-serif;
	padding: 0 0 0 0 !important;
	font-size:12px!important;
}
* html .Subnav_list li a {
	padding: 0 0 0 0 !important;
	font-size:12px!important;
	font-family: Arial, Verdana, sans-serif;
}
ul.Subnav_list li a.current {
	font-weight:bold!important;
	text-decoration:underline!important;
	font-family: Arial, Verdana, sans-serif;
}
span.acc_image {
	background-image:none!important;
}
.shed_sty {
	margin:1px 0 0 0;
	padding:0;
	color:#555555;
	background-color:#E6E6E6;
	border:1px solid #D3D3D3;
	height:26px;
}
.shed_sty:hover {
	margin:1px 0 0 0;
	padding:0;
	color:#555555;
	background-color:#E6E6E6;
	border:1px solid #D3D3D3;
	height:26px;
}




ul.Subnavlist {
	padding: 0px;
	margin: 0px;
	font: 11px verdana, helvetica, arial, sans-serif;
	font-weight:bold;
}
ul.Subnavlist li {
	list-style: none;
	/*background:url(../images/arrow.gif) left 8px no-repeat;*/
}
*:first-child+html ul.Subnavlist li {
	list-style: none;
	/*background:url(../images/arrow.gif) left 12px no-repeat;*/
}
ul.Subnavlist li a {
	display: block;
	font-size:12px;
	padding: 0px 0px 0px 15px;
	line-height: 20px;
	border: 0px;
	text-decoration: none;
	text-align: left;
}
ul.Subnavlist li a.on {
	color:#0079B5;
}
ul.Subnavlist li a.off {
	color: #666677!important;
}
ul.Subnavlist li a:link {
	color: #666677!important;
}

ul.Subnavlist li a:hover {
	border-color: #ff9000;
	color:#F60;
}
ul.Subnavlist li a.current {
	font-weight:bold!important;
	color:#0079B5;
}



.MainSubnav_list {
	margin:0px 0 0 0!important;
	width:180px;
}
.MainSubnav_list ul {
	margin:0;
	padding:0 0 0 11px;
}
*:first-child+html .MainSubnav_list ul {
	margin:0;
	padding:0 0 0 17px;
}
.MainSubnav_list li {
	list-style-type: circle!important;
	background-image:none!important;
}
.MainSubnav_list li a {
	padding: 0 0 4px 0 !important;
	font-size:11px!important;
}
* html .MainSubnav_list li a {
	padding: 0 0 0 0 !important;
	font-size:11px!important;
}
ul.MainSubnav_list li a.current {
	font-weight:bold!important;
	text-decoration:underline!important;
}



.navcontainer_mrg { margin-bottom:-5px!important;}
*:first-child+html .navcontainer_mrg { margin-bottom:-28px!important;}









/******************************************/
/* Fiserv widgets 'Form Area' section */
/******************************************/
form {
	padding: 0px;
	margin:0px;
}
label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
label.activesch {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; display:inline;
	color:#000;
}
fieldset { margin:5px 0 0 0; padding:8px 0 8px 15px; border:1px solid #CCCCCC;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000;}
legend {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000;}
.search_field {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	padding: 2px;
	display: block;
	width: 150px;
	border: solid 1px #85b1de;
	background-color: #f6f6f6;
}
.field_error {
	border: none;
	color: red;
}

.wrhsearch_field {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	padding: 2px;
	margin:8px 0 0 0;
	display: block;
	width:130px!important;
	border: solid 1px #85b1de;
	background-color: #f6f6f6; 
}

/*
* Author : Raivndra Rathod
* Descripiton : To keep the amount field size intact and apply the new CR amount 
* field format logic.
*/
.wrhsearch_field_amt {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	padding: 2px;
	margin:8px 0 0 0;
	display: block;
	width:130px!important;
	border: solid 1px #85b1de;
	background-color: #f6f6f6; 
}
.Reportdrp_field {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	padding:0!important;
	margin:0 0 0 0!important;
	display: block;
	width:140px!important;
	border: solid 1px #85b1de;
	background-color: #f6f6f6; 
}
.showHideAcctNoDiv {
	width:160px!important;
}
#inputArea {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	padding: 0 0 0 6px;
	width:100%;
	float: left;
	clear:both;
	margin-bottom: 10px;
}
*:first-child+html #inputArea {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	padding: 0 0 0 15px;
	width:100%;
	float: left;
	clear:both;
	padding-bottom:20px!important;
}
*:first-child+html .error {
	float:left!important;
	border:1px solid #f10;
}
.label_wrap {
	margin-top:1px;
}
*:first-child+html .label_wrap {
	margin-top:11px;
}


.label_wrap_broad {
	margin-top:1px;
}
*:first-child+html .label_wrap_broad {
	margin-top:0px;
}

.label_wrapA {
	margin-top:1px;
}
*:first-child+html .label_wrapA {
	margin-top:5px;
	width:650px;
}
.label_wrapB {
	padding-top:10px;
}
*:first-child+html .label_wrapB {
	margin-top:11px;
	width:650px;
}
#inputArea label {
	line-height: 20px; /*float:left; */
}
#inputArea label em {
	color: red;
}
#inputArea input[type="text"] {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 2px;
	display: block;
	width: 100%;
	border: solid 1px #85b1de;
	background-color: #f6f6f6;
	float:left;
}
#inputArea input[type="text"].weekbox {
	font-family: Arial, Sans-Serif;
	font-size: 12px;	
	padding: 2px;	
	width:30px;
	border: solid 1px #85b1de;
	background-color: #f6f6f6;
	float:none!important; display:inline!important;
	vertical-align:middle;
}
*:first-child+html #inputArea input[type="text"].weekbox {
	font-family: Arial, Sans-Serif;
	font-size: 12px;	
	padding: 2px;	
	width:30px;
	border: solid 1px #85b1de;
	background-color: #f6f6f6;
	float:none!important; display:inline!important;
	vertical-align:middle; margin-top:7px;
}
#inputArea input[type="password"] {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 2px;
	display: block;
	width: 300px;
	border: solid 1px #85b1de;
	background-color: #f6f6f6;
	float:left;
}
#inputArea input.textwdt {
	width:87px!important;
	margin-right:10px;
}
#inputArea select.dropwdt {
	width:127px!important;
	height:22px!important;
	margin-right:10px; float:left;	
}
#inputArea select.drophrs {
	width:65px!important;
	height:22px!important;
	margin-right:10px; float:left;	
}
#inputArea select.dropam {
	width:65px!important;
	height:22px!important;
	margin-right:10px; float:right;	
}
#inputArea select.wardropwdt {
	width:135px!important;
	height:22px!important;
	margin-right:10px; float:left;	
}
#inputArea input.logintextwdt {
	/*width:330px!important;*/	
}
#inputArea .textdtpkr-left {
	width:auto;
	margin-right:5px;
}
#inputArea .textdtpkr-right {
	float:left;
	width:145px;
	margin-right:5px;
	clear:none;
}
#inputArea .text-left {
	width:160px;
	margin-right:5px;
	padding:5px 0px;
}
#inputArea .text-right {
	float:left;
	margin-right:5px;
	clear:none;
	padding:5px 0px;
}
#inputArea input.textdtpkr {
	width:110px!important;
	margin-right:5px;
}
#inputArea input.textdtpkr_wrh {
	width:110px!important;
	margin-right:5px; margin-top:8px;
}
#inputArea input.textdtpkr_report {
	width:110px!important;
	margin-right:5px; margin-top:10px; margin-bottom:10px!important;
}
#inputArea select.selecttwdt {
	width:94px!important;
	margin-right:10px;
}
#inputArea select {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	margin: 0px 0 10px 0;
	display: block;
	width: 305px;
	border: solid 1px #85b1de;
	border: solid 1px #85b1de;
	background-color: #f6f6f6;
}
#inputArea select.SelReport {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	margin: 0px 0 10px 0;
	display: block;
	width: 122px;
	border: solid 1px #85b1de;
	border: solid 1px #85b1de;
	background-color: #f6f6f6;
}
#inputArea select.year {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	margin: 0px 0 10px 0;
	display: block;
	width:90px!important;
	border: solid 1px #85b1de;
	border: solid 1px #85b1de;
	background-color: #f6f6f6;
}
#inputArea select.Month {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	margin: 0px 0 10px 0;
	display: inline!important;
	width:90px!important;
	border: solid 1px #85b1de;
	border: solid 1px #85b1de;
	background-color: #f6f6f6;
}
*:first-child+html #inputArea select.Month {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	margin:8px 0 10px 0;
	display: inline!important;
	width:90px!important;
	border: solid 1px #85b1de;
	border: solid 1px #85b1de;
	background-color: #f6f6f6;
	vertical-align:middle;
}
#inputArea textarea {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	margin: 0px 0 10px 0;
	display: block;
	width: 305px;
	border: solid 1px #85b1de;
	border: solid 1px #85b1de;
	background-color: #f6f6f6;
}
#inputArea input[type="radio"], input[type="checkbox"] {
	border: 0px solid #ff6600;
	background: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	width: auto;
	height: auto;
}
#inputArea div {
	clear: both;
	/*overflow: auto;*/
}
#inputArea div div {
	width: 300px;
	float: left;
}
#inputArea div span.error {
	border:none;
	color: red;
	float: left;
	position: relative;
	top: 25px;
}
#inputArea div span.msg {
	border:none;
	color: green;
	float: left;
	position: relative;
	top: 25px;
}
#inputArea div span.Loginerror {
	border:none;
	color: red;
	float: left;
	margin:0 0 10px 0; 
}
*:first-child+html #inputArea div span.Loginerror {
	border:none;
	color: red;
	float: left;
	margin:8px 0 3px 0; clear:both; width:340px; 
}
#inputArea div span.confirm {
	border:none;
	color: green;
	float: left;
	position: relative;
	top: 25px;
}
#fm input[type="text"].error {
	background: #f8dbdb;
	border-color: #e77776;
}
#fm textarea.error {
	background: #f8dbdb;
	border-color: #e77776;
}
#fm select.error {
	background: #f8dbdb;
	border-color: #e77776;
}
#fm input[type="password"].error {
	background: #f8dbdb;
	border-color: #e77776;
}
a.form_link {
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#336699!important;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-weight:bold;
}
a.form_link:hover {
	color:#000!important;
	text-decoration:none;
}
.input_Area {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	padding: 0 0 0 15px;
	width:100%;
	float: left;
	clear:both;
	margin-bottom: 10px;
}
*:first-child+html .input_Area {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	padding: 0 0 0 15px;
	width:100%;
	float: left;
	clear:both;
	padding-bottom:20px!important;
}
.input_Area label {
	line-height: 20px; /*float:left; */
}
.input_Area label em {
	color: red;
}
.input_Area input[type="text"] {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 2px;
	display: block;
	width: 300px;
	border: solid 1px #85b1de;
	background-color: #f6f6f6;
	float:left;
}
.input_Area input.textwdt {
	width:87px!important;
	margin-right:10px;
}
.input_Area .textdtpkr-left {
	width:160px;
	margin-right:5px;
}
.input_Area .textdtpkr-right {
	float:left;
	width:145px;
	margin-right:5px;
	clear:none;
}
.input_Area input.textdtpkr {
	width:110px!important;
	margin-right:5px;
}
.input_Area select.selecttwdt {
	width:94px!important;
	margin-right:10px;
}
.input_Area select {
	font-family:Arial, Helvetica, sans-serif!important;
	font-size: 13px!important;
	margin: 0px 0 10px 0;
	display: block;
	height:22px;
	width: 305px;
	border: solid 1px #85b1de;
	border: solid 1px #85b1de;
	background-color: #f6f6f6;
}
.input_Area input[type="radio"], input[type="checkbox"] {
	border: 0px solid #ff6600;
	background: none;
	padding: 0px;
	margin: 0px;
	width: auto;
	height: auto;
}
.input_Area div {
	clear: both;
}
.input_Area div div {
	width: 310px;
	float: left;
}
.input_Area div span.error {
	border:none;
	color: red;
	float: left;
	position: relative;
	top: 25px;
}
.input_Area div span.confirm {
	border:none;
	color: green;
	float: left;
	position: relative;
	top: 25px;
}



.warehouseinput_Area {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	padding: 0 0 0 15px;
	width:100%;	
	clear:both;
	margin-bottom: 10px;
}
*:first-child+html .warehouseinput_Area {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	padding: 0 0 0 15px;
	width:100%;
	float: left;
	clear:both;	
}
.warehouseinput_Area label {
	line-height: 20px; /*float:left; */
}
.warehouseinput_Area label em {
	color: red;
}
.warehouseinput_Area input[type="text"] {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 2px;
	display: block;
	width: 300px;
	border: solid 1px #85b1de;
	background-color: #f6f6f6;
	float:left;
}
.warehouseinput_Area input.textwdt {
	width:87px!important;
	margin-right:10px;
}
.warehouseinput_Area .textdtpkr-left {
	width:160px;
	margin-right:5px;
}
.warehouseinput_Area .textdtpkr-right {
	float:left;
	width:145px;
	margin-right:5px;
	clear:none;
}
.warehouseinput_Area input.textdtpkr {
	width:110px!important;
	margin-right:5px;
}
.warehouseinput_Area select.selecttwdt {
	width:94px!important;
	margin-right:10px;
}
.warehouseinput_Area select {
	font-family:Arial, Helvetica, sans-serif!important;
	font-size: 12px!important;
	margin: 0px 0 10px 0;
	display: block;
	height:22px;
	width: 305px;
	border: solid 1px #85b1de;
	border: solid 1px #85b1de;
	background-color: #f6f6f6;
}
.warehouseinput_Area input[type="radio"], input[type="checkbox"] {
	border: 0px solid #ff6600;
	background: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	width: auto;
	height: auto;
}
.warehouseinput_Area div {
	clear: both;
}
.warehouseinput_Area div div {
	width: 310px;
	float: left;
}
.warehouseinput_Area div span.error {
	border:none;
	color: red;
	float: left;
	position: relative;
	top: 25px;
}
.warehouseinput_Area div span.confirm {
	border:none;
	color: green;
	float: left;
	position: relative;
	top: 25px;
}

.message{
	color :red; 
	font-variant:small-caps; 
	display: block; 
	width: 525px; 
}


/******************************************/
/* Fiserv widgets 'Button Option' section */
/******************************************/

.buttonCtrl {
	padding: 5px;
	width: auto;
	margin:10px 0 0 0;
}
.light_buttonCtrl {
	padding: 5px;
	width: auto;
	margin:20px 0 0 180px;
	float:left;
}

.light_wareh_buttonCtrl {
	padding: 5px;
	width: auto;
	margin:20px 0 0 360px;
	float:left;
}

.light_approv_buttonCtrl {
	padding-bottom: 15px;
	padding-top:0px;
	width: auto;
	margin-left:35%;
	float:center;
}

.light_CnfbuttonCtrl {
	padding: 5px;
	width: auto;
	margin:20px 0 0 250px;
	float:left;
}

.login_buttonCtrl {
	padding: 5px;
	width: auto;
	margin:10px 0 0 3px;
	
}
*:first-child+html .login_buttonCtrl {
	padding: 0 5px 5px 5px;
	width: auto;
	margin:0 0 0 10px!important;
	
}
.buttons a, .buttons button {
	display:block;
	float:left;
	margin:5px 10px 0 0;
	padding:0 20px 0 0;
	border:0;
	background-color:#eaeaea;
	border:1px solid #c6c6c6;
	border-top:1px solid #c6c6c6;
	border-left:1px solid #c6c6c6;
	line-height:130%;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:14px!important;
	font-weight:bold!important;
	text-decoration:none;
	font-weight:bold;
	color:#565656;
	cursor:pointer;
	padding:5px 10px 6px 7px;
Links
}
.buttons button {
	width:auto;
	overflow:visible;
	padding:4px 10px 3px 7px;
IE6
}
.buttons button[type] {
	padding:2px 2px 2px 3px;
Firefox line-height:17px;
Safari
}
*:first-child+html button[type] {
	padding:2px 2px 2px 3px;
IE7
}
.buttons button img, .buttons a img {
	margin:0 3px -3px 0 !important;
	padding:0;
	border:none;
	width:16px;
	height:16px;
}
a.add_button {
	margin:0 0 0 10px;
	padding:0 0 0 20px;
	background:url(../images/add.png) 0 0 no-repeat;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}
a.add_button:hover {
	text-decoration:none;
}
a.search_button {
	margin:0 0 0 10px;
	padding:0 0 0 20px;
	background:url(../images/search.png) 0 0 no-repeat;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}
a.search_button:hover {
	text-decoration:none;
}
/* STANDARD */

button:hover, .buttons a:hover {
	background-color:#dff4ff;
	border:1px solid #c2e1ef;
	color:#336699;
}
.buttons a:active {
	background-color:#6299c5;
	border:1px solid #6299c5;
	color:#fff;
}
/* POSITIVE */

button.positive, .buttons a.positive {
	color:#529214;
	
}
.buttons a.positive:hover, button.positive:hover {
	background-color:#E6EFC2;
	border:1px solid #C6D880;
	color:#529214;
	
}
.buttons a.positive:active {
	background-color:#529214;
	border:1px solid #529214;
	color:#fff;
	
}
/* NEGATIVE */

button.negative, .buttons a.negative {
	color:#d12f19;
	
}
.buttons a.negative:hover, button.negative:hover {
	background:#EAEAEA url(../images/cross.png);
	background:#fbe3e4;
	border:1px solid #fbc2c4;
	color:#d12f19;
}
.buttons a.negative:active {
	background-color:#d12f19;
	border:1px solid #d12f19;
	color:#fff;
}
/* REGULAR */

button.regular, .buttons a.regular {
	color:#336699;
	
}
.buttons a.regular:hover, button.regular:hover {
	background-color:#dff4ff;
	border:1px solid #c2e1ef;
	color:#336699;
}
.buttons a.regular:active {
	background-color:#6299c5;
	border:1px solid #6299c5;
	color:#fff;
}
/*REGULAR CANCEL*/
button.regularcancel, .buttons a.regularcancel {
	color:#d12f19;
	
}
.buttons a.regularcancel:hover, button.regularcancel:hover {
	background-color:#fbe3e4;
	border:1px solid #C6D880;
	color:#d12f19;
}
.buttons a.regularcancel:active {
	background-color:#d12f19;
	border:1px solid #d12f19;
	color:#fff;
}
.button_modify{
	width:80px;  
	overflow:visible; 
	color:#529214;
	background:#EAEAEA url(../images/apply.png);
	background-position: 2px 4px ;
	background-repeat: no-repeat;
	text-align: right;
}

.button_add{
	width:60px;  
	overflow:visible; 
	color:#529214;
	background:#EAEAEA url(../images/apply.png);
	background-position: 2px 4px ;
	background-repeat: no-repeat;
	text-align: right;
}

.buttons button_add, button.button_add:hover {
	background-color:#E6EFC2;
	border:1px solid #C6D880;
	color:#529214;	
	
}
.button_back{
	overflow:visible; 
	color:#d12f19 !important;
	background:#EAEAEA url(../images/cross.png);
	background-position: 2px 4px ;
	background-repeat: no-repeat;
	text-align: right;
}

.buttons button_back, button.button_back:hover {
	background-color:#fbe3e4;
	border:1px solid #C6D880;	
	
}

button.save{
	width:65px;    
	overflow:visible; 
	color:#529214;
	background:#EAEAEA url(../images/apply.png);
	background-position: 2px 4px ;
	background-repeat: no-repeat;
	text-align: right;
}

button.approve{
	width:85px;    
	overflow:visible; 
	color:#529214;
	background:#EAEAEA url(../images/apply.png);
	background-position: 2px 4px ;
	background-repeat: no-repeat;
	text-align: right;
}
button.magnifier{
	width:65px;     
	overflow:visible; 
	color:#529214;
	background:#EAEAEA url(../images/magnifier.png);
	background-position: 2px 4px ;
	background-repeat: no-repeat;
	text-align: right;
}
button.reset{
	width:68px;     
	overflow:visible; 
	color:#336699;
	background:#EAEAEA url(../images/reset.png);
	background-position: 2px 4px ;
	background-repeat: no-repeat;
	text-align: right;
}
button.cancel{
	width:75px;     
	overflow:visible; 
	color:#d12f19;
	background:#EAEAEA url(../images/cross.png);
	background-position: 2px 4px ;
	background-repeat: no-repeat;
	text-align: right;
}
button.login{
	width:65px;     
	overflow:auto; 
	color:#529214;
	background:#EAEAEA url(../images/login3.png);
	background-position: 2px 4px ;
	background-repeat: no-repeat;
	text-align: right;
	float: right;
}
button.continue{
	width:90px;     
	overflow:auto; 
	color:#529214;
	background:#EAEAEA url(../images/login_continue.png);
	background-position: 2px 4px ;
	background-repeat: no-repeat;
	text-align: right;
	float:right;
}
button.addenda{
	width:130px;     
	overflow:auto; 
	color:#529214;
	background:#EAEAEA url(../images/addenda.png);
	background-position: 2px 4px ;
	background-repeat: no-repeat;
	text-align: right;
}
button.up{
	width:45px; 
	height:19px;
	margin:10px 10px 0 0!important;
	background:url(../images/uparrow.jpg);
}
button.down{
	width:45px; 
	height:19px;
	background:url(../images/downarrow.jpg);
}

.warehousebuttonCtrl {
	padding: 5px;
	width: auto;
	margin:10px 0 0 0;
}
*:first-child+html .warehousebuttonCtrl {
	padding: 5px;
	width: auto;
	margin:10px 0 0 12px;
}
.warehousebuttons a, .warehousebuttons button {
	display:inline;	
	margin:5px 10px 0 10px;
	padding:0 20px 0 0;
	border:0;
	background-color:#eaeaea;
	border:1px solid #c6c6c6;
	border-top:1px solid #c6c6c6;
	border-left:1px solid #c6c6c6;
	line-height:130%;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:14px!important;
	font-weight:bold!important;
	text-decoration:none;
	font-weight:bold;
	color:#565656;
	cursor:pointer;
	
}




.warehousebuttons button {
	width:auto;
	overflow:visible;
	padding:4px 10px 3px 7px;
IE6
}
.warehousebuttons button[type] {
	padding:5px 10px 5px 7px;
Firefox line-height:17px;
Safari
}
*:first-child+html button[type] {
	padding:4px 10px 3px 7px;
IE7
}
.warehousebuttons button img, .buttons a img {
	margin:0 3px -3px 0 !important;
	padding:0;
	border:none;
	width:16px;
	height:16px;
}

/* STANDARD */

button:hover, .warehousebuttons a:hover {
	background-color:#dff4ff;
	border:1px solid #c2e1ef;
	color:#336699;
}
.warehousebuttons a:active {
	background-color:#6299c5;
	border:1px solid #6299c5;
	color:#fff;
}
/* POSITIVE */

button.positive, .warehousebuttons a.positive {
	color:#529214;
}
.warehousebuttons a.positive:hover, button.positive:hover {
	background-color:#E6EFC2;
	border:1px solid #C6D880;
	color:#529214;
}
.warehousebuttons a.positive:active {
	background-color:#529214;
	border:1px solid #529214;
	color:#fff;
}
/* NEGATIVE */

.warehousebuttons a.negative, button.negative {
	color:#d12f19;
}
.warehousebuttons a.negative:hover, button.negative:hover {
	background:#fbe3e4;
	border:1px solid #fbc2c4;
	color:#d12f19;
}
.warehousebuttons a.negative:active {
	background-color:#d12f19;
	border:1px solid #d12f19;
	color:#fff;
}
/* REGULAR */

button.regular, .warehousebuttons a.regular {
	color:#336699;
}
.warehousebuttons a.regular:hover, button.regular:hover {
	background-color:#dff4ff;
	border:1px solid #c2e1ef;
	color:#336699;
}
.warehousebuttons a.regular:active {
	background-color:#6299c5;
	border:1px solid #6299c5;
	color:#fff;
}






/*Warehouse browse button cntrl*/

.warehouse_brwsbuttonCtrl {
	padding: 5px 0 15px 0;
	width: auto;
	margin:10px 0 0 260px;
}

.warehouse_brwsbuttons a, .warehouse_brwsbuttons button {
	display:inline;	
	margin:5px 10px 0 10px;
	padding:0 20px 0 0;
	border:0;
	background-color:#eaeaea;
	border:1px solid #c6c6c6;
	border-top:1px solid #c6c6c6;
	border-left:1px solid #c6c6c6;
	line-height:130%;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:14px!important;
	font-weight:bold!important;
	text-decoration:none;
	font-weight:bold;
	color:#565656;
	cursor:pointer;
	
}

.warehouse_brwsbuttons button {
	width:auto;
	overflow:visible;
	padding:4px 10px 3px 7px;
IE6
}
.warehouse_brwsbuttons button[type] {
	padding:2px 5px 2px 3px;
Firefox line-height:17px;
Safari
}
*:first-child+html button[type] {
	padding:2px 5px 2px 3px;
IE7
}
.warehouse_brwsbuttons button img, .buttons a img {
	margin:0 3px -3px 0 !important;
	padding:0;
	border:none;
	width:16px;
	height:16px;
}

/* STANDARD */

button:hover, .warehouse_brwsbuttons a:hover {
	background-color:#dff4ff;
	border:1px solid #c2e1ef;
	color:#336699;
}
.warehouse_brwsbuttons a:active {
	background-color:#6299c5;
	border:1px solid #6299c5;
	color:#fff;
}
/* POSITIVE */

button.positive, .warehouse_brwsbuttons a.positive {
	color:#529214;
}
.warehouse_brwsbuttons a.positive:hover, button.positive:hover {
	background-color:#E6EFC2;
	border:1px solid #C6D880;
	color:#529214;
}
.warehouse_brwsbuttons a.positive:active {
	background-color:#529214;
	border:1px solid #529214;
	color:#fff;
}
/* NEGATIVE */

.warehouse_brwsbuttons a.negative, button.negative {
	color:#d12f19;
}
.warehouse_brwsbuttons a.negative:hover, button.negative:hover {
	background:#fbe3e4;
	border:1px solid #fbc2c4;
	color:#d12f19;
}
.warehouse_brwsbuttons a.negative:active {
	background-color:#d12f19;
	border:1px solid #d12f19;
	color:#fff;
}
/* REGULAR */

button.regular, .warehouse_brwsbuttons a.regular {
	color:#336699;
}
.warehouse_brwsbuttons a.regular:hover, button.regular:hover {
	background-color:#dff4ff;
	border:1px solid #c2e1ef;
	color:#336699;
}
.warehouse_brwsbuttons a.regular:active {
	background-color:#6299c5;
	border:1px solid #6299c5;
	color:#fff;
}





/*****************************************/
/* Fiserv widgets 'Modal window' section */
/*****************************************/


/* Z-index of #mask must lower than #boxes .window */
#mask {
	position:absolute;
	z-index:9000;
	background-color:#000;
	display:none;
	top: 0px;
	left:0px;
}
#boxes .window {
	position: fixed;
	margin-top: 100px;
	display:none;
	z-index:9999;
	padding:10px;
	border: 2px solid #ff6600;
	color: #000000;
}
/* Customize your modal window here, you can add background image too */
#boxes .window #dialog {
	width:375px;
	height:203px;
	border: 1px solid #ff6600;
	color: #000000;
	background: #FFFFFF;
}
/*****************************************/
/* Fiserv widgets 'Lightbox' section */
/*****************************************/

.black_overlay {
	display: none;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.50;
	position:fixed;
	overflow: auto;
	filter: alpha(opacity=50);
}

.black_overlay_whse {
	display: none;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #F8F8FF;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.01;
	position:fixed;
	overflow: auto;
	filter: alpha(opacity=1);
}
.white_content {
	display: none;
	position: fixed;
	top: 25%;
	left: 25%;
	padding:5px;
	border: 10px solid #666;
	background-color: white;
	z-index:1002;
}
.white_content_assignGroup {
	display: none;
	position: fixed;
	top: 15%;
	left: 25%;
	width: 50%;
	height: 70%;
	padding:5px;
	border: 10px solid #666;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
.white_content_whsesearch {
	display: none;
	position: fixed;
	top: 40%;
	left: 35%;
	width: 30%;
	height: 30%;
	padding:5px;
	border: transparent;
	background-color: transparent;
	z-index:1002;
	overflow: auto;
	text-align: center;
}
.white_content_UserStatus {
	display: none;
	position: fixed;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 30%;
	padding:5px;
	border: 10px solid #666;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
.white_content_ConfirmStatus {
	display: none;
	position: fixed;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 20%;
	padding:5px;
	border: 10px solid #666;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
.white_content_notification {
	display: none;
	position: fixed;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding:5px;
	border: 10px solid #666;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
.white_content_warehousestatus {
	display: none;
	position: fixed;
	top: 15%;
	left: 15%;
	width: 70%;
	height: 70%;
	padding:5px;
	border: 10px solid #666;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
.white_content_warehousestatus_addenda {
	display: none;
	position: fixed;
	top: 15%;
	left: 15%;
	width: 75%;
	height: 70%;
	padding:5px;
	border: 10px solid #666;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
.white_content_UserGroup {
	display: none;
	position: fixed;
	top: 15%;
	left: 25%;
	width: 50%;
	height: 70%;
	padding:5px;
	border: 10px solid #666;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
*:first-child+html .white_content_UserGroup {
	display: none;
	position: fixed;
	top: 15%;
	left: 25%;
	width: 50%;
	height: 65%;
	padding:5px;
	border: 10px solid #666;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
.white_content_CustAssignGroup {
	display: none;
	position: fixed;
	top: 15%;
	left: 25%;
	width: 50%;
	height: 65%;
	padding:5px;
	border: 10px solid #666;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
*:first-child+html .white_content_CustAssignGroup {
	display: none;
	position: fixed;
	top: 15%;
	left: 25%;
	width: 50%;
	height: 73%;
	padding:5px;
	border: 10px solid #666;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
/*.Innertitle_content {
padding:10px;
width:100%;
height: 100%;
background-color: #666;
}*/
.Inner_content {
	clear:both;
	padding:14px 8px 8px 8px;
	background-color: #fff;
	/* overflow: auto; */
}
.lightbox_seprator {
	margin:0 0 0 0;
	padding:0 0 0 0;/*background:url(../images/seprator.png) 0 0 no-repeat*/	
	width:628px;
	clear:both;
	border-bottom:1px solid #d1d1d1
}
*:first-child+html .lightbox_seprator {
	margin:-5px 0 0 -2px;
	padding:0 0 0 0;/*background:url(../images/seprator.png) 0 0 no-repeat*/
	
	width:632px;
	clear:both;
	border-bottom:1px solid #d1d1d1
}
.lightbox_wareseprator {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:920px;
	clear:both;
	border-bottom:1px solid #d1d1d1
}
*:first-child+html .lightbox_wareseprator {
	margin:-5px 0 0 -2px;
	padding:0 0 0 0;	
	width:920px;
	clear:both;
	border-bottom:1px solid #d1d1d1
}
.lightbox_title {
	margin:0 0 10px 0;
	padding:0;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#222;
	font-weight:bold;
	float:left;
}
*:first-child+html .lightbox_title {
	margin:0 0 0 0;
	padding:0;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#222;
	font-weight:bold;
	float:left;
}
.lightbox_Close_wrp {
	margin:0 0 0 0;
	padding:0;
	float:right;
	width:16px!important;
	height:16px;
	border:0;
}
a.lightbox_Close {
	margin:0 0 0 0;
	padding:0;
	background:url(../images/close-icon.png) 0 0 no-repeat;
	border:0;
	width:16px!important;
	height:16px;
	float:right;
}
.inputArea_lightbox {
	margin:0 0 0 0!important;
	padding:0!important;
}
/******************************************/
/* Fiserv widgets 'Flexi grid */
/******************************************/

a.gridlink {
	/*margin:5px;
	padding:10px;*/
	color:#336699!important;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}
a.gridlink:hover {
	color:#000!important;
	text-decoration:none;
}
a.gridlink:focus {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0079B5;
	text-decoration:none!important;
}
.grid_but {
	margin:10px 0 0 280px
}
/******************************************/
/* Fiserv widgets 'Autocomplete */
/******************************************/
#auto_list {
	display:block;
	padding:2px;
	width:300px;
	border:1px solid #85B1DE;
	z-index:999;
	position:absolute;
	overflow:hidden;
	left:0;
	top:0;/*opacity:0.9;
	filter:alpha(opacity=10);*/
}
#auto_list a, #auto_list a:link, #auto_list a:visited {
	display:block;
	padding:2px;
	clear:both;
	background:#FFF;
	text-decoration:none;
	color:#000;
}
#auto_list a:hover, #auto_list a:active, #auto_list a:focus {
	background:#E3EDFF;
}
.ac_match {
	font-weight:bold;
	color:#C00;
}
/*Login Content Wrappers */

#login_wrapper {
	margin:30px auto 0 auto;
	padding:0 0 14px 25px;
	width:400px; min-height:550px;
}
.login_wrapper_container {
	border:1px solid #E6E6E6; float:left; clear:both; margin:0 0 0 5px; width:356px; padding:10px 10px 10px 10px;
}
.login_wrapper_container_emulation {
	border:1px solid #E6E6E6; float:left; clear:both; margin:0 0 0 0px; width:718px; height: 250spx; padding:10px 10px 10px 10px;
}
*:first-child+html .login_wrapper_container {
	border:1px solid #E6E6E6; float:left; clear:both; margin:0 0 0 5px; width:370px; padding:10px 0 10px 0;
}
#login_wrapper #subnav_wrapper {
	margin:0 0 0 5px;
	padding:0;
	float:left;
}
#login_wrapper #subnav_wrapper_lft {
	margin:0;
	padding:0;
	background:url(../images/subnav_lft.png) 0 0 no-repeat;
	width:10px;
	height:28px;
	float:left
}
#login_wrapper #subnav_wrapper_mid {
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:url(../images/subnav_mid.png) 0 0 repeat-x;
	height:28px;
	float:left;
	width:358px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:28px;
}
#login_wrapper #subnav_wrapper_rgt {
	margin:0;
	padding:0;
	background:url(../images/subnav_rgt.png) 0 0 no-repeat;
	width:10px;
	height:28px;
	float:left
}

.multifactorlogin_Title { margin:0 0 0 0; padding:0 10px 0 25px; background:url(../images/Computer-icon.png) 0 -2px no-repeat;font-size:12px;
font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
.multifactorloginQ_Title { margin:0 0 0 0; padding:0 10px 5px 25px; background:url(../images/icon_question.png) 0 0 no-repeat;font-size:12px;
font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
.Login_Title { margin:0 0 0 0; padding:0 10px 5px 25px; background:url(../images/login_icon.png) 0 0 no-repeat;font-size:12px;
font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
.hideDiv {
	display:none;
}
.showDiv {
	display:block;
}

.fltLft { float:none!important;}


.form_seprator {font-size:12px;color:#000;margin:0 0 10px 0;padding:5px 5px 5px 0;font-family:Arial, Helvetica, sans-serif;border-bottom:1px solid #ccc}




/******************************************/
/* Fiserv widgets 'Date Control */
/******************************************/


/* the div that holds the date picker calendar */
.dpDiv { }
/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #fff;
	border: 1px solid #30A9DC;
	margin:0;
	padding:5px!important; 
}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
}
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #40A4D2;
}
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #40A4D2;
	cursor: pointer;
	color: white;
}
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #40A4D2;
	cursor: pointer;
	color: white;
	border: 1px solid #40A4D2;
}
/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
}
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
}
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	color: #30A9DC;
}
/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 11px;
	color: gray;
}
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	background-color: #40A4D2;
	cursor: pointer;
	color: white;
}
/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	border:0;
	font-weight: bold;
	padding: 0px;
	cursor:pointer;
	background-color:#FFF;
}
.dpButton:hover {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #40A4D2;
	border:0;
	font-weight: bold;
	padding: 0px;
	cursor:pointer;
	background-color:#fff;
}
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
}
.calendar {
	background:url(../images/calendar-icon.gif);
	border: 0;
	cursor: pointer;
	height: 20px;
	width: 20px;
	vertical-align:middle; 
}
.calendar:hover, .calendar.active {
	background-position: 0 20px; 
}

.btnmg { margin-top:10px!important;}
.inputarea_date { float:none!important}
.acc_image { background-image:none!important}
.inputarea_loginwrap { margin:0; padding:0;}
*:first-child+html .inputarea_loginwrap { margin:0 0 -12px 0!important; padding:0;}

a.acc_text {
	margin:0 0 0 0!important;	
	padding:5px 5px 5px 25px!important; width:168px;background:url(../images/ui-bg_glass_75_e6e6e6_1x400_.png) 50% 50% repeat-x !important;
	position:relative; z-index:50;
}
a.acc_text:hover {
	background:url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x !important;
}
.acc_text_content {background:url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x !important;  height:15px;color:#000 ;text-indent:50px; }

onfocus { color:#f10!important;}

.bank_logo { padding:6px 0 0 0; margin:0;}
.bank_logoStyle { border:1px solid #CCC; padding:10px; margin:10px 0 10px 0}
.state_wrp { margin:0 0 0 82px; padding:0;}
.zip_wrp { margin:0 0 0 66px; padding:0;}
.MidName_wrp { margin:0 0 0 68px; padding:0;}
.LastName_wrp { margin:0 0 0 24px; padding:0;}

#div_wrapper { padding:10px 0 10px 0; border-top:1px solid #ccc;}
*:first-child+html #div_wrapper { padding:5px 0 10px 0; border-top:1px solid #ccc;}
#Div2, #Div3 , #Div4 {
	display: none; 
}

/******************************************/
/* Fiserv widgets 'Calendar Control */
/******************************************/
.MainWrp_tableBodyCalendar { margin:0; padding:0; /*background-color:#EFEFEF; border:1px solid #ccc;*/}
.tableBodyCalendar { margin:0 15px 0 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;border:1px solid #ccc; }
.tableBodyCalendar td {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; padding:5px;border:1px solid #ccc;}
.fontCalendar {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;background-color:#C0C0C0; font-weight:bold;}
.fontCalendar_month {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; font-weight:bold; text-align:center;}


.itemdetais_table {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
.itemdetais_cell { border-right:1px solid #dfdfdf;}
.selected { display:block!important;}


.hrs_wrp { margin:0 0 0 69px; padding:0;}
.hrs_wrpA { margin:0 0 0 101px; padding:0;}
.minut_wrp { margin:0 0 0 38px; padding:0;}
.corp_drop {display:block; position:absolute;top:125px; margin-left:268px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; margin-top:1px;}


.information { margin:0 0 0 0; padding:0 10px 5px 15px; background:url(../images/info.png) 0 0 no-repeat;font-size:12px;
font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
.critical {margin:0 0 0 0; padding:0 10px 5px 15px; background:url(../images/critical.png) 0 0 no-repeat;font-size:12px;
font-weight:bold;font-family:Arial, Helvetica, sans-serif;}

/* Idle timeout warning bar */
#idletimeout { background:#CC5100; border:3px solid #FF6500; color:#fff; font-family:arial, sans-serif; text-align:center; font-size:12px; padding:10px; position:relative; top:0px; left:0; right:0; z-index:100000; display:none; }
#idletimeout a { color:#fff; font-weight:bold }
#idletimeout span { font-weight:bold }

/* greyOut element */
.grayOutElement{
 background-color: white;
    filter:alpha(opacity=50);
    /* IE */
    opacity: 0.5;
    /* Safari, Opera */
    -moz-opacity:0.50;
    /* FireFox */
    background-repeat:no-repeat;
    background-position:center;
}
/* blocking the UI overall */
.blockOverlay {
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #F8F8FF !important;
	z-index:1001;
	/* Safari, Opera FireFox*/
	-moz-opacity: 0.8;
	/* IE */
	opacity:.01!important;
	position:fixed;
	overflow: auto;
	filter: alpha(opacity=50)!important;
	cursor:auto !important;
}
/* blocking the UI Inner element(gif)*/
.black_overlay_inner {
	display: block;
	top: 40%;
	left: 35%!important;
	width: 32%!important;
	border:transparent!important;
	background-color: rgb(255, 255, 255);
	background: transparent!important;
	z-index:1001;
	/* Safari, Opera FireFox*/
	-moz-opacity: 0.8;
	/* IE */
	opacity:.99!important;
	position:fixed;
	overflow: auto;
	filter: alpha(opacity=50);
	cursor:auto !important;
	padding:1%!important;
	padding-left:2%!important;
	padding-right:2%!important;
}
table.sample {
	border-width: 1px;
	border-spacing: 1px;
	border-style: outset;
	border-color: white;
	border-collapse: separate;
	background-color: black;
}
table.sample th {
	border-width: 1px;
	padding: 1px;
	border-style: none;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
table.sample tr {
	border-width: 1px;
	padding: 1px;
	border-style: none;
	border-color: gray;
	background-color: white;
	/* Safari, Opera FireFox*/
	-moz-border-radius: ;
}
/**********************************************
 jsp : vrsreportview.jsp
 screen : VRS Audit Report
 Area : whole page
 Element : body
 **********************************************/
body.sample {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-family: none;
}

#hint{
		cursor:pointer;
}

/**********************************************
 jsp : corpsetupmod.jsp
 screen : Corporate Setup
 Area : tool tip for vrs checkbox
 Element : tooltip
 **********************************************/
.tooltip{
		margin:8px;
		padding:8px;
		border:1px solid #D8000C;
		background-color:#f6f6f6;
		font-family:arial;
		font-size:11px;
		position: absolute;
		overflow: hidden;
		z-index: 2;
}
/**********************************************
 jsp : profileapprovals.jsp.jsp
 screen : Profile Approval
 Area : User information table
 Element : lable - Action type,submitterID,Date
 **********************************************/
table.profile_approval_table_outer{	margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
/**********************************************
 jsp : profileapprovals.jsp.jsp
 screen : Profile Approval
 Area : User information table
 Element : table cell - Action type,submitterID,Date
 **********************************************/
 table.profile_approval_table_outer tr{
 /* color of cell*/
 background-color: #C8C8C8 !important;
 /* font size*/
 font-size: 12px;  
}
/**********************************************
 jsp : profileapprovals.jsp.jsp
 screen : Profile Approval
 Area : Change information table
 Element : lable - Information type,field name etc
 **********************************************/
table.profile_approval_table_lable { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}

/**********************************************
 jsp : profileapprovals.jsp.jsp
 screen : Profile Approval
 Area : Change information table
 Element : table cell - Information type,field name etc
 **********************************************/
table.profile_approval_table_lable tr{
 background-color: #D0D0D0 !important;
 font-size: 12px;
    
}

/**********************************************
 jsp : profileapprovals.jsp.jsp
 screen : Profile Approval
 Area : camparision table
 Element : Lable - all lables in diffrent sections
 **********************************************/

table.profile_approval_table_value { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
/**********************************************
 jsp : profileapprovals.jsp.jsp
 screen : Profile Approval
 Area : diffrent catagories sech as group information, control total transactions etc.
 Element : Lable - all lables in diffrent sections
 **********************************************/
table.profile_approval_table_value tr.section { background-color: #E8E8E8 !important; width:inherit; }

/**********************************************
 jsp : profileapprovals.jsp.jsp
 screen : Profile Approval
 Area : table containing all catagorized data.
 Element : Lable - all lables within sections
 **********************************************/
.profile_approval_value{
	width: 100%; height: 70%; overflow: scroll;
}

/**********************************************
 jsp : profileapprovals.jsp.jsp
 screen : Profile Approval
 Area : Error message.
 Element : Lable - all lables.
 **********************************************/
.profile_approval_value label {
	background-color: #C8C8C8 !important;
	font-size: 12px;
}

/**********************************************
 jsp : Multiple
 screen : All screens with alert or confirm popup
 Area : Popup.
 Element : multiple like lable, color, image.
 **********************************************/

#popup_container {
	font-family: Verdana, Aerial;
	font-size: 11px;
	min-width: 250px; /* Dialog will be no smaller than this@@@@ */
	max-width: 580px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat;
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(../images/alert.png);
}

#popup_content.confirm {
	background-image: url(../images/confirm.jpg);
}

#popup_content.prompt {
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

/*
	END ORIGINAL FISERV STYLES
*/










/*
	BEGIN CAPITAL ONE STYLE OVERRIDES
*/

body {
	background-color: #fAf8f9;
	background-image: none;
	font-family: 'ProximaNova', Helvetica, sans-serif;
}

#container {
	background-color: #fff;
	box-shadow: 0 0 .125em 0 #ddd8db;
}

a { transition: color .3s; }



#header {
	background-color: #004977;
	color: #fff;
	height: auto !important;
	overflow: auto;
	padding: 20px 40px;
}

#logo {
	height: 65px;
	margin: 0;
	width: 240px;
}

#header_rg {
	height: auto;
	width: auto;
}

#header_lft_img,
#header_rgt_img { display: none; }

#nav_list li {
	border-right: 1px solid #001C2E;
	display: inline-block;
	margin-left: 15px;
	padding-right: 15px;
}

#nav_list li:last-child {
	border: none;
	padding-right: 0;
}

#header a {
	color: #BAD5E6 !important;
	text-decoration: none;
}

#header a:hover {
	color: #fff !important;
	text-decoration: underline;
}



#content_wrapper .ui-accordion .ui-state-active a { color: #004977; }
#content_wrapper ul.navlist li a:hover {
	border-color: none;
	color: #000;
}



.form_seprator,
td.bank_logo,
#acctMaskChk,
#showTooltipDiv { display: none; }



#footer td {
	color: #666;
	font-size: 12px;
}

#footer_left,
#footer_right { display: none; }

#footer_mid {
	background-image: none;
	float: none;
	height: auto;
	padding: 20px 40px;
	width: auto;
}



#inputArea input[type="radio"] { 
	margin-right: 5px;
}

#inputArea .textdtpkr-left {
    width: 155px !important;
}

/**********************************************
 jsp : ssoerror.jsp
 screen : SSO Login Error
 Area : Custom error message.
 Element : lable - error message.
 **********************************************/
.black_overlay_sso_inner {
	display: block;
	top: 40%;
	left: 35%!important;
	width: 32%!important;
	background-color: rgb(255, 255, 255);
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.99!important;
	position:fixed;
	overflow: auto;
	color: red!important;
	filter: alpha(opacity=50);
	cursor:auto !important;
	border:3px solid!important;
	border-color:rgb(128, 127, 127)!important;
	padding:1%!important;
	padding-left:2%!important;
	padding-right:2%!important;
}