/* Product branding */
body {background: url(../img/bg.gif) repeat-x #fffff3;}
.mainimage { margin-left:0px; background:url(../img/vit_product_banner.jpg) no-repeat; height:130px;}
.mainimagetransact {background:url(../img/vitality_image2.gif) repeat-x;}
.logo { background:url(../img/logo_vitality.gif) no-repeat; height:62px; width:200px; float:left;}

ul {
    color: #666666;
    list-style-type: square;
}

#top {border-bottom:#f15a22 4px solid;}

* html #top {border-bottom:#f15a22 4px solid;}
.footerTD, .footertd {border-top:4px solid #f15a22;}

#contentfull {padding:8px;}
#contentfulla {padding:8px; background-color:#ffa06d;}/* orange functional page*/
#contentfulla-phr {padding:8px;background-color:#ffa06d;float:right; }/* orange functional page*/

#contentright, #contentrighta, #contentrightb, #contentrightc, #contentrightd, #contentrighte, #contentrightf {float:right; width:30%;}

/* Text styles */
h1 {color:#f15a22;}
h2 {color:#004b8d;}
h3 {color:#004b8d;}
a:link {color:#035ba8}

.age {font-size:30px; color:#ff5800; clear:right;}


/* Box Styles*/
.boxa {border:none; padding:8px; margin-bottom:16px;}
.boxa h1 {background-color:#ffd8c3;color:#035ba8;}
.boxa li {list-style-image:url(../img/icon_bullet_vit_a.gif);border-bottom-color:#fff;}

.boxb {border:none; padding:8px; margin-bottom:16px;}
.boxb h1 {background-color:#fff3c9;color:#035ba8;}
.boxb li {list-style-image:url(../img/icon_bullet_vit_b.gif);border-bottom-color:#fff;}

.boxbc {padding:8px; margin-bottom:16px;}
.boxbc h1 {color:#035ba8;margin:0px; padding:3px 0 3px 6px;}
.boxbc p {padding-left:10px; padding-right:10px;margin-top:5px; margin-bottom:5px; line-height: 1.5em;}
.boxbc ul {margin:5px;}
.boxbc li {list-style-image:url(../img/icon_bullet_vit_b.gif);margin-left:6px; border-bottom:1px dotted #fff; padding-bottom:6px;}

.boxbd {padding:8px; margin-bottom:16px;}
.boxbd h1 {color:#035ba8;margin:0px; padding:3px 0 3px 6px;}
.boxbd p {padding-left:10px; padding-right:10px;margin-top:5px; margin-bottom:5px; line-height: 1.5em;}
.boxbd ul {margin:5px;}
.boxbd li {list-style-image:url(../img/icon_bullet_vit_b.gif);margin-left:6px; border-bottom:1px dotted #fff; padding-bottom:6px;}

.boxbe {padding:8px; margin-bottom:16px;}
.boxbe h1 {color:#035ba8;margin:0px; padding:3px 0 3px 6px;}
.boxbe p {padding-left:10px; padding-right:10px;margin-top:5px; margin-bottom:5px; line-height: 1.5em;}
.boxbe ul {margin:5px;}
.boxbe li {list-style-image:url(../img/icon_bullet_vit_b.gif);margin-left:6px; border-bottom:1px dotted #fff; padding-bottom:6px;}

.boxbf {padding:8px; margin-bottom:16px;}
.boxbf h1 {color:#035ba8;margin:0px; padding:3px 0 3px 6px;}
.boxbf p {padding-left:10px; padding-right:10px;margin-top:5px; margin-bottom:5px; line-height: 1.5em;}
.boxbf ul {margin:5px;}
.boxbf li {list-style-image:url(../img/icon_bullet_vit_b.gif);margin-left:6px; border-bottom:1px dotted #fff; padding-bottom:6px;}

.boxd {position:relative;top:-3px;left:-2px;}
.boxf {}

.boxjshadow {margin: 3px 5px 0 2px;}
.boxj {position:relative;top:-3px;left:-2px;}

.boxh {padding:12px;}
.boxh h1 {color:#035ba8;}
.boxh li {list-style-image:url(../img/icon_bullet_vit_b.gif);border-bottom-color:#fff; margin-left:20px;}
.boxh-phr {float:right;padding:12px;}


/* jQueryUI - tab override */
/*Component containers*/
.vitality-rsa .ui-widget-header { border: 1px solid #ffffff; background: #ffffff; color: #222222; font-weight: bold; }
.vitality-rsa .ui-widget-header a { color: #222222; }
/*Interaction states*/
.vitality-rsa .ui-state-default, .vitality-rsa .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #ffffff url(../img/vit_tab2_bg2.gif) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.vitality-rsa .ui-state-default a, .vitality-rsa .ui-state-default a:link, .vitality-rsa .ui-state-default a:visited { color: #0059a7; text-decoration: none; outline: none; }
.vitality-rsa .ui-state-hover, .vitality-rsa .ui-widget-content .ui-state-hover, .ui-state-focus, .vitality-rsa .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(../img/vit_tab2_bg1.gif) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.vitality-rsa .ui-state-hover a, .vitality-rsa .ui-state-hover a:hover { color: #ffffff; text-decoration: none; outline: none; }
.vitality-rsa .ui-state-active, .vitality-rsa .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(../img/vit_tab2_bg1.gif) 50% 50% repeat-x; font-weight: 600; color: #ffffff; outline: none; }
.vitality-rsa .ui-state-active a, .vitality-rsa .ui-state-active a:link, .vitality-rsa .ui-state-active a:visited { color: #ffffff; outline: none; text-decoration: none; }
/*Tabs*/
.vitality-rsa .ui-tabs { padding: .2em; zoom: 1; }
.vitality-rsa .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; border-bottom:3px solid #0059a7;}/vi-rsa/css/tabs/
.vitality-rsa .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.vitality-rsa .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.vitality-rsa .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.vitality-rsa .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .vitality-rsa .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .vitality-rsa .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.vitality-rsa .ui-tabs .ui-tabs-nav li a, .vitality-rsa .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }  /*first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere...*/
.vitality-rsa .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.vitality-rsa .ui-tabs .ui-tabs-hide { display: none !important; }
/* END: jQueryUI - tab override */

/* table styles */
.tableBorders td, .tableborders td {text-align:left;}
.grC, .grc {background-color:#d1e3f4;}
.grD, .grd {background-color:#e2ecf5;}
.grE, .gre {background-color:#e8f0f8;}
.grF, .grf {background-color:#f2f7fb;}


/* Button Styles */
a.hrefButton:link, a.hrefButton:visited, a.hrefbutton:link, a.hrefbutton:visited {color:#fff;border:1px solid #0b60ab; background:url(../img/bg_button_vit.gif) top repeat-x #29a6e7;}
a.hrefButton:hover, a.hrefbutton:hover {color:#fff; border:1px solid #0b60ab; background:url(../img/bg_button_vit2.gif) top repeat-x #29a6e7;}
input.btn {color:#fff;border:1px solid #0b60ab; background:url(../img/bg_button_vit.gif) top repeat-x #29a6e7;}
input.btnhov {color:#fff; border:1px solid #0b60ab; background: url(../img/bg_button_vit2.gif) top repeat-x #29a6e7;}

/* status indicator styles */
.statuscontainer {width: 70%;}
.status {width: inherit; padding: 5px;}
.messageconatiner {display: block; position: relative; height:25px; z-index: 0;}
.vitmsgleft {float:left;background: url(../img/vit_msg_left.gif) no-repeat #fff; margin:0; height: 25px; width: 10px; display: inline-block; position:relative;z-index: 0;}
.vitmsgright {float:left;background: url(../img/vit_msg_right.gif) no-repeat #fff; margin:0; height: 25px; width: 10px; display: inline-block;position:relative;z-index: 0;}
.vitmsg {float:left;background: url(../img/vit_msg_mid.gif) repeat-x #fff; margin:0; height: 25px;display: inline-block; position:relative; padding: 4px 20px;z-index: 0;}
.pointsmessage {margin: 0; display: inline-block; position:relative;height: 25px; white-space: nowrap; z-index: 0;}
.statusmessage {margin: 0; display: inline-block; position:relative;height: 25px; white-space: nowrap; z-index: 0;}
.statusbarcontainer {text-align: center; height: 57px; position:relative; display:block; margin: -5px 0 -3px;z-index: 2;}
* html .statusbarcontainer {margin: -13px 0 -3px}
.statusbar {width: 90%; margin:0 auto; position:relative; display:inline-block;z-index: 3;}
.statusstart {width: 6px; height:25px; margin:0; position:absolute; top: 22px; left: 0; background: url(../img/vit_blue_left.gif) no-repeat;}
.status1 {
	width: 19.5%;
	display:inline-block;
	margin:0;
	height: 25px;
	position:absolute;
	top: 22px;
	left: 6px;
	background: url(../img/vit_blue.gif) repeat-x;
	padding-top: 5px;
	color: #160fab;
	font-weight: bold;
}
.status2 {width: 20%; display:inline-block; margin:0; height: 25px; position:absolute; top: 22px; left: 20%; background: url(../img/vit_bronze.gif) repeat-x; padding-top: 5px; color: #5c2d09; font-weight: bold;}
.status3 {width: 20%; display:inline-block; margin:0; height: 25px; position:absolute; top: 22px; left: 40%; background: url(../img/vit_silver.gif) repeat-x; padding-top: 5px; color: #49484a; font-weight: bold;}
.status4 {width: 20%; display:inline-block; margin:0; height: 25px; position:absolute; top: 22px; left: 60%; background: url(../img/vit_gold.gif) repeat-x; padding-top: 5px; color: #f06611; font-weight: bold;}
.status5 {width: 19.5%; display:inline-block; margin:0; height: 25px; position:absolute; top: 22px; left: 80%; background: url(../img/vit_diamond.gif) repeat-x; padding-top: 5px; color: #999894; font-weight: bold;}
.statusend {width: 8px; height:25px; margin:0; position:absolute; top: 22px; right: 0; background: url(../img/vit_diamond_right.gif) no-repeat;}
.statusindicator {
	position: absolute;
	left:111px;
	top: 0px;
	height: 57px;
	width: 40px;
	background: url(../img/running_man.gif) no-repeat;
	z-index: 50;
}
.points1 {width: 19%; display:inline-block; margin:0; height: 17px; position:absolute; top: 8px; left: 6px; color: #160fab; text-align: right; border-right: 1px solid #160fab; font-size: 11px;}
.points2 {width: 19.9%; display:inline-block; margin:0; height: 17px; position:absolute; top: 8px; left: 20%; color: #5c2d09; text-align: right; border-right: 1px solid #5c2d09; font-size: 11px;}
.points3 {width: 19.9%; display:inline-block; margin:0; height: 17px; position:absolute; top: 8px; left: 40%; color: #49484a; text-align: right; border-right: 1px solid #49484a; font-size: 11px;}
.points4 {width: 9.9%; display:inline-block; margin:0; height: 17px; position:absolute; top: 8px; left: 60%; color: #f06611; text-align: right; border-right: 1px solid #f06611; font-size: 11px;}
.points5 {width: 9.9%; display:inline-block; margin:0; height: 17px; position:absolute; top: 8px; left: 70%; color: #f06611; text-align: right; border-right: 1px solid #f06611; font-size: 11px;}

/*Matt's styles*/

.pdf {display:inline-block;height:20px;background:url(../img/adobe.gif) no-repeat;padding-left:20px;}

.goalheading {margin:30px 0 0 0;text-align:center;font-size:220%;}
.goaltable {margin-top:25px;}
.goaltable td {vertical-align:top;text-align:center;}
.goaltable .bdrleft {border-left:1px solid #ccc;}
.goaltable h1 {color:#fe4f35; margin-bottom:0.5em;}

#expire {width:83px; height:57px; background-image: url(../img/goals_bg.png);}
.sdigit {float:right; margin-top:28px; padding-right:18px;}
.ddigit {float:right; margin-top:28px; padding-right:12px;}