/*
    Layout - this style sheet defines the layout of the website.
        1. Global section controls differences between browswers by "removing" the way different browswer render html elements.
        2. MISC Section
*/

/*****************************************************************/
/* Global - Browser Reset - SECTION BEGIN						 */
/*****************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, tt, var,
center,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
}
	
strong ,em,b, u, i,dl, dt, dd,ol, ul, li{
	    
}
ol,ul,dl {
    margin: 0;
    padding:0 20px;
}

li.noBullet{ list-style-type:none;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

blockquote, q {
	quotes: none;
}

blockquote:before, 
blockquote:after,
q:before, 
q:after {
	content: '';
	content: none;
}

table {
/*	JAO commented this out to account for the way IE 8 renders tables.
    border-collapse: collapse;
*/
	border-spacing: 0;
}
	
button{
	line-height: 1;
}


input[type="text"],
textarea,
input[type="password"],
select {
	border: 1px solid #c9c9c9;
	margin: 0;
	border-radius: 5px;
    position: relative;
	behavior: url( /Scripts/PIE.htc );
	padding-left: 4px;
}

textarea {
    font-family: Avenir;
    font-size: 10.5pt;
    font-weight: normal;
}

a, .simulateAnchorTag {
    outline: none;
    text-decoration: none;
    color: #6e6e6e;
    cursor: hand;
    cursor: pointer;
}
	
a:hover {
	text-decoration: none;
	cursor: hand;
    cursor: pointer;
}

.simulateAnchorTag:focus,
a:focus, 
input:focus, 
select:focus,
textarea:focus
{
    color: #6e6e6e;
    outline-style: none; 
    -moz-outline-style:none; 
}

div:focus {
    outline-style: none; 
    -moz-outline-style:none; 
}

em.required {
    cursor: default;
    font-family: Avenir;
}

.pointer {
    cursor: pointer;
    cursor: hand;
}

.bold700 {
    font-weight: 700;
}


IMG {
    border: 0 !important;
	max-width:100%;
	vertical-align:middle;
	padding-bottom: 5px;
}

IMG.centered {
    display: block;
    margin-left: auto;
    margin-right: auto }

html,
body
{
    margin: 0 0 0 0 ;
    padding: 0 0 0 0;
    font-family: Avenir;
    font-size: 10pt;
    background: #fdfdfd;
}

.bodyBackground
{
    width: 100%;
    height: 100%;
    color:#514f4f;
	font-family: Avenir;
    font-size: 10pt;
    background: #f2f2f2; /* Old browsers */
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e7e7e7),color-stop(.11, #F5F5F5), color-stop(.88,#f2f2f2), color-stop(.9,#F5F5F5),color-stop(1, #c3c3c3)); /* Chrome10+,Safari5.1+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e7e7e7),color-stop(11%,#F5F5F5),color-stop(50%,#f2f2f2), color-stop(88%,#FFFFFF), color-stop(90%,#F5F5F5), color-stop(100%,#c3c3c3),); /* Chrome,Safari4+ */
	background: -moz-linear-gradient(top,#e7e7e7 0,#F5F5F5 11%, #f5f5f5 50%, #f2f2f2 88%,#F5F5F5 90%, #c3c3c3 100%); /* FF3.6+ */
	background: -o-linear-gradient(top,#e7e7e7 0,#F5F5F5 11%, #f5f5f5 50%, #f2f2f2 88%,#F5F5F5 90%, #c3c3c3 100%); /*Opera 11.10+ */	
	background: -ms-linear-gradient(top,#e7e7e7 0, #fff 18%, #f5f5f5 50%, #f2f2f2 88%,#F5F5F5 90%, #c3c3c3 100%);  /*IE10+ */
	-pie-background:transparent linear-gradient(-90deg,#e7e7e7 0, #F5F5F5 11%,  #f2f2f2 88%,#F5F5F5 90%, #c3c3c3 100%); /* ie 8 & 9*/
	background:transparent linear-gradient(0, #e7e7e7 0, #F5F5F5 11%, #f2f2f2 88%,#F5F5F5 90%, #c3c3c3 100%); /* W3C */
    behavior: url( /Scripts/PIE.htc );

}
 
#siteBodyContent {
    padding: 14px 0;
}

/*****************************************************************/
/* Global - Browser Reset - SECTION END							 */
/*****************************************************************/

/*****************************************************************/
/* Misc Classes													 */
/*****************************************************************/	

#button,
#button1,
#button2,
#button3,
#button4,
#button5 {
    background-repeat: no-repeat;
}
	
#button.addMarginTop div, 
#button1.addMarginTop div,
#button2.addMarginTop div{
    margin-top: 10px;
}
		
#button .right, #button1 .right, #button2 .right,#button3 .right,#button4 .right, #button5 .right
{float:right;}
#button .left, #button1 .left, #button2 .left,#button3 .left,#button4 .left
{float:left;}

#button .right {
float:right;
}

.gradient 
{
    background: #F1F1F1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #efefef 0, #efefef 76%, #e5e5e5 90%, #cfcfcf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#efefef), color-stop(76%,#efefef), color-stop(90%,#e5e5e5), color-stop(100%,#cfcfcf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #efefef 0,#efefef 76%,#e5e5e5 90%,#cfcfcf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #efefef 0,#efefef 76%,#e5e5e5 90%,#cfcfcf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #efefef 0,#efefef 76%,#e5e5e5 90%,#cfcfcf 100%); /* IE10+ */
	background: linear-gradient(0,  #efefef 0,#efefef 76%,#e5e5e5 90%,#cfcfcf 100%); /* W3C */
    -pie-background: linear-gradient(-90deg,  #efefef 1%, #e4e4e4 76%, #e5e5e5 90%, #cfcfcf 100%); /* ie 8 & 9 */
	behavior: url( /Scripts/PIE.htc );
}

/* Round edges style 1 */
.rounded {
	-webkit-border-radius: 8px !important;
	-ms-border-radius:8px !important;
	border-radius:8px !important; 
	position: relative;
	behavior: url( /Scripts/PIE.htc );
}

.rounded_bottom {
    -webkit-border-radius:0 0 8px 8px !important;
    -ms-border-radius:0 0 8px 8px !important;
    border-radius:0 0 8px 8px !important; 
	behavior: url(/Scripts/PIE.htc);
	position: relative;
}

.rounded_top {
    -webkit-border-radius: 8px 8px 0 0 !important;
    -ms-border-radius: 8px 8px 0 0 !important;
    border-radius: 8px 8px 0 0 !important; 
	behavior: url(/Scripts/PIE.htc );
	position: relative;
}

.rounded_left {
    -webkit-border-radius:8px 0 0 8px !important;
    -ms-border-radius:8px 0 0 8px !important;
    border-radius:8px 0 0 8px !important; 
	behavior: url( /Scripts/PIE.htc );
	position: relative;
}

.rounded_right {
    -webkit-border-radius:0 8px 8px 0 !important;
    -ms-border-radius:8px 0 0 8px !important;
    border-radius:8px 0 0 8px !important; 
    behavior: url(/Scripts/PIE.htc);
	position: relative;
}

/* Round edges style 2 */
.rounded2 {
	-webkit-border-radius:  16px 16px 16px 16px !important;
	-moz-border-radius:  16px 16px 16px 16px !important;
	-ms-border-radius: 16px 16px 16px 16px !important;
	border-radius: 16px 16px 16px 16px !important;
	behavior: url( /Scripts/PIE.htc );
	position: relative;
}

.rounded2_bottom {		
	-webkit-border-radius:  0 0 16px 16px !important;
	-moz-border-radius:  0 0 16px 16px !important;
	border-radius: 0 0 16px 16px !important;
	behavior: url( /Scripts/PIE.htc );
	position: relative;
}
		
/* Drop shadow */
.dropshadow 
{	    
	-webkit-box-shadow: #000 0 0 15px;
	-moz-box-shadow: #000 0 0 15px;
	box-shadow: #595959 0 0 15px;
	behavior: url( /Scripts/PIE.htc );
}   
	
.shadowAllSides {
	-webkit-box-shadow: #595959 0 0 16px;
	-moz-box-shadow: #595959 0 0 16px;
	box-shadow: #595959 0 0 16px;
	behavior: url( /Scripts/PIE.htc );
}
	
.minorShadowAllSides {
	-webkit-box-shadow: #d1d1d1 0 0 8px;
	-moz-box-shadow: #d1d1d1 0 0 8px;
	box-shadow: #d1d1d1 0 0 8px;
	behavior: url( /Scripts/PIE.htc );
}
	
.dropshadow .shadowContent {
    position: relative; /* This protects the inner element from being blurred */
    padding: 100px;
    background-color: #DDD;
}
	
/* Light directional drop shadow */
.dropshadow_dlite {
	-webkit-box-shadow: 2px 2px 6px 2px #d1d1d1;
	-webkit-box-shadow: 2px 2px 6px 2px rgba(50, 50, 50, .2);
	-moz-box-shadow: 2px 2px 6px 2px #d1d1d1;
	-moz-box-shadow: 2px 2px 6px 2px rgba(50, 50, 50, .2);
	-ms-box-shadow: 2px 2px 6px 2px #d1d1d1;
	box-shadow: 2px 2px 6px 2px #d1d1d1;
    behavior: url( /Scripts/PIE.htc );
}

.dropshadow_dlite2 {
-webkit-box-shadow: 2px 2px 6px 2px #d1d1d1;
	-webkit-box-shadow: 2px 2px 6px 2px rgba(50, 50, 50, .2);
	-moz-box-shadow: 2px 2px 6px 2px #d1d1d1;
	-moz-box-shadow: 2px 2px 6px 2px rgba(50, 50, 50, .2);
-ms-box-shadow: 2px 3px 6px 2px #d1d1d1;
box-shadow: 2px 3px 6px 2px #d1d1d1;
    behavior: url( /Scripts/PIE.htc );
}

.dropshadow_dlite3 {
	-webkit-box-shadow: 2px 2px 6px 2px #d1d1d1;
	-webkit-box-shadow: 2px 2px 6px 2px rgba(50, 50, 50, .2);
	-moz-box-shadow: 2px 2px 6px 2px #d1d1d1;
	-moz-box-shadow: 2px 2px 6px 2px rgba(50, 50, 50, .2);       
    box-shadow: 2px 3px 6px 2px #d1d1d1;
    behavior: url( /Scripts/PIE.htc );
}

.dropshadow_dlite_right {
	/*horiz offset, vert offset, blur, spred  */
	-moz-box-shadow:6px 35px 3px 1px  #b4b2b2;
	-moz-box-shadow:6px 35px 3px 1px  rgba(50, 50, 50, .4);
	-webkit-box-shadow: 3px 20px 2px 1px  #b4b2b2;
	-webkit-box-shadow: 3px 20px 2px 1px  rgba(50, 50, 50, .4);
	-ms-box-shadow: 6px 35px 3px 1px  #b4b2b2;
	box-shadow: 6px 35px 3px 1px  #b4b2b2; 
    behavior: url( /Scripts/PIE.htc );
}
	
		
/* Shadow inside element style 1 */
.innershadow {
	-moz-box-shadow: inset -10px 0 25px 2px #eae8e8;
	-moz-box-shadow: inset -10px 0 25px 2px rgba(0, 0, 0, .1);
	-webkit-box-shadow: inset -10px 0 25px 2px #eae8e8;
	-webkit-box-shadow: inset -10px 0 25px 2px rgba(0, 0, 0, .1);
	box-shadow: inset -10px 0 25px 2px #eae8e8;
	behavior: url( /Scripts/PIE.htc );
}

/* Shadow inside element style 2 */
.innershadow2 {
	-webkit-box-shadow: inset 0 0 10px 5px #d6d6d6;
	-webkit-box-shadow: inset 0 0 10px 5px rgba(50, 50, 50, .2);
	-moz-box-shadow: inset 0 0 10px 5px #d6d6d6;
	-moz-box-shadow: inset 0 0 10px 5px rgba(50, 50, 50, .2); 
    box-shadow: inset 6px 0 10px 5px #d6d6d6;
	behavior: url( /Scripts/PIE.htc );
}

/* Shadow inside element style 3 */
.innershadow3 {
	-webkit-box-shadow: inset 0 0 3px 3px #d6d6d6;
	-webkit-box-shadow: inset 0 0 3px 3px rgba(50, 50, 50, .2);
	-moz-box-shadow: inset 0 0 3px 3px #d6d6d6;
	-moz-box-shadow: inset 0 0 3px 3px rgba(50, 50, 50, .2); 
    box-shadow: inset 0 0 3px 3px #d6d6d6;
	behavior: url( /Scripts/PIE.htc );
}

/* Shadow inside element style 4 (top only) */
.innershadowTop {
	box-shadow: inset 0 20px 20px 0 #e6e6e6;
	border-radius: 16px 16px 0 0;
	behavior: url( /Scripts/PIE.htc );
}
	
/* Shadow inside element style 4 (bottom only) */
.innershadowBottom {
    box-shadow: inset 0 -20px 20px 0 #e6e6e6;
    border-radius: 0 0 16px 16px;
    behavior: url(/Scripts/PIE.htc);
}

/* Small text */
.small {
	font-size: 80%;
}

.strong 
{
	font-weight: bold;
}
	
.font15pt {
    font-size: 15px;
}

.font18pt {
    font-size: 18px;
}
	
/* Callout 1 style when the website was blue -> #1d5197;*/
.callout1 {
	color: #8d8e90;
}
	
.floatLeft {
	float: left;
}
	
.floatRight {
	float: right;
}	
	
.clearFix {
	clear:both;
	font-size: 0;
}

 .simulateGroupBox{
    border: solid 1px #c5c5c5; 
    padding:10px;
    -moz-border-radius:10px;
    border-radius: 10px;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e5e5e5), color-stop(.5,#F1F1F1), color-stop(1,#F1F1F1)); /* Chrome10+,Safari5.1+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e5e5e5), color-stop(50%, #F1F1F1 ), color-stop(100%,#F1F1F1)); /* Chrome,Safari4+ */
	background: -o-linear-gradient(top,  #e5e5e5 1%, #F1F1F1 50%, #F1F1F1 100%); /*Opera 11.10+ */	
	background: -moz-linear-gradient(top,  #e5e5e5 1%, #F1F1F1 50%, #F1F1F1 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top,#e5e5e5 1%,  #F1F1F1 50%,  #F1F1F1 100%);  /*IE10+ */
    background: linear-gradient(0,  #e5e5e5 1%, #F1F1F1 50%, #F1F1F1 100%); /* W3C */
    -pie-background: linear-gradient(-90deg,  #e5e5e5 1%, #F1F1F1 50%, #F1F1F1 100%); /* ie 8 & 9 */
    behavior: url( /Scripts/PIE.htc );
    -moz-box-shadow: #cecece 5px 5px 5px;
	box-shadow: #cecece 5px 5px 5px;
    z-index: 0;
    display: block;
    position: relative;
}

.simulateGroupBoxHeader {
    margin-top: -12px;
    margin-bottom: 10px;
    font-size: 10pt;
    font-family: Avenir;
    letter-spacing: .05em;
}

.simulateGroupBoxHeader.bold {
     font-size: 14pt;
   margin-top: -14px;
}  

.simulateGroupBoxHeader span {
    border: solid 1px #b5b5b5; 
    padding: 3px 9px;
    -moz-border-radius:10px;
    border-radius: 10px;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e5e5e5), color-stop(.5,#F1F1F1), color-stop(1,#F1F1F1)); /* Chrome10+,Safari5.1+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e5e5e5), color-stop(50%, #F1F1F1 ), color-stop(100%,#F1F1F1)); /* Chrome,Safari4+ */
	background: -o-linear-gradient(top,  #e5e5e5 1%, #F1F1F1 50%, #F1F1F1 100%); /*Opera 11.10+ */	
	background: -moz-linear-gradient(top, #e5e5e5, #F1F1F1); /* FF3.6+ */
    background: linear-gradient(0,  #e5e5e5 1%, #F1F1F1 50%, #F1F1F1 100%); /* W3C */
    background: -ms-linear-gradient(top,#e5e5e5 1%,  #F1F1F1 50%,  #F1F1F1 100%);  /*IE10+ */
    -pie-background: linear-gradient(-90deg,  #e5e5e5 1%, #F1F1F1 50%, #F1F1F1 100%); /* ie 8 & 9 */
    behavior: url( /Scripts/PIE.htc );
    margin-left: 7px;
    font-weight: normal;
    color: #2e2e2e;
    position: relative;
}

    .simulateGroupBoxHeader.bold span {
         font-weight: 700;
    }  
  
    .simulateGroupBoxHeader.h5 span{
      font-weight: 700;
      margin-left: 0;
    }

.clickableRadioButtonText {
    cursor:default;
}
	
.benefitRateExplanation 
{
    width: 350px;
}

/*****************************************************************/
/* Begin Text/Blurb Formatting                           	     */
/*****************************************************************/

.paragraph {
    padding: 3px;
	line-height: 1.25;
}

.paragraph.spaced {
    margin: 7px auto;
}
.quote {
    quotes:'‘' '’';
}

.intercon {
    color: darkblue;   
}
.intercon:hover {
    color:#6e6e6e;   
}

.font12pt {
    font-size: 12pt;
}

.newParagraph {
		padding: 5px 0;
		line-height: 1.2;
}

.header1 {
	    font-size: 14pt;
        font-weight: bold;
        color: #545454;        
        padding-top: 10px;
        padding-bottom: 5px;
    }
    
.header1.center
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.center {
    text-align: center;
     *display: inline; /* IE7 hack */
    *zoom: 1; /* IE7 hack */
}

ul.center li {
    text-align: center;
    list-style-type: none;
} 
ul.center li:before {
    content: '•	';
} 
   
.header2 {
	    font-size: 17pt;
        font-weight: bold;
        color: #545454;        
        padding-top: 5px;
        padding-bottom: 15px;
        clear: left;
        display: block;
    }
       
.header1.normal {
       font-weight: normal;
}
.header2.inline {
    display: inline;
}
.textCentered {
    vertical-align: middle;
    vert-align: middle;
}       
    
.header3 {
	font-size: 14pt;
    color: #545454;        
    padding-top: 5px;
    padding-bottom: 15px;
    clear: left;
    display: block;
    font-family: Lato;
}   
.header3.inline {
    display: inline;
}
.header4 {
	font-size: 12pt;
    color: #545454;        
    padding-top: 5px;
    padding-bottom: 15px;
    clear: left;
    display: block;
    font-family: Lato;
}   
    
.defaultText {
	    font-size: 12pt;
        color: #545454;        
        padding-bottom: 10px;
        padding-top: 10px;
}    

.defaultText.Bold {
        font-weight: bold;
        padding-top: 15px;
        padding-bottom: 10px;
}     

.individualPlanPlaceHolderRow {
    height: 25px;
}

.hand 
{
    cursor: pointer;
    cursor: hand;
}

.TextBoxThatLooksLikeALabel, textarea {
    background-color: #ececec;
}
.textRight {
    text-align: right;
}

.colonAfter:after {
    content: ":";
    margin-right: 5px;
}
	
/*****************************************************************/
/* End Text/Blurb Formatting                           			 */
/*****************************************************************/

.hide {
    display: none;
}

.visibilityHidden {
    visibility: hidden;
}

.underline {
    text-decoration: underline;
    cursor: pointer;
}

.underline:hover {
    text-decoration: none;
}

.buttonWrapper {
    padding: 3px;
	line-height: 1.25;
}

.deleteChildIcon {
    position: relative;
    width: 14px;
    height: 14px;
    top: -12px;
    right: -5px;
    float: right;
    background-image: url("../Images/Buttons/Exit/ExitBlue.png");  
    background-position: center;
    background-repeat: no-repeat;
}	
/*****************************************************************/
/* End Misc Classes												 */
/*****************************************************************/	

/*****************************************************************/
/* Ajax Controls Classes -START									 */
/*****************************************************************/

.modalBackground{
    position: absolute;
    opacity: .8;
    background-color: grey;
    filter:alpha(opacity=50);
    z-index: 60;
}

.hideModalBackground, .hide {
    display: none;
}

/*----------------------------------------------------------------*/
/* Tooltip  - BEGIN    */
/*----------------------------------------------------------------*/

.tooltip:hover {
    text-decoration: underline;
    cursor: pointer;
    cursor: hand;
}
/*----------------------------------------------------------------*/
/* Tooltip  - BEGIN    */
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/* TooltipPopup  - BEGIN    */
/*----------------------------------------------------------------*/

.tooltipPopup 	
{
    font-family: Lato;
    padding: 20px;
    width: 350px !important;
    height: 400px;
    overflow: auto;
	z-index: 101;
    margin-top: 10px;
    position: absolute;
    border: 1px solid #E0E0E0;
    background-color: #F1F1F1;
    outline-style: none;
}

.tooltipPopup.dropshadow {
    box-shadow: 0 0 5px 5px #bebebe;
    -moz-box-shadow: 0 0 5px 5px #bebebe;
    -webkit-box-shadow: 0 0 5px 5px #bebebe;
}

.tooltipPopupClosebutton
{
    position: relative;
    width: 16px;
    height: 16px;
    top: -12px;
    left: 16px;
    background-image: url( /Images/icons/exit.png );
    background-position: center;
    background-repeat: no-repeat;
    float: right;
    cursor: pointer;
}

.tooltipPopup p
{
    margin-bottom: 6px;
}

.tooltipPopup p:last-child
{
    margin-bottom: 0;
}

.benefitRateExplanation 
{
    width: 350px;
}

.creditCardCCVExplanation 
{
    width: 500px;
}


/*----------------------------------------------------------------*/
/* TooltipPopup  - END                                            */
/*----------------------------------------------------------------*/	

/*-----------------------------------------------*/
/* Modal Pop Up - Begin                          */
/*-----------------------------------------------*/
.modalPopupTitle {
    color: #c1c3c4;
    padding-bottom: 10px;
    font-size: 20px;
}

/*-----------------------------------------------*/
/*  Modal Pop Up - End                           */
/*-----------------------------------------------*/

/*-----------------------------------------------*/
/* Application Errors - Begin                    */
/*-----------------------------------------------*/

/*--------Errors Dialog Target is Button --------*/
.applicationErrors, 
.applicationErrorsInProgress {
    font-family: Lato;
    position: absolute;
    border: 1px solid #C0C0C0;
    background-color: #F1F1F1;
    list-style-type: disc;
    -webkit-border-radius: 8px;
	padding: 1em .5em 1em 2.5em;
    margin: 0;
    z-index: 52;
}

.applicationErrors {
    width: 12.5em;
}

.applicationErrorsInProgress {  
    width: 10.5em;
}

.applicationErrorsNotifier, 
.fieldErrorsNotifier {
    position: absolute;
    width: 18px;
    height: 18px;
    padding: 0;
    border: 0 solid transparent;
	background-image: url( /Images/Icons/ErrorNotificationExclamationIconSmallest.png );
	background-repeat: no-repeat;
	background-color: transparent;
	z-index: 50;
}

.applicationErrorsNotifier:hover, 
.fieldErrorsNotifier:hover {
    border: 0 solid transparent;
}

/*--------Errors Dialog Target is Form Field --------*/
.fieldErrors, 
.fieldErrorsInProgress {
    font-family: Lato;
    position: absolute;
    background-color: #F1F1F1;
    -webkit-border-radius: 8px;
    -mos-border-radius: 8px;
	padding: 1em .5em 1em 1.5em;
    padding-left: 30px;
	z-index: 61; 
}

.fieldErrors {
    width: 12.5em;
}

.fieldErrorsInProgress {
    width: 10em;
    display: none;
}

.fieldErrors .fieldErrorsCloseButton,
.applicationErrors .applicationErrorsCloseButton,
.applicationDialog .applicationErrorsCloseButton,
.applicationDialog .fieldErrorsCloseButton,
.applicationDialog .applicationDialogCloseButton,
.hint .hintCloseButton
{
    position: relative;
    width: 16px;
    height: 16px;
    top: -8px;
    left: 2px;
    background-image: url( /Images/icons/exit.png );
    background-position: center;
    background-repeat: no-repeat;
    float: right;
    cursor: pointer;
}

.fieldErrors .fieldErrorsCloseButton.hide,
.applicationDialog .fieldErrorsCloseButton.hide,
.applicationErrors .applicationErrorsCloseButton.hide
.applicationDialog .applicationErrorsCloseButton.hide,
.applicationDialog .fieldErrorsCloseButton.hide,
.applicationDialog .applicationDialogCloseButton.hide,
.hint .hintCloseButton.hide {
    background-image:none;
    z-index: -1;
    width: 0;
    height: 0;
}

/*-----------------------------------------------*/
/* Application Errors - End                      */
/*-----------------------------------------------*/

/*-----------------------------------------------*/
/* Hints - Begin                                 */
/*-----------------------------------------------*/

.hint, 
.hintInProgress {
    font-family: Lato;
    height: auto;
    position: absolute;
    border: 1px solid #C0C0C0;    
    background-color: #F1F1F1;
    -webkit-border-radius: 8px;
	padding: 1em .5em 1em 1.5em;
	z-index: 61;
}

.hint {
    width: 12.5em;
}

.hintInProgress {
    width: 10em;
    display: none;
}

.hintNotifier {
    position: absolute;
    width: 2em;
    height: auto;
    border: 0 solid transparent;
	background-image: url( /Images/Icons/WhatsThisSmaller.png );
	background-repeat: no-repeat;
	background-color: transparent;
	z-index: 49;
}

.hint .hintCloseButton.hide {
    display: none;
}
/*-----------------------------------------------*/
/* Hints - End                                   */
/*-----------------------------------------------*/

/*-----------------------------------------------*/
/* General Dialog - Begin                        */
/*-----------------------------------------------*/

.applicationDialog ,
.applicationDialogInProgress
{
    font-family: Lato;
    border:none;
    color: #545454;
    height: auto;
    padding: 1em .5em 1em 1.5em;
    position: absolute;
    width: 35em;
    height:22em;
	z-index: 61;
    display: block;
}

.applicationDialogInProgress {
    height: 300px;
    width: 300px;
}

.applicationDialog .applicationDialogButtonCommandContainer {
    border: none;
    list-style-type: none;
}

.applicationDialog .applicationDialogButtonCommand {
    background-color: transparent;
}

.applicationDialog .applicationDialogButtonCommand div {
    color:#545454;
}

.applicationDialog .applicationDialogMessage {
    font-weight: bold;
    line-height: 1.25;
    max-height: 14em;
    overflow-y: auto;
}

.applicationDialogTitle {
    font-size: 18pt;
}

.applicationDialogButtonCommandContainer {
    border: solid 1px #c5c5c5; 
    display: block;
    overflow: auto;
    padding:10px;
    position: relative;
    z-index: 0;
}
.applicationDialogContentCommandContainer  {
    float: none;
    display: block;
}

.applicationDialogContentCommand {
    display: inline-block;
    margin: 5px 10px;
    cursor: pointer;
    cursor: hand;
}



/*-----------------------------------------------*/
/* General Dialog - End                          */
/*-----------------------------------------------*/

/*----------------------------------------------------------------*/
/* IDCardPopup  - BEGIN    */
/*----------------------------------------------------------------*/
#IDCardPanel {
    position: relative;
    width: 715px !important;
    height: auto;
    z-index: 4;
}

.idcardPopupClosebutton
{
    position: absolute;
    right: 0;
    margin-right: 5px;
    margin-top: 5px;
    width: 16px;
    height: 16px;
    background-image: url( /Images/icons/exit.png );
    background-position: center;
    background-repeat: no-repeat;
    z-index: 5;    
}

#idcardPopupHeader {
    z-index: 4;
}

#idcardPopupHeader.panelTitleBar {
    height: 30px;
}
.idCardMarker {
    margin: 16px;
    font-family: Lato;
    float: left;
    background: #fff;
    -webkit-border-radius: 16px;
    -ms-border-radius:16px;
    border-radius:16px; 
	position: relative;
	behavior: url( /Scripts/PIE.htc );
    padding: 16px;
}

.idCardMarker .left {
    width: 260px;
    margin-right: 8px;
    float: left;
}

.idCardBorder {
    -webkit-border-radius: 16px;
    -ms-border-radius:16px;
    border-radius:16px; 
	position: relative;
	behavior: url( /Scripts/PIE.htc );
    padding: 16px;
}

.idCardDependentsLeft 
{
    width: 130px;
    /*clear: left;*/
    float: left;
    line-height: 1;
}

.dependents1 {
    min-height: 20px;
}
.dependents2 {
    min-height: 40px;
}
.dependents3 {
    min-height: 60px;
}
.dependents4 {
    min-height: 80px;
}
.dependents5 {
    min-height: 100px;
}
.dependents6 {
    min-height: 120px;
}
.dependents7 {
    min-height: 140px;
}
.dependents8 {
    min-height: 160px;
}

.idCardDependentsRight 
{
    width: 130px;
    /*clear: right;*/
    float: left;
    line-height: 1;
}

.idCardBottomItem {
    position:relative;
    float: left;
    top: 15px;
    bottom:0;
    width:100%; 
    text-align: center;
    height: auto; 
}

.idCardText {
    text-align: center;
    font-size: 14pt;
    font-weight: 700;
}

.idCardInfoTextSmall {
    text-align: center;
    font-size: 9pt;
    font-weight: 500;
}

.idCardTextSmall {
    text-align: center;
    font-size: 10pt;
    font-weight: 700;
}

.idCardTextLeft {
    text-align: left;
    font-size: 14pt;
    font-weight: 700;
}

.idCardTextLeftMedium {
    text-align: left;
    font-size: 12pt;
    font-weight: 700;
}

.idCardTextLeftSmall {
    text-align: left;
    font-size: 10pt;
    font-weight: 700;
}

.idCardMarker .right {
    margin-left: 8px;
    width: 260px;
    float: right;   
}

#idCardHowToUseMyBenefits {
    white-space:nowrap;
    margin-top: 10px;
}

.idCardDefinationList {
    font-size: 8pt;
}

.idCardDefinationList dt {
    
    font-weight: bold;
    display: inline-block;
}

.idCardDefinationList dd {
    display: inline;
    margin: 0;
    padding: 0;
}

/*----------------------------------------------------------------*/
/* IDCardPopup  - END                                            */
/*----------------------------------------------------------------*/	

/*----------------------------------------------------------------*/
/* QAS Address Validation Style - BEGIN                          */
/*----------------------------------------------------------------*/	

.addressValidation {
    border: 1px solid #C0C0C0;
    color: #545454;
    height: auto;
    padding: 1em .5em 1em 1.5em;
    position: absolute;
    width: 25em;
	z-index: 51;
}
 
.addressValidationInProgress {
    border: 1px solid #C0C0C0;
    padding: 1em .5em 1em 1.5em;
    position: absolute;
    width: 10em;
    z-index: 51;
}

.addressValidationNotifier {
    border: 0 solid transparent;
	background-image: url( /../Images/Icons/WhatsThisSmaller.png );
	background-repeat: no-repeat;
	background-color: transparent;
    position: absolute;
    width: 2em;
    z-index: 50;
}

.addressValidationTitle {
    font-size: small;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 1em;
}

.addressValidationMessage {
    font-size: small;
    font-weight: normal;
    margin-bottom: 1em;   
    text-align: justify;
}

.addressValidationListDiv {
    border: solid 1px #c5c5c5; 
    display: block;
    margin-top: 1em;
    padding:10px;
    position: relative;
    z-index: 0;
}

.addressValidation.gradient {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #d6d6d6), color-stop(1, #C0C0C0)); /* Chrome10+,Safari5.1+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d6d6d6), color-stop(50%,#C0C0C0), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
	background: -moz-linear-gradient(top, #d6d6d6, #C0C0C0); /* FF3.6+ */
	background: -o-linear-gradient(top, #d6d6d6 1%, #F1F1F1 50%, #C0C0C0 100%); /* Opera 11.10+ */	
	background: -ms-linear-gradient(top, #d6d6d6 1%, #F1F1F1 50%, #C0C0C0 100%); /* IE10+ */
	background: linear-gradient(0, #d6d6d6 1%, #F1F1F1 50%, #C0C0C0 100%); /* W3C */
	-pie-background: linear-gradient(-90deg, #d6d6d6 1%, #F1F1F1 50%, #C0C0C0 100%); /* ie 8 & 9 */
	behavior: url( /Scripts/PIE.htc );
}

.addressValidationListDiv.gradient ,
.addressValidationContainer.gradient,
.addressValidationRefineAddressContainer.gradient,
.addressValidationEditMessageContainer.gradient,
.applicationDialogButtonCommandContainer.gradient {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e5e5e5), color-stop(.5,#F1F1F1), color-stop(1,#d6d6d6)); /* Chrome10+,Safari5.1+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e5e5e5), color-stop(50%, #F1F1F1 ), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
	background: -o-linear-gradient(top, #e5e5e5 1%, #F1F1F1 50%, #d6d6d6 100%); /*Opera 11.10+ */	
	background: -moz-linear-gradient(top, #e5e5e5 1%, #F1F1F1 50%, #d6d6d6 100%); /* FF3.6+ */
    background: linear-gradient(0, #e5e5e5 1%, #F1F1F1 50%, #d6d6d6 100%); /* W3C */
    background: -ms-linear-gradient(top, #e5e5e5 1%, #F1F1F1 50%, #d6d6d6 100%); /* IE10+ */
    -pie-background: linear-gradient(-90deg, #e5e5e5 1%, #F1F1F1 50%, #d6d6d6 100%); /* ie 8 & 9 */
    behavior: url( /Scripts/PIE.htc );
}

.addressValidationListDiv.dropshadow ,
.addressValidationContainer.dropshadow,
.addressValidationRefineAddressContainer.dropshadow,
.addressValidationEditMessageContainer.dropshadow,
.applicationDialogButtonCommandContainer.dropshadow {
    -webkit-box-shadow:#cecece 5px 5px 5px;
    -moz-box-shadow: #cecece 5px 5px 5px;
	box-shadow: #cecece 5px 5px 5px;
}

.addressValidationContainer {
    margin-top: 1em;
    overflow: auto;
}

.addressValidationContainer li {
    border: 1px solid #CCC;
    list-style-type: none;
	list-style-position: outside;
    margin-bottom: .5em;
    padding: .4em;
    padding-bottom: .7em;
	cursor:default;
}

.addressValidationContainer li:hover {
    background-color: #E9E9E9;
}

.addressValidationRefineMessage {
    font-size: small;
}

.addressValidationRefineMessage span {
    margin-left: .3em;
}

.addressValidationRefineTextBox {
    margin-right: .5em;
    position: relative;
    width: 4.5em;
}

.addressValidationRefineButton { 
    float: right;
}

.applicationDialogYouEnteredContainer {
    font-weight: bold;
    margin-right: 7px;
}

.applicationDialogYouEnteredContainer span{
 display: block; 
}

.addressValidationEditMessageContainer {
    border: solid 1px #c5c5c5; 
    display: block;
    margin-top: .25em;
    overflow: auto;
    padding:10px;
    position: relative;
    z-index: 0;/*0 ?*/
}

.addressValidationRefineAddressContainer {
    border: solid 1px #c5c5c5; 
    display: block;
    margin-top: .5em;
    padding:10px;
    position: relative;
    z-index: 0;
}

.addressValidationEditButton {
    float: right;   
}

.addressValidationKeepButton {
    float: right;   
}

/*----------------------------------------------------------------*/
/* QAS Address Validation Style - END                            */
/*----------------------------------------------------------------*/

/*----------------------------------------*/
/*  Select Bill Date Dialog - BEGIN       */
/*----------------------------------------*/

.chooseEnrollmentStartBillDate .applicationDialogButtonCommandContainer {
    float: right;
}

.applicationDialogContentCommand{
    font-size: 12pt;
    font-family: Avenir;
    text-align: center; 
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: .05em;
}

.chooseEnrollmentStartBillDate.gradient {
    background: #F1F1F1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #efefef 0, #efefef 76%, #e5e5e5 90%, #cfcfcf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#efefef), color-stop(76%,#efefef), color-stop(90%,#e5e5e5), color-stop(100%,#cfcfcf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #efefef 0,#efefef 76%,#e5e5e5 90%,#cfcfcf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #efefef 0,#efefef 76%,#e5e5e5 90%,#cfcfcf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #efefef 0,#efefef 76%,#e5e5e5 90%,#cfcfcf 100%); /* IE10+ */
	background: linear-gradient(0,  #efefef 0,#efefef 76%,#e5e5e5 90%,#cfcfcf 100%); /* W3C */
    -pie-background: linear-gradient(-90deg,  #efefef 0,#efefef 76%,#e5e5e5 90%,#cfcfcf 100%);/* ie 8 & 9 */
	behavior: url( /Scripts/PIE.htc );
}

.applicationDialogContentCommand,
.applicationDialogContentCommand a{
    height: 75px;
    width: 75px;
}

.additionalBillDatesMonth
{
    font-size: 10px;
    color: #f6f6f6;
    margin-top: -57px;
}

.additionalBillDatesMonth:hover{
    color: #fff;
}

.additionalBillDatesDay
{
    font-size: 16px;
    color: #6e6e6e;
    margin-top: 12px; 
}

.additionalBillDatesDay:hover{
    color: #9f9f9f;
}


/*----------------------------------------*/
/*  Select Bill Date Dialog - END         */
/*----------------------------------------*/

/*---------------------------------------------*/
/*  Pre Enrollment Restrictions Dialog - BEGIN */
/*---------------------------------------------*/
.applicationDialogContentCommand .preEnrollmentRestrictions a{
    margin-right: 5px;
    float: left;
}
  .applicationDialogContentCommand .preEnrollmentRestrictions{
    width: 400px;
    text-align: left;
}

.applicationDialog.preEnrollmentRestrictions .applicationDialogButtonCommandContainer li div {
    position: relative;
    left: 138px;
    width: 225px;
    top: -26px;
    height: 5px;
}

.preEnrollmentRestrictions .applicationDialogButtonCommandContainer {
    /*where you can target the location of the button*/
}

.applicationDialogFMLCommand.planTermination {
    list-style: none;
}

/*---------------------------------------------*/
/*  Pre Enrollment Restrictions Dialog - END   */
/*---------------------------------------------*/

/*---------------------------------*/
/*  Plan Change Dialog - BEGIN*/
/*---------------------------------*/

/*.planChangeDialog
 {
    width:  467px;
    height: 294px;
}

.planChangeDialog ul {
    list-style-type: none;
    padding-left: 0px;
    padding-right: 0px;
}*/

.applicationDialogContentCommand .planChangeDialog a{
    margin-right: 5px;
    float: left;
}
.applicationDialogContentCommand .planChangeDialog{
    width: 400px;
    text-align: left;
}

.applicationDialog.planChangeDialog .applicationDialogButtonCommandContainer li div {
    position: relative;
    left: 138px;
    width: 225px;
    top: -26px;
    height: 5px;
}

/*---------------------------------*/
/*  Plan Change Dialog - END*/
/*---------------------------------*/


/*---------------------------------------------*/
/*  Plan Termination Dialog - BEGIN */
/*---------------------------------------------*/

.applicationDialogFMLCommand.planTermination {
    margin-bottom: 8px;
}

.applicationDialogFMLCommand.planTermination:first-child{
    margin-top: 15px;
}

.applicationDialogFMLCommand.planTermination:last-child{
    margin-top: 25px;
}

.applicationDialogFMLCommand.planTermination span {
    display: inline-block;
    padding-right: 20px;
}

.applicationDialogFMLCommand.planTermination div:first-child {
    margin-top: 25px;
}

.applicationDialogFMLCommand.planTermination div:last-child {
    margin-bottom: 25px;
}

.applicationDialogFMLCommand.planTermination input[type="text"] {
    width: 230px;
    left: -15px;
    float: right;
}

.applicationDialogFMLCommand.planTermination select {
    width: 235px;
    float: right;
    left: -15px;
}

/*---------------------------------------------*/
/*  Plan Termination Dialog - END   */
/*---------------------------------------------*/

/*****************************************************************/
/* ajax controls Classes - END 									 */
/*****************************************************************/	

/*****************************************************************/
/* Enrollment  - BEGIN       									 */
/*****************************************************************/	

/*****************************************************************/
/* Enrollment - END 				            			    */
/*****************************************************************/	

/*****************************************************************/
/* Button Settings - BEGIN       	            			     */
/*****************************************************************/	

.btnContinue, 
.btnStay, 
.btnBack, 
.applicationDialogButtonCommand,
.smallLeftSideIsArrowSliderButton,
.smallRightSideIsArrowSliderButton,
.smallRoundSliderButton,
.previousPageButton,
.nextPageButton,
.btnBrochure {
    font-family: Avenir;
    font-size: 11pt;
    background-repeat: no-repeat;
}

/*NOTE: .previousPageButton and .nextPageButton are only used in the IndivPlanSelection page if there are multiple plans in a benefit tab*/
.previousPageButton.addMarginLeft, .btnBack.addMarginLeft
{
    margin-left: 430px;
}
/*---------------------------------*/ 
/* Buttons Wrappers - begin        */
/*---------------------------------*/

.btnTermsOfUseCloseWrapper.lbl_input {
	padding-top: 10px !important;
    background-color: transparent;
    width: auto;
    position: relative;	
    
}

/*---------------------------------*/ 
/* Buttons Wrappers - end          */
/*---------------------------------*/

/*---------------------------------*/ 
/* Continue/Back Buttons - begin   */
/*---------------------------------*/

.btnContinue,
.btnStay, 
.btnBack, 
.applicationDialogButtonCommand,
.previousPageButton,
.nextPageButton {
    cursor: pointer;
	outline: none;
    background-color: #ccc;
	color: #fff !important;
    border: 0;
    margin: 0;
	padding: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all, .4s, ease-in-out;
	-o-transition: all 0.4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	behavior: url( /Scripts/PIE.htc );	
	width: 124px;
    height: 34px;
    background-repeat: no-repeat;
    -webkit-padding-after: 3px;
}

.btnContinue,
.applicationDialogButtonCommand {
    padding-right: 22px;
}

.btnStay {
    text-align: center;
    margin: 0 auto;       
}

.btnBack{
    padding-left:20px;
}

a.btnContinue, 
a.btnStay,
a.btnBack
{
    width: 124px;
    height: 34px;
    padding: 7px 38px;
}
 
/*---------------------------------*/
/* Continue/Back Buttons - end     */
/*---------------------------------*/

/*---------------------------------*/
/* Slider Buttons - begin          */
/*---------------------------------*/
.smallRoundSliderButton,
.smallRightSideIsArrowSliderButton,
.smallLeftSideIsArrowSliderButton {
    cursor: pointer;
}


/*1. ROUND WITH NO ARROW - begin */
/* example markup: <a><span>text</span></a> */

a.smallRoundSliderButton  {
    background:transparent no-repeat scroll top right;
    float: left;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	display:block;
    text-decoration: none;
	height:34px;
    margin: 0;
    padding: 0;
    padding-right:22px;
}

a.smallRoundSliderButton.left {
    float: left;
}

a.smallRoundSliderButton.right {
    float: right;
}

a.smallRoundSliderButton.addMarginBottom {
    margin-bottom: 10px;
}

a.smallRoundSliderButton.addMarginRight {
    margin-right: 15px;
}

a.smallRoundSliderButton.disabled {
    cursor:not-allowed;
}
a.smallRoundSliderButton.disabled span {
    font-weight: bold;
    color: #5e5e5e;
    -ms-text-shadow: none;
    text-shadow: none;
}

a.smallRoundSliderButton span {
	display:block;
	vert-align: middle;
    vertical-align: middle;
	margin-top:0;
	white-space:nowrap;
	color: #fff;
	background:transparent no-repeat;
	line-height:33px;
    padding:0 0 0 22px;
} 

/*1. ROUND WITH NO ARROW - end */

/*2. RIGHT SIDE IS ARROW WITH INNER ARROW - begin */

a.smallRightSideIsArrowSliderButton
 {
     background:transparent no-repeat scroll top right; 
     text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	display:block;
    cursor: pointer;
    cursor: hand;
    height: 34px;
    padding-right:35px;
}

a.smallRightSideIsArrowSliderButton.left {
    float: left;
}

a.smallRightSideIsArrowSliderButton.right {
    float: right;
}

a.smallRightSideIsArrowSliderButton.moveUp {
    margin-top: -10px;
}

a.smallRightSideIsArrowSliderButton span 
{
    background:transparent no-repeat;
	display:block;
	line-height:41px;
    vert-align: middle;
    vertical-align: middle;
	margin-top:0;
	white-space:nowrap;
	color: #fff;
    line-height:33px;
    margin-top:0;
	padding:0 10px 0 35px;	
} 

/*2. RIGHT SIDE IS ARROW WITH INNER ARROW - end */

/*3. LEFT SIDE IS ARROW WITH INNER ARROW - begin */

a.smallLeftSideIsArrowSliderButton
 {
    background:transparent no-repeat scroll top right; 
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	display:block;
    cursor: pointer;
    cursor: hand;
    height: 34px;
    padding-right:22px;
}

a.smallLeftSideIsArrowSliderButton.left {
    float: left;
}

a.smallLeftSideIsArrowSliderButton.right {
    float: right;
}

a.smallLeftSideIsArrowSliderButton.moveUp {
    margin-top: -10px;
}

a.smallLeftSideIsArrowSliderButton span  {
    background:transparent no-repeat;
	display:block;
	line-height:41px;
    vert-align: middle;
    vertical-align: middle;
	margin-top:0;
	white-space:nowrap;
	color: #fff;
	line-height:33px;
    margin-top:0;
	padding:0 0 0 40px;
    
} 

/*3. LEFT SIDE IS ARROW WITH INNER ARROW - end */

/*4. ROUND WITH NO ARROW - begin */
/* example markup: <a><span>text</span></a> */

.largeRoundSliderButton {
    font-size: 16pt;
}

a.largeRoundSliderButton  {
    background:transparent no-repeat scroll top right;
    float: left;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	display:block;
    text-decoration: none;
	height:51px;
    margin: 0;
    padding: 0;
    padding-right:33px;
}

a.largeRoundSliderButton.left {
    float: left;
}

a.largeRoundSliderButton.right {
    float: right;
}

a.largeRoundSliderButton.disabled {
    cursor:not-allowed;
}
a.largeRoundSliderButton.disabled span {
    font-weight: bold;
    color: #5e5e5e;
    -ms-text-shadow: none;
    text-shadow: none;
}

a.largeRoundSliderButton span {
	display:block;
	vert-align: middle;
    vertical-align: middle;
	margin-top:0;
	white-space:nowrap;
	color: #fff;
	background:transparent no-repeat;
	line-height:51px;
    padding:0 0 0 33px;
} 

/*4. ROUND WITH NO ARROW - end */

/* 5. ROUND SHORT WITH NO ARROW - begin */
/* example markup: <a><span>text</span></a> */

a.smallRoundShortSliderButton {
    background:transparent no-repeat scroll top right;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	display:block;
    text-decoration: none;
	height:24px;
    margin: 0;
    padding: 0;
    padding-right:15px;
}

a.smallRoundShortSliderButton span {
	display:block;
	vert-align: middle;
    vertical-align: middle;
	margin-top:0;
	white-space:nowrap;
	color: #fff;
	background:transparent no-repeat;
	line-height:23px;
    padding:0 0 0 15px;
}

a.smallRoundShortSliderButton.disabled {
    cursor:not-allowed;
}
a.a.smallRoundShortSliderButton.disabled span {
    font-weight: bold;
    color: #5e5e5e;
    -ms-text-shadow: none;
    text-shadow: none;
}

a.smallRoundShortSliderButton.left {
    float: left;
}

a.smallRoundShortSliderButton.right {
    float: right;
}

/*5. ROUND SHORT WITH NO ARROW - end */

/*---------------------------------*/
/* Slider Buttons - end            */
/*---------------------------------*/

/*------------------------------------------------------*/
/* More Info Button - begin                             */
/*------------------------------------------------------*/
.informationIcon {
    height: 19px;
    width: 19px;
    background-repeat:no-repeat;
    background-position: bottom center;
}

/*------------------------------------------------------*/
/* More Info Button - end                               */
/*------------------------------------------------------*/

/*****************************************************************/
/* Button Settings - END        	            			     */
/*****************************************************************/	

/*-----------------------*/ 
/* WaterMark - Begin     */
/*-----------------------*/

.watermarkLabel
{
    font-style: italic;
    color: #9e9e9e;
    text-align:left;
}

/*-----------------------*/ 
/* WaterMark - End       */
/*-----------------------*/

/*---------------------------------------------*/ 
/* Custom Checkbox/Radio Buttons - Begin       */
/*---------------------------------------------*/
fieldset .greenCustomCheckBox, fieldset .redCustomCheckBox
{
	display: block;
	position: relative;
	overflow: hidden;
}
fieldset input[type=text] {
    border: 1px solid #ccc;
	line-height: 25px;
	padding: 3px;
	width: 200px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

label + .redCustomCheckBox,
input + .redCustomCheckBox,
label + .greenCustomCheckBox,
input + .greenCustomCheckBox
{
	margin-top: 20px;
    padding-bottom: 25px;
    height: 25px;
}

.greenCustomCheckBox > input, .redCustomCheckBox > input {
    float: left;
	position: absolute;
    -ms-opacity: 0;
    opacity: 0;
}

.greenCustomCheckBox > label, .redCustomCheckBox > label {
    padding: 4px 0 0 35px;
	-moz-transition: color 1s ease; 
	-o-transition: color 1s ease; 
	-webkit-transition: color 1s ease;
    -ms-transition: color 1s ease; /* ie 10 usus standard implementation now*/
    transition: color 1s ease;
    display: inline-block;
    margin-left: 3px;
}


/*GreenCustomCheckBox and RedCustomCheckBox styles*/
.greenCustomCheckBox > input + label, .redCustomCheckBox > input + label
{
	background: url(../images/checks/custom_checkbox.png) 0 -1px no-repeat;
	height: 30px;
}


/* Checked styles */

.redCustomCheckBox > input[type=checkbox]:checked + label 					{ background-position: 0 -211px; } /*#4 -81*/

.greenCustomCheckBox > input[type=checkbox]:checked + label 		  		{ background-position: 0 -141px; } /*#4 -81*/

.redCustomCheckBox > input[type=checkbox]:hover:checked + label,
.redCustomCheckBox > input[type=checkbox]:focus:checked + label             { background-position: 0 -211px; } /*#4 -81*/

.greenCustomCheckBox > input[type=checkbox]:checked + label:hover,
.greenCustomCheckBox > input[type=checkbox]:focus:checked + label           { background-position: 0 -141px; } /*#4 -81*/

.redCustomCheckBox > input[type=checkbox]:hover:checked + label,
.redCustomCheckBox > input[type=checkbox]:focus:checked + label             { background-position: 0 -245px; } /*#5 -101*/

.greenCustomCheckBox > input[type=checkbox]:checked + label:hover,
.greenCustomCheckBox > input[type=checkbox]:focus:checked + label 			{ background-position: 0 -177px; } /*#5 -101*/


/* Hover & Focus styles */
.redCustomCheckBox > input[type=checkbox]:hover + label,
.redCustomCheckBox > input[type=checkbox]:focus + label,
.redCustomCheckBox > input[type=checkbox] + label:hover,
.greenCustomCheckBox > input[type=checkbox]:hover + label,
.greenCustomCheckBox > input[type=checkbox]:focus + label,
.greenCustomCheckBox > input[type=checkbox] + label:hover 				    { background-position: 0 -37px; } /*#1 -21*/


/* Active styles */
.redCustomCheckBox > input[type=checkbox]:active + label,
.redCustomCheckBox > input[type=checkbox] + label:hover:active,
.greenCustomCheckBox > input[type=checkbox]:active + label,
.greenCustomCheckBox > input[type=checkbox] + label:hover:active					{ background-position: 0 -72px; } /*#2 -41*/


.redCustomCheckBox > input[type=checkbox]:active:checked + label,
.redCustomCheckBox > input[type=checkbox]:checked + label:hover:active          { background-position: 0 -211px; } /*#4 -81*/

.greenCustomCheckBox > input[type=checkbox]:active:checked + label,
.greenCustomCheckBox > input[type=checkbox]:checked + label:hover:active          { background-position: 0 -141px; } /*#4 -81*/

/*
.greenCustomCheckBox > input[type=checkbox]:active:checked + label,
.greenCustomCheckBox > input[type=checkbox]:checked + label:hover:active			{ background-position: 0 -212px; } /*#6 -121*/


/* Disabled styles */
.redCustomCheckBox > input[type=checkbox]:disabled + label,
.redCustomCheckBox > input[type=checkbox]:hover:disabled + label,
.redCustomCheckBox > input[type=checkbox]:focus:disabled + label,
.redCustomCheckBox > input[type=checkbox]:disabled + label:hover,
.redCustomCheckBox > input[type=checkbox]:disabled + label:hover:active,
.greenCustomCheckBox > input[type=checkbox]:disabled + label,
.greenCustomCheckBox > input[type=checkbox]:hover:disabled + label,
.greenCustomCheckBox > input[type=checkbox]:focus:disabled + label,
.greenCustomCheckBox > input[type=checkbox]:disabled + label:hover,
.greenCustomCheckBox > input[type=checkbox]:disabled + label:hover:active			{ background-position: 0 -107px; } /*#3 -61*/

.redCustomCheckBox > input[type=checkbox]:disabled:checked + label,
.redCustomCheckBox > input[type=checkbox]:hover:disabled:checked + label,
.redCustomCheckBox > input[type=checkbox]:focus:disabled:checked + label,
.redCustomCheckBox > input[type=checkbox]:disabled:checked + label:hover,
.redCustomCheckBox > input[type=checkbox]:disabled:checked + label:hover:active     { background-position: 0 -211px; } /*#7 -1411*/

.greenCustomCheckBox > input[type=checkbox]:disabled:checked + label,
.greenCustomCheckBox > input[type=checkbox]:hover:disabled:checked + label,
.greenCustomCheckBox > input[type=checkbox]:focus:disabled:checked + label,
.greenCustomCheckBox > input[type=checkbox]:disabled:checked + label:hover,
.greenCustomCheckBox > input[type=checkbox]:disabled:checked + label:hover:active	{ background-position: 0 -178px; } /*#7 -1411*/

/*-------------------------------------------*/ 
/* Custom Checkbox/Radio Buttons - End       */
/*-------------------------------------------*/


.overrideDisplayToInline 
{
    display: inline !important;
}

.overrideDisplayToNone
{
    display: none !important;
}

.selectStartDate
{
    padding-top: 4px;
}

.cursorHand {
    cursor: pointer;
}


/* Label and input blocks - default values for enrollment forms */
.lbl_input {
	padding: 0 0;/* !important; */
	cursor: default;
	font-family: Avenir;
	text-transform:initial;
    font-size: 10pt;
	font-weight: bold;
	color: #666;
}

/* Label and input blocks
.lbl_input {
    font-weight: normal;
    color: #666;
    padding: 5px 0 !important;
} */

.lbl_input span {
	color: #545454;
}
	
.lbl_input input, .lbl_input textarea {
    color: #a9a9a9;	 
}
	
.lbl_input input[type="text"], 
.lbl_input textarea, 
.lbl_input input[type="password"],
.lbl_input select {
	margin-top: 5px;
}
	
.lbl_input input.setWidth250,
.lbl_input textarea.setWidth250 {
    width: 250px;
}

.lbl_input input.setWidth350,
.lbl_input textarea.setWidth350 {
    width: 350px;
}

.lbl_input textarea.setWidth250,
.lbl_input textarea.setWidth350 {
    overflow: auto;
    resize: none;
    background-color: #fff;
}
	.formRow .lbl_input {
		float: left;
	    padding-left: 13px !important;
	}
	
	.formRow .lbl_input.lessSpacing {
		padding-left: 10px !important;
	}
	
	/* Strip padding on first child only so it doesn't get indented */
	.formRow .lbl_input:first-child {
		padding-left: 0 !important;
	}
	
    /* Strip padding on first child of new row so it doesn't get indented */
    .formRow .lbl_input.new_row {
		padding-left: 0 !important;
	}

	.formRow .lbl_input span.checkBox input + label {
	    font-weight: normal;
	}	
	
    .formRow .lbl_input .long_text {
		Width: 500px;
	}

	.formRow.addMargin2 {
	    margin-top: 2px;
	    margin-bottom: 2px;
	}

/*-----------------------------------------------------------------------------*/ 
/* EnterPayment Method (found in Snow Cone (Account) and Enrollment) - Begin   */
/*-----------------------------------------------------------------------------*/ 
	.paymentProfileType
	{
	    float: left;
	    list-style: none;
	    margin-right: 8px;
	    margin-top: 5px;
	    margin-bottom: 15px;
	    font-family: Lato;
	}
	
	.paymentProfileType li
	{ 
	    display: inline;
	    margin-right: 4px;
    }
	
	.paymentProfileType label
	{
	    font-weight: bold;
	}

	.achProfileSection .formRow.rowMin{ width: 100%; }
	.creditCardSection .formRow.rowMin{ width: 85%; }

/*-----------------------------------------------------------------------------*/ 
/* EnterPayment Method (found in Snow Cone (Account) and Enrollment) - End     */
/*-----------------------------------------------------------------------------*/

/*---------------------------------------------*/ 
/* Automatic Payment LearnMore Style - Begin  */
/*-------------------------------------------*/

.autoPaymentLearnMoreCustomCheckBox
{
    float: left;
    position: relative;
    margin-left: 40px;
}

.autoPaymentLearnMoreStandardCheckBox
{
    float: left;
    position: relative;
    margin-left: 20px;
}

/*---------------------------------------------*/ 
/* Automatic Payment LearnMore Style - Begin  */
/*-------------------------------------------*/


/*****************************************************************/
/* Form Stuff													 */
/*****************************************************************/	
	
	/* Form group wrapper */
	.formRow {
		float: left;
	    margin: 5px 0;
	    white-space: nowrap;
	}

/*****************************************************************/
/* Popup Stuff													 */
/*****************************************************************/	

.popupInstructions {
    text-align: left;
    font-size: 11pt;
    font-weight: 500;
}

.scrollableTooltip {
        max-height: 400px;
        overflow: auto; 
    }

/*11.30.12: JAO put this here to target FireFox browsers only.*/
@-moz-document url-prefix(){
.btnContinue,
.btnStay, 
.applicationDialogButtonCommand input{
    padding: 6px 25px 10px 0 !important;
    }

.btnBack {
           padding: 6px 0 10px 10px !important;                                  
}
}