/* Client custom css code here */
span.last {text-align:right !important;}
#tabs div .table-row .tab-row-right {text-align:right;}
#tabs div .table-row .tab-row-right .benefit_details_value {text-align:right !important;}

#et-welcome-side p {width:250px;}/*To fit days left to enrol text in one line*/
#col5BenPend {width:130px;/*Increase width of Price Tag to You col*/}

.CreditSleeve {display:none;}/*To remove extra space at the top of benefits table*/

.fsaclaimsTable div.label {width:265px;}
.fsaclaimsTable #ClaimSubmittsionSummaryDiv table tr {background-position: inherit;}
.fsaclaimsTable table tr td {border-color: #CCC !important;}
#edit_claimant {width:375px;}
#edit_empClinic {width:365px;}
#edit_receiptNumber {width:235px;}
#edit_ExpenseCauseReason {width:365px;}

.benefits-table #col2, .benefits-table #col2BenPend {width:10em;} /*To Expand Funded Coverage column width*/

div#btnNextTop[style] {display:none !important;} /*To remove top button from Enrol step 1*/
.enrollTable {margin-top:0px !important;} /*To remove space above enrol table on Enrol Step 1*/


/*Class created for Bullet points on Outpatient Specialist - Plan Details page*/
.myBullet {text-align: left; padding-left: 30px;}

/*To reduce space between input fields and text on password reset pages*/
.ResetPassword-IntroText {min-height: 100px !important;}
.ResetPassword-IntroText .IntroText_Right {display:none;}
.ResetPassword-Step1-Container td.firstChild {
    width: 100px;
}

/*To add space after *Password within FirstTime user page*/
 /* #pwdMeter {margin-left: 0px !important;} */
#p_lt_zoneMain_TBS_LogOnFirstTime_vldPassword {margin-left: -11px;}


/*TextArea reduced on Contact Us page*/
div.EditingFormControlNestedControl textarea.TextAreaField {width: 700px !important;}

/*Step on submission summary table*/
#ViewClaimSubmissionSummaryButton {display: none !important;}
#ClaimSubmittsionSummaryDiv table tr td {border-width: 1px !important; border-style: solid !important;}
/*Breakdown claim table on step 1*/
#tbl_breakdown th {border: 1px solid #CCC !important;}
#tbl_breakdown td {border: 1px solid #CCC !important;}
/*Changes to fix algnment issues after text font changed to 15px, Arial on the site*/
input#DOB {margin-right:4px;}
div#user-info div.profile {height:0px;}
#enrollTableWrapper table tr td.tcolumn {padding-right:10px !important;}
a.button span {text-transform:none !important;}
a.button {text-transform:none !important;}
a.enrollBtn span {text-transform:none !important;}
/*Changes to fix algnment issues after text font changed to 15px, Arial on the site*/

div #hp-enrollCounter a.button-inverse {background-color: #009681;  color: #fff !important} /* 18/8/2015 added for Wing Tai Enrol button on Home page*/
div #hp-enrollCounter a.button-inverse:hover, a.button-inverse:focus {background: #666 !important} /* 18/8/2015 added for Wing Tai Enrol button on Home page*/

div #fundedcover-cost {display:none !important;}
div #ELTabPlanResult h2 {text-transform:none !important;}
div #ELTabPlanEOIResult h2 {text-transform:none !important;}
div.block-results-left h2 {text-transform:none !important;}
table.single-column #content .content-holder {margin-top: -15px !important;}
#tabs.FundingBox {display:none !important;}

div.tab-row-left h2 {text-transform:none !important;}

div.tab-row-left a.button span {text-transform:none !important;}

div.tab-plan-select-top {color:#fff !important; margin-top:2px !important; background-color:#009681 !important;}
div.tab-plan-select-top {background-image:none !important;}

div#ValidationError div h3 {display:none}

#tabs div .table-row .tab-row-left .tab-row-subtilte {display:none !important;}
#tabs .FundingBox .funding_title {display:block;}

#addingup-tabs, #addingup-pend-tabs {display:none !important;}
#addingup-tab1, #future-addingup-tab1, #addingup-tab2, #addingup-pend-tab1, #addingup-pend-tab2 {display:none !important;}

table#profile-payslip {display:none !important;}
#workTab h3 {display:none !important;}
div#ProfileSections #contactTab td.leftcol {width:36%;}
.benefits-statement-right {text-align: right !important;}
table.single-column #content .content-holder {margin-top: -15px !important;}

.fsa-claimsummary-table .oddrow .col-first {text-align: center;} /*Changed as per request in defect 151*/
.fsa-claimsummary-table .row .col-first {text-align: center;} /*Changed as per request in defect 151*/
.fsa-claimsummary-table .oddrow .col-3 {text-align: center;} /*Changed as per request in defect 151*/
.fsa-claimsummary-table .row .col-3 {text-align: center;} /*Changed as per request in defect 151*/
.fsa-claimsummary-table .oddrow .col-4 {text-align: center;} /*Changed as per request in defect 151*/
.fsa-claimsummary-table .row .col-4 {text-align: center;} /*Changed as per request in defect 151*/

/* Global */
body {
/*font: 12px/17px Helvetica,Arial,sans-serif;*/
font: 14px Arial;
background: none;
color:#000;
}
#terminator {
background: none;
padding-top:0px;
}
#containerGlobal {
background: none !important;
margin-bottom: 20px;
}
#wrapper {
background: #fff;
}
p {color:#000;}
h2 {
color:#000;
font-weight:normal;
text-transform: uppercase;
}


#main li {list-style-image:none;}
a {color:#009681;} /*Changed colour as per request in defect 151*/
a:hover {color:#666;text-decoration:none;} /*Changed colour as per request in defect 151*/
#main .two-columns {
padding: 12px 0;
width: 960px; 
}
#main .single-column {padding: 12px 0;}
.phoneNumber {color:#8e6b23;}
.ImportantMessage {
background-color: #b4b4b4;
border: 0;
color: #fff;
padding: 10px;
}
input, textarea, select {padding: 4px;}
input[type="submit"] {
background: #666;
color: #fff;
border: 0;
padding: 10px 20px;
margin-top: -50px; 
}
input[type="submit"]:hover {background: #009681;}
#cost-display-toggle {display:none !important;}
#dlg-edit-personal a:link, #dlg-edit-personal a:link a:visited, #dlg-edit-contact a:link, #dlg-edit-contact a:link a:visited {
font-family:Helvetica,Arial,sans-serif;
}
.ui-widget-content, .tabTitle {color:#000;}

/* Buttons */
a.button {
background: #009681;
font-size:12px;
font-weight:bold;
height:auto;
padding:0;
}
a.button span {
background:none;
color:#fff;
font-weight:bold;
text-transform: uppercase;
line-height:normal;
padding:8px 10px 9px 10px;
}
a.button:hover span, a.button:focus span {
background:#666;
padding:8px 10px 9px 10px;
}
a.button-inverse {
background:none #666;
height:auto;
margin-left:6px;
margin-right:0;
padding-right:0;
padding-left: 0;
width:auto;
}
a.button-inverse span {
background:none #009681;
font-size:12px;
font-weight:bold;
padding:8px 10px 9px 10px;
}
a.button-inverse:hover span, a.button-inverse:focus span {
background: #666;/*change 18/7/2015*/
padding:8px 10px 9px 10px;
}

a.enrollBtn {
background: none #009681;
border-radius: 0;
height:auto;
}
a.enrollBtn span {
float:none;
padding: 30px 0;
}
a.enrollBtn:hover {
background: #666;
text-decoration:none;
}
a.enrollBtn:hover span {color:#fff;}
#hp-enrollCounter{position: relative;background: url(/msi/media/msi-default/hp_enrollCounter.png) no-repeat;width: 328px;height: 250px;float: right;color: #6d6e71;font-size: 20px;line-height: 23px}
#hp-enrollCounter #days{display:block;font-size:42px;line-height:48px;font-weight:bold}
#hp-enrollCounter #new{display: block;padding-top: 24px;text-align: center}
#hp-enrollCounter #new a{color: #414042}
#hp-enrollCounter div{background: none repeat scroll 0 0 transparent;color: #000000;display: block;padding: 35px 70px 15px 25px}
#hp-enrollCounter .button-inverse {position: absolute;top: 200px;left: 105px;width:100px; background:#737373;padding:10px;}
#hp-enrollCounter .button-inverse:hover {background:#000000;}

#hp-noEvent{position: relative;background: url(/msi/media/msi-default/hp_enrollCounter.png) no-repeat;width: 328px;height: 270px;float: right;color: #6d6e71;font-size: 20px;line-height: 23px}
#hp-noEvent .title{display:block;font-size:24px;line-height:48px;font-weight:bold}
#hp-noEvent div{background: none repeat scroll 0 0 transparent;color: #000000;display: block;padding: 35px 70px 15px 25px}
#hp-noEvent .button-inverse {position: absolute;top: 200px;left: 105px;width:100px; background:#009681 !important;padding:10px;}
#hp-noEvent .button-inverse:hover {background:#666;}/*changes 28/18/2015*/

#Slideshow-wrapper {position: relative;margin-bottom: -35px; height: 310px; width: 608px; float: left}
#Slideshow {position:relative; overflow:hidden; width: 608px; height:310px;margin-top:0px}
.items div {float:left; width:608px; height: 310px}
.items div div{border-radius:0;height:160px;opacity:.8;overflow: hidden;padding-left:6px;padding-right:12px;width:275px;margin-top:-160px;float:right}
.navi {margin-left:0px;width:100px;height:20px;position:absolute;top: 245px;left:500px}
.navi a {width: 12px;height: 12px;float: left;margin: 3px;background:url(/msi/media/msi-default/navigator.png) 0 0 no-repeat;display: block;font-size: 1px}
.navi a.active {background-position: 0 -24px}
.navi a:hover {background-position: 0 -12px}

td#forgotQuestion.rowSpacer.firstChild
{display: block;
}

/* Enrolment Step 2 */
#tabs div .funding_title{display:none;}
#tabs div .funding_type{display:none;}
#tabs div .table-row .tab-row-right .selected th {
background: url(/chanel/media/default/icons/tab-row-plan-arrow-orange.png) no-repeat right center;
color:#fff;
width:126px;
}
.last {text-align:right !important;}
#tabs div .table-row .tab-row-right td, .zeroinput {text-align:right;}
#tabs div .table-row .tab-row-left h2, #tabs div .table-row .tab-row-left-long h2 {
line-height: normal;
}
/*#tabs div .block-results-right .price_label {display:none !important}
#tabs div .block-results-right .priceitem {display: none !important}
*/

#tabs div .block-results-right div {width: 235px;}

.tailitem {display: none;}
#tabs div .block-results-right .price {margin-top: 40px; font-size: 30px;}
#tabs div .block-results-right {width: 234px;}
#tabs div .block-results-left {width: 270px;}
#tabs div .tab-panel-left p {min-height:initial;}


/* Enrolment Step 3 */
#BenefitsTablePend2 .header td.firstChild, #BenefitsTablePend2 .header th.firstChild, #BenefitsTable .header td.firstChild, #BenefitsTable .header th.firstChild, #BenefitsTablePend .header td.firstChild, #BenefitsTablePend .header th.firstChild {background:#009681;}
.confirm-table .header td, .confirm-table .header th {background: #009681; filter:none;}
.confirmSaved {text-indent: 90px;}


/* Benefits */
#tabs .grpName {
line-height: 20px;
text-indent: 0px;
padding: 10px 0 10px 18px;
width: 166px;
background: #009681;/*changes*/
color: #FFF;
}
.confirm-table table {
border-right: 1px solid #dedede;
border-left: 1px solid #dedede;
}
.confirm-table {margin-left:3px;}
tbody#BenefitsTable tr.footer td.rowright, tbody#BenefitsTablePend tr.footer td.rowright, tbody#BenefitsTablePend2 tr.footer td.rowright, tbody#BenefitsTable tr.row td.rowright, tbody#BenefitsTablePend tr.row td.rowright, tbody#BenefitsTablePend2 tr.row td.rowright, #byo-cost-summary-table tr.row td.rowright, #byo-cost-summary-table tr.row td.rowright span {
background: #dedede;
color: #666;
}
#BenefitsTable .footer td.firstChild, #BenefitsTablePend .footer td.firstChild, #BenefitsTablePend2 .footer td.firstChild {
background: #dedede;
color: #666;
}
#BenefitsTable .footer td, #BenefitsTablePend .footer td, #BenefitsTablePend2 .footer td {
background: #dedede;
color: #666;
}
tbody#BenefitsTable .footer td.lastChild, tbody#BenefitsTablePend .footer td.lastChild, tbody#BenefitsTablePend2 .footer td.lastChild {
background: #dedede;
color: #666;
}
#summary-benefits-tabs li a {color:#666;}
#summary-benefits-tabs li {width: auto; padding: 0 10px;}
.tab1, .tab2, .tab3 {background:#dedede;}
.tab1.on, .tab2.on , .tab3.on {background:#009681;}
.benefits-table .header-sub {display:none;}
#BenefitsTable .NonCredit.YourCostDisplay {width: 200px;}
th.YourCostDisplay { text-align: center;} 
.orange-class {font-weight: bold; color:#e58f1f;}
.red-class {color:#ff0505;}
#tabs .grpName {
background: url(/static/themes/corporate/chevron.gif) no-repeat scroll 3px 13px #009681;
color: #fff;
}
#tabs .grpName:focus, #tabs .grpName:hover {background-color: #e5e5e5;  color: #000;}
#tabs .chevronUp {
background: url(/static/themes/corporate/chevronup.gif) no-repeat scroll 3px 13px #009681 !important;
}
#tabs .chevronUp:focus, #tabs .chevronUp:hover {background-color: #e5e5e5;  color: #000; /* added color*/
background: url(/static/themes/corporate/chevronup.gif) no-repeat scroll 3px 13px !important; /* removed #009681; from start*/
}
#subTabs > li {border-bottom: 1px solid #fff !important;}
#sidebar .box .ttl h3 {
    font-size: 14px;
    line-height: 17px;
}
.benefits-statement-right {text-align: right;}

/* Header */
#logo {
background: url(/wingtai/media/default/english-logo-colour-126.png) no-repeat;
width: 200px;
height: 57px;
margin-bottom:-15px; !important
}
#slogan {display:none;}
#header {padding:15px 0;}
#heading-holder {
background: none;
min-height: 45px;
padding-left: 0;
}
#heading-holder H1 {
margin:0;
font-weight: 200;
}


/* Footer */
#footer {height:auto;}
#f-nav {border-top: 1px solid #ddd;}
#f-nav li {
float:left; 
display: block; 
/*overflow:hidden;*/
line-height:16px;
background:none;
width: auto;
}
#f-nav li .text-terms-of-use,#f-nav li .text-privacy, #f-nav li .text-online-security, #f-nav li .text-contact-us, #f-nav li .text-feedback, #f-nav li .text-Cookie-Policy{
background: none;
text-indent: 0px;
}
#f-nav li a{
border-left: 1px solid #ccc;
height: auto;
margin-top: 7px;
padding: 0 7px;
text-align: left;
}
#f-nav li.firstChild a{
border-left: none; 
padding-left: 0px;
}
#f-nav li a:hover {
text-decoration: none;
}


/* Navigation */
.nav-area {
background:none #009681;
height:40px;
}
#language {padding-right: 0px;}
#language .separator {
border-left: 1px solid #737373;
background: none;
}
#user-info {
clear:both;
margin-bottom:10px;
padding:12px 0 0 0;
}
#user-info .menu-area { margin-right:0;}
#home {
border-right:1px solid #fff;
background: url(/wingtai/media/default/theme/home-icon-wingtai.png) no-repeat 8px 5px transparent;
}
#nav li {
background:none;
border-right:1px solid #fff;
height:32px;
margin-top:0;
padding: 10px 5px 0;
width:auto;
}
#nav li span.first {position:absolute;position:absolute;top:-1px;left:-45px;width:4px;height:32px}
#nav li a {float:left;display:block;padding:1px 9px; font-weight: bold;color:#fff;font-size:14px;width:auto;text-align:center; text-decoration:none;text-transform:none!important;}
#nav li .home-link {background:url(/static/themes/corporate/icons/ico-home.gif) no-repeat scroll 4px 50% transparent;height:19px}
#nav a:hover {text-decoration:none}
#nav li img {display:block;border:0}
#nav li:hover a,
#nav li.hover a {text-decoration:none;color:#000;}
#nav li:hover, #nav li.hover{
position:relative;
background-color:#e5e5e5;
background-image:none;
}
#nav li:hover .drop,
#nav li.hover .drop {margin-left:0px; clear:both;}
#nav li .drop {margin-left:-30000px;position:absolute;width:auto;left:-1px;top:42px;z-index:10; background-color: #e5e5e5; border:1px solid #e5e5e5; border-top: none;}
#nav li .drop .top {width:auto;height:11px;background:none; background-color: #e5e5e5; font-size:0;line-height:0}
#nav li .drop .bottom {width:auto;height:40px;background:none; background-color: #e5e5e5; font-size:0;line-height:0; display: none;}
#nav li .drop .center {width:auto;background:none;padding:0;}
#nav li .drop .drop-content {width:auto;background:none; background-color: #e5e5e5; min-height: 0px;padding:5px 0 10px 0;overflow:hidden}
* html #nav li .drop .drop-content {height:auto;overflow:visible}
#nav li .drop {top: 40px;}
#nav li .drop .img {float:right;width:182px;padding:0px; display: none;}
#nav li .drop .img img {display:block}
#nav li .drop .info {float:left;border:0;width:auto;color:#333;font-size:12px;line-height:15px;min-height:0px}
#nav li .drop .info .column {float:left;width:auto;padding:0 15px;}
#nav li .drop .info p {margin:0 0 15px;color:#333;}
#nav li .drop .info p a {display:block;float:none;border:0;height:auto;background:none;padding:0 0 4px 0;font-size:12px;font-weight:bold;color:#000;text-decoration:none;text-align:left;width:165px}
#nav li .drop .info p a:hover {text-decoration:none; color:#000;}
#nav li.firstChild .drop {left:-1px}
#nav li.lastChild .drop {left:-1px}
#nav .drop .info .list a {display:block;background:none;border:0}
#search-form .row .text-search {
padding: 4px 5px;
background: none #fff;
}
#search-form .row .btn-submit {
height: 20px;
background: none;
color: #fff;
font-size: 14px;
padding-top: 3px;
padding-left: 4px;
}


/* Side bar */
#sidebar .box {
width: 193px;
border: 1px solid #dedede;
}
#sidebar .box .frame {
background:#fff;
border: 1px solid #999;
color:#000;
}
#sidebar .box .ttl {
background: #009681;
border-bottom: 1px solid #999;
font-size: 15px;
padding: 0px 12px;
width: 170px;
}
#sidebar .box .ttl h3{
color:#fff;
padding: 10px 0;
}
#sidebar .box .text {
width:178px;
padding:8px;
}
#sidebar .nav {display:none;}
#sidebar .box .bottom {height:0;}
#sidebar .box .bottomPayroll {
background:#dedede;
color:#666;
font-size:13px;
padding:5px;
width: 181px;
border: 1px solid #999;
border-top: 0;
}
#current-elections-widget .box .bottomPayroll #total-caption, #sidebar .box .bottomPayroll #total-caption-net {margin-right: 2px;}
#current-elections-widget .box .bottomPayroll .RightCol {
margin-left: 2px;
margin-right: 2px;
}
#current-elections-widget .box .text .insur {width: 80px;}
#sidebar .box .text .insurPrice-eoi {
width: 80px;
text-align: right;
}
#current-elections-widget .box .bottomPayroll .LeftCol{width: 80px;margin-left:4px;}
#current-elections-widget .box .bottomPayroll .RightCol {width: 90px;margin-left:2px;}

  
/* Login page */
.LoginHeader {border-bottom:0;}
.LoginFooter {border-top: 1px solid #ddd;}
.LoginRightCol {padding-top: 22px;}
.LoginBox .DialogPosition {margin-left: 0;}
.LoginBox input {
width:170px;
height:20px;
border: 1px solid #b4b4b4;
}
#loginControl {
width: 310px;
margin-left: 0;
margin-right: 0;
}
#LoginControl td {margin:0;padding:0;}
#loginControl .error {text-align:left;}
.LoginBox .LoginButton {float: right;}
.LoginBox h2 {
background:none #fff;
color: #000;
padding: 0;
border-bottom: 0;  
margin: 0 0 15px 0;
}
.LogonPageBackground {
background:none;
border: 1px #b4b4b4 solid;
padding:15px;
}
#locale {
width: 326px;
margin-top: 25px;
padding-right: 0px;
}
#locale .separator {border-left: 1px solid #737373;background:none;}
#languageselection {display: none;}


/* Profile */
#prefrenceTabContainer, #dependentsTabContainer,#profileQualifyingEventSpanID-Personal ,#profileQualifyingEventSpanID-Work, #profileQualifyingEventSpanID-Contact 
{display:none !important;} /*To hide Qualifying Life Events button on Profile page*/
#profile-personalinfo {min-height: 125px;}
#profile-personalinfo h2{text-transform: capitalize;}/*change 20/8/2015*/
#profile-contactinfo h2{text-transform: capitalize;}/*Added to change Contact Infor to lower case on Profile*/
#profile-workinfo h2{text-transform: capitalize;}
#worktab h3{ display: none;}
a#save-contact-info { display: none;}

#profile-securityinfo h2{text-transform: capitalize;}

/* FSA */
#fsa-claimsummary-tabs {padding-top: 12px;}
.fsaclaimsummarytab1 , .fsaclaimsummarytab2, .fsaclaimsummarytab3 {background: #dedede;}
.fsaclaimsummarytab1.on , .fsaclaimsummarytab2.on, .fsaclaimsummarytab3.on {background: #009681;}
#fsa-claimsummary-tabs li a {color: #666;}
.fsa-claimsummary-table {margin-left: 3px;}
.fsa-claimsummary-table .header td, .fsa-claimsummary-table .header th {background:#009681;}
.fsa-claimsummary-table table {
border-right: 1px solid #dedede;
border-left: 1px solid #dedede;
border-bottom: 1px solid #dedede;
#ViewClaimSubmissionSummaryButton {display: none;}
}
.fsa-claimsummary-table .oddrow {background:url(/static/themes/corporate/benefitsTable/col2BG.png) repeat-x #f5f5f5;}
#fsa-claimsummary-tabdetails {margin-bottom:15px;}
#tabs div .table-row .tab-row-left {width: 240px;}
#tabs div .table-row .tab-row-left .benefit_details_value {width: 135px;}
.fsa-claimsummary-table .header #col1 {width: 137px;text-align: center;}
.fsa-claimsummary-table .header #col4, #col5 {text-align: center;}
/* Search Bar*/
#search-form {display:none;}

/* Enrolment */
.enrollTable #topInfo {
border-radius: 0;
background-color: #6d6d6d;
padding-top:4px;
padding-bottom: 4px;
height: 32px;
line-height: 28px;
}

/*Account Statement*/
#tabs div .block-results-right .price {padding: 3px;}


ul#subTabs li a span span.tabTitle {
    margin-left: 1px;
}
div.block-result-right span.funding_title
{display:block;
}

/*claims table*/

/*.fsaclaimsTable table tr {background: #fff;}*/
.fsaclaimsTable table tr td {padding-left: 5px;}
/*.fsaclaimsTable #ClaimSubmittsionSummaryDiv table tr {background: #fff;}*/

/*benefits overview page*/



/*forms button shift up*/
/*div.EditingFormControlNestedControl input.FormButton {margin-top: -50px;}*/

#HomePageWelcomeText{
width:612px;
float:left
}


#webChatStatus {
    position: relative;
    left: -40px;
    width: 160px;
    float: right;
  margin-right: 26px;
}
#chatUnavailable a {
    background: transparent url("/wingtai/media/default/webchat_unavailable_sh_1.png") 
}

.chatButton {    
     padding-right: 0px;
     margin-bottom: 10px;
   }

.pageIntro h2 {
  font-weight: bold !important
  }

.includeCPFableTD
{
  color: #6d6c6d;
font-weight: bold;
  }


.ui-widget-content, .tabTitle {
    color: #6d5e64;
}
#tabs div .table-row .tab-row-left .benefit_details_label
{
  width: 100px !important;
  }

#pwdMeter {
    margin-left: 3px !important;
    display: inline-block !important;
}

/* To hide employee name on MFA Auth page */
label#p_lt_zoneMain_TBS_MFAAuth_lblUserName.user-data{
  display: none !important;
}

/* To adjust width of Mobile no. country code dropdown on MFA Auth page */
.mfa-option select{
  width: 27%;
}  



/* Minification failed (line 558, error number 1062): Expected semicolon or closing curly-brace, found '#ViewClaimSubmissionSummaryButton' */