@charset "utf-8";
/*   
Theme Name: fiserv
Description: Exchange 
Author: Global services at fiserv
Type: Default CSS
Version: 1.0
*/
@font-face {
  font-family: 'Open Sans';
  src: url("../web/src/main/webapp/css/custom-font/OpenSans-Regular.woff2") format('woff2');
}

body {
	margin:0;
	padding:0;
	background:#fff url(../images/bg-page.jpg) 0 0 repeat-x;
	font-family:Open Sans;
}

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:Open Sans; font-size:12px; color:#333;}
p.logotext { margin:0; padding:0; font-family:Open Sans; font-size:12px; color:#333; font-weight:bold!important;}
p.dashboard { margin:0; padding:0; font-family:Open Sans; 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:Open Sans;
}
h2 {
	margin:0 0 0 0;
	padding:0;
	font-family:Open Sans;
	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:Open Sans;
	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:Open Sans;
	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;
}
#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:0px 0 0 0px;
	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:Open Sans;
	font-size:12px!important;
	color:#0079B5;
	text-decoration:underline!important;
	font-weight:normal!important;
}
#nav_list a:link, #nav_list a:visited {
	font-family:Open Sans;
	font-size:12px;
	color:#0079B5;
	text-decoration:underline;
}
#nav_list a:hover {
	text-decoration: none!important;
}

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

#nav_list a.gray {
	padding:0;
	margin:0;
	font-family:Open Sans;
	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:Open Sans;
	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:Open Sans;
	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:Open Sans;
	line-height:28px;
}
.subnav_wrapper_mcontainer {
	margin:0;
	padding:5px;
	min-height:200px;
	width:338px;
	font-size:12px;
	font-family:Open Sans;
	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:Open Sans;
	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:Open Sans;
	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:Open Sans;
	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:Open Sans;
	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:Open Sans;
	z-index:100000000;
	width:600px;
}
/* Footer */
#footer {
	text-align:left;
	line-height:35px;
	font-family:Open Sans;
	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:Open Sans;
	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: Open Sans;
	font-weight:bold;
}
ul.navlist li {
	list-style: none;
	background:url(../images/bullet.png) left 8px no-repeat;
}

ul.navlist li a {
	color: #666677!important;
	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!important;
}
ul.navlist li a.off {
	color: #666677!important;
}
ul.navlist li a:link {
	color: #666677!important;
}
div.navcontainer li a:visited {
	color: #666677;
}

/* a link the moment it is clicked*/

ul.navlist li:active a, ul.navlist li a:active {
	color:#0079B5!important;
}

ul.navlist li a:hover {
	border-color: #ff9000!important;;
	color:#F60!important;;
}
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: Open Sans;
}
.Subnav_list li {
	font-family: Open Sans;
	margin:-.2em .1em .1em .3em;
	list-style-type: circle!important;
	background-image:none!important;
}
.Subnav_list li a {
	font-family: Open Sans;
	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: Open Sans;
}
ul.Subnav_list li a.current {
	font-weight:bold!important;
	text-decoration:underline!important;
	font-family: Open Sans;
}
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, Open Sans;
	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:Open Sans;
	font-size:12px;
	color:#000;
}
label.activesch {
	font-family:Open Sans;
	font-size:12px; display:inline;
	color:#000;
}
fieldset { margin:5px 0 0 0; padding:8px 0 8px 15px; border:1px solid #CCCCCC;font-family:Open Sans;font-size:12px;color:#000;}
legend {font-family:Open Sans;font-size:12px;color:#000;}
.search_field {
	font-family: Open Sans;
	font-size: 12px;
	padding: 2px;
	display: block;
	width: 150px;
	border: solid 1px #999999;
	background-color: #f6f6f6;
}
.field_error {
	border: none;
	color: red;
}

.wrhsearch_field {
	font-family: Open Sans;
	font-size: 12px;
	padding: 2px;
	margin:8px 0 0 0;
	display: block;
	width:130px!important;
	border: solid 1px #999999;
	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: Open Sans;
	font-size: 12px;
	padding: 2px;
	margin:8px 0 0 0;
	display: block;
	width:130px!important;
	border: solid 1px #999999;
	background-color: #f6f6f6; 
}
.Reportdrp_field {
	font-family: Open Sans;
	font-size: 12px;
	padding:0!important;
	margin:0 0 0 0!important;
	display: block;
	width:140px!important;
	border: solid 1px #999999;
	background-color: #f6f6f6; 
}
.showHideAcctNoDiv {
	width:160px!important;
}
#inputArea {
	font-family: Open Sans;
	font-size: 12px;
	padding: 0 0 0 6px;
	width:100%;
	float: left;
	clear:both;
	margin-bottom: 10px;
}
*:first-child+html #inputArea {
	font-family: Open Sans;
	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: Open Sans;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 2px;
	display: block;
	width: 300px;
	border: solid 1px #999999;
	background-color: #f6f6f6;
	float:left;
}
#inputArea input[type="text"].weekbox {
	font-family: Open Sans;
	font-size: 12px;	
	padding: 2px;	
	width:30px;
	border: solid 1px #999999;
	background-color: #f6f6f6;
	float:none!important; display:inline!important;
	vertical-align:middle;
}
*:first-child+html #inputArea input[type="text"].weekbox {
	font-family: Open Sans;
	font-size: 12px;	
	padding: 2px;	
	width:30px;
	border: solid 1px #999999;
	background-color: #f6f6f6;
	float:none!important; display:inline!important;
	vertical-align:middle; margin-top:7px;
}
#inputArea input[type="password"] {
	font-family: Open Sans;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 2px;
	display: block;
	width: 300px;
	border: solid 1px #999999;
	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:160px;
	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: Open Sans;
	font-size: 12px;
	margin: 0px 0 10px 0;
	display: block;
	width: 305px;
	border: solid 1px #999999;
	border: solid 1px #999999;
	background-color: #f6f6f6;
}
#inputArea select.SelReport {
	font-family: Open Sans;
	font-size: 12px;
	margin: 0px 0 10px 0;
	display: block;
	width: 122px;
	border: solid 1px #999999;
	border: solid 1px #999999;
	background-color: #f6f6f6;
}
#inputArea select.year {
	font-family: Open Sans;
	font-size: 12px;
	margin: 0px 0 10px 0;
	display: block;
	width:90px!important;
	border: solid 1px #999999;
	border: solid 1px #999999;
	background-color: #f6f6f6;
}
#inputArea select.Month {
	font-family: Open Sans;
	font-size: 12px;
	margin: 0px 0 10px 0;
	display: inline!important;
	width:90px!important;
	border: solid 1px #999999;
	border: solid 1px #999999;
	background-color: #f6f6f6;
}
*:first-child+html #inputArea select.Month {
	font-family: Open Sans;
	font-size: 12px;
	margin:8px 0 10px 0;
	display: inline!important;
	width:90px!important;
	border: solid 1px #999999;
	border: solid 1px #999999;
	background-color: #f6f6f6;
	vertical-align:middle;
}
#inputArea textarea {
	font-family: Open Sans;
	font-size: 12px;
	margin: 0px 0 10px 0;
	display: block;
	width: 305px;
	border: solid 1px #999999;
	border: solid 1px #999999;
	background-color: #f6f6f6;
}
#inputArea input[type="radio"], input[type="checkbox"] {
	border: 0px solid #ff6600;
	background: none;
	padding: 0px;
	margin: 0px;
	width: auto;
	height: auto;
}
#inputArea div {
	clear: both;
}
#inputArea div div {
	width: 310px;
	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:Open Sans;
	color:#333;
	font-weight:bold;
}
a.form_link:hover {
	color:#000!important;
	text-decoration:none;
}
.input_Area {
	font-family: Open Sans;
	font-size: 12px;
	padding: 0 0 0 15px;
	width:100%;
	float: left;
	clear:both;
	margin-bottom: 10px;
}
*:first-child+html .input_Area {
	font-family: Open Sans;
	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: Open Sans;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 2px;
	display: block;
	width: 300px;
	border: solid 1px #999999;
	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:Open Sans!important;
	font-size: 13px!important;
	margin: 0px 0 10px 0;
	display: block;
	height:22px;
	width: 305px;
	border: solid 1px #999999;
	border: solid 1px #999999;
	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: Open Sans;
	font-size: 12px;
	padding: 0 0 0 15px;
	width:100%;	
	clear:both;
	margin-bottom: 10px;
}
*:first-child+html .warehouseinput_Area {
	font-family: Open Sans;
	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: Open Sans;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 2px;
	display: block;
	width: 300px;
	border: solid 1px #999999;
	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:Open Sans!important;
	font-size: 12px!important;
	margin: 0px 0 10px 0;
	display: block;
	height:22px;
	width: 305px;
	border: solid 1px #999999;
	border: solid 1px #999999;
	background-color: #f6f6f6;
}
.warehouseinput_Area input[type="radio"], input[type="checkbox"] {
	border: 0px solid #ff6600;
	background: none;
	padding: 0px;
	margin: 0px;
	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:"Open Sans";
	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:Open Sans;
	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:Open Sans;
	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;
	font-family: Open Sans;
	
}
.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;
	font-family:Open Sans;
}
.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;
	font-family:Open Sans;
}

.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;
	 font-family: 'Open Sans';
}

.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/backarrow.png);
	background-position: 2px 4px ;
	background-repeat: no-repeat;
	text-align: right;
	 font-family: 'Open Sans';
}

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

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

button.approve{
	width:85px;    
	overflow:visible; 
	color:#529214!Important;
	background:#EAEAEA url(../images/apply.png);
	background-position: 2px 4px ;
	background-repeat: no-repeat;
	text-align: right;
	font-family:Open Sans;
}
button.magnifier{
	width:65px;     
	overflow:visible; 
	color:#529214!Important;
	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!Important;
	background:#EAEAEA url(../images/reset.png);
	background-position: 2px 4px ;
	background-repeat: no-repeat;
	text-align: right;
	font-family:Open Sans;
}
button.cancel{
	width:75px;     
	overflow:visible; 
	color:#d12f19!Important;
	background:#EAEAEA url(../images/cross.png);
	background-position: 2px 4px ;
	background-repeat: no-repeat;
	text-align: right;
	font-family:Open Sans;
}
button.login{
	width:65px;     
	overflow:auto; 
	color:#ffffff!Important;
	background:#FF0000!Important;
	background-position: 2px 4px ;
	background-repeat: no-repeat;
	text-align: center;
	float: right;
	font-family:Open Sans;
}
button.continue{
	width:90px;     
	overflow:auto; 
	color:#529214!Important;
	background:#EAEAEA url(../images/login_continue.png);
	background-position: 2px 4px ;
	background-repeat: no-repeat;
	text-align: right;
	float:right;
	font-family:Open Sans;
}
button.addenda{
	width:130px;     
	overflow:auto; 
	color:#529214!Important;
	background:#EAEAEA url(../images/addenda.png);
	background-position: 2px 4px ;
	background-repeat: no-repeat;
	text-align: right;
	font-family:Open Sans;
}
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:"Open Sans;
	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:Open Sans;
	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:#ffffff;
}
.warehouse_brwsbuttons a.positive:hover, button.positive:hover {
	background-color:#E6EFC2;
	border:1px solid #C6D880;
	color:#ffffff;
}
.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;
}
.white_content_transactionreauth {
	display: none;
	position: fixed;
	top: 20%;
	left: 35%;
	width: 35%;
	height: 30%;
	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:Open Sans;
	color:#222;
	font-weight:bold;
	float:left;
}
*:first-child+html .lightbox_title {
	margin:0 0 0 0;
	padding:0;
	font-size:14px;
	font-family:Open Sans;
	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;*/
	padding:0;
	margin:0;
	font-family:Open Sans;
	font-size:12px!important;
	color:#0079B5!important;
	text-decoration:underline!important;
	font-weight:normal!important;
}
a.gridlink:hover {
	text-decoration: none!important;
}
a.gridlink:focus {
	font-family:Open Sans;
	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 #999999;
	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:Open Sans;
	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:Open Sans;}
.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:Open Sans;}
.loginotpQ_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:Open Sans;}
.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:Open Sans;}
.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:Open Sans;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, Open Sans;
	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, Open Sans;
	font-size: 10px;
	color: gray;
	border:0;
	font-weight: bold;
	padding: 0px;
	cursor:pointer;
	background-color:#FFF;
}
.dpButton:hover {
	font-family: Verdana, Tahoma, Open Sans;
	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, Open Sans;
	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 {
background:url();
border:1px solid #CCC;
padding:2px; margin:2px 0 2px 0
height: 100%;
width: 100%;
vertical-align:middle;
}
.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:Open Sans; font-size:12px; color:#333;border:1px solid #ccc; }
.tableBodyCalendar td {font-family:Open Sans; font-size:12px; color:#333; padding:5px;border:1px solid #ccc;}
.fontCalendar {margin:0; padding:0; font-family:Open Sans; font-size:12px; color:#000;background-color:#C0C0C0; font-weight:bold;}
.fontCalendar_month {margin:0; padding:0; font-family:Open Sans; font-size:12px; color:#000; font-weight:bold; text-align:center;}


.itemdetais_table {margin:0; padding:0; font-family:Open Sans; 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:Open Sans; 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:Open Sans;}
.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:Open Sans;}

/* Idle timeout warning bar */
#idletimeout { background:#CC5100; border:3px solid #FF6500; color:#fff; font-family:Open Sans; 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:Open Sans;
		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:Open Sans; 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:Open Sans; 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:Open Sans; 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: Open Sans;
	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;
}

/**********************************************
 jsp : ssoerror.jsp
 screen : SSO Login Error
 Area : blocked screen.
 Element : whole screen.
 **********************************************/
.black_overlay_sso_outer {
	display: block;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: rgba(88, 86, 86, 1)!important;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.50!important;
	position:fixed;
	overflow: auto;
	filter: alpha(opacity=50)!important;
	cursor:auto !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;
}

.popup_marker{
	
}