/*
 COMMON TEXT ATTRIBUTES
*/
html {
    min-height: 100%;
    margin-bottom: 1px;
    height: 100%;
}

body {
    background-color: #ffffff;
    border: none;
    margin-top: 2px;
    margin-left: 0;
    margin-right: 0px;
    margin-bottom: 0;
    padding: 0px;
    /*this is a concession to opera 7 which has margin 0, but some padding by default.*/
    height: 100.001%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.button {
    font-weight: 900;
    padding: 0 .25em 0 .25em;
    width: auto;
    overflow: visible;
}

.content {
    font-size: 0.8em;
}

#nonFooter {
    min-height: 100%;
}

* html #nonFooter {
    height: 100%;
}

#footer {
    margin-top: -2.0em;
}

#homeFooter {
    position: relative;
    z-index: 0;
    margin-top: -4.75em;
}

.box nobr A {
    padding-right: 0px;
    font-style: normal;
    white-space: nowrap;
    text-decoration: none;
}

.box nobr A:hover {
    text-decoration: underline;
}

input,submit,select,radio,checkbox {
    z-index: 0;
    font-size: 0.9em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.adsA {
    color: #0000ff;
    text-decoration: underline;
    font-weight: normal;
    white-space: nowrap;
}

.mpgreen {
    color: #008000;
}

A.siteHeader {
    text-decoration: none;
}

A.siteHeader:hover {
    text-decoration: underline;
}

h1 {
    font-size: 1.4em;
    color: #0c4e76;
    font-style: normal;
}

h1.loginform {
    padding-left: 0px;
    padding-right: 0px;
}

h2 {
    font-size: 1.0em;
    color: #0c4e76;
    font-style: normal;
}

.index {
    font-size: 0.95em;
    color: #0c4e76;
    font-style: normal;
}

h3 {
    font-size: 1.0em;
    font-style: normal;
}

h3.loginheader {
    font-size: 1.2em;
    font-style: normal;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

.loginTiny {
    font-size: 0.8em;
}

.adHeader {
    font-size: 1.2em;
    font-style: normal;
    font-weight: bold;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

a.menu {
    font-size: .9em;
    font-weight: normal;
    color: #000000;
    padding-right: 20px;
    font-style: normal;
}

h4 {
    font-size: 0.825em;
    font-weight: bold;
}

.searchHeader {
    font-size: 1em;
    color: #0c4e76;
    font-style: normal;
    font-weight: bold;
}

.roundedBoxHeader {
    font-weight: bold;
    color: #0c4e76;
}

.rightAlign {
    text-align: right;
}

red_code_sample {
    color: #ff0000;
}

blue_code_sample {
    font-family: Helvetica, sans-serif;
    font-size: 0.625em;
    color: #0000ff;
    font-weight: bold;
}

green_code_sample {
    color: #00cf00;
}

.subnavigation {
    color: #FFFFFF;
}

.selected {
    color: #FFFFFF;
}

a {
    text-decoration: underline;
}

a:hover {
    z-index: 200;
    text-decoration: none;
}

ol {
    text-decoration: none;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
}

ul {
    text-decoration: none;
    font-weight: normal;
    margin-bottom: 0px;
    margin-top: -11px;
    margin-top: 0px;
}

ul ul {
    margin-top: 0px;
}

ol ul {
    margin-top: 0px;
}

ul ol {
    margin-top: 0px;
}

/* IE only fix for list spacing */
* html ul {
    padding-top: 0px;
    margin-top: 0px;
    padding-left: 15px;
}

.xx {
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
}

li {
    text-decoration: none;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.help {
    color: #0c4e76;
    font-style: normal;
    font-weight: normal;
}

.error ul li {
    font-weight: bold;
    color: #CC0303;
}

.submit {
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

select.acct {
    width: 135px;
}

input.acct {
    width: 180px;
}

textarea.acct {
    width: 170px;
}

label {
    /* form labels - the text that labels a form which you can click on to select that form */
    /* cursor: pointer; */
    
}

label.error {
    font-weight: bold;
    background: transparent;
    color: #CC0303;
}

span.error {
    font-weight: bold;
    background: transparent;
    color: #CC0303;
}

span.errorTitle {
    font-weight: bold;
    background: transparent;
    color: #CC0303;
}

td.error {
    background: transparent;
    color: #CC0303;
}

.indent {
    margin-left: 20px;
    margin-right: 20px;
}

.code {
    font-family: "Courier New", Courier, monospace;
    color: #6a8b42;
    white-space: nowrap;
}

code,pre {
    font-size: 0.9em;
    font-family: "Courier New", Courier, monospace;
    color: #35892A;
}

.note {
    border-left-style: solid;
    border-left-width: 1px;
    padding-left: 10px;
}

.utility {
    font-size: 0.7em;
}

.logoHeader {
    background-color: #FFFFFF;
    width: 794px;
    border-bottom: solid #FFFFFF 1px;
    margin: 0px;
    padding: 0px;
}

.navText {
    color: #0000ff;
    padding-left: 17px;
    padding-right: 16px;
    font-weight: normal;
}

.subNavText {
    color: #29546f;
}

.question {
    font-weight: bold;
    color: #666666;
}

.answer {
    color: #666666;
}

.searchLabel {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-top: 4px;
    font-style: normal;
}

.colLabel {
    padding-left: 0px;
    padding-right: 0px;
    font-style: normal;
}

.error_text {
    color: #CC0303;
}

/**
 * navigation link classes
 */
TD.navigation_level_1 {
    
}

A.navigation_level_1:LINK,A.navigation_level_1:VISITED {
    font-weight: bold;
    text-decoration: none;
}

A.navigation_level_1:HOVER,A.navigation_level_1:ACTIVE {
    font-weight: bold;
    text-decoration: none;
}

A.navigation_level_1_selected {
    font-weight: bold;
    text-decoration: none;
}

TD.navigation_level_2 {
    
}

A.navigation_level_2:LINK,A.navigation_level_2:VISITED {
    color: #0c4e76;
    font-weight: bold;
    text-decoration: none;
    font-size: .85em;
}

A.navigation_level_2:HOVER,A.navigation_level_2:ACTIVE {
    color: #6a8b42;
    font-weight: bold;
    text-decoration: none;
}

A.navigation_level_2_selected {
    font-weight: bold;
    text-decoration: none;
}

.callout {
    color: #0c4e76;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
}

TD.navigation_level_3 {
    
}

A.navigation_level_3:LINK,A.navigation_level_3:VISITED {
    color: #0000ff;
    text-decoration: underline;
    font-weight: normal;
    white-space: nowrap;
}

A.navigation_level_3:HOVER,A.navigation_level_3:ACTIVE {
    text-decoration: none;
}

A.navigation_level_3_selected {
    color: #0000ff;
    text-decoration: underline;
    font-weight: normal;
}

TD.navigation_level_4 {
    
}

A.navigation_level_4:LINK,A.navigation_level_4:VISITED {
    font-weight: normal;
    text-decoration: none;
}

A.navigation_level_4:HOVER,A.navigation_level_4:ACTIVE {
    font-weight: normal;
    text-decoration: none;
}

A.navigation_level_4_selected {
    font-weight: normal;
    text-decoration: none;
}

OL.alpha {
    list-style-type: upper-alpha;
}

OL.decimal {
    list-style-type: decimal;
}

OL {
    list-style-type: decimal;
}

/** 
default header style for smartmail -
leave this in for scms editor compatibility,
may be changed in templates **/
.SmartMailHeader {
    margin-top: 1px;
    margin-bottom: 1px;
    font-weight: bold;
}

/**
 *	Styles specific to the transaction page
 **/
#topParent span {
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    color: #0c4e76;
}

#transaction {
    width: 97%;
    font-size: 0.8em;
}

#transSearchBox {
    background-color: #eaeaea;
}

#transAdvancedSearch {
    border-left-style: solid;
    border-left-width: 1px;
}

.tableColumnNumeric {
    width: 70px;
    text-align: right;
}

.tableColumnCheckbox {
    width: 10px;
    text-align: center;
}

.tableColumnDate {
    text-align: center;
    white-space: nowrap;
}

.tableColumnTime {
    text-align: center;
    width: 50px;
}

.tableColumnPType {
    width: 60px;
}

.tableColumnCntry {
    width: 50px;
}

.tableColumnState {
    width: 40px;
}

.tableNoWrap {
    white-space: nowrap;
}

/* These are the styles for detail screen tables */
table.detail {
    margin-left: 10px;
    padding: 5px;
    font-weight: normal;
}

table.detail th {
    text-align: right;
    padding: 0px 3px 0px 0px;
}

table.detail th.tallCell {
    vertical-align: top;
}

table.detail td {
    padding: 0px;
}

table.detail td.moveOptions {
    text-align: center;
    width: 50px;
    padding: 5px;
}

table.detail td.moveOptions button {
    margin-bottom: 3px;
    width: 45px;
    white-space: nowrap;
}

table.detail td.buttonBar {
    padding-top: 10px;
}

table.detail td.updateStatus {
    color: #c0c0c0;
}

table.footnote {
    width: 700px;
    border-style: solid;
    border-color: black;
    border-width: 1px;
    border-right: 1px solid #000000;
}

td.footnote {
    border-top: 1px solid #C0C0C0;
}

input.button {
    text-align: center;
}

.box nobr A {
    padding-left: 0px;
    padding-right: 0px;
    font-style: normal;
    white-space: nowrap;
    text-decoration: none;
}

.box nobr A:hover {
    text-decoration: underline;
}

/* News Title */
.newsT {
    font-weight: bold;
    color: #0c4e76;
    font-style: normal;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-top: 10px;
}

.fixedNews {
    font-family: New Courier, Courier;
}

/* News Headline */
.newsH {
    font-weight: bold;
    color: #0c4e76;
    background-color: #f2f2f2;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 0px;
}

/* News Body */
.newsB {
    font-style: normal;
    background-color: #f2f2f2;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.hoverHelp {
    z-index: 910;
    position: absolute;
    width: 300px;
    background-color: #F2F2F2;
    border-style: solid;
    border-width: 1px
}

.hoverHelpUnbound {
    z-index: 910;
    position: absolute;
    background-color: #F2F2F2;
    border-style: solid;
    border-width: 1px
}

.hoverTxt {
    font-size: 10px;
    color: #666666;
    padding: 10px 10px 10px 10px;
}

.hoverTxt p {
    padding: 0px 0px 5px 0px;
    margin: 0px;
}

table.list tr.settled {
    background: #BEE763;
}

/* STATEMENTS */
.statement_debit {
    color: #ff0000;
}

.statement_allowance {
    color: #0000a0;
}

.statement_payment {
    background-color: #008000;
    color: white;
    padding-right: 20px;
}

.statement_payment_status_rolled {
    background-color: rgb(255, 222, 150) !important;
    color: black;
}

.statement_payment_status_paid {
    border-left: none;
    background-color: rgb(180, 255, 180) !important;
    color: black;
}

#stmt {
    width: 97%;
    font-size: 0.8em;
}

#subscription {
    width: 97%;
    font-size: 0.8em;
}

.strike {
    text-decoration: line-through;
}

A.faqs:LINK,A.faqs:VISITED {
    color: #0000ff;
    text-decoration: underline;
    font-weight: normal;
}

A.faqs:HOVER,A.faqs:ACTIVE {
    text-decoration: none;
}

.signupHeaders {
    font-size: 1.0em;
    color: #0c4e76;
    font-style: normal;
    font-weight: bold;
}

.messageBoxContent {
    margin: 0px;
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 0px;
}

.infoMsg {
    background-image: url('/images/icons/info.gif');
    background-repeat: no-repeat;
    background-position: 8px 8px;
    border: 3px double #0c4e76;
    background-color: white;
    padding: 10px;
}

.infoMsg h1 {
    padding: 0 0 0 26px;
    margin: 0px;
    font-size: 1em;
    color: #0c4e76;
}

.warningMsg {
    background-image: url('/images/icons/warning.gif');
    background-repeat: no-repeat;
    background-position: 8px 8px;
    border: 3px double rgb(235, 121, 7);
    background-color: white;
    padding: 10px;
    margin: 0;
}

.warningMsg h1 {
    padding: 0 0 0 31px;
    margin: 0px;
    font-size: 1.0em;
    color: rgb(235, 121, 7);
}

.errorMsg {
    background-image: url('/images/icons/error.gif');
    background-repeat: no-repeat;
    background-position: 8px 8px;
    border: 3px double #CC0303;
    background-color: white;
    padding: 10px;
}

.errorMsg h1 {
    padding: 0px 0px 0px 28px;
    margin: 0px;
    font-size: 1em;
    color: #CC0303;
}

.stopMsg {
    background-image: url('/images/icons/stop.gif');
    background-repeat: no-repeat;
    background-position: 8px 8px;
    border: 3px double #0c4e76;
    background-color: white;
    padding: 10px;
}

.stopMsg h1 {
    padding: 0 0 0 26px;
    margin: 0px;
    font-size: 1em;
    color: #0c4e76;
}

.tipMsg {
    background-image: url('/images/icons/question.gif');
    background-repeat: no-repeat;
    background-position: 8px 8px;
    border: 3px double #0c4e76;
    background-color: white;
    padding: 10px;
}

.tipMsg h1 {
    padding: 0 0 0 26px;
    margin: 0px;
    font-size: 1em;
    color: #0c4e76;
}

.notice {
    background-image: url('/images/notice.gif');
    background-repeat: no-repeat;
    background-position: 8px 12px;
    border: 3px double #CC0303;
    background-color: white;
    padding: 10px;
    padding-bottom: 0px;
}

.notice div {
    margin-left: 18px;
}

.hoverInfo {
    border: 1px solid #4289ab;
    background-color: white;
    padding: 5px;
    text-align: left;
    font-size: 11px;
    width: 280px;
    color: #0c4e76;
}

.nextSteps td {
    padding-top: 8px;
    padding-bottom: 8px;
}

textarea {<!-- [if IE7.0]> -font-size:0.8em; <![endif ]-->
    
}

.note {
    padding: 0px;
    margin: 0px;
    border: none;
    color: #CC0303;
    font-weight: bold;
}

.searchInputClass {
    color: gray;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    margin: 0px;
    border: 1px solid #6297b8;
    padding-left: 2px;
    padding-top: 2px;
    height: 14px;
}

.relSummary * {
    border-collapse: collapse;
}

.relSummary td {
    text-align: left;
    padding: 1px 30px 1px 3px;
    border: 1px solid gray;
}

.relSummary p {
    padding: 0.5em 0em 0.5em 0em;
    margin: 0em 0em 0em 0em;
}

.relSummary h2 {
    margin: 2em 0em 0em 0em;
    padding: 0em;
    font-size: 1.2em;
}

.relSummary h3 {
    font-size: 1.1em;
    padding: .5em 0em 0.0em 0em;
    margin: .5em 0em 0em 0em;
}

.relSummary h4 {
    padding: 5px 0px 3px 0px;
    margin: 5px 0px 0px 0px;
    color: black;
    font-size: 1.0em;
    font-weight: bold;
}

.relSummary h5 {
    padding: 5px 0px 5px 0px;
    margin: 10px 0px 0px 0px;
    color: black;
    font-size: 1.0em;
    font-style: italic;
    font-weight: normal;
}

.relSummary ol li {
    padding: 2px 0px;
}

.disabled {
    background-color: #ebebeb;
    color: #505050;
    border: 1px solid #A5ACB2;
    padding: 3px 2px;
    font-style: italic;
}

/**********************************************************************************************************************
    NEW STUFF IN GOIN IN HERE
**********************************************************************************************************************/
.editTag {
    padding: 0;
    margin: 0;
    font-weight: normal;
}

.infoBox {
    border-collapse: collapse;
    border: 3px double rgb(180, 180, 180);
    padding: 0 0 5px;
    margin: 0 10px 15px 0;
    vertical-align: top;
    width: auto;
}

.infoBox h2 {
    border-collapse: collapse;
    border-bottom: 1px solid rgb(180, 180, 180);
    border-top: 1px solid rgb(180, 180, 180);
    background-color: rgb(220, 220, 220);
    margin: 0 0 5px;
}

.infoBox h3 {
    color: black;
    font-weight: bold;
    margin: 0 5px;
    padding: 0;
    text-align: left;
}

.infoBox hr {
    border: none;
    border-top: 1px solid #A5ACB2;
    margin: 0 5px;
    padding: 0;
    height: 1px;
}

.infoBoxHeader table tr td {
    vertical-align: baseline;
}

.infoBox td {
    white-space: nowrap;
    padding: 2px 5px;
}

.infoBoxLabel {
    text-align: right;
    color: black;
    font-weight: normal;
    white-space: nowrap;
    width: 200px;
    vertical-align: top;
}

.infoBoxValue {
    text-align: left;
    color: black;
    font-weight: bold;
}

.infoBoxValue select {
    font-weight: bold;
    width: 224px;
}

.infoBoxValue input {
    font-weight: bold;
    width: 220px;
}

.infoCheckbox input {
    font-weight: bold;
    width: auto;
    margin: 0;
    padding: 0;
}

.adminLabel {
    text-align: right;
    color: black;
    font-weight: normal;
}

.adAPPROVED {
    border:1px solid rgb(180,180,180);
    background-color: rgb(180,255,180);
}

.adDISAPPROVED {
    border:1px solid rgb(180,180,180);
    background-color: rgb(255,100,100);
}

.adPENDING_APPROVAL {
    border:1px solid rgb(180,180,180);
    background-color: rgb(255,255,170);
}

.adminField {
    background-color: rgb(191, 224, 253) !important;
    color: black;
    font-weight: bold;
}

.quickRefBox {
    border: 3px double rgb(237, 225, 172);
    background-color: rgb(255, 253, 233);
    padding: 5px 10px;
    width: 200px;
}

.quickRefBox hr {
    border: none;
    border-top: 1px solid #EDE1AC;
    margin: 5px 5px 0;
    padding: 0;
    height: 1px;
}

.quickRefBox p {
    margin-left: 14px;
    text-indent: -14px;
}

.nopad {
    padding: 0;
    margin: 0;
}

table.comments td {
    vertical-align: top;
    font-size: 9pt;
    font-family: inherit;
    padding: 3px 5px 3px 5px;
    border-right: 1px solid rgb(205, 205, 205);
    border-bottom: 1px solid rgb(205, 205, 205);
    font-weight: normal;
}

table.comments tr.even {
    background: #EEEEEE;
    color: #000000;
}

table.comments tr.odd {
    background: #FFFFFF;
    color: #000000;
}

.cluetip-default {
    background-color: #FFF;
    font-size: 10pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    border: 1px solid rgb(154, 155, 156);
}

.cluetip-default #cluetip-outer {
    position: relative;
    margin: 0;
    background-color: rgb(255, 253, 233);
}

.cluetip-default h3#cluetip-title {
    margin: 0 0 5px;
    padding: 2px 10px 3px;
    font-size: 10pt;
    font-weight: bold;
    background-color: rgb(237, 225, 172);
    color: rgb(0, 0, 0);
    color: #0c4e76;
}

.cluetip-default #cluetip-title a {
    color: #d9d9c2;
    font-size: 0.95em;
}

.cluetip-default #cluetip-inner {
    padding: 0px 10px 5px;
}

.cluetip-default div#cluetip-close {
    text-align: right;
    margin: 0 5px 5px;
    color: #900;
}

.accountColor {
    font-weight: bold;
    color: #EB7907;
}

.routingColor {
    font-weight: bold;
    color: #05952B;
}

.cs {
    padding: 0;
    margin: 0;
    width: 100%;
}

.cs table tr td {
    margin-right: 20px;
    padding: 15px 2px;
    border-bottom: 1px solid #D4DDE5;
    border-collapse: collapse !important;
}

.csReceipt {
    text-align: left;
    border: 1px solid #A5ACB2;
    padding: 2px;
    font-size: 9pt;
    font-weight: bold;
    font-style: italic;
}

.csInputWidth {
    width: 98%;
}

.csTextArea {
    width: 99% !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 10pt;
}

.csSelect {
    width: 99.5%;
    margin-top: 2px;
}

.clkbank {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 10pt;
}
.clkbank h1 {
    font-size: 14pt;
}

#termsSection {
    border: 1px solid black;
    height: 300px;
    overflow: auto;
    text-align: left;
    margin: 10px;
    padding:10px;
}

.termsPage ol li {
    margin: 5px 0 5px -15px;
    text-align: justify;
}

.termsPage ul li {
    margin: 5px 0 5px -23px;
    text-align: justify;
}

.overrun {
    color: #CC0303;
    font-weight: bold;
}