body {background-color: white;}

:link {color: #3bb54b;}
:visited {color: #3bb54b;}
a:hover { color: #266e2f;}
:visited:hover {color: #3bb54b;}

.navbar {
	background-color: #597AAA;
	color: white;
	font-weight: normal;
	font-size: 11px;
	font-family: Tahoma, Verdana, sans-serif;
	white-space: normal;
	text-align: justify;
	line-height: 22px;
}
.navbar:visited {color: white;}
.navbar a:hover,.navbar a:visited:hover {color: #FF9900;}

table.menuBox {
    background-image:url(/images/higheronesupport/shell/s_bluebox_bg.gif);
    width: 274px;
    border: 0;
}

tr.menuBoxTop {
    empty-cells: show;
    background-image:url(/images/higheronesupport/shell/s_bluebox_top.gif);
    width: 274px;
    height: 9px;
    border: 0;
}

tr.menuBoxBottom {
    empty-cells: show;
    background-image:url(/images/higheronesupport/shell/s_bluebox_bottom.gif);
    width: 274px;
    height: 9px;
    border: 0;
}

table.menuBoxShort {
    background-image:url(/images/higheronesupport/shell/s_bluebox_short_bg.gif);
    width: 225px;
    border: 0;
}

tr.menuBoxTopShort {
    empty-cells: show;
    background-image:url(/images/higheronesupport/shell/s_bluebox_top_short.gif);
    width: 225px;
    height: 9px;
    border: 0;
}

tr.menuBoxBottomShort {
    empty-cells: show;
    background-image:url(/images/higheronesupport/shell/s_bluebox_bottom_short.gif);
    width: 225px;
    height: 9px;
    border: 0;
}

/* headline formatting. no rules for specific parts of the document. headlines should only be used inside the div tag with id=main_content. */

p,td,th {
    font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
}

td.numbercell {
	text-align: right;
}


h1,h2,h3,h4,h5,h6 {
    font-family: Tahoma, Verdana, sans-serif;
	font-weight: bold;
	color: #123066;
	}

h1 {
	font-size: 16px;
}

h2 {
	font-size: 14px;
}

h3 {
	font-size: 12px;
}

h4 {
	font-size: 10px;
}

img.absmiddle {
    vertical-align: middle;
}

#pagetitle,.pagetitle {
        font-weight: bold;
        font-size: 16px;
        color: #000000;
        font-family: Tahoma, Verdana, sans-serif;
}

.sub_pagetitle {
        font-weight: bold;
        font-size: 13px;
        color: #000000;
        font-family: Tahoma, Verdana, sans-serif;
}

.copy{
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
line-height:15px;
text-align: justify;
}

.option_links{
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
line-height:15px;
}

.footer {

font-family: Tahoma, Verdana, sans-serif;
font-size:9px;
color:#000000;

}



/* This is the formatting block for form tables. The formatting is entirely automatic, thus after creating a table and assigning it to id=form all subordinate elements will automatically be assigned the right formatting. So authors should be able to easily create these forms in frontpage etc. */

#formBG,.formBG{
	background-color: #F0F0F0;
}

.errorHead{
	background-color: #000000;
	color: white;
	font-weight: bold;
	font-size: 14px;
    text-align: center;
	font-family: Tahoma, Verdana, sans-serif;
}

#formHead,.formHead{
	background-color: #597AAA;
	color: white;
	font-weight: bold;
	font-size: 12px;
    text-align: center;
	font-family: Tahoma, Verdana, sans-serif;
    padding: 3px;
}

#rowEvenBG,.rowEvenBG{
	background-color: #EEEEEE;
}

#rowOddBG,.rowOddBG{
	background-color: #DDDDDD;
}

.tableHead{
	background-color: #597AAA;
	color: white;
	font-weight: bold;
	font-size: 12px;
	line-height:16px;
	font-family: Tahoma, Verdana, sans-serif;
	text-align:center
}
.subTableHead {
    background-color: #81A2D2;
    color: white;
    font-weight: bold;
    font-size: 12px;
    line-height:16px;
    font-family: Tahoma, Verdana, sans-serif;
    text-align:center
}
.subsubTableHead {
    background-color: #7BAC37;
    color: white;
    font-weight: bold;
    font-size: 12px;
    line-height:16px;
    font-family: Tahoma, Verdana, sans-serif;
    text-align:center
}
.table_border{
	border-color: #000000;
    border-style: solid;
    border-width: 1px;
    border-spacing: 0;
}

.table_header {
    text-align: center;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
}

.popupDiv {
    border: 2px solid black;
    position:absolute;
    visibility:hidden;
    background-color:white;
}

.popupShim {
    position:absolute;
    top:0px;
    left:0px;
    visibility:hidden;
}

table.reportInfoPopup {
    width: 350px;
}

table.reportInfoPopupHeader {
    width: 100%;
    border: solid 1px #000000;
}

table.reportInfoPopupHeader a {
    color: #ffffff;
    font-weight: normal;
}

table.reportInfoPopupHeader a:hover,table.reportInfoPopupHeader a:visited {
    color: #ff9900;
}

td.reportInfoPopupContent {
    padding: 7px;
    line-height: 14px;
}

div.reportInfoPopupClose {
    position:absolute;
    background-color: #597aaa;
    text-align: center;
    top: 6px;
    left: 320px;
    padding: 3px 5px 3px 5px;
    border: 1px solid black;
}

div.reportInfoPopupClose a {
    color: white;
}

div.reportInfoPopupClose a:hover,div.reportInfoPopupClose a:visited {
    color: #ff9900;
}

.attention {
color:red
}

ul.bullet {
    list-style-image: url(/images/higheronesupport/g_bullet.gif);
    margin-top:10px;
    margin-bottom:10px;
}

/*
    This is stolen from the global.css tries to make noBullets
*/
ul.noBullets {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.noBullets li {
    padding-bottom: 4px;
}

/* ---- begin calendar styles ---- */
/*                                 */
input.datePicker{
    padding: 2px 3px 2px 3px;
    border: solid 1px #666;
    cursor: pointer;
    background: #fff url(/images/sm_calendar.gif) no-repeat center right;
    width: 95px;
}
.dp_container{
    display: inline;
    background-color: #fff;
    position: relative;
    z-index: 500;
}
.dp_cal:focus { -moz-outline-style: none; }
.dp_cal{
    background-color: #fff;
    border: 1px solid;
    position: absolute;
    width: 177px;
    top: 2px;
    left: 2px;
    margin-bottom: 3px;
    z-index: 500;
}
.dp_cal table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.dp_cal select{
    margin: 2px 3px;
    font-size: 11px;
}
.dp_cal select option{
    padding: 1px 3px;
}
.dp_cal th,
.dp_cal td{
    width: 14.2857%;
    text-align: center;
    font-size: 11px;
    padding: 2px 0;
}
.dp_cal th{
    border: solid #999;
    border-width: 1px 0;
    color: #797774;
    background: #e6e6e6;
    font-weight: bold;
}
.dp_cal th.prevMonth,
.dp_cal th.nextMonth {
    height: 16px;
    cursor: pointer;
}
.dp_cal th.prevMonth {
    background-image: url(/images/previous.png);
    background-position: left;
    background-repeat: no-repeat;
}
.dp_cal th.nextMonth {
    background-image: url(/images/next.png);
    background-position: right;
    background-repeat: no-repeat;
}
.dp_cal th.noNextMonth {
}
.dp_cal th.noPrevMonth {
}
.dp_cal td.dp_day{
    cursor: pointer;
}
.dp_cal thead th{
    border-style: none;
    background: #ccc;
    color: #256ca0;
}
.dp_cal td.dp_roll{
    color: #fff;
    background: #256ca0;
}
.dp_empty{
    background: #eee;
    cursor: auto;
}
.dp_blocked{
    color: #999;
    text-decoration: line-through;
    cursor: auto;
}
.dp_today{
    background: #abd0eb;
}
.dp_selected{
    color: #fff;
    background: #328dcf;
}
/*                                 */
/* ----- end calendar styles ----- */

.inputLabel {
    position: relative;
    bottom: 2px;
}

table.grid {
    empty-cells: show;
    border: solid 1px #000000;
    border-spacing: 0;
    border-collapse: collapse;
}

table.grid td { border: solid 1px #000000; }

div.tabArea {
  padding: 0px 0px 0px 10px;
  font-size: 120%;
  font-weight: bold;
}

.tabBase {
   background-color: #cccccc;
}

a.tab, a.tab:visited {
  background-color: #eeeeee;
  color: #444444;
  border: 1px solid #000000;
  border-bottom-width: 0px;
  padding: 2px .5em 0px .5em;
  position: relative;
  text-decoration: none;
  top: 3px;
  height: 20px;
  cursor: pointer;
}

a.tab:hover, a.tab:visited:hover {
  background-color: #cccccc;
  color: #444444;
}

a.activeTab, a.activeTab:hover, a.activeTab:visited {
  background-color: #cccccc;
  color: #000000;
  top: 4px;
}


.largeText {
  font-size: 125%;
  font-weight: bold;
}

.defaultCursor {
	cursor: default;
}
	
.topAlignedLabel {
	vertical-align: text-top;
}


/*******************************************************
 ** Being Styles for Clearing Acct Transaction Table  **
 **                                                   **/

/* Handles clearing of the float */
div.spacer {clear: both;}
/* The overall transaction "table" */
div#transactionGroup {border: solid 1px #666; width: 100%;}

/* The header row of the transaction "table" */
div.transactionHeader {float: left; width: 100%; background-color: #ccc; border-bottom: solid 1px #aaa;}
div.transactionHeader div {height: auto; float: left; overflow: visible; font-size: 13px; padding: 3px;}

/* When there is no transactions in the table, this div is visible */
div.noTransaction {width: 100%; margin: 0; padding: 3px; font-size: 12px; text-align: center; height: auto;}

/* Transaction rows are either Odd or Even */
div.transactionOdd {width: 100%; border-top: solid 1px #aaa; background-color: #fff;}
div.transactionEven {width: 100%; border-top: solid 1px #aaa; background-color: #e3e3e3;}

/* A transaction row contains the transactionDetails (that look like columns)
    as well as the transactionInfo (which contains the Extended Descriptions */
div.transactionDetails {float: left; width: 100%; margin: 0; padding: 0;}
div.transactionDetails div {height: auto; float: left; font-size: 12px; padding: 3px; overflow: visible;}

/* These control the individual "columns" of the "table" */
div.transLink {width: 0; display: none;}
div.transRef {width: 0; display: none;}
div.transCode {width: 0; display: none;}
div.transDate {width: 80px;}
div.transType {width: 0; display: none;}
div.transID {width: 80px;}
div.transDescr {width: 150px;}
div.transWithdrawal {width: 100px; text-align: right;}
div.transDeposit {width: 100px; text-align: right;}
div.transBalance {width: 110px; text-align: right;}
div.transMerchant {width: 0; display: none;}

/**                                                   **
 ** End Styles for Clearing Acct Transaction Table    **
 *******************************************************/

div.divFeeWaive {margin: 0px; width: 400px; font-weight: bold; margin-top: 10px;}
div.divLimitedFee {margin: 0px; padding: 0px; width: 240px; float: left; margin-top: 5px; font-weight: normal;}
div.divUnlimitedFee {margin: 0px; padding: 0px; width: 160px; float: left; margin-top: 5px; font-weight: normal;}

span.feeWaiverAlert {font-weight: bold; color: red;}
span.feeWaiver {font-weight: normal; color: black;}
span.feeWaiverInProcess {color: black;}
span.feeWaiverApproved {color: green;}
span.feeWaiverDenied {color: red;}

div.feeWaiverLink {width: 16px;}
div.feeWaiverLabel {font-weight: bold; padding-bottom: 2px; width: 80%;}
div.feeWaiverDetail {display: none; border-top: 1px #ccc dashed; padding: 5px 5px 5px 5px;}
div.feeWaiverComment {padding-bottom: 10px; width: 80%;}

tr.feeWaiverRowOpen {background-color: #FFC;}
tr.feeWaiverRowClose {background-color: #fff;}
textarea.comments {width: 490px; overflow: auto;}

div.divIndemnity {margin: 0px; width: 400px; font-weight: bold; margin-top: 10px;}
span.indemnityAlert {font-weight: bold; color: red;}
span.indemnity {font-weight: normal; color: black;}
span.indemnityInProcess {color: black;}
span.indemnityApproved {color: green;}
span.indemnityDenied {color: red;}

div.indemnityLink {width: 16px;}
div.indemnityLabel {font-weight: bold; padding-bottom: 2px; width: 80%;}
div.indemnityDetail {display: none; border-top: 1px #ccc dashed; padding: 5px 5px 5px 5px;}
div.indemnityComment {padding-bottom: 10px; width: 80%;}

tr.indemnityRowOpen {background-color: #FFC;}
tr.indemnityRowClose {background-color: #fff;}
textarea.comments {width: 490px; overflow: auto;}

a.rightArrow {background: url(/images/navigation/menu_tee_plus.gif) no-repeat; display: block; height: 11px; width: 11px;}
a.downArrow {background: url(/images/navigation/menu_tee_minus.gif) no-repeat; display: block; height: 11px; width: 11px;}


fieldset {border: 1px solid #369; padding:0px 10px 10px 10px;}
legend {color: #369; font-weight: bold; padding: 3px 3px 3px 3px;}

input.calendar {background: url(/images/calendar.gif) no-repeat; border: 0; cursor: pointer; margin-right: 6px; margin-left: 2px; width: 22px; height: 21px;}

.hiddenAlert {display: none; color: red;}

/*Styles for Countable textarea*/
.count { font-style: italic; color: #666666; }
.count .error { color: #FF0000; }
/*End Styles for Countable textarea*/

/*Styles for CheckOrText widget*/
.disabledBackground {background-color: #AAA;}
/*End Styles for CheckOrText widget*/

/*Styles for Mootools Shadowbox popup*/
div.shadowBox {background: url(/images/shadow.png) bottom right;}
div.shadowBox div.shadowInnerContent {padding: 10px; background: white; border: solid 1px #666; left: -8px; top: -8px; position: relative;}
div#infoPopup {position: absolute; width: 650px; height: auto; text-align: left; color: #000;}
div.infoButtons {width: 100%; text-align: center;}
/*End Styles for Mootools Shadowbox popup*/


div.readOnlyText {border: thin solid #666; padding: 20px; background-color: white;}

div.batch_nav 						{margin: 20px 0;}
div.batch_nav span					{padding-left: 10px; padding-right: 10 px;}


.excelform {display:inline}
.excelform input {margin:10px;}

div.CCAMessageBox{font-family:Tahoma, Geneva, Verdana, Arial, Helvetica, Sans-serif; font-size:13px; font-weight:bold; color:#ad2720; text-align:left; padding:25px 50px; text-decoration:none; border:4px solid #114081; margin-top:10px; margin-bottom:25px;}

.formButton {margin: 10px;}
.back_link_top {margin: 10px;}
.table_title {text-align:center; margin: 10px; font-weight: bold;}

p.customerNoticeWarning { padding-left: 20px; padding-right: 20px; color: red; font-weight: bold;}

div.chargebackDetail {display: none; border-top: 1px #ccc dashed; padding: 5px 5px 5px 5px;}
div.chargebackHistoryDetail {display: none; border-top: 1px #ccc dashed; padding: 5px 5px 5px 5px;}

tr.chargebackRowOpen {background-color: #FFC;}
tr.chargebackRowClose {background-color: #fff;}

div.fraudAdviceDetail {display: none; border-top: 1px #ccc dashed; padding: 5px 5px 5px 5px;}
div.fraudAdviceHistoryDetail {display: none; border-top: 1px #ccc dashed; padding: 5px 5px 5px 5px;}

tr.fraudAdviceRowOpen {background-color: #FFC;}
tr.fraudAdviceRowClose {background-color: #fff;}

div.docRequestDetail {display: none; border-top: 1px #ccc dashed; padding: 5px 5px 5px 5px;}
div.docRequestHistoryDetail {display: none; border-top: 1px #ccc dashed; padding: 5px 5px 5px 5px;}

tr.docRequestRowOpen {background-color: #FFC;}
tr.docRequestRowClose {background-color: #fff;}

/* styles imported from global.css and school specific css*/
div.panel {
    width: 100%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #245397;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

.extnavbar {
    background-color: #597AAA;
    color: white;
    font-weight: normal;
    font-size: 11px;
    font-family: Tahoma, Verdana, sans-serif;
    white-space: normal;
    text-align: justify;
    line-height: 5px;
}