.popOutMenuTop
{
    border-bottom: 1px solid #dfdfdf;
    font-size: 1.5em;
    text-align: left;
    padding-bottom: .2em   
}

.popOutMenuItem 
{
    border-bottom: 1px solid #dfdfdf;
    font-size: 1.3em;
    text-align: left;
	padding-bottom: .3em;
	padding-top: .3em;
}

.popOutMenuItem a, .popOutMenuItem a:visited, .popOutMenuTop a, .popOutMenuTop a:visited
{
    text-decoration: none;
	color: #ffffff;
	text-shadow: 0 1px 0 #888888;
}

.popOutMenuItem a:hover, .popOutMenuTop a:hover
{
    text-decoration: none;
    color: #3388CC;
}

.ui-icon-custom_fwi:after
{
    background-image: url("/images/mobile/FWI.png");
    background-size: 16px 16px;    
}

.mFormControl
{
    border: 1px solid #517DD3;
    width: 92%;
    margin-left: .5em;
    color: #676767;
    font-size: .8em;
    margin-left: 4px;
    margin-right: 0px;
    background-color: #FFFFFF;
}

.rblFix label
{
    display: inline;
}

h1, h2, h3, h4
{
    color: #003e7e;
    margin-top: 0;
}

#column2 h3
{
    margin-top: 1.5em;
    margin-bottom: 0;
    padding-bottom: 0;
}

#column2 h3.ui-collapsible-heading 
{
    margin-top: 0;
}

#popupEmailPage-popup
{
    width: 90%;
    left: 5% !important;
    right: 5% !important;
}

#popupSocialMediaShare-popup
{
    max-width: 100% !important;
    width: 100% !important;
    left: 0px !important;
    right: 0px !important;
    overflow: hidden;
}

#popupSocialMediaShare
{
    /* Fallback for web browsers that doesn't support RGBa */
    background: #333333;
    /* RGBa with 0.7 opacity */
    background: rgba(0, 0, 0, 0.7);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    height: 96px;
    padding: .4em .2em .6em .2em;
    border-radius: 0px;
    /* Prevent text and images from getting highlighted */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#popupTips-popup
{
    max-width: 100% !important;
    width: 100% !important;
    min-height: 100% !important;
    height: 100% !important;
    left: 0px !important;
    right: 0px !important;
    overflow: hidden;
}

#popupTips
{
    /* Fallback for web browsers that doesn't support RGBa */
    background: #333333;
    /* RGBa with 0.7 opacity */
    background: rgba(0, 0, 0, 0.7);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    min-height: 100%;
    height: 100%;
    padding: .4em .2em .6em .2em;
    border-radius: 0px;
    /* Prevent text and images from getting highlighted */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.headerText 
{
 /* dummy style, used for jquery selector purposes */
}

.ui-loader-background {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0; 
    margin: 0;
    background: #000000;
    position: fixed;
    z-index: 100;
    display: block;
}

.ui-icon-loading {
    display: block;
    margin: 10em auto 0 auto !important;
}

.ui-text-loading 
{
    width: 100%;
    text-align: center;
    margin: 1em auto 0 auto;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 0 0 0;
}

.mobileTableHeader th 
{
    font-weight: bold;
    background-color: #003e7e;
    color: #ffffff;
    text-align: left;
    text-shadow: 0 0 0;
    padding: .4em;
}

.mobileFindOfficeTable 
{
    width: 100%;
    display: none;
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #77a3ce;
    border-radius: .6em;
    overflow: hidden;
    font-size: .75em;  
}

ul
{
    font-size: .8em;
}

ul li 
{
    background: url("/images/lists/blue_bullet.gif") no-repeat scroll 0 0.375em rgba(0, 0, 0, 0);
    list-style: none outside none;
    margin-left: -1.5em;
    padding-left: 1.250em;
}

.ui-collapsible-content ul
{
    margin: .2em 0 .2em -1.5em;
}

ul.brochures
{
    font-size: .75em;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
}

ul.brochures li
{
	padding: 0px 0px 0px 1.65em; /* padding because of document icon */
	margin-bottom: 0.313em;
	margin-top: 0px;
	margin-left: -1.6em;
	list-style: none none;
	font-weight: bold;
	background: url(/images/icons/ico-pdf.png) no-repeat top left;
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
}

ul.brochures li a
{
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
}

#tridionProductMoreInfo ul, #tridionProductMoreInfo p
{
    font-size: 1em !important;
}

#tridionProductWaiverSaver ul, #tridionProductWaiverSaver p
{
    font-size: 1em !important;
}

#aboutContainerOuter p, #aboutContainerOuter ol
{
    font-size: .8em;   
}

h2.title
{
    color: #002663;
	text-transform: uppercase;
}

.fwTables
{
	width: 100%;
    border-collapse: collapse;
    border-color: #D1D2D2;
    border-style: solid;
    border-width: 1px;
    font-size: .75em;
    margin: .3em 0 .9em;
}

.fwTables th
{
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 3px solid #002663;
    color: #002663;
    padding: .3em;
    text-align: left;
    vertical-align: bottom;    
}

.fwTables td
{
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #D9D9D9;
    padding: .125em .4em;
    text-align: left;   
}

#column2 p 
{
    font-size: .8em;
}

#content #column2 .fwTables p
{
	margin: 0;
	text-align: left;
	font-size: 1em;
}

.FWRenewBox
{
	border: 1px solid #d9d9d9;
	margin-top: 1.5em;
	display: block;
	text-align: left;
}
.FWRenewBox h3
{
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 !important;
	padding: 0;
}
.FWRenewBox h4
{
	font-weight: normal;
	margin: 0 0 .3em 0;
	padding: 0;
	text-transform: none;
}
.FWRenewBox .padder
{
	padding: 0.75em;
	overflow: hidden;
}
.FWRenewBox .YogaLogo
{
	padding-top: .6em;
}
.FWRenewBox .YogaRenew
{
    float: left;
	margin: .6em 0 .6em 0;
}
.FWRenewBox .viewall
{
    float: left;
	font-size: .8em;
}

/* Used for Awards & Accolades icons in AboutPHLY section */
.leftCol {
    width: 48%;
    float: left;
    padding: .3em 0 .3em .3em;
}
.rightCol {
    width: 48%;
    float: right;
    padding: .3em 0 .3em .3em;
}
/*--------------------------------------------------------*/

.auto-resizable-iframe {
  max-width: 420px;
  margin: 0px auto 2em auto;
}

.auto-resizable-iframe > div {
  position: relative;
  padding-bottom: 75%;
  height: 0px;
}

.auto-resizable-iframe iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.about-module {
    border: 1px solid #D9D9D9;
    display: block;
    margin: 0 0 .6em;
    padding: .3em;
}

.bigalert
{
	padding: 0 0 0 1.25em;
	background: url(/images/icons/alertblink.gif) no-repeat 0px 2px;
	color: #cc0000;
	margin: 0 0 .75em 0;
	font-size: 1em;
}

.SuretyRegionContacts
{
    text-shadow: 0 0 0;
    clear: right;
    display: block;
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.SuretyRegionContacts a
{
    color: #ffffff;
}

.suretyCol
{
    border-radius: 4px;
    display: inline-block;
    margin: 2px 0;
    overflow: hidden;
    padding: 6px;
    width: 44%;   
    color: #ffffff;
    text-align: left;
    font-size: .72em;
    height: 10em;
}

.suretyCol h3
{
    color: #ffffff;
    margin-top: 0 !important;   
}

select, select option
{
    background-color: #FFFFFF;   
}

 .inlineMessage
{
border: 1px solid #d2d5da;
padding: .3em;
margin-top: .6em;
font-size: 1em;
font-weight: bold;
background-color: #eef4f3;
}

.red
{
color: Red;
}

.green
{
color: Green;
}

/* Address Validator Control style*/
.addrValidator_container
{
	background-color: #ffffff;
	width: 300px;
}

.addrValidator_header
{
	color: #003e7e;
	padding: 5px 10px 5px;
	font-weight: bold;
	font-size: .9em;
}

.addrValidator_hr
{
	color: #003e7e;
	border: solid 1px;
	margin-left: 10px;
	margin-right: 10px;
}

.addrValidator_body
{
	font-size: .85em;
	font-style: normal;
	padding-top: 6px;
	padding-left: 10px;
	padding-bottom: 5px;
	background: inherit;
}

.addrValidator_body span
{
	padding-left: 0px;
}

.addrValidator_body table
{
	width: auto;
	border: none 0px;
}

.addrValidator_body th
{
	padding: 0px 0px 0px 0px;
	text-align: left;
	color: inherit;
	border-bottom: none;
	background: inherit;
	vertical-align: bottom;
}

.addrValidator_body td
{
	padding: 0px 0px 0px 0px;
	text-align: left;
	border-bottom: none;
	background: none;
}


.addrValidator_suggestedAddressStyle
{
	font-style: normal;
	font-size: .8em;
	font-weight: bold;
	color: #3388CC;
}

.addrValidator_currentAddr
{
	color: #3388CC;
	font-weight: bolder;
	font-size: .8em;
	font-style: normal;
}


.addrValidator_linkbutt
{
	color: #003e7e;
	font-weight: bold;
	font-size: .75em;
}
/* End Address Validator Control style*/

.credit-cards
{
overflow: hidden; 
display: inline-block; 
margin-bottom: -4px;
}
.visa, .mastercard, .americanexpress, .discover {
    width: 15px;
}

.mastercard img
{
    margin-left:-15px;
}

.americanexpress img
{
    margin-left:-30px;
}

.discover img {
    margin-left: -30px;
}

input[type="text"]:disabled, select:disabled
{
    background-color: #CDCDCD;
    color: #676767;
    -webkit-text-fill-color:#676767;
    -webkit-opacity: 1;
}

/* Mobile GridView Styles */

.mobileGridView
{
    width: 100%;   
}

.mobileGridViewHeader, .mobileGridViewHeaderNoTopBorder
{
    font-size: .9em;
    font-weight: bold;
    text-align: left;
}

.mobileGridViewHeader th, .mobileGridViewHeaderNoTopBorder th
{
    padding: .5em 0 .1em .3em;
    border: 1px solid #ababab;
    border-collapse: collapse;
}

.mobileGridViewHeaderNoTopBorder th
{
    border-top: 0px none;
}

.mobileGridViewHeader th, .mobileGridViewHeader th a, .mobileGridViewHeaderNoTopBorder th, .mobileGridViewHeaderNoTopBorder th a
{
    text-decoration: none;  
    color: #517DD3; 
}

.mobileGridViewRow
{
    background-color: #ffffff;  
}

.mobileGridViewAltRow
{
    background-color: #efefef;
}

.mobileGridViewRow td, .mobileGridViewAltRow td
{
    font-size: .75em;
    text-shadow: 0 0 none;
    border: 1px solid #ababab;
    border-collapse: collapse;
    padding: 2px;
}

.mobileGridViewRow td a, .mobileGridViewAltRow td a
{
    font-weight: normal;   
}

.mobileGridViewNestedHeader
{
    font-size: .8em;
    font-weight: bold;
    text-align: left;
    color: #517DD3;
}

.mobileGridViewNestedHeader th
{
    border: 1px solid #ababab;
}

.mobileGridViewNestedRow, .mobileGridViewNestedAltRow
{
    font-size: .8em;
}

.mobileGridViewNestedRow td, .mobileGridViewNestedAltRow td
{
    border: 1px solid #ababab;
    border-collapse: collapse;
}

/* End Mobile GridView Styles */

/* Minimum Required Styles for jQuery UI AutoComplete */

.ui-front
{
    z-index: 999;
}
.ui-autocomplete
{
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    background-color: #ffffff;
    padding: 5px;
    border: 1px solid #517dd3;
    font-size: .75em;
    text-shadow: none;
}
.ui-menu
{
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
}
.ui-menu .ui-menu
{
    position: absolute;
}
.ui-menu .ui-menu-item
{
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    background: none;
}
.ui-menu .ui-menu-divider
{
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active
{
    margin: -1px;
    background-color: #65BEE7;
    text-shadow: none;
}

/* End Minimum Required Styles for jQuery UI AutoComplete */


/* Mobile GridView Pager Styles */

.mobilePagerTop
{
    text-align: right;
    border: 1px solid #ababab;
    border-bottom: 0px none;
    padding: 5px 5px 2px 5px;
    font-size: .8em;
}

.mobilePagerBottom
{
    text-align: right;
    border: 1px solid #ababab;
    border-top: 0px none;
    padding: 2px 5px 5px 5px;
    font-size: .8em;
}

.mobilePagerTop a, .mobilePagerBottom a
{
    text-decoration: none;
    font-size: 1.4em;
}

.mobilePagerTop a[disabled=disabled], .mobilePagerBottom a[disabled=disabled]
{
    color: #000000;
    font-size: 1em;
}

/* End Mobile GridView Pager Styles */

span.warning
{
	margin: 3px;
	padding: 4px 4px 4px 20px;
	background: url(/images/icons/alert.gif) no-repeat 3px 8px;
	color: #cc0000;
	border-top: #990000 1px solid;
	border-right: #990000 1px solid;
	border-bottom: #990000 1px solid;
	border-left: #990000 1px solid;
	float: none;
	display: block;
}

/* Mobile FAQ Collapsible Styles */

#faqShowAll
{
    margin: 1.2em 1em .7em 1em;   
}

#FAQ_container .collapsableTitleStartOpened
{
	background: url("/images/buttons/exMinus.gif") no-repeat 0 1em #FFFFFF;
	padding: 0.4em 0em .5em .5em;
	border-bottom: solid 2px #002663;
	width: 100%;
	cursor: pointer;
	height: 2.3em;
}
#FAQ_container .collapsableTitleStartCollapsed
{
	background: url("/images/buttons/exPLus.gif") no-repeat 0 1em #FFFFFF;
	padding: 0.4em 0em .5em .5em;
	border-bottom: solid 2px #002663;
	width: 100%;
	cursor: pointer;
	height: 2.3em;
}

#FAQ_container .collapsableTitleStartCollapsed h4
{
	color: #003E7E;
	font-size: 1em;
	padding-left: 1em;
	margin: 0;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

#FAQ_container .collapsable
{
	background: #FFFFFF;
	width: 97%;
	padding: 0px 10px;
	font-size: 1.2em;
	font-weight: normal;
}

/* End Mobile FAQ Collapsible Styles */


/* Password Strength Bar Styles */

.pswStrengthBarContainer
{
    width: 100%; 
    display: inline-block;
    vertical-align: middle;
    margin-bottom: .8em;
}

.pswStrengthBar
{
    background-color: #C9C9C9; 
    width: 100%; 
    height: .8em;
}

.pswStrengthBar .strength-weak
{
    background-color: #D81A2C; 
    width: 33%; 
    height: 100%;
}
    
.pswStrengthBar .strength-good
{
    background-color: #ED7E00; 
    width: 66%; 
    height: 100%;
}
    
.pswStrengthBar .strength-strong
{
    background-color: #7DBE36; 
    width: 100%; 
    height: 100%;
}    

.pswStrengthTextContainer                
{
    width: 100%; 
    vertical-align: middle; 
    display: inline-block; 
    margin-left: .3em;
}

.pswStrengthWeakText
{
    color: Red;
}

/* End Password Strength Bar Styles */


/* style fix for phone control embedded in newuser.aspx mobile page */
.enlargePhoneControlFont input, .enlargePhoneControlFont span
{
    font-size: .9em !important;
}
/* style fix for phone control embedded in newuser.aspx mobile page */

.benefitsPreferred h3
{
    margin-bottom: .1em; 
}

.benefitsPreferred ul
{
    font-size: 1em;   
}
.same-line label 
{
    display: inline;
}

/*--------------------------------------------------------------------
 Ajax Calendar control used for Commission Statements page
----------------------------------------------------------------------*/

.yui .ajax__calendar_body
{
	position: relative;
	overflow: hidden;
}

.yui .ajax__calendar_header
{
	background-color: #ABABAB;
	height: 22px;
	width: 100%;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	padding-top: 3px;
}

.yui .ajax__calendar_months table, .yui .ajax__calendar_years table
{
	text-align: center;
	background: #C4D3EA;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

.yui .ajax__calendar_months table td, .yui .ajax__calendar_years table td
{
	text-align: center;
	position: relative;
	background: #C4D3EA;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.yui .ajax__calendar_footer
{
	display: none;
}



.yui .ajax__calendar_hover .ajax__calendar_day, .yui .ajax__calendar_hover .ajax__calendar_month, .yui .ajax__calendar_hover .ajax__calendar_year, .yui .ajax__calendar_hover .ajax__calendar_title
{
	color: #0066cc;
}

.yui .ajax__calendar_prev
{
	margin-top: 2px;
	margin-left: 4px;
	height: 15px;
	width: 25px;
	cursor: pointer;
	float: left;
}
.yui .ajax__calendar_next
{
	margin-top: 2px;
	margin-right: 4px;
	height: 15px;
	width: 25px;
	cursor: pointer;
	float: right;
}

.simple-validation-summary-container .bigalert ul
{
    display: none;
    visibility: hidden;
}

table.radio-button-list input
{
    display:block;
    float:left;
}

table.radio-button-list label
{
    display:block;
    margin-left:25px;
}

.subTable
{
    border-collapse: collapse;
}

.subTable td
{
    padding: .3em 0 0 0;    
}

#PurchaseInfoSection .ach-row,
#PurchaseInformation .ach-row
{
    font-size: 0.7em;
}

#PurchaseInfoSection .ach-row input,
#PurchaseInfoSection .ach-row select,
#PurchaseInformation .ach-row input,
#PurchaseInformation .ach-row select 
{
    height: 15px;
    font-size: 1em;
}

#PurchaseInfoSection .ach-row select,
#PurchaseInformation .ach-row select
{
    height: 20px;
}

#PurchaseInfoSection .payment-method,
#PurchaseInformation .payment-method
{
    background-color: rgb(232,232,232);
    height: 40px;
    width: 100%;
}

#PurchaseInfoSection .payment-method-label,
#PurchaseInformation .payment-method-label
{
    font-size: 0.7em;
    font-weight: bold;
    text-align: center;
    height: 30px;
}

#PurchaseInfoSection .payment-method label,
#PurchaseInformation .payment-method label {
    font-size: 0.7em;
    float: left;
    padding: 0 10px 0 15px;
    min-width: 60px;
    max-width: 130px;
    box-sizing: border-box;
    margin: 0;
}

#PurchaseInfoSection .payment-method input,
#PurchaseInformation .payment-method input
{
    margin-top: 1px;
    box-sizing: border-box;
}

#PurchaseInfoSection div.ach-row:nth-child(2n+1), 
#PurchaseInformation div.ach-row:nth-child(2n+1) 
{
    background-color: rgb(232,232,232);
}

#PurchaseInfoSection .legal-verbiage-section,
#PurchaseInformation .legal-verbiage-section
{
    font-size: 0.7em;
    padding: 10px 10px 0 10px;
}

#PurchaseInfoSection .legal-verbiage-section .confirmation-required,
#PurchaseInformation .legal-verbiage-section .confirmation-required
{
    margin-left: 30px;
    color: #d00000;
}

#PurchaseInfoSection .legal-verbiage-section .confirmation-required::before,
#PurchaseInformation .legal-verbiage-section .confirmation-required::before
{
    content: '!';
    width: 13px;
    height: 14px;
    color: #ffffff;
    background-color: #d00000;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    margin-right: 7px;
}

#PurchaseInfoSection .legal-verbiage-section input,
#PurchaseInformation .legal-verbiage-section input
{
    margin-right: 10px;
}

#PurchaseInfoSection .legal-verbiage-section p,
#PurchaseInformation .legal-verbiage-section p
{
    margin-left: 30px;
}

#PurchaseInfoSection .legal-verbiage-section label,
#PurchaseInformation .legal-verbiage-section label
{
    display: inline-block;
}

#PurchaseInfoSection .ach-info-img,
#PurchaseInformation .ach-info-img
{
    display: block;
    margin: auto;
    width: 100%;
}

@media screen and (min-width: 700px) 
{
    #PurchaseInfoSection .ach-info-img,
    #PurchaseInformation .ach-info-img
    {
        display: block;
        margin: auto;
        width: auto;
    }
}

.error-message {
    border: 1px solid #d2d5da;
    padding: .3em;
    margin-top: .6em;
    font-size: 1em;
    font-weight: bold;
    color: Red;
    background-color: #eef4f3;
}