.rbFlow {
    font-size: 120%;
}
table tbody th{
    background-color: #EEEEEE;
}

.header span.showDetails{
    float: right;
    text-decoration: underline;
    color: blue;
}
.header div.snd
{
	padding: 0;
	text-decoration: bold;
	margin: 0 0 0 0;
    padding-left: 8px;
	float: left;
    width: 2em;
    display: block;
    overflow: hidden;
}
.header div.dtl
{
	padding: 0;
	text-decoration: bold;
	margin: 0 0 0 .5em;
	float: left;
}
.header a{
    padding: 0;
    margin: 0;
}

@media ( min-width: 1em ) and ( max-width: 20em ) {
    .annuityCompareGrid td,
    .annuityCompareGrid th,
    .annuityCompareGrid tbody th,
    .annuityCompareGrid tbody td,
    .annuityCompareGrid thead td,
    .annuityCompareGrid thead th {
        display: table-cell;
        margin: 0;
    }

    .annuityCompareGrid .ui-table-priority-1
    .annuityCompareGrid .ui-table-priority-2,
    .annuityCompareGrid .ui-table-priority-3,
    .annuityCompareGrid .ui-table-priority-4 {
        display: none;
    }

    .annuityCompareGrid td .ui-table-cell-label,
    .annuityCompareGrid th .ui-table-cell-label {
        display: normal;
    }
}

@media ( min-width: 20em ) and ( max-width: 30em ) {
    .annuityCompareGrid td,
    .annuityCompareGrid th,
    .annuityCompareGrid tbody th,
    .annuityCompareGrid tbody td,
    .annuityCompareGrid thead td,
    .annuityCompareGrid thead th {
        display: table-cell;
        margin: 0;
    }

    .annuityCompareGrid .ui-table-priority-1 {
        display: table-cell;
        margin: 0;
    }

    .annuityCompareGrid .ui-table-priority-2,
    .annuityCompareGrid .ui-table-priority-3,
    .annuityCompareGrid .ui-table-priority-4 {
        display: none;
    }

    .annuityCompareGrid td .ui-table-cell-label,
    .annuityCompareGrid th .ui-table-cell-label {
        display: none;
    }
}

@media ( min-width: 30em ) and ( max-width: 40em ) {
    .annuityCompareGrid td,
    .annuityCompareGrid th,
    .annuityCompareGrid tbody th,
    .annuityCompareGrid tbody td,
    .annuityCompareGrid thead td,
    .annuityCompareGrid thead th {
        display: table-cell;
        margin: 0;
    }

    .annuityCompareGrid .ui-table-priority-1,
    .annuityCompareGrid .ui-table-priority-2 {
        display: table-cell;
        margin: 0;
    }

    .annuityCompareGrid .ui-table-priority-3,
    .annuityCompareGrid .ui-table-priority-4 {
        display: none;
    }

    .annuityCompareGrid td .ui-table-cell-label,
    .annuityCompareGrid th .ui-table-cell-label {
        display: none;
    }
}

@media ( min-width: 40em ) and ( max-width: 50em ) {
    .annuityCompareGrid td,
    .annuityCompareGrid th,
    .annuityCompareGrid tbody th,
    .annuityCompareGrid tbody td,
    .annuityCompareGrid thead td,
    .annuityCompareGrid thead th {
        display: table-cell;
        margin: 0;
    }

    .annuityCompareGrid .ui-table-priority-1,
    .annuityCompareGrid .ui-table-priority-2,
    .annuityCompareGrid .ui-table-priority-3  {
        display: table-cell;
        margin: 0;
    }

    .annuityCompareGrid .ui-table-priority-4{
        display: none;
    }

    .annuityCompareGrid td .ui-table-cell-label,
    .annuityCompareGrid th .ui-table-cell-label {
        display: none;
    }
}

@media ( min-width: 50em ) {
    .annuityCompareGrid td,
    .annuityCompareGrid th,
    .annuityCompareGrid tbody th,
    .annuityCompareGrid tbody td,
    .annuityCompareGrid thead td,
    .annuityCompareGrid thead th {
        display: table-cell;
        margin: 0;
    }

    .annuityCompareGrid .ui-table-priority-1,
    .annuityCompareGrid .ui-table-priority-2,
    .annuityCompareGrid .ui-table-priority-3,
    .annuityCompareGrid .ui-table-priority-4 {
        display: table-cell;
        margin: 0;
    }

    .annuityCompareGrid td .ui-table-cell-label,
    .annuityCompareGrid th .ui-table-cell-label {
        display: none;
    }
}

@media ( min-width: 1em ) {
    .rbDataTable .ui-table-priority-3 {
        display: none;
    }
}

@media ( min-width: 20em ) {
    .rbDataTable td,
    .rbDataTable th,
    .rbDataTable tbody th,
    .rbDataTable tbody td,
    .rbDataTable thead td,
    .rbDataTable thead th {
        display: table-cell;
        margin: 0;
    }

    .rbDataTable .ui-table-priority-1 {
        display: table-cell;
        margin: 0;
    }

    .rbDataTable .ui-table-priority-2,
    .rbDataTable .ui-table-priority-3 {
        display: none;
    }

    .rbDataTable td .ui-table-cell-label,
    .rbDataTable th .ui-table-cell-label {
        display: none;
    }
}

@media ( min-width: 20em ) {
    .rbDataTable td,
    .rbDataTable th,
    .rbDataTable tbody th,
    .rbDataTable tbody td,
    .rbDataTable thead td,
    .rbDataTable thead th {
        display: table-cell;
        margin: 0;
    }

    .rbDataTable .ui-table-priority-1 {
        display: table-cell;
        margin: 0;
    }

    .rbDataTable .ui-table-priority-2,
    .rbDataTable .ui-table-priority-3 {
        display: none;
    }
    /* Hide the labels in each cell */
    .rbDataTable td .ui-table-cell-label,
    .rbDataTable th .ui-table-cell-label {
        display: none;
    }
}

@media ( min-width: 30em ) {
    .rbDataTable td,
    .rbDataTable th,
    .rbDataTable tbody th,
    .rbDataTable tbody td,
    .rbDataTable thead td,
    .rbDataTable thead th {
        display: table-cell;
        margin: 0;
    }

    .rbDataTable .ui-table-priority-2,
    .rbDataTable .ui-table-priority-1 {
        display: table-cell;
        margin: 0;
    }

    .rbDataTable .ui-table-priority-3 {
        display: none;
    }
    /* Hide the labels in each cell */
    .rbDataTable td .ui-table-cell-label,
    .rbDataTable th .ui-table-cell-label {
        display: none;
    }
}

@media ( min-width: 45em ) {
    .rbDataTable td,
    .rbDataTable th,
    .rbDataTable tbody th,
    .rbDataTable tbody td,
    .rbDataTable thead td,
    .rbDataTable thead th {
        display: table-cell;
        margin: 0;
    }

    .rbDataTable .ui-table-priority-2,
    .rbDataTable .ui-table-priority-3,
    .rbDataTable .ui-table-priority-1 {
        display: table-cell;
        margin: 0;
    }
    /* Hide the labels in each cell */
    .rbDataTable td .ui-table-cell-label,
    .rbDataTable th .ui-table-cell-label {
        display: none;
    }
}


#PageFooterOuter
{
	width: 100%;
	clear: both;
	padding: 8px 0 15px 0;
	text-align: center;
    overflow: hidden;
}
#PageFooter
{
	border-top: #ccc 1px solid;
	font-size: 80%;
	margin: 0;
	padding: 5px 0;
}
#PageFooter a.Right, #PageFooter a.Left
{
	padding: 0;
	color: #BBBBBB;
	text-decoration: none;
}
#PageFooter a.Right
{
	margin: 0 0 0 10;
	float: right;
}
#PageFooter a.Left
{
	margin: 0 12px 0 0;
	float: left;
}
#PageFooter span.Left
{
	padding: 0;
	color: #BBBBBB;
	text-decoration: none;
	margin: 0 12px 0 0;
	float: left;
}
#PageFooter span.Right
{
	padding: 0;
	color: #BBBBBB;
	text-decoration: none;
	margin: 0 12px 0 0;
	float: right;
}
#PageFooter a:hover
{
	color: #E02020;
}

.meter { 
	height: 15px;
	position: relative;
	background: #808080;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 2px;
    margin-left: 5px;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
	box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
    float: left;
    width: 150px;
}
.meterPercent{
    float: left; 
    padding-left: 10px;
    font-size: 90%;
}
.meter > span {
	display: block;
	height: 100%;
	   -webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	       -moz-border-radius-topright: 8px;
	    -moz-border-radius-bottomright: 8px;
	           border-top-right-radius: 8px;
	        border-bottom-right-radius: 8px;
	    -webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
	        -moz-border-radius-topleft: 20px;
	     -moz-border-radius-bottomleft: 20px;
	            border-top-left-radius: 20px;
	         border-bottom-left-radius: 20px;
	background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0, rgb(43,194,83)),
	  color-stop(1, rgb(84,240,84))
	 );
	background-image: -webkit-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	background-image: -moz-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	background-image: -ms-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	background-image: -o-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	-webkit-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
}
.green > span {
	background-color: #66FF33;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #66FF33),color-stop(1, #66aF33));
	background-image: -webkit-linear-gradient(top, #66FF33, #66aF33); 
    background-image: -moz-linear-gradient(top, #66FF33, #66aF33);
    background-image: -ms-linear-gradient(top, #66FF33, #66aF33);
    background-image: -o-linear-gradient(top, #66FF33, #66aF33);
}
.yellow > span {
	background-color: #FFFF33;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFF33),color-stop(1, #FFFF63));
	background-image: -webkit-linear-gradient(top, #FFFF33, #FFFF63); 
    background-image: -moz-linear-gradient(top, #FFFF33, #FFFF63);
    background-image: -ms-linear-gradient(top, #FFFF33, #FFFF63);
    background-image: -o-linear-gradient(top, #FFFF33, #FFFF63);
}

.red > span {
	background-color: #FF3300;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FF6300),color-stop(1, #FF3300));
	background-image: -webkit-linear-gradient(top, #FF6300, #FF3300);
    background-image: -moz-linear-gradient(top, #FF6300, #FF3300);
    background-image: -ms-linear-gradient(top, #FF6300, #FF3300);
    background-image: -o-linear-gradient(top, #FF6300, #FF3300);
}
.left {
    float: left;
}
.right {
    float: right;
}
.headerLabel {
    font-weight: bold; 
    font-size: 120%; 
    padding-left: 10px; 
    padding-right: 10px;
}

.stepMobileButton 
{ 
	background-color: #043f70;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #1975BA),color-stop(1, #043f70));
	background-image: -webkit-linear-gradient(top, #1975BA, #043f70);
    background-image: -moz-linear-gradient(top, #1975BA, #043f70);
    background-image: -ms-linear-gradient(top, #1975BA, #043f70);
    background-image: -o-linear-gradient(top, #1975BA, #043f70);
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
	box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
    width: 300px;
	cursor: pointer; 
	text-align:center; 
	border: 1px solid #043f70; 
	vertical-align: middle; 
	float: left; 
	margin-top: 3px; 
	margin-left: 3px; 
	color: White!important;
	font-weight: normal!important;
}
.stepMobileButton:hover 
{ 
	background-color: #0A6f85;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #257EC7),color-stop(1, #0A6f85));
	background-image: -webkit-linear-gradient(top, #257EC7, #0A6f85);
    background-image: -moz-linear-gradient(top, #257EC7, #0A6f85);
    background-image: -ms-linear-gradient(top, #257EC7, #0A6f85);
    background-image: -o-linear-gradient(top, #257EC7, #0A6f85);
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
	box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
    width: 300px;
	cursor: pointer; 
	text-align:center; 
	border: 1px solid #0A6f85; 
	vertical-align: middle; 
	float: left; 
	margin-top: 3px; 
	margin-left: 3px; 
	color: White!important;
	font-weight: normal!important;
}
.positiveMobileButton 
{ 
	background-color: #E98B27!important;
    /*
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F6B068),color-stop(1, #E15712));
	background-image: -webkit-linear-gradient(top, #F6B068, #E15712);
    background-image: -moz-linear-gradient(top, #F6B068, #E15712);
    background-image: -ms-linear-gradient(top, #F6B068, #E15712);
    background-image: -o-linear-gradient(top, #F6B068, #E15712);
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
	box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
    */
	cursor: pointer; 
	text-align:center; 
	border: 1px solid #E15712; 
	vertical-align: middle; 
	float: left; 
	margin-top: 3px; 
	margin-left: 3px; 
	color: White!important;
	font-weight: bold!important;
    /*font-size: 125%;*/
}
.positiveMobileButton:hover 
{ 
	background-color: #E98B27;
    /*
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FEB972),color-stop(1, #E98B27));
	background-image: -webkit-linear-gradient(top, #FEB972, #E98B27);
    background-image: -moz-linear-gradient(top, #FEB972, #E98B27);
    background-image: -ms-linear-gradient(top, #FEB972, #E98B27);
    background-image: -o-linear-gradient(top, #FEB972, #E98B27);
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
	box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
	*/
    cursor: pointer; 
	text-align:center; 
	border: 1px solid #E15712; 
	vertical-align: middle; 
	float: left; 
	margin-top: 3px; 
	margin-left: 3px; 
	color: Black!important;
	font-weight: bold!important;
    /*font-size: 125%;*/
}
.negativeMobileButton 
{
	background-color: #888;
    /*
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F0F0F0),color-stop(1, #888));
	background-image: -webkit-linear-gradient(top, #F0F0F0, #888);
    background-image: -moz-linear-gradient(top, #F0F0F0, #888);
    background-image: -ms-linear-gradient(top, #F0F0F0, #888);
    background-image: -o-linear-gradient(top, #F0F0F0, #888);
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
	box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
    */
	cursor: pointer; 
	text-align:center; 
	border: 1px solid #999999; 
	vertical-align: middle; 
	float: left; 
	margin-top: 3px; 
	margin-left: 3px; 
	color: #555555!important;
    font-weight: bold!important;
    /*font-size: 125%;*/
}
.negativeMobileButton:hover 
{ 
	background-color: #ABABAB;
    /*
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F0F0F0),color-stop(1, #ABABAB));
	background-image: -webkit-linear-gradient(top, #D7D7D7, #ABABAB);
    background-image: -moz-linear-gradient(top, #D7D7D7, #ABABAB);
    background-image: -ms-linear-gradient(top, #D7D7D7, #ABABAB);
    background-image: -o-linear-gradient(top, #D7D7D7, #ABABAB);
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
	box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
    */
	cursor: pointer; 
	text-align:center; 
	border: 1px solid #999999; 
	vertical-align: middle; 
	float: left; 
	margin-top: 3px; 
	margin-left: 3px; 
	color: White!important;
    font-weight: bold;
    /*font-size: 125%;*/
}
td .cellLink {
    text-decoration: underline;
    color:blue;
    cursor:pointer;
}
.hidden {
    display: none;
}
.visible {
    display: inline;
}
.ui-icon-rb-home {
    background-position: 3px 3px!important;
    background-repeat: no-repeat;
    display: inline-block!important;
    vertical-align: middle!important;
	background-image: url("../images/HomeIcon.png");
}
/*
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.ui-icon-rb-home {
		background-image: url("app-icon-email-highres.png");
		background-size: 22px 22px;
	}
}
*/