body {
    background-color: white;
    margin: 0;
}

p,td,th {
    font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
    color: #000000;
}


/* formatting section for footer table. */
#footerlinks, .footertext {
    font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.preview_state_tag {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 800px;
    height: 30px;
    z-index: 0;
    text-align: center;
    color: red;
    font-family: Arial, Verdana, sans-serif;
}

.alternateBGColor {
    background-color: #EDEDED;
}

.attention {
    color:red
}

.hdr_logo {
    position: absolute;
    top: 0px;
    left: 44px;
    z-index: 0;
}

/* placement of login fields in outheader */
.hdr_login_box {
	position: absolute;
    top: 4px;
    left: 425px;
	z-index: 0;
}

/* placement of higher one logo in header */
.hdr_user_info {
	position: absolute;
    top: 0px;
    left: 500px;
    width: 300px;
    z-index: 0;
    text-align: right;
    line-height: 15px;
    font-size: 11px;
    font-family: Arial, Verdana, sans-serif;
}

.hdr_last_login {
    position: absolute;
    top: 0px;
    left: 475px;
    width: 300px;
    height: 20px;
    text-align: center;
    margin: 7px 0 2px 0;
    font-size: 11px;
    font-family: Arial, Verdana, sans-serif;
}

a.hdr_logout, a.hdr_logout:visited {
    margin: 4px 0 2px 0;
    padding: 1px 10px;
    border: 1px solid #bbb;
    background-color: #eee;
    font-weight: bold;
    font-family: Verdana, Arial, sans-serif;
	font-size : 11px;
    text-align: center;
    text-decoration: none;
    float: right;
}

a.hdr_logout:hover,a.hdr_logout:hover:visited  {
    color: #fff;
    background-color: #aaa;
}

a.cleanLink, a.cleanLink:link, a.cleanLink:visited {
    color: #000;
    text-decoration: none;
}

.hdr_logout a:hover {
    text-decoration: underline;
}

.hdr_upper_bar {
    position: absolute;
    top: 72px;
    left: 5px;
    width: 802px;
    height: 10px;
    background: url(/images/higherone/i_headerbar_out.gif ) no-repeat;
    z-index: 2;
}

.hdr_double_bar {
    position: absolute;
    top: 72px;
    left: 5px;
    width: 802px;
    height: 64px;
    z-index: 2;
}

.hdr_bar_sponsor {
    background: url(/images/higherone/i_headerbar_sponsor.gif ) no-repeat;
}

.hdr_bar_cardholder {
    background: url(/images/higherone/i_headerbar_cardholder.gif ) no-repeat;
}

.hdr_text {
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
}

.hdr_balance,.hdr_ezhelp {
    position: absolute;
    top: 78px;
    line-height: 18px;
    color: #444;
    font-size: 11px;
    font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
    margin: 0 5px 0 5px;
    z-index: 3;
}

.hdr_balance_label {
    position: absolute;
    left: 15px;
    width: 85px;
    text-align: center;
}

.hdr_balance_link:link, .hdr_balance_link:active, .hdr_balance_link:visited {
    color: #444;
}

.hdr_balance_amount {
    left: 113px;
    text-align: left;
    width: 110px;
}

.hdr_ezhelp_label {
    left: 573px;
    width: 210px;
    text-align: center;
}

.ftr_bar {
    margin-left: 5px;
    width: 800px;
    height: 20px;
    background: url(/images/higherone/i_footerbar.gif ) no-repeat;
}

.activateHeading1 {
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #cc0000;
}

.activateHeading2 {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #cc0000;
}
.activateHeading3 {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

table.tiny { width: 225px; }
table.small { width: 355px; }
table.medium { width: 450px; }
table.medLarge { width: 575px; }
table.large { width: 700px; }

table.panel {
    empty-cells: show;
    padding: 0;
    border-style: solid;
    border-width: 1px;
    border-spacing: 0;
}

td.panelHeader {
    text-align: center;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.headerFont {
    font-weight: bold;
    font-size: 14px;
    font-family: Verdana, Arial, sans-serif;
}

table.panelContent {
    empty-cells: show;
    border-spacing: 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
}

table.panelContent td { padding: 5px; }
table.panelContent td table td { padding: 0; }

table.panelContentNoStyledPadding {
    empty-cells: show;
    border-spacing: 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
}

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

table.grid {
    empty-cells: show;
    padding: 0;
    border-style: solid;
    border-width: 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

table.grid td { padding: 4px; padding-left: 6px; padding-right: 6px;}
table.grid td table td { padding: 0; }

table.gridBorder td { border-style: solid; border-width: 1px;}
table.gridBorder td table td { border-style: none; }

th.gridHeader {
    padding-left: 6px;
    padding-right: 6px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
table.gridBorder th.gridHeader { border-style: solid; border-width: 1px;}

td.gridBottomBorder {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

td.gridButtons {
    white-space: nowrap;
    text-align: left;
    padding-top: 2px;
    padding-bottom: 2px;
}

input.actionButton {
    margin-right: 2px;
}

ul.noBullets {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

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

table.error {
    border-color: #000000;
}

table.error td.panelHeader {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}

td.errorList ul,
td.errorList ol{
    margin: 0;
    padding: 5px;
}

td.errorList ul li,
td.errorList ol li {
    margin-left: 20px;
    padding-bottom: 4px;
}

.labels {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
}

.hints {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
}

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

.topBorder {
    border-top-width:1px;
    border-top-style:solid;
}

.footnote {
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
}

ul.list {
    margin: 0;
    padding: 5px;
}

ul.list li {
    margin-left: 20px;
    padding-bottom: 4px;
}

div.panel {width: 100%; border-style: solid; border-width: 1px; height: auto; margin-top: 20px; margin-bottom: 20px;}

.cursorLink {cursor: pointer;}
.underlineLink {text-decoration: underline;}
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;}

/* ---- 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 ----- */

.count { font-style: italic; color: #666666; }
.count .error { color: #FF0000; }

.formHead,#formHead {
	font-weight: bold;
	font-size: 14px;
    text-align: center;
	font-family: Verdana, Arial, sans-serif;
}

.tableHead,#tableHead{
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Arial, sans-serif;
}

.pagetitle,#pagetitle {
    font-weight: bold;
    font-size: 18px;
    font-family: Arial, Verdana, sans-serif;
}

.ptitle,#ptitle {
    font-weight: bold;
    font-family: Arial, Verdana, sans-serif;
    font-size: 10pt;
}

h1,h2,h3,h4,h5,h6 {
	position: relative;
	left: 20px;
    font-family: Arial Black, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

h1 {
	font-size: 16pt;
}

h2 {
	font-size: 14pt;
}

h3 {
	font-size: 12pt;
}

h4 {
	font-size: 10pt;
}

.progressBar {
	font-weight: bold;
	font-size: 12px;
    text-align: center;
	font-family: Verdana, Arial, sans-serif;
}

.progressBarSelected {
	font-weight: bold;
	font-size: 12px;
    text-align: center;
	font-family: Verdana, Arial, sans-serif;
}

.infoBox {
	font-size: 14px;
	font-family: Verdana, Arial, sans-serif;
}

.signOutMessage {
    width: 550px;
    padding: 5px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 14pt;
    color: #000;
}

.signInMessage {
    width: 550px;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14pt;
    color: #000;
    margin-bottom: 20px;
}

.readOnlyScrollable {
	width: 800px; 
	height:300px; 
	overflow:auto; 
	border: solid thin #666;
}

.indentedMedium {
	position:relative;
	left: 150px;
}

/*For MooTools style infoPopup boxes*/
div.infoButtons {width: 100%; text-align: center;}


/* for homepage style boxes */

div.subPanel {
}

div.subPanelInnerContent {
    margin: 0;
    padding: 7px 7px 3px 7px;
}

div.subPanelInnerContent div.xboxcontent {
    background: #fff;
    padding: 4px 10px;
}

table.subPanelTitle tr td.tLeft {width: 7px; height: 24px; background: url(/images/higherone/layout/i_panelHeader_start.gif) no-repeat;}
table.subPanelTitle tr td.tRight {width: 8px; height: 24px; background: url(/images/higherone/layout/i_panelHeader_end.gif) no-repeat;}
table.subPanelTitle tr td.tCenter {
    vertical-align: bottom;
    width: auto;
    height: 24px;
    background: url(/images/higherone/layout/i_panelHeader_bg.gif) repeat-x;
    text-align: center;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 22px;
}

.xtop, .xbottom {background: #fff; display:block; font-size:1px;}
.xb1, .xb2, .xb3, .xb4, .xl1, .xl2, .xl3, .xl4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3, .xl1, .xl2, .xl3 {height:1px;}
.xb2, .xb3, .xb4 {background: #fff; border-left:1px solid #444; border-right:1px solid #444;}
.xb1 {margin:0 5px; background:#444;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xl2, .xl3, .xl4 {background: transparent; border-left:1px solid #444;}
.xl1 {margin:0; margin-left: 5px; background:#444;}
.xl2 {margin:0; margin-left: 3px; border-width:0 0 0 2px;}
.xl3 {margin:0; margin-left: 2px;}
.xl4 {height:2px; margin:0; margin-left: 1px;}

.xboxcontent {display:block; border-color: #444; border-style: solid; border-width:0 1px;}

.color_rewards   {background: #ff621c; }

.rewardsTitle, a.rewardsTitle:link, a.rewardsTitle:active, a.rewardsTitle:visited {
    color: #ff621c;
    font-weight: bold;
    font-size: 16px;
    font-family: Arial, Verdana, sans-serif;
}

.rewards_box_text { color: #ffffff; }

/* newStyle HTML reformat */
	#newStyle body, #newStyle input, #newStyle textarea, #newStyle select, #newStyle li, #newStyle button{font:1em  Arial, Helvetica, Verdana, Sans-Serif;line-height:1.2em;color:#333;}
	#newStyle body{font-size:13px;background:#fff;margin:0 auto;padding:0;text-align:left;}
	#newStyle #container{margin:0 auto;width:730px;text-align:left;position:relative;}
	#newStyle #header{position:relative;}
	#newStyle .left{float:left;}
	#newStyle .listClean{list-style:none; margin-left:0px; padding-left:10px;}
	#newStyle .clear{clear:both;}
    #newStyle .center{margin:0 auto;text-align:center;}

/* newStyle margins & paddings, width & height  */
	#newStyle .height25{height:25px;}
	#newStyle .height75{height:75px;}
	#newStyle .height100{height:100px;}
	#newStyle .margin05{margin:.5em;}
	#newStyle .margin20bot{margin-bottom:20px;}
    #newStyle .margin10top{margin-top:10px;}
	#newStyle .margin20top{margin-top:20px;}
    #newStyle .margin60top{margin-top:60px;}
    #newStyle .margin15L{margin-left:15px; #margin-left:15px}
    #newStyle .margin25l{margin-left:25px;}
    #newStyle .margin100{margin-left:100px;}
    #newStyle .margin40L{margin-left:40px; #margin-left:25px}
	#newStyle .margin10l{margin-left:10px;}
    #newStyle .margin80l{margin-left:80px;}
	#newStyle .margin100top{margin-top:100px;}
	#newStyle .padding05{padding:.5em;}
	#newStyle .padding30px-l{padding-left:30px;}
	#newStyle .padding50px-l{padding-left:50px;}
	#newStyle .padding100l{padding-left:100px;}
    #newStyle .padding15R{padding-right:15px;}
	#newStyle .width180{width:180px}
	#newStyle .width325{width:325px;}
	#newStyle .width350{width:350px}
	#newStyle .width500{width:500px}
    #newStyle .margin20bot{margin-bottom:20px;}
	#newStyle .margin20top{margin-top:20px;}

/* newStyle text format & color - CLASSES ONLY */
	#newStyle .h1, #newStyle .h2, #newStyle .h3, #newStyle .h4, #newStyle .h5, #newStyle .h6{margin:0;line-height:1em;}
	#newStyle .h1{font-size:1.75em;margin-bottom:.5em;}
	#newStyle .h2{font-size:1.5em;margin-bottom:.5142em;padding-top:.2em;}
	#newStyle .h5, #newStyle .h6{font-size:1.15em;margin-bottom:.5em;}
	#newStyle .bold{font-weight:bold}
	#newStyle .regular{font-weight:normal}
	#newStyle .leftCaption{float:left;text-align:left; font-size:0.8em;line-height:1.2em;}
	#newStyle .rightCaption{float:right;text-align:right; font-size:0.8em;line-height:1.2em;}
	#newStyle .rightText{text-align:right}
	#newStyle .blueMed{color:#164586}
	#newStyle .grayMed{color:#666}

/* newStyle General use */
	#newStyle .stroke5{border:5px solid #111111;}
	#newStyle .stroke5bot{border-bottom:5px solid #a0b3cd;}
	#newStyle .txtHeight12em{line-height:1.2em !important}
	#newStyle .txtHeight20px{line-height:20px !important}
	#newStyle .checked{background:url(../images/feedback/ico_check.png) top left no-repeat; padding-left:30px; height:25px; font:1.0em #999 !important;}
	#newStyle .back{background:url(../images/feedback/ico_arrow-left.png) no-repeat; min-height:25px}
	#newStyle .next{background:url(../images/feedback/ico_arrow-right.png) no-repeat; min-height:25px}
    #newStyle .nomargin{ margin-left:0; left:0;position:relative }
    #newStyle fieldset{margin:0;padding:0;border:none;}