/* CSS Document */
body { 
		background-color: #e3e3e3;
		color: #000000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: .8em;
		margin: 1.5em 0; }

h1 { 
		clear:both;
		color: #FF9933;
		font-size: 120% !important;
		margin: 0 0 1em; 
		text-decoration: none; }

h2 {
		clear: both;
		color:#333333;
		font-size: 100%;
		margin: .75em 0;				
		}	

h3 { /*verification and confirmation section  headers*/
		clear: both;
		font-size: 100%;
		margin: .7em auto 0;
		padding: .75em 0 .3em;
		width: 80%; }

h4 { 			
		clear: both;
		font-size: 100%;
		margin: .3em 0 .1em; }

hr {
		border: thin solid #cccccc; 
		clear: both; }

fieldset {
		border: 1px solid #999999;
		clear: both;
		display: block;
		margin: 1.25em auto;
		width: 98%;	}
		
legend {
		font-weight: bold; }

form {
		margin: 0;
		width: 100%; }

a { font-weight: bold; }
a:link { color: #000080;}
a:visited { color: #333333;}
a:hover { color: #ff9933;}
a:active { color: #333333;}

a img { border: none; }


/* ---- TEMPLATE ---- */
/* -- template blocks -- */
#logo {
		display: block;
		float: left;
		width: 25%; }

#adminHeader {
		margin: 0 auto;
		width: 94% !important; }

#adminHeaderId {
		float: right;
		margin-top: 51px;
		text-align: right; }

#adminOrg {
		float: left;
		width: 49.5%;
		margin: 0;
		padding: 0;
		font-weight: bold; 
		color: #2CA6D3; 
		text-decoration: none;
		text-transform:uppercase;	}
		
#topNav {
		float: right; 
		text-align: right;
		width: 50%; }

#content {
		background-color: #ffffff;
		border: 6px solid #d3d3d3;
		clear: both;
		display: block;
		margin: 0 auto;
		padding: 5px .75% 10px;
		width: 96%; }

#footer {
		color: #666666;
		font-size: 70%;
		padding-top: 8px;
		text-align: center;	}




/* ---- TEMPLATE BLOCK SUBSECTIONS ---- */
/* -- admin header id -- */
#adminwebsite {
		color: #ff9933;
		font-weight: bold; }
		
#adminType {
		color: #000080;
		font-size: 125%;
		font-weight: bold; }
		
#top { border: thin dotted #cccccc; }
		


/* -- links -- */
.link:link,
.link:visited,
.link:active { text-decoration: none; font-weight: bold; color: #000080 !important; }


/* -- topNav -- */
.tnlink:link,
.tnlink:visited,
.tnlink:active { color: #333333 !important; font-weight: bold; margin: 0 0 0 10px; }
			
/* -- footer -- */
.flink:link,
.flink:visited,
.flink:active { color: #333333 !important; font-weight: normal !important; text-decoration: none; }		
	
		
/*-- biller headers -- */
.billerGroupInfo,
.billerInfo {
		clear: both;
		margin: .5em auto .3em;
		overflow: visible;
		width: 80%; }
		
.billerGroupInfo:after,
.billerInfo:after { 
		display: block; visibility: hidden; width: 1px; height: 1px; content: "."; clear: both; }		
		
.billerInfo a {
  	font-weight: normal;}
  	
.billerlabel,
.billerLabel {
		color: #333333 !important;
		display: block !important;
		float: left !important;
		font-weight: bold !important;
		margin: 0 .5em 0 0 !important;
		text-align: right !important;
		width: 50% !important; }
		
.biller {
		color: #2CA6D3 !important;
		display: block !important;
		float: left !important;
		font-weight: bold !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 38% !important; } 


/* -- session timeout -- */
#sessionTimeoutWarnMessage {		
  	background-color: white;
  	border: 2px solid #000000;
  	color: #000000;
  	display: none;
  	height: auto;
  	left: 50%;
  	margin-left: -255px;
  	position: absolute;
   	width: 510px;
   	z-index: 300;	}
	
#disablingDiv {
    /* Do not display it on entry */
    background-color: #000000;
    display: none;
    filter: alpha(opacity=20);
    height: 100%;
    opacity: .20;
    position: fixed;
    _position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 199; }
		
#closeBtn {
		left: 94%; 
		position: absolute; }

#sessionHeader,
#warnMsgHeader {
		clear: both; 
		font-size: 125%; 
		font-weight: bold;
		line-height: 100%;
		margin-top: 5px;
		text-align: center; }

#sessionMessage {
		background-color: #ffffff; 
		margin: 0 auto; 
		padding: 2px 10px 5px; }

#sessionMessage .copy {
		font-weight: bold;
		text-align: center; }


/* -- main menu and roles -- */
.roleBlock { 
		width: 500px; background-color: #eeeeee; margin: 0 auto 1em; clear: both; font-weight: bold; }
.roleBlock .hdr { 
		float: left; padding: 2px 0 0 2px; }
.roleBlock .control { 
		float: left; width: 25px; text-align: center; }
.roleBlock .role { 
		float: left; width: 473px; padding: 3px 0; background-color: #d5d5d5; text-indent: .5em; }
		



/* -- biller selection -- */
.tbl-billerSelect { border: 1px solid #aaaaaa; margin: 0 auto; width: auto; }

.tbl-billerSelect th { background-color: #cccccc; text-align: left; white-space: nowrap; }
.tbl-billerSelect th.billerId { width: 27%; }
.tbl-billerSelect th.billerGroupId { width: 27%; }
.tbl-billerSelect th.billerShortName { width: 46%; }

.tbl-billerSelect td { border-spacing: 0; padding: 2px 4px 2px 2px; vertical-align: top; }
.tbl-billerSelect td.billerGroupId { text-align: center; }




/* -- alternating row colors -- */
.oddRow,.odd { background-color: #ffffff; }
.evenRow,.even { background-color: #c1e4f2; }



/* ---- GENERIC CLASSES ---- */
/* -- generic sizing and positioning -- */
.auto { 
		margin-left: auto; 
		margin-right: auto; }

.clr { clear: both; }
.brclr { clear: both; display: block; height: 1px; margin: 0 0 -1px; }
.indHang { padding-left: 25px; }

.prec-500 { width: 500px; }
.prec-250 { width: 250px; }

.pct-50,
.pct50clr { width: 50%; }

.pct-75,
.pct-75clr { width: 75%; }

.pct-50clr,
.pct-75clr { margin-bottom: 1.25em; }

.pct-100clr { clear: both; margin-bottom: 1em; overflow: auto; width: 100%; }
	
.ind5 {
	display: block; margin-left: 5%; }
.ind20 { 
	display: block; margin-left: 20%; }
.ind50 {
	display: block; margin-left: 50%; }
	
.b5,.b50 { margin-bottom: .5em; }
.b100 { margin-bottom: 1em; }

.m50 { margin: .5em; }
.m100 { margin: 1em; }
.mb25 { margin-bottom: .25em; }
.mb50 { margin-bottom: .5em; }
.mb75 { margin-bottom: .75em; }
.mb100 { margin-bottom: 1em; }

div.m50 { margin: .5em; }
div.m100 { margin: 1em; }
div.mb25 { margin-bottom: .25em; }
div.mb50 { margin-bottom: .5em; }
div.mb75 { margin-bottom: .75em; }
div.mb100 { margin-bottom: 1em; }

/* -- display -- */
.invisible { display: none !important; }
.invis { display: none; }


/* -- generic text alignment -- */
.center { text-align: center !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }

.top { vertical-align: top !important; }

/*-- small notes --*/
.note70 { font-size: 70%; }
.note80 { font-size: 80%; }
.note90 { font-size: 90%; }


/* -- generic text colors (primary, secondary, accent) -- */
.priColr1 { color: #2ca6d3; } /* sky blue */
.secColr1 { color: #ff9933; } /* orange */
.accColr1 { color: #000080; } /* navy */

.priColr1b { color: #2ca6d3; font-weight: bold; }
.secColr1b { color: #ff9933; font-weight: bold; }
.accColr1b { color: #000080; font-weight: bold; }

/*-- reset --*/
.nrm { color: #000000; font-weight: normal; font-size: 100%; text-decoration: none; }


/* -- red -- */
.credit,
.warn,
.emp1 { color: #ff0000; font-weight: bold; }

/*-- highlighting --*/
.emp2 { font-weight: bold; }
.emp3 { font-style: italic; }
.emp4 { font-weight: bold; font-style: italic; }



/* -- generic background colors -- */
.priBGColr1 { background-color: #c1e4f2; } /* powder blue */
.secBGColr1 { background-color: #cccccc; } /* gray */

/* -- legacy / deprecated -- */
.redvariableFont,
.redstatusFont { 
		font-style: normal;
		font-weight: bold;
		color: #ff0000;
		text-align: right; }

.nodata{
		color:#FF0000;
		font-weight: bold;
		padding-bottom: .25em;
		text-align: center; }

/* -- rows and clears -- */
.row { 
	clear: both; min-height: 1%; padding-bottom: 1px; }
.row:after { 
	content: "."; display: block; width: 1px; height: 0; visibility: hidden; clear: both; }

.clr

.vIhA, .mid { margin-left: auto; margin-right: auto; }
.v5h0 { margin: 5px 0; }

/*-- calendar --*/
.calendar {
		border: 1px solid #c0c0c0;
		display: none;
		position: absolute;
		z-index: 2;
		padding: 2px;
		background-color: #ffffff;
		width: 170px; }
		
.calendar table {
		border: 1px solid #000000 !important;
		border-collapse: collapse;
		margin: .2em auto; }
	
#calTable {
		border: 1px solid #000000; }
		
.calendar_hdr {
		clear: both;
		font-weight: bold;
		margin: .2em auto 10px;
		text-align: center;	
		width: 166px; }
		
.calendar_hdr span{
		font-size: 80%; }
	
.calendar_hdr a {
		font-size: 70%; }

.noTextDec {
		text-decoration: none; }
		
.today {
		background-color: #cccccc; }
		
.calendar th {
		border: 1px solid #000000;
		font-size: 80%; }
		
.calendar td {
		text-align: right;
		border: 1px solid #000000;
		font-size: 80%; }
		
.calendar td a {
		text-decoration: none;
		font-weight: bold; }

.calField * {
		vertical-align: middle; }
	
#waitMessage {
		background-color: #ffffff;
		border: 2px solid #666666;
		color: #cc0000;
		display: none;
		font-weight: bold;
		left: 50%;
		margin-left: -150px;
		padding: 3em;
		position: absolute;
		top: 100px;
		width: 300px;
		z-index: 200; }
	
.processing {
		background-color: #efefef;
		border: 1px solid #999999;
  	color: #0000cc;
  	display: block;
  	font-size: 190%;
  	height: 350px;
  	margin: 10% auto 0;
  	padding: 0;
  	text-align: center;
  	width: 600px; }

/*-- HELP --*/
.showHelp {
		vertical-align: middle; }
	
.showHelp:hover {
		cursor:pointer; }
	
.helpBlock {
		margin-bottom: 30em; }

.help-inpage {
		background-color: #ffffff; 
		border: 1px solid black; 
		display: none; 
		margin: .3em 0;
		padding: .5em; 
		position:absolute; 
		width: auto;
		z-index: 2; }