﻿/* general */
BODY
{
	font-family: Arial;
	font-size: 12px;
}

.bold
{
	font-weight: bold;
}

.sectionHeader 
{
	font-family: Arial;
    font-weight: bold;
    font-size: 14px;
	color: #354d08;
	border-bottom: 1px solid #586911;
	margin-bottom: 5px;
	clear: both;
}

.valueCell
{
	text-align: right;
}

.grid_row
{
	float:left;
	padding-top: 5px;
	padding-bottom: 5px;
}

.nextButton
{
	background-image: url("/_images/members/buttons/btnNext.png");
	width: 84px;
}

.backButton
{
	background-image: url("/_images/members/buttons/btnBack.png");
	width: 84px;	
}

.cancelButton
{
	background-image: url("/_images/members/buttons/btnCxlLrg.png");
	width: 84px;
}

.cancelButtonGray
{
	background-image: url("/_images/members/buttons/btnCancelGray.png");
	width: 84px;
}

.chooseFullPay
{
	background-image: url("/_images/members/buttons/btnChooseFullPay.png");
	width: 107px;
}

.saveButton
{
	background-image: url("/_images/members/buttons/btnSave-84px-wide.png");
	width: 84px;
}

.submitButton
{
	background-image: url("/_images/members/buttons/btnSubmit.png");
	width: 65px;
}

.submitPaymentButton
{
	background-image: url("/_images/members/buttons/btnSubmitPayment.png");
	width: 109px;
}

.makeAnotherPaymentButton
{
	background-image: url("/_images/members/buttons/btnMakeAnotherPayment.png");
	width: 146px;
}

.closeButton
{
	background-image: url("/_images/members/buttons/btnClose-84px-wide.png");
	width: 84px;
}
.changeReqSubmitButton 
{ 
    	background-image: url('/_images/members/buttons/btnSubmitRequest.png'); 
    	width: 113px;
}

/* validation*/

.validation-summary-valid {display: none;}
.validation-summary-container {min-height:80px;}
.validation-summary-container.expand{min-height:0px;}
.validation-summary-errors
{
    background-image: url("/_images/members/alert_53x53.png");
    background-position: 5px 5px;
    background-repeat:no-repeat;
    background-color: #fccfcf;
    font-weight: bold;
    color: #4c3f2e;
    border: 2px solid red;
	-moz-border-radius: 5px;
	-webkit-border-radius: 15px;
	border-radius: 5px; /* future proofing */
	padding: 5px 10px 5px 70px;
	min-height: 55px;
	margin-bottom: 10px;
}
.validation-summary-errors UL
{
	margin-top: 3px;
	margin-bottom: 3px;
}

.field-validation-valid
{
    width:20px;
    height:21px;
    position:absolute;
    display:inline-block;
}
.field-validation-error
{
    background-image: url("/_images/members/btnCheckMarkAlert.png");
    width:20px;
    height:21px;
    background-position: 0px -84px;
    display:inline-block;
    position:absolute;
}
.checkmark {
    background-image: url("/_images/members/lrgCheckMark.png");
    background-color: #E8EBCC;
    border: 2px solid #566814;
}

/* panel */

.show960Grid {background-image:url("/_images/960px-wide-grid.png");opacity: .5;}
.pnl 
{
    position:relative; 
    border:0; 
    margin:0 0 0 0; 
    padding:0; 
    left:-2px; 
}
.pnlBar
{
    position:relative; 
    height: 31px;
    padding: 0;
    margin: 0;
    border: 0;
}
.grid_7 .pnlHeader
{
    background-repeat: no-repeat;
    height:40px;
    width:404px;
}
.grid_7 .pnlContent, .grid_7 .pnlBar
{
    background: url("/_images/members/interceptor_box_body_bg_404x1.png");
    width:404px;
}
.grid_7 .pnlBottom
{
    background: url("/_images/members/interceptor_box_rounded_bottom_404x14.png");
    width:404px;
    height:14px;
}

.pnlContent .padding { padding: 10px 10px 10px 10px; }
.pnlContent p { padding: 10px 10px 10px 10px; }


.spacer_small {height: 20px;}
.spacer_medium {height: 40px;}
.spacer_large {height: 80px;}

/*** input field format */

ul.ui-input, ol.ui-input
{
   padding: 0px;
   list-style: none;
   margin: 0;
   border:0;
}
ul.ui-input li, ol.ui-input li
{
   padding: 10px 0px 5px 0;
   margin: 0;
   border:0;
}
.ui-input
{
    color: #584c3c;
    font-family: Arial;
    font-weight: normal;
    font-size: 12px;
}
.ui-input input {margin:1px 0px 1px 10px;}
.ui-input input[tye=radio] {margin-left: 13px;}

.ui-input label 
{
    display:inline-block;
    margin:1px 5px 1px 20px; 
}
.ui-input input[type=text], .ui-input input[type=password], .ui-input textarea
{
	border: 1px solid #ccc;
	padding: 5px 5px 0px 5px;
	line-height: 1.1em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	padding: 3px 7px 2px 7px;
	box-shadow:inset 0 3px 3px #eee;				
	-webkit-appearance: none
}
.ui-input input[type=text]:focus, .ui-input input[type=password]:focus, .ui-input textarea:focus
{
	outline: 5px;
	-moz-box-shadow: 0px 0px 12px 		#387bbe /*{global-active-background-color}*/;
	-webkit-box-shadow: 0px 0px 12px 	#387bbe /*{global-active-background-color}*/;
	box-shadow: 0px 0px 12px 			#387bbe /*{global-active-background-color}*/;
}	
.ui-input input[type=submit] {
	margin: 5px 5px 5px 10px;
    border: 0;
    padding:0;
    background-color: transparent;
}
.ui-input.bold
{
	font-weight: bold;	
}
.ui-checkbox input[type=checkbox]
{
    width: 20px;
    margin: 0 0 0 15px;
}
.ui-checkbox label
{
    margin: 0 10px 0 0;
    font-weight: normal;
}
.ui-button 
{
    display:inline-block;
	margin: 1px 1px 0 10px;
    border: 0;
    padding:0;
    height:29px;
    background-color: transparent;
}
.ui-button:hover { background-position: 0 -29px; } 
.ui-button:focus  
{
	background-position: 0 -58px;     
	outline: none;
} 

.ui-input div.radioList {display:inline-block;}
ul.radiolist {
    list-style-type: none; 
    padding: 0;
}
.ui-input .radioList label 
{
    display: inline-block;
    margin-right: 10px;
    width: auto;
}
.ui-input .radioList li {
    padding: 0px 1px 0px 5px;
} 

.ui-input .radioList input {width: auto;}


/* form fields grid widths */


.ui-input .eol { clear: both; }

.grid_9 input,.ui-width-9 input {width: 483px;}

/*++to repair gird_7 */
.grid_7 label {width: 340px; } 
.grid_7 input {width: 340px; } 
.grid_7 .ui-checkbox label {width: 300px;}

 
.grid_6 input,.ui-width-5 input {width: 305px;} 
.grid_5 input,.ui-width-5 input {width: 245px;} 
.grid_4 input,.ui-width-4 input {width: 185px;}
.grid_4 select,.ui-width-4 select {width: 185px;}
.grid_3 input,.ui-width-3 input {width: 123px;} 

/* lists */

ul.gtList, ol.gtList
{
   padding: 0 10px 5px 15px;
   list-style: none;
   margin: 0;
   border:0;
}
ul.gtList li, ol.gtList li
{
   font-weight: bold;
   background-image: url("/_images/members/tiny-right-arrow.png");
   background-repeat: no-repeat;
   background-position: 0 4px;
   padding: 1px 0px 1px 10px;
   margin: 0;
   border:0;
}
ul.gtList.flush, ol.gtList.flush {padding-left: 0;}

/* jquery UI overrides for our dialog */
.ui-widget-content {border-width: 0 0 0 0;}
.ui-widget-overlay {background: #888888; opacity: .8; filter:Alpha(Opacity=80); }        

.ui-dialog {padding: 0 0 0 0; background-color: #FFF;}
.ui-dialog .ui-dialog-content {padding: 0 0 10px 0; overflow:hidden;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topleft:10px; } 
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topright:10px; } 
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px; } 
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px;-moz-border-radius-bottomright:10px; } 
#pep-dialog-iframe {width:100%; height:100%; border: none;}
		

.shadow
{
    -moz-box-shadow: 2px 5px 12px #555;
    -webkit-box-shadow: 2px 5px 12px #555;
    box-shadow: 2px 5px 12px #555; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#555555');
}

.lightShadow
{
    -moz-box-shadow: 2px 5px 12px #CCC;
    -webkit-box-shadow: 2px 5px 12px #CCC;
    box-shadow: 2px 5px 12px #CCC;
}
/* begin: landing page related css */
@font-face
{
    font-family: FranklinGothic;
    src: url('/_css/fonts/itcfranklingothicstd-dmcp-webfont.eot');
    src: local('☺'), 
		url('/_css/fonts/itcfranklingothicstd-dmcp-webfont.eot') format('eot'),
		url('/_css/fonts/itcfranklingothicstd-dmcp-webfont.woff') format('woff'),
		url('/_css/fonts/ITCFranklinGothicStd-DmCp.otf') format('opentype'), 
		url('/_css/fonts/ITCFranklinGothicStd-DmCp.ttf') format('truetype');
}

@font-face
{
	font-family: Clarendon;
	src: url('/_css/fonts/clarendonltstd-bold-webfont.eot');  /* For IE */
	src: local('☺'), 
			url('/_css/fonts/clarendonltstd-bold-webfont.eot') format('eot'),  /* For IE */
			url('/_css/fonts/ClarendonLTStd-Bold.woff') format("woff"), 
			url('/_css/fonts/ClarendonLTStd-Bold.otf') format('opentype'), 
			url('/_css/fonts/ClarendonLTStd-Bold.ttf') format('truetype'); /* For non-IE */ 
}

.loadErrorDiv
{
    overflow: auto;
    max-height: 100px;
    border: 1px solid red;
}

.membersLandingHero
{
    background-image: url("/_images/members/landing/landing-page-wally-banner.jpg");
    width:960px;
    height:100px;
}
.membersLandingRibbon
{
    background-image: url("/_images/members/landing/landing-page-green-ribbon.jpg");
    font-family: FranklinGothic, "Arial Narrow", Sans-Serif;
    font-size: 36px;
    font-weight: bold;
    color: white;
    height: 39px;
    width:945px;
    padding: 6px 0 0 15px;
}
.push_m
{
    position:relative;
    left:10px;
}
.pull_m
{
    position:relative;
    left:-10px;
}
        
#customerInfo
{
    padding:10px 10px 0 10px;
    position:relative;
}
#customerSince
{
    position:absolute;
    left:349px;
    top: 30px;
    background-image: url('/_images/members/landing/cust-since-year.png');
    height:42px;
    width:241px;
    padding: 42px 0 0 10px;
    margin: 0;
    font-size: 36px;
    color: #586911;
    background-color: gray;
}
#customerInfoEdit 
{
    padding: 3px 10px 3px 10px;
}

.memberActionList
{
	padding-left:40px;
	font-weight:bold;
    min-height: 70px;
    max-height: 70px;
}

ul.ui-display
{
    display:block;
    padding: 0px;
    list-style: none;
    margin: 0;
    border:0;
}

ul.ui-display li 
{ 
    padding: 3px 0 3px 0;
    font-family: Arial;
    font-weight: normal;
    font-size: 14px;
}
ul.ui-display li h2
{
    padding: 0;
    margin:0;
}
ul.ui-display li label
{
    display:block;
    float:left;
    width:70px;
    font-weight:bold;
    font-size:18px;
}
ul.ui-display li .ui-content
{
    padding: 0 0 0 5px;
    display:block;
    float:left;
}

.memberAction
{
    height:15px;
    background-image: url("/_images/members/hand-point.png");
    background-repeat: no-repeat;
    padding: 0 10px 3px 40px;
    color: #958e6d;
    font-family: FranklinGothic, "arial condensed", Sans-Serif;
    font-size: 14px;
    margin: 0px 0 3px 0;
}

.memberActionClaims {
    height:18px;
    background-image: url("/_images/members/hand-point.png");
    background-repeat: no-repeat;
	background-position:0px 5px; 
    padding: 0 10px 3px 40px;
    color: #958e6d;
    font-family: FranklinGothic, "arial condensed", Sans-Serif;
    font-size: 19px;
    margin: 0px 0 3px 0;
    display:block;
    position: relative;
}

.membersDivider
{
    margin: 15px 0 15px 0;
    height:6px;
    border-top: 1px solid #586911;
    border-bottom: 2px solid #586911;
    clear:both;
}

.membersRightRule
{
    border-right: 1px solid #958e6d;
}
        
table.members
{
    margin:0;
    border:0;
}

.memberTable table
{
    border-collapse: collapse;
    border: 1px solid #efebe1;
    border-top: 1px solid #566c11;
    border-bottom: 2px solid #efebe1; 
    width: 100%;
    color: #4c3f2e;
}      
        
.memberTable table th, .memberTable table td, .ChangePaymentOptions table th, .ChangePaymentOptions table td
{
    text-align: left;
}
        
.memberTable table td, .ChangePaymentOptions table td
{
    border-bottom: 1px solid #efebe1;
    padding: 10px;
    font-size: 14px;
    background-color: White;
}
        
.memberTable table th, .ChangePaymentOptions table th
{
    border-bottom: 1px solid #A8B27E;
    border-top: 1px solid #566c11;
    background-image: url("/_images/members/landing/grey-chrome-gradient-20px.gif");
    padding: 2px 10px 0px 10px;
    font-size: 11px;
    font-weight: normal;
    vertical-align:middle;
}
.memberTable table th div
{
    display:table-cell;
    height: 18px;
    overflow:hidden;
    vertical-align:middle;
}        
.memberTable table th a
{
    color: #889745;
}
.memberTable table img
{
    padding:0;
    margin:0;
    border:0;
    vertical-align:middle;
}
        
.memberTable .progress
{
    color: #566c11;
}
.memberTable .progress img
{
    margin-right: 15px;
    vertical-align:middle;
}
    
.billingSummary 
{
    padding: 20px;
}
        
.billingSummary .tab
{
    width: 210px;
    height: 24px;
    background-image: url("/_images/members/landing/upcoming-payments.png");
    color: transparent;
}
.billingSummary table
{
    width: 340px;
}
.billingSummary .DateColumn, .billingSummary .LOBColumn
{
    font-size: 14px;
}
        
.billingSummary .AmountColumn
{
    color: #CE7F22;
    font-weight: bold;
}
        
.billingSummary .PayColumn
{
    font-size: 10px;
}
        
.billingSummary input
{
    background-color:transparent;
    background-image: url("/_images/members/landing/btnPayNow.png");
    width: 88px;
    height: 25px;
    background-repeat:no-repeat;
    border:0;
    padding: 0;
    margin-left: -15px;
}
        
.billingSummary input:hover {
    background-position: 0px -25px;
}
        
div.policyList
{
    padding: 20px;
}
.policyList .tab
{
    width: 210px;
    height: 24px;
    background-image: url("/_images/members/landing/policy-overview.png");
    color: transparent;
}
.policyList table
{
    width: 540px;
}        
.policyList .memberTable table td
{
    border-bottom-color: #a5ad7a;
}
.policyList table th.PolicyNbrColumn
{
    text-align: right;
    width:76px;
}
.policyList table .discountColumn div.discountContainer
{
    position:relative;
    height: 23px;
    width: 80px;
    color: #a5ad7a;
    font-weight: bold;
}
.policyList table .discountColumn div.discountContainer ul li
{
    color: grey;
    font-weight: normal;
}        
.policyList table .discountColumn div.discountContainer div.discountContent
{
    position: absolute;
    width:80px;
    height: 17px;
    border: 1px solid #a5af7a;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
    padding-left:18px;
    padding-top: 4px;
    top: 0;
    left: 0;
    font-size:12px;
}
        
.policyList table .discountColumn div.discountContainer div.discountContent.ShowDiscounts
{
    height: auto;
    width: 264px;
    background-color: white;
    z-index: 99;
}

div.discountSummary, div.discountDetails
{
	padding-left:3px;
}

.policyList table .ShowDiscounts .discountSummary
{
    display: none;
}

.policyList table .discountDetails
{
    display: none;
}
.policyList table .ShowDiscounts .discountDetails
{
    display: block;
}

.policyList table .discountDetails li
{
    color:#a5ad7a;
}
.policyList table .discountColumn img
{
    position:absolute;
    left: -9px;
    top: -2px;
    z-index: 98;
}
.policyList table .discountContent.ShowDiscounts img
{
    z-index: 100;
}

.policyList th.LOBColumn
{
    width:155px;
}
.policyList th.LOBColumn div, .PaymentsOverview th.LOBColumn div 
{
    padding-left: 30px;
    background-repeat: no-repeat;
    font-weight:bold;
    font-size: 14px;
    line-height: 13px;
    height: 18px;
    overflow:hidden;
    white-space: nowrap;
}
                
.policyList th.AutoLOBColumn div, .PaymentsOverview th.AutoLOBColumn div 
{
    background-image: url("/_images/members/landing/auto-icon.png");
}
.policyList th.HomeLOBColumn div, .PaymentsOverview th.HomeLOBColumn div 
{
    background-image: url("/_images/members/landing/home-icon.png");
}
.policyList th.UMBLOBColumn div, .PaymentsOverview th.UMBLOBColumn div 
{
    background-image: url("/_images/members/landing/umbrella-icon.png");
}
        
.policyList .PremiumColumn
{
    text-align: right;
}

.policyList th.ViewColumn
{
    width:110px;
}
     
.policyList th.ViewColumn div
{
    background-image: url("/_images/layout/nav/topNavLinkMidDivider.gif");
    background-repeat:repeat-y;
    padding-left: 10px;
    margin-left: -10px;
}
     
.phoneUS
{
    background-image: url("/_images/members/landing/CallPEMCONumeric.png");
    width:138px;
    height:21px;
    position:relative;
    float:right;
    margin: 10px 20px 0px 10px;
}
     
.GlobalCustomerCareBottom
{
    padding-left: 20px;
}
/* end: landing page related css */
/* beginning: payment overview page */
.memberRibbon
{
    font-family: FranklinGothic, "Arial Narrow", Sans-Serif;
    background-color: transparent;
    width: 960px;
    height: 30px;
    font-size: 30px;
    font-weight: normal;
    color: white;
    padding: 10px;
    background-repeat: no-repeat;
    line-height: 18px;
    overflow: hidden;
    text-transform: uppercase;
}
    
.paymentsRibbon
{
    background-image: url("/_images/members/landing/landing-page-green-ribbon.jpg");
}
    
.PaymentsOverview 
{
    padding: 20px;
}

    
.PaymentsOverview .tab
{
    width: 210px;
    height: 24px;
    background-image: url("/_images/members/payments/payments-Overview.png");
    color: transparent;
}

.PaymentsOverview .PolicyPaymentDialog, .PayNowButton
{
    background-image: url("/_images/members/landing/btnPayNow.png");
    width: 88px;
    height: 25px;
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0;
}
    
.PaymentsOverview .PolicyPaymentDialog:hover, .PayNowButton:hover
{
    background-position: 0 -25px;
}

.PaymentsOverview a.ChangePaymentDialog 
{
    font-size: 11px;
}
    
.PaymentsOverview .memberTable table td
{
    border-bottom: 0;
    vertical-align: top;
    font-weight:bold;
}    

.PaymentsOverview .memberTable table td div.progress
{
    font-weight: normal;
} 

.PaymentsOverview .memberTable table td.Balance, .PaymentsOverview .memberTable table td.Due, .PaymentsOverview .memberTable table td.Plan
{
    border-bottom: 0;
    vertical-align: top;
    font-weight:bold;
    padding-bottom: 0;
}    
    
.PaymentsOverview .LOBColumn
{
    width: 190px;
}
    
.PaymentsOverview .Balance
{
    width: 110px;
}

.PaymentsOverview .Due
{
    width: 110px;
}

.PaymentsOverview .Plan
{
    width: 110px;
}
    
.PaymentsOverview label
{
    display: block;
    white-space: nowrap;
    color: #958e6d;
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.Plan label
{
    white-space: normal;
}

.Plan .PlanDescrip 
{
    white-space: nowrap;
}

.PaymentsOverview th.BalanceAndPolicyNbr
{
    font-weight:bold;
    font-size: 11px;
    padding-left: 55px;
}

.PaymentsOverview table td.MakeAPaymentButton
{
    padding-top: 0;
}
/* end: payment overview page */

.progress-bar-5-stages 
{
	width: 550px;
	background-image: url("/_images/members/modal_slices/5-stage-progress.png");
	background-repeat: no-repeat;
	height: 30px;	
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 10px;
}

.progress-bar-5-stages DIV
{
	float:left;
	width: 90px;
	height: 20px;	
	font-size: 14px;
	font-family: Arial;
	padding-top: 8px;
	padding-left: 20px;
}

.progress-bar-5-stages .breadCrumbItem
{
	color: #7d7d7d;
}

.progress-bar-5-stages .breadCrumbItemSelected
{
	color: #FFFFFF;
	font-weight: bold;
}


.progress-bar-4-stages 
{
	width: 540px;
	background-image: url("/_images/members/modal_slices/4-stage-progress.png");
	background-repeat: no-repeat;
	height: 30px;	
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 10px;
}

.progress-bar-4-stages DIV, .progress-bar-2-stages div
{
	float:left;
	width: 118px;
	height: 20px;	
	font-size: 14px;
	font-family: Arial;
	padding-top: 6px;
	padding-left: 17px;
}

.progress-bar-4-stages .breadCrumbItem, .progress-bar-2-stages .breadCrumbItem
{
	color: #7d7d7d;
}

.progress-bar-4-stages .breadCrumbItemSelected, .progress-bar-2-stages .breadCrumbItemSelected
{
	color: #FFFFFF;
	font-weight: bold;
}

.progress-bar-2-stages 
{
	width: 270px;
	background-image: url("/_images/members/modal_slices/2-stage-progress.png");
	background-repeat: no-repeat;
	height: 30px;	
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 10px;
}

.ChangePaymentOptions .frameNameInPopup 
{
    float: left;
}

.ui-widget-header  
{
	border: 1px solid #d1d1d1; 
	background-image: url(/_images/members/modal_slices/modal-title-bar-gradient.png); 
	color: #4c3f2e; 
	font-family: Arial;
	font-size: 18px;
	font-weight: bold; 
}

.ui-icon.ui-icon-closethick,
.ui-widget-header .ui-icon.ui-icon-closethick
{
	background-image: url(/_images/members/buttons/btnCloseStacked.png);
	background-position: 0 0;
	width: 22px;
	height: 20px;
}

.ui-widget-header .ui-state-hover .ui-icon.ui-icon-closethick
{
	background-position: 0 -21px;
}

.ui-widget-header .ui-state-focus .ui-icon.ui-icon-closethick 
{
	background-position: 0 -42px;
}

.ui-dialog .ui-dialog-titlebar-close
{
	margin-right: 5px;
}

.ui-dialog-titlebar-close:hover,
.ui-dialog-titlebar-close:focus
{
	border: none;
	background-image: none;
	background-color: transparent;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 1px; }

.ui-button 
{
    display:inline-block;
	margin: 1px 1px 0 10px;
    border: 0;
    padding:0;
    height:29px;
    background-color: transparent;
}
.ui-button:hover { background-position: 0 -29px; } 
.ui-button:focus { background-position: 0 -58px; } 

.ui-dialog-content.profile-ribbon 
{
	background-image: url(/_images/members/modal_slices/modal-profile-ribbon-580x64.png) !important;
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: transparent;
}

#navButtons .ui-button		
{
	margin-bottom: 10px;
}

#navButtons .cancelButton,
#navButtons .cancelButtonGray
{
	margin-left: 20px;
	float:left;
}

#navButtons .backButton 
{
	margin-right: 5px;
}

#navButtons .nextButton,.closeButton,.saveButton,.chooseFullPay,.submitPaymentButton,.changeReqSubmitButton
{
	margin-right: 20px;
}

#navButtons .makeAnotherPaymentButton
{
	margin-left: 20px;
}

/* Begin: PolicyIdentificationMsg page */
    .policyIdentificationMsg .validation-summary-errors
    {
         /*width:498px;*/ 
         height:55px;
         display: table-cell;
         vertical-align:middle;
    }

    .policyIdentificationMsg .grid_16 .validation-summary-errors
    {
         vertical-align:middle;
         width: 960px;
    }

  
   .policyIdentificationMsg {
        padding: 10px 0 10px 10px;
    }
    
    .policyIdentificationMsg .buttonBar {
        padding: 20px 0 20px 0;
    }
    
    .policyIdentificationMsg .ui-button.nextButton 
    {
        background-image: url("/_images/members/buttons/btnNext.png");
        width: 84px;
        color: transparent;
        float:right
    }
    .policyIdentificationMsg .ui-button.cancelButton 
    {
        background-image: url("/_images/members/buttons/btnCancelGray.png");
        color: transparent;
        width: 84px;
    }
    
/* End: PolicyIdentificationMsg page */

/* Begin: IDVerificationComplete page */
    .IDVerificationComplete {
        padding: 10px 0 10px 10px;
        font-size: 12px;
    }
    
    .IDVerificationComplete .buttonBar {
        padding: 20px 0 20px 0;
    }
    
    .IDVerificationComplete .validation-summary-errors 
    {	
        font-size: 12px;
    }

    .ui-button.continueButton 
    {
        background-image: url("/_images/members/buttons/btnContinue.png");
        width: 87px;
        color: transparent;
        float:right
    }

    .ui-button.finishButton 
    {
        background-image: url("/_images/members/buttons/btnFinish.png");
        width: 84px;
        color: transparent;
        float:right
    }

    
    .IDVerificationComplete .help
    {
        width: 20px;
        height: 21px;
        background-image: url("/_images/purchase/buttons/btnHelp.png" );
        background-repeat: no-repeat;
        margin-bottom: -5px;
        border: 0;
        padding: 0;
        margin-left: 5px;
        cursor: pointer;
        tab-index: none;
   }

    .IDVerificationComplete .btnHover
    {
        background-color: Transparent;
        border:0;
    }
/* End: IDVerifiationComplete page */

/* Stylish Select BEGIN*/
.js ul.newList
{
    left: -9999px;
}

ul.newList
{	
    margin: 0;
    padding: 0;
    list-style: none;
    color: #000;
    width: 220px;
    background: #fff;
    position: absolute;
    border: 1px solid #ccc;
    left: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 9999;
    behavior:none;
}

.newListSelected
{
	margin: 1px 0 1px 10px;
    color: #000;
    height: 18px;
    float: none;
    outline: 5px;
	border: 1px solid #ccc;
	line-height: 1.1em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	padding: 3px 7px 0px 7px;
	box-shadow:inset 0 3px 3px #eee;				
	-webkit-appearance: none
    behavior:none;
    background-color: #FFF;
    display:inline-block;
    background-image: url('/_images/members/dropdown-arrow-black.png');
    background-position: right;
    background-repeat: no-repeat;
}

.newListSelected:hover
{
    background-image: url('/_images/members/dropdown-arrow-orange.png');
}

.newListSelected:focus
{
	outline: 5px;
	-moz-box-shadow: 0px 0px 12px 		#387bbe /*{global-active-background-color}*/;
	-webkit-box-shadow: 0px 0px 12px 	#387bbe /*{global-active-background-color}*/;
	box-shadow: 0px 0px 12px 			#387bbe /*{global-active-background-color}*/;
}

.newListSelected span
{
    width: 100%;
    display: block;
    behavior:none;
}

ul.newList li
{
    color: #666666;
    padding: 1px 8px;
    font-size: 12px;
    font-family: Arial;
    behavior:none;
}
.selectedTxt
{
    color: #666666;
    width: 100%;
    overflow: hidden;
    height: 16px;
    padding: 0px 24px 0px 0px;
    font-size: 12px;
    font-family: Arial;
    behavior:none;
    cursor: pointer;
}
.hiLite
{
    background: #ccc !important;
    color: #000 !important;
    behavior:none;
}
.newListOptionTitle
{
    font-weight: bold;
}
.newListOptionTitle ul
{
    margin: 3px 0 0;
}
.newListOptionTitle li
{
    font-weight: normal;
    border-left: 1px solid #ccc;
    behavior:none;
}
.newListEmpty 
{
    color: #999999;
}
.newListFocus
{
    background-color: red;
}
.newListHover
{
    background: #ebebeb !important;
    color: #000 !important;
    cursor: default;
}
.newListSelHover, .newListSelFocus,
{
    background-position: 0 -22px;
    cursor: default;
}

.title {padding: 0 10px 10px 10px; font-weight: bold; font-size: 18px; color: #584c3c;}

/* Stylish Select END*/
.ContactUs 
{
    padding: 20px;
}

    
.ContactUs .tab
{
    width: 210px;
    height: 25px;
    background-image: url("/_images/members/contact-us/contact-us-tab.png");
    color: transparent;
}

.ContactUs table
{
    border-collapse: collapse;
    border: 1px solid #efebe1;
    border-top: 1px solid #566c11;
    border-bottom: 2px solid #efebe1; 
    width: 100%;
    color: #4c3f2e;
}

.ContactUs table td
{
    padding: 10px;
    font-size: 12px;
    background-color: White;
}

/*Begin: Help/Dialog Popup*/
.consumer .pepHelpLeftTop
{
	background: url('/_images/helpPopup/green/LeftTop.png');	
	_background: url('/_images/helpPopup/green/ie6/LeftTop.gif');		
	background-repeat: no-repeat;
	height: 22px;
	width: 18px;
}

.consumer .pepHelpTop
{
	background: url('/_images/helpPopup/green/TopGreen.png');	
	_background: url('/_images/helpPopup/green/ie6/TopGreen.gif');
	background-repeat: repeat-x;
	height: 22px;	
}

.consumer .pepHelpRightTop
{
	background: url('/_images/helpPopup/green/RightTop.png');	
	_background: url('/_images/helpPopup/green/ie6/RightTop.gif');	
	background-repeat: no-repeat;	
	height: 22px;	
	width: 18px;
}

.consumer .pepHelpTitleLeft
{
	background: url('/_images/helpPopup/green/LeftGreen.png');	
	_background: url('/_images/helpPopup/green/ie6/LeftGreen.gif');
	background-repeat: repeat-y;
	width: 15px;	
}

.consumer .pepHelpTitleRight
{
	background: url('/_images/helpPopup/green/RightGreen.png');	
	_background: url('/_images/helpPopup/green/ie6/RightGreen.gif');	
	background-repeat: repeat-y;	
	width: 18px;	
}

.consumer .pepHelpLeft
{
	background: url('/_images/helpPopup/green/LeftGray.png');	
	_background: url('/_images/helpPopup/green/ie6/LeftGray.gif');	
	background-repeat: repeat-y;
	width: 18px;	
}
.consumer .pepHelpRight
{
	background: url('/_images/helpPopup/green/RightGray.png');	
	_background: url('/_images/helpPopup/green/ie6/RightGray.gif');	
	background-repeat: repeat-y;	
	width: 18px;	
}

.consumer .pepHelpLeftBottom
{
	background: url('/_images/helpPopup/green/LeftBottom.png');	
	_background: url('/_images/helpPopup/green/ie6/LeftBottom.gif');	
	background-repeat: no-repeat;	
	height: 22px;
	width: 18px;		
	
}
.consumer .pepHelpBottom
{
	background: url('/_images/helpPopup/green/BottomGray.png');	
	_background: url('/_images/helpPopup/green/ie6/BottomGray.gif');	
	background-repeat: repeat-x;		
	height: 22px;	
}

.consumer .pepHelpRightBottom
{
	background: url('/_images/helpPopup/green/RightBottom.png');	
	_background: url('/_images/helpPopup/green/ie6/RightBottom.gif');	
	background-repeat: no-repeat;	
	height: 22px;
	width: 18px;		
}

.consumer .pepHelpLeftTopPtr
{
	background: url('/_images/helpPopup/green/LeftTopPoint.png');	
	_background: url('/_images/helpPopup/green/ie6/LeftTopPoint.gif');	
}
.consumer .pepHelpRightTopPtr
{
	background: url('/_images/helpPopup/green/RightTopPoint.png');	
	_background: url('/_images/helpPopup/green/ie6/RightTopPoint.gif');	
}
.consumer .pepHelpLeftBottomPtr
{
	background: url('/_images/helpPopup/green/LeftBottomPoint.png');	
	_background: url('/_images/helpPopup/green/ie6/LeftBottomPoint.gif');
}
.consumer .pepHelpRightBottomPtr
{
	background: url('/_images/helpPopup/green/RightBottomPoint.png');	
	_background: url('/_images/helpPopup/green/ie6/RightBottomPoint.gif');	
}
.consumer .pepHelpTitle
{
    background-color: #b4c78f;
}

/*End: Help/Dialog Popup*/        

/*Start: Payment Options Page*/        
    .PaymentTypeSelector 
    {
    	background-repeat: no-repeat;
    	background-image: url('/_images/members/transparent-tab-selector.png'); 
    	height: 25px;
    	width: 344px;
    }
    
    .PaymentTypeSelector A
    {
    	display: block;
    	float: left;
        width: 114px;
        height: 22px;
        font-size: 12px;
        font-family: Arial;
        padding-top: 4px;
    	color: white;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
    }

    .PaymentTypeSelector .selected
    {
    	color: #584C3C;
    }
    
    .PaymentTypeSelector.FullPay 
    {
    	background-position: 0 -25px;
    }
    
    .PaymentTypeSelector.Other
    {
    	background-position: 0 -50px;
    }    
/*End: Payment Options Page*/        

/*Start ChangeRequest Page*/

/*End ChangeRequest Page*/

/*Start Claims Page*/

div.understandingIns
{
    padding: 20px;
}

.understandingIns .tab
{
    width: 210px;
    height: 24px;
    background-image: url(../_images/members/understanding-insurance.png);
    color: transparent;
}

.understandingIns .content
{
    border-collapse: collapse;
    border: 1px solid #efebe1;
    border-top: 1px solid #566c11;
    border-bottom: 2px solid #efebe1; 
    width: 100%;
    color: #4c3f2e;
	background-color: #FFF;
}    

.understandingIns .heading
{
	border-collapse: collapse;
    border-top: 1px solid #566c11;
    border-bottom: 1px solid #b7be8f; 
    width: 100%;
    color: #4c3f2e;
	height: 18px;
	font-weight: bold;
	font-size: 14px;
	background: url(../_images/members/headingGradient.gif) repeat-x 4px;
	margin-top: -1px;
	padding-top: 2px;
}    

.understandingIns .heading span
{
	margin-left: 10px;
}    

li.pdf {
list-style-type: none;
background: url(../_images/members/pdf-icon.png) no-repeat top left;
height: 18px;
padding-left: 20px;
}

/*End Claims Page*/
/*Start ChangeRequest Page*/

/*End ChangeRequest Page*/

/*Start Cust Care Anon Page*/

div.understandingIns
{
    padding: 20px;
}

.understandingIns .tab
{
    width: 210px;
    height: 24px;
    background-image: url(../_images/members/understanding-insurance.png);
    color: transparent;
}

.understandingIns .content
{
    border-collapse: collapse;
    border: 1px solid #efebe1;
    border-top: 1px solid #566c11;
    border-bottom: 2px solid #efebe1; 
    width: 100%;
    color: #4c3f2e;
	background-color: #FFF;
}    

.understandingIns .heading
{
	border-collapse: collapse;
    border-top: 1px solid #566c11;
    border-bottom: 1px solid #b7be8f; 
	width: 540px;
	color: #4c3f2e;
	height: 18px;
	font-weight: bold;
	font-size: 14px;
	background: url(../_images/members/headingGradient.gif) repeat-x 4px;
	margin-top: -1px;
	padding-top: 2px;
}    

.understandingIns .heading span
{
	margin-left: 10px;
}    

.understandingIns ul {
	padding-left:20px;
}

.understandingIns li {
	list-style-type: none;
	background: url(../_images/members/pdf-icon.png) no-repeat top left;
	height: 18px;
	padding-left: 20px;
}

div.custSupportFAQ {
    padding: 20px;
}

.custSupportFAQ .tab {
    width: 210px;
    height: 24px;
    background-image: url(../_images/members/faqtab.png);
    color: transparent;
}

.custSupportFAQ .content {
    border-collapse: collapse;
    border: 1px solid #efebe1;
    border-top: 1px solid #566c11;
    border-bottom: 2px solid #efebe1; 
    width: 540px;
    color: #4c3f2e;
	background-color: #FFF;
}    

.custSupportFAQ li {
	list-style-type: none;
	height: 30px;
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
	line-height:25px;
}

.custSupportFAQ li img {
	margin: 3px 10px -3px 0;
	border: none;
}

.custSupportFAQ .right {
	float: right;
	width: 40%;
	padding: 10px 0 20px 0;
}

.custSupportFAQ .left {
	width: 58%;
	padding: 10px 0 20px 0;
}

.clear {
	clear: both;
}

/*End Cust Care Anon Page*/

/* Begin Claims page */

.learnMore ul {
	padding-left:20px;
}

.learnMore li {
	list-style-type: none;
	background: url(../_images/members/pdf-icon.png) no-repeat top left;
	padding-left: 20px;
}

#wrapper {
	width:900px;
	margin: 24px 30px 0px 30px;
	position: relative;
}

#claimsRightSide {
	float: right;
	width: 320px;
}

#learnMore {
	min-height: 115px;
}

#doubleTop {
	border-top: #360 1px solid;
	display:block;
	height:5px;
	width: 100%;
	position: relative;
}

#doubleBottom {
	border-bottom: #360 1px solid;
	display:block;
	height:5px;
	width: 100%;
	position: relative;
}

#claims {
	width: 540px;
}

/* End Claims page */