a, body, caption, div, h1, h2, h3, h4, h5, h6, li, ol, p, select, td, textarea, th, ul {
    font-family: Arial, Helvetica, sans-serif;
}

body {
    padding: 0px;
    margin: 0px;
    color: #000000;
    font-size: 11px;
}

h3 {
    font-weight: bold;
    font-size: 12px;
}

.shield {
    padding: 20px;
    margin: 0px;
		background: url('../../images/SinglePointEssentials/bgnd-page-topshields2.png') top left repeat-x;
}

br {
    line-height: 11px;
}

em {
    font-style: italic;
}

b {
    font-weight: bold;
}

form {
    padding: 0px;
    margin: 0px;
    display: inline;
}

input, select, textarea {
    font-size: 11px;
}	

img {
    border: 0px;
}

p {
    /* margin-top: 0px; */
}
    
strong {
    font-weight: bold;
}
    
td {
    vertical-align: top;
}

.hide {
    display: none;
}

.bg1 {
    background-color: #0C2074;
}

.bg2 {
    background-color: #EEECED;
}

.bg3 {
    background-color: #FFFFFF;
}

.bg4 {
    background-color: #BCDDDD; /*rebranding change from 669999*/
}

.greytext {
    color: #B9B9BA;
}

.pastDue {
    color: #DE162B;
}

.bottom {
    vertical-align: bottom;
}

.clear {
    clear: both;
}
    
.clearFloatLeft, .clearFloatLeftIWT, .clearFloatLeft300 {
    clear: both;
    float: left;
}
    
.clearFloatLeftIWT, .clearNoneFloatLeftIWT {
    /*  Used for wire_transfers, initiate wire
        transfer step 2: the fixed width data
        field columns */
    padding-right: 20px;
    white-space: nowrap;
    width: 180px;
}

.clearFloatLeft300, .clearNoneFloatLeft300 {
    white-space: nowrap;
    width: 300px;
}
   
.clearNoneFloatLeft, .clearNoneFloatLeftIWT, .clearNoneFloatLeft300 {
    clear: none;
    float: left;
}

.clearFloatRight {
    clear: both;
    float: right;
}
    
.clearNoneFloatRight {
    clear: none;
    float: right;
}
    
.margin10Left {
    margin-left: 10px;
}    

.margin10Right {
    margin-right: 10px;
}    

.margin10Top {
    margin-top: 10px;
}

.mid {
    vertical-align: middle;
}

.midRight {
    text-align: right;
    vertical-align: middle;
}
    
.noMargin {
    margin: 0px;
    padding: 0px;
}
    
.noMarginTop {
    margin-top: 0px;
    padding-top: 0px;
}

.top {
    vertical-align: top !important;
}
    
.width125 {
    width: 125px;
}
    
.halfSelect {
    width: 300px;
}
    
/* End Generics */    

.body, #popupTop p, #addendaTop p {
    color: #000000;
    font-size: 11px;
    margin: 11px 0px 0px 0px;
}

.heading, .headingWhite, h2, p.heading {
    color: #000000;
    font-weight: bold;
    font-size: 14px;
    /*	margin is my addition. */
    margin: 22px 0px 11px 0px;
}
    
.headingWhite {
    color: #ffffff;
}
    
.link, a, #popupTop a, #addendaTop a {
    color: #0950A0;
    /*  font-size: 11px; */
    /*  text-decoration and font-weight
        are my additions. */
    text-decoration: underline;
    font-weight: normal;
}
    
.linked_subheading, .linked_heading, h2 a {
    /*	.linked_subheading should really
        be called .linked_heading. */
    color: #0950A0;
    font-weight: bold;
    font-size: 14px;
}

/*	.keyHeader is my addition, see Manage Check Fraud classes for more information.	*/    
.keyHeader {
    font-weight: bold;
}
.list {
		list-style-type: square;
		font-size: 11px;
		}
.nobreak {
    white-space: nowrap;
}
    
/*	margin-bottom is my addition. */
.pageTitle, .taskTitle, h1 {
    color: #000000;
    font-weight: bold;
    font-size: 21px;
    margin-top: 0px;    
    margin-bottom: 0px;
}
    
.queryNavigation {
    color: #0950A0;
    font-weight: bold;
    font-size: 11px;
}

/*	rightPad is my addition	*/    
.rightPad {
    padding-right: 10px;
}

/*	.keyHeader is my addition, see Manage Check Fraud classes for more information.	*/
.subhead, .subheadBar, .subheadRight, #addendaTop h3, .keyHeader {
    color: #000000;
    font-size: 12px;
    clear: both;
}

.subhead, .subheadRight {
    font-weight: bold;
}
    
.subheadRight {
    text-align: right;
}
    
.subheadBar {
    /*  My addition. Should
        be similar to taskStep.
         */
    width: 595px;
    background-color: #EEECED;
    padding: 5px;
}

/*	Note: systemAlert and systemGeneral 
	  must be used in a span.	*/    
.systemAlert, .systemGeneral {
    border: 1px solid #E6C5C5;
    padding: 8px;
    width: 581px;
    color: #DE162B;
    font-weight: bold;
    font-size: 12px;
}
                
.systemGeneral {
    color: #0C2074;
    border: 1px solid #C6C5D5;
}

.rtbdr {
	border-right: 1px solid #C6C5D5;
}

.topbdr {
	border-top: 1px solid #C6C5D5;
}

.tableBody_alpha, .tableBody_numeric, .tableBody_select {
    font-size: 11px;
    vertical-align: middle;
}
        	
.tableBody_numeric {
    text-align: right;
}

.tableBody_select {
    /*  This class is my addition. 
        Use for table columns
        that have a select box in
        every row. */
    text-align: center;
}
    
.tableBody_stack, .tableBody_stack a {
    font-size: 9px !important;
    vertical-align: middle !important;
    line-height: 11px !important;
}

.tableBody_stack_right,  .tableBody_stack_right a {
    font-size: 9px !important;
    vertical-align: middle !important;
    text-align: right;
    line-height: 11px !important;
}

.tableBorder, .tableData {
    margin-top:1px;
    margin-bottom:1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #ffffff;
    border-right-color: #c6c5d5;
    border-bottom-color: #c6c5d5;
    border-left-color: #c6c5d5;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}
    
.tableColumnThirds {
    width: 33%;
}
    
.tableColumnTwoThirds {
    width: 67%;
}
    
.tableHead_alpha, .tableHead_numeric, .tableHead_select {
    font-size: 11px;
    vertical-align: middle;
    color: #ffffff;
    font-weight: normal;
}

.tableHead_alpha {
    text-align: left;
}

.tableHead_numeric {
    text-align: right;
}
    
.tableHead_select {
    /*  This class is my addition. 
        Use for table columns
        that have a select box in
        every row. */
    text-align: center;
}
    
.sortHeader {
    /*  My addition, used to simulate
        clickable table headers. */
    text-decoration: underline;
}

/* 	The following classes with a table
    prefix are my additions, and are
	  used to format table headings,
	  rows, and columns. */

.tableRowShort, .rowShort {
    height: 20px;
}
    
.tableRowTall, .rowTall {
    height: 30px;
}

.rowTriple {
    height: 40px; /* not in styleguide*/
}

.tableHeaderDouble, .tableHeaderSingle, .tableHeaderTriple, .doubleHeader, .singleHeader, .tripleHeader{
    height: 36px;
    background-color: #0C2074;
}
 
.tableHeaderSingle, .singleHeader {
    height: 23px;
}

.tableHeaderTriple, .tripleHeader {
	height: 49px; /* not in styleguide*/
}
    
.taskStep {
    /*  Note: I changed color
        to white. Originally
        spec'd as #000000. 
        Also added the width
        line. */
    width: 595px;	
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    background-color: #0C2074;
    padding: 5px;
}
    
.tableBorder td, .tableBorder th, .tableData td, .tableData th {
    padding: 2px 7px;
    white-space: nowrap;
}
    
.tableHead_alpha a, .tableHead_numeric a {
    color: #ffffff;
}

/*  The following are formatting information for filter reports */

#filterImageBar {
    width: 616px;
    height: 22px;
    border-left: 1px solid #0C2074;
    float: left;
    white-space: nowrap;
    vertical-align: bottom;
}

#filterImageMain {
    position: relative;
    width: 595px;
    border-left: 1px solid #0C2074;
    border-right: 1px solid #0C2074;
    border-bottom: 1px solid #0C2074;
    padding: 0px 10px;
    clear: left;
}

* html #filterImageMain {
    top: -3px;
}
    
.filterButtonPadded {
    margin-bottom: 5px;
}
    
.bigSelect {
    margin-top: 1px;
    margin-bottom: 5px;
    margin-right: 5px;
    width: 450px;
}
    
.littleSelect {
    width: 200px;
}

/*	The following are formatting classes for popup tables. */

.popUpTable {
    font-size: 11px;
    color: #000000;
}    
    
.popUpTable table {
    width: 100%;
    border: 0px;
}

.popUpTable td {
    padding: 3px 7px;
}
    
.pUTHeaderRow {
    height: 23px;
    font-weight: bold;
}
    
.pUTGrayRow {
    background-color: #EEECED;
}
    
/*	The following are formatting classes for Manage Check Fraud.	*/

.ppIntroContain {
    clear: none;
    float: left;
    margin-right: 20px;
    width: 415px; 
}

.keyContain {
    clear: none;
    float: left;
    margin-right: 20px;
    width: 130px;
}

.keyContain table {
    width: 100%;
}
    
.keyContain td {
    padding: 2px 1px 0px 1px;
}
    
.keyHeader {
    background-color: #EEECED;
}

#alertMsgShell { 
		display:none;
		position: absolute;
		top: 35px; 
		left: 230px;
		width: 530px;
		z-index: 100;
		/* for IE */
		filter:alpha(opacity=95);
		/* CSS3 standard */
		opacity:0.95;
		}

#demoBarShell {

		position: absolute;
		top: 10px; 
		left: 225px;
		width: 565px;
		z-index: 100;
		/* for IE */
		filter:alpha(opacity=90);
		/* CSS3 standard */
		opacity:0.90;
		}

#hint_opener {
		display:none;
		position:absolute;
		left: 50%;
		top:5px;
		z-index:999;
		height:20px;
		width:100px;
		margin-left: -10px;
		text-align:center;
		cursor:pointer;
		font-size: 11px;
		font-weight: bold;
		color: #0C2074;
		text-decoration:underline;
		}

.b1, .b2, .b3, .b4 {
		font-size:1px; overflow:hidden; display:block;
		}
.b1 {
		height:1px; background:#000000; margin:0 5px;
		}
.b2 {
		height:1px; background:#EEECED; border-right:2px solid #000000; border-left:2px solid #000000; margin:0 3px;
		}
.b3 {
		height:1px; background:#EEECED; border-right:1px solid #000000; border-left:1px solid #000000; margin:0 2px;
		}
.b4 {
		height:2px; background:#EEECED; border-right:1px solid #000000; border-left:1px solid #000000; margin:0 1px;
		}
.hint {
		border-right:1px solid #000000;
		border-left:1px solid #000000;
		padding-right: 15px;
		background-color: #EEECED;
		background-image: url('../../images/SinglePointEssentials/SP-demo_bg_alert.gif');
		background-repeat: no-repeat;
		}

#demoBarShell p, #alertMsgShell p  {
		color: #000000;
		margin: 10px 10px 0px 10px;
		}

#demoBarShell p, #alertMsgShell p  {
		color: #000000;
		margin: 10px 10px 0px 10px;
		}

.demoTitle {
		display: inline-block;
		font-size: 14px;
		color:#0C2074;
		margin-bottom:3px;
		}

/*    Pop-up Styles    */

/*	Note: see main body pane for
	  definitions of paragraph, h3,
	  and a tags. */
#actionPane {
    padding: 8px;
}
    
#popupTop {
    padding: 2px;
}

#addendaTop {
    padding: 0px 10px 10px 10px;
}
    
#addendaTop h3 {
    margin-top: 0px;
}
    
#popupTop p {
    margin: 0px;
    padding: 0px;
}

/*    Report Styles    */
.detailHead {
    font-weight: bold;
    font-size: 12px;
}

.reportHead, .reportInfo, .reportInfoRight {
    font-size: 11px;
}

.reportHead {
    font-weight: bold;
    text-align: right;
}
        
.reportInfoRight {
    text-align: right;
}    

/*    Check Viewer Styles    */	
.delivery {
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 10px;
}
    
.informationData, .informationTitle {
    font-family: Arial, Helvetica, sans-serif;
    color: #0C2074;
    font-size: 10px;
}
    
.informationTitle {
    font-weight: bold;
}
                            
.order {
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 10px;
}

.shortcuts {
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 10px;
}

.subTotalRow td.tableBody_alpha, .subTotalRow td.tableBody_numeric {
    border-bottom: 1px solid #006; 
    font-weight: bold;
}

.totalRow td.tableBody_alpha, .totalRow td.tableBody_numeric  {
    border-top: 1px solid #006;
    font-weight: bold;
}
.greyText {
    color: #848284;
}
.pastDue, .pastDue a { 
    color: #DE162B !important;
}

#header {
		width:100%;
		height:70px;
		color: #0C2074;
		font-size: 12px;
}

#footer {
		width:100%;
		color: #B9B9BA;
		font-size: 12px;
}

#header a, #footer a {
		color: #0C2074 !important;
		text-decoration: none;
		font-size: 12px;
}

#header a:hover, #header a:active, #footer a:hover, #footer a:active {
		text-decoration: underline;
}

.blu_gradient {
	background: url('../../images/SinglePointEssentials/blue_bar_bg.png') repeat-x;
}

#spt {
	width: 185px;
	height: 35px;
	background: url('../../images/SinglePointEssentials/blue_bar_spt_ess.png') no-repeat;

}

.customer {
		font-size: 12px;
		text-align:right;
		color:#FFFFFF;
		vertical-align:middle;
}

.msg_bar, .msg_bar a {
		font-size:11px;
		text-align:center;
		color:#FFFFFF;
}

.leftNav {
	width:160px;
	background: url('../../images/SinglePointEssentials/bg_nav.gif') no-repeat;
}

.navDivider {
	border-bottom: 1px solid gray;
}

.navLink, .navLinkActive, .navLinkExpanded, .navSubLink, .navSubLinkActive {
	display: block;
	padding: 3px 0px 3px 10px;
}

.navLinkExpanded{
	font-weight: bold;
	background: url('../../images/SinglePointEssentials/bg_nav_expand_top.gif') no-repeat;
}

.navSubLink {
	background: url('../../images/SinglePointEssentials/bg_nav_expand.gif') no-repeat;
}

.navSubLink, .navSubLinkActive {
	font-weight: normal;
	padding-left: 15px;
}

a.navLink, a.navLinkExpanded, a.navSubLink, a.navLinkActive, a.navSubLinkActive {
	text-decoration: none;
	color: #000000;
}

a.navLink:hover, a.navLinkExpanded, a.navLinkExpanded:hover, a.navSubLink:hover {
	color: #0950A0;
}

a.navLinkActive, a.navSubLinkActive {
	background-color: #0C2074;
	color: #FFFFFF;
}

.cog {
	width: 30px;
	height: 30px;
	background: url('../../images/SinglePointEssentials/cog.gif') 0 -30px;
}

.cog:hover {
	background: url('../../images/SinglePointEssentials/cog.gif') 0 0;
}

/*    Demo Test Styles    */	
.demoYellow {
    background-color: #FF0 !important;
}