/*********************************
     Global Elements
*********************************/

body {
  color: #333;
  font: 12px/17px Arial,"Myriad Pro",Helvetica,sans-serif;
  background:url(/media/i-flex/default/themes/default/bg-page.jpg) no-repeat scroll 25px 0 transparent;
  background-attachment: fixed;
  margin: 0 0 12px;
}

h3 {
  color: #EC008C;
  font-weight: normal;
}

#terminator{
  background:url("/static/themes/corporate/backgrounds/page-term-shadow.png") no-repeat scroll center bottom transparent;
}

a {
  color: #006899;
}

body {  
background-color: transparent;
}

#terminator {
background-color: transparent;
}

#containerGlobal {
/*
  background-color: transparent;
  */
  background: none;
}

#main{
 background-color:transparent; 
}

/*********************************
      Header Section
*********************************/

#home {
  height: 30px;
  margin-left: 18px;
}

#logo {
  height:54px;
  background: url(/media/i-flex/default/themes/default/T-Systems-banner.jpg) no-repeat;
  padding-bottom: 48px;
  margin-left: 0px;
  width: 100%
}


.LoginHeader {
  border-bottom: solid 7px #E10277;
}

#header {
  padding-top: 26px;
}

#heading-holder {
  display:none;
  background: none;
  min-height: 52px;
  padding-left: 20px;
  padding-top: 5px;
}

.welcome{
 position:relative;
 left:30px; 
}

#logout{
 font-weight:bold;
 color: #333;
}
#logout a {
 font-weight:bold;
 color: #333;
}

/*#logout {
  display: block;
  clear: both;
  overflow: hidden;
  padding-right: 1px;
}

#logout a {
  background: url(/ally/media/default/themes/default/bg-menu.gif) no-repeat;
  font-size: 12px;
  line-height: 17px;
  padding: 0 0 0 11px;
  color: #292926;    
}

#logout a:hover {
  background: url(/ally/media/default/themes/default/bg-menu-hover.gif) no-repeat;
  text-decoration: none;
  color: white !important;
}*/



/*********************************
    Navigation Section
*********************************/

.nav-area {
  background:url(/media/i-flex/default/themes/default/bg-nav.gif) no-repeat scroll 0 0 transparent; no-repeat;
  padding: 1px 0px;

}

#nav li {
  background: none;
  padding: 6px 5px 0;
  width:auto;  
}

#nav li .drop .info p a {
  color:#650360;
}

.nav-area .a .home {
  margin-top: -5px;
}

#nav li a {
font-size: 16px;
  color: #292926;
  width:auto;

}


#nav li .drop .info p a {
  color: #000000;
  font-weight: bold;
}

#nav li .drop .info p {
  color: #000000;
}

/*********************************
    Content Section
*********************************/
.heading-holder{
 display:block; 
}
#main .two-columns {
  overflow: hidden;
  padding: 12px 8px 0px 8px;
  width: 944px;
  min-height: 0px;
  /*margin-top: -73px;*/
}

#user-info {
  padding: 30px 10px;
  position: absolute;
  right: 10px;
}

#sidebar .box .frame {
  border-bottom: none;
  border-left: none;
  border-right: none;
  background: url(/media/i-flex/default/themes/default/bg-box-mid.png) repeat-y;
}

#sidebar .box .bottom {
    font-size: 0;
    height: 10px;
    line-height: 0;
    width: 195px;
    background: url(/media/i-flex/default/themes/default/bg-box-bottom.png) no-repeat;
}
#current-elections-widget .box .bottomPayroll span {margin: 6px 4px;}
#current-elections-widget .box .bottomPayroll .LeftCol  {width:118px;}
#current-elections-widget .box .bottomPayroll .RightCol  {width:56px;}

#sidebar .box .ttl {
  background: none;
  min-height: 0px;
}

#sidebar .box .ttl .library {
  background:url(/media/i-flex/default/themes/default/ico-library-h2.gif) no-repeat scroll left center transparent;
  padding: 0 0 0 21px;
}

#sidebar .box .ttl h3 {
    color: #EC008C;
  font-size: 18px;
}

.phoneNumber{
  color: #650360;
}

#sidebar .nav LI {
  font-size: 9px
}

/*
#personalInfoWorkDisplay {
  display:none
}
!Important

#personalInfoWorkDisplayHeader {
  display:none
}
!Important
*/

#main h2 {
  color: #000000;
}

#main h3 {
  margin: 32px 0px 10px 0px;
  color: #39C;
  font-weight: normal;

}

#heading-holder h1 {
  margin-top: 0px;
  padding-top: 14px;
  /*
  position: absolute;
  */
  top: 210px;
  left: 170px;
  font-size: 20px;
  color: #EC008C;
  z-index: 1;
}

#main li {
  list-style-image: url(/media/i-flex/default/themes/default/bullet-01.gif)
}

#content{
 background-color:#ffffff; 
}

#content .content-top {
  height: 35px;
    background: url(/media/i-flex/default/themes/default/bg-content-top.png) no-repeat;
  font-size: 0;
  line-height: 0;
}

#content .content-mid {
  width: 723px;
  background: url(/media/i-flex/default/themes/default/bg-content-mid.png) repeat-y;
}

#content .content-holder .heading-holder {
    display: block;
}

.ico-checklist {
 position:relative;
 top:-28px; 
}

#content h2.ico-checklist{
  color:#EC008C;
}
.content-top #heading-holder {
    display: block;
}
#content .content-bottom {
  height: 12px;
  background: url(/static/themes/corporate/bg-content-bottom.png) no-repeat;
  font-size: 0;
  line-height: 0;
}

.single-column #content .content-mid {
  width: 960px;
}

/*
#slogan {

  margin:16px 0px 0px 180px;
  margin-bottom: 20px;
  margin-top: 90px;
  margin-left: 0px;
}
*/

/*
a.enrollBtn {
  display: block;
  background: url(/media/i-flex/default/themes/default/enrollBtn_1.png) no-repeat transparent;
  text-indent: -9999px;
  text-align: left;
  width: 201px;
  height: 85px;
}

.enrollBtn:hover {
  background: url(/media/i-flex/default/themes/default/enrollBtn_1.png) no-repeat transparent;
  text-indent: -9999px;
  text-align: left;
  width: 201px;
  height: 85px;
}*/


a.enrollBtn{
  background: url(/media/i-flex/default/login/enrollBtn.png) no-repeat 0px 0px;
    width: 201px;
  height: 85px;
}

.enrollBtn:hover {
  background: url(/media/i-flex/default/login/enrollBtn.png) no-repeat 0px 0px;
    width: 201px;
  height: 85px;

}


a.enrollBtn span {
    display: inline;
    float: left;
    padding: 28px 0 0 45px;
}
#sidebar .nav LI SPAN {
  background: url(/media/i-flex/default/themes/default/allybullet.png) no-repeat;
}

#subTabs li{display:inline}

#enrollment-Steps {
  background: url(/media/i-flex/default/themes/default/enrollmentStepsBG.png) no-repeat;
  width: 423px;
  height: 137px;
  padding: 10px 0px;
  margin-bottom: 20px;
}

#enrollment-Steps ul {
  list-style: none;
  line-height: 36px;
  text-indent: 10px;
  font-family: Arial, "Myriad Pro", Helvetica, sans-serif;
  font-size: 12px;
  margin-top: -6px;
}

#enrollment-Steps ul li {
  list-style: none;
  padding-left: 4px;
}

#enrollment-Steps p {
  color: #6D6E65;
  padding-left: 25px;
  margin-top: -2px;
  font-size: 13px;
  font-family: Arial, "Myriad Pro", Helvetica, sans-serif;
}

#sidebar .box .top {
  width: 195px;
  background: url(/media/i-flex/default/themes/default/bg-box-top.png) no-repeat;
  height: 10px;
  font-size: 0;
  line-height: 0;
}

#content .block {
  padding: 20px;
}

#enrollment-welcome-content h3 {
  padding-bottom: 5px;
      color: #EC008C;
}

#user-info .separator {
  margin: 8px;
}

#search-form {
margin-top: -5px;
}

.button-floatright .personalInfo-edit{
display:none;
}

.button-floatright .contactInfo-edit{
display:none;
}

#services {
 width: 100%;
padding: 14px 0 0 0;
margin: 0 0 15px;
display:  block;
}

#breadcrumbs {
float: left;
margin: -33px 0 0;
position: relative;
padding: 5px 0 0;
list-style: none;
background: url(/static/themes/corporate/bg-breadcrumbs-first.gif) no-repeat;
text-transform: capitalize;}

#breadcrumbs li{
  list-style-image: none;
}

#enrollment-welcome-content {
  float: left;
  display: inline;
  width: 465px;
  padding-right: 17px;
  padding-top: 12px;
}

#enrollment-welcome-side {
  float: left;
  display: inline;
  width: 212px;
  padding: 25px 0px 0px;

}

#enrollment-welcome-side h4 {
  font-family: Arial, "Myriad Pro", Helvetica, sans-serif;
    color: #EC008C;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 0px;
  padding: 22px 0px 0px;
}

#enrollment-welcome-side p strong {
  font-size: 28px;
  color: #C30;
  line-height: 30px;
}

#enrollment-welcome-side p {
  margin: 0px auto 15px;
  text-align: center;
  line-height: 31px;
  padding: 0px;
  font-family: Arial, "Myriad Pro", Helvetica, sans-serif;
  font-weight: bold;
  color: #6D6E65;
  font-size: 14px;
}

#sidebar .nav li span {
  background: url(/media/i-flex/default/themes/default/bullet-02.gif) no-repeat 0 3px;    
}

#top-ba-chart {
  height: 20px;
  background: url(/media/i-flex/default/themes/default/bg-ba.png) no-repeat;
}

td.left {
  background-color: #F2F2F2;
  border-bottom: 2px solid #EEE;
  border-left: 2px solid #EEE;
  color: #EC008C;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  width: 170px;
}

td.right {
  border-right: 2px solid #EEE;
  border-bottom: 2px solid #EEE;
  float: left;
  width: 408px;
}
/*
a.button-inverse {
  background: url(/media/i-flex/default/themes/default/bg-menu.gif) no-repeat;
  font-size: 12px;
  line-height: 17px;
  padding: 0 0 0 11px;
  float: left;
  color: #292926;
}
a.button-inverse:hover {
  background: url(/media/i-flex/default/themes/default/bg-menu-hover.gif) no-repeat;
  text-decoration: none;
  color: white;
}
a.button-inverse span {
  background: url(/media/i-flex/default/themes/default/bg-menu.gif) no-repeat 100% 0;
  padding: 2px 10px 11px 0;
  float: left;
  cursor: pointer;
}
a.button-inverse:hover span {
  background: url(/media/i-flex/default/themes/default/bg-menu-hover.gif) no-repeat 100% 0;
  padding: 2px 10px 11px 0;
}

a.button-inverse span {
    background: url("/media/i-flex/default/login/button-inverse.png") no-repeat scroll 100% 0 transparent;
    cursor: pointer;
    float: left;
    padding: 2px 10px 11px 0;
}

*/



/*********************************
     Footer Section
*********************************/

#f-nav {
  border: none;
  background: url(/media/i-flex/default/themes/default/bg-f-nav.gif) no-repeat;
  padding: 1px;
}

#f-nav li {
  background: url(/media/i-flex/default/themes/default/sep-footer-nav.gif) no-repeat 0 50%;
  color: #292926;
}

#f-nav li a:hover {
  background-color: #FFFFFF;
  text-decoration: none;
  color: #292926;
}

#f-nav li .text-terms-of-use {
background: url(/media/i-flex/default/themes/default/ico-terms-of-use.gif) no-repeat 27px 5px;
color: #292926;

}

#f-nav li .text-privacy {
background: url(/media/i-flex/default/themes/default/ico-privacy.gif) no-repeat 32px 12px;
  color: #292926;

}

#f-nav li .text-online-security {
background: url(/media/i-flex/default/themes/default/ico-security.gif) no-repeat 32px 5px;
  color: #292926;

}


#f-nav li .text-contact-us {
background: url(/media/i-flex/default/themes/default/ico-contact-us.gif) no-repeat 30px 9px;
  color: #292926;

}

#f-nav li .text-feedback {
background: url(/media/i-flex/default/themes/default/ico-feedback.gif) no-repeat 37px 8px;
  color: #292926;
}

.LoginFooter {
  border-top: none;
  border-bottom: solid 7px #E10277;
}

.single-column #content .content-top {
  background: url(/media/i-flex/default/themes/default/bg_single_column_top.png) no-repeat;
  display: block;
}

.single-column #content .content-mid {
  background: url(/media/i-flex/default/themes/default/bg_single_column_mid.png) repeat-y;
  min-height: 675px;
}

.single-column #content .content-bottom {
  background: url(/media/i-flex/default/themes/default/bg_single_column_bottom.png) no-repeat;
  display: block;
}

#main .single-column {
  padding: 0px;
  background:#ffffff;
  opacity:0.90;
filter:alpha(opacity=90)

}

.single-column #content .content-holder {
  width: 960px;
}

.single-column #content {
  float: none;
  width: 960px;
  margin-top: 12px;
}

.div_print {
  display: none;
}

#BenefitsTable .footer td.firstChild, #BenefitsTablePend .footer td.firstChild {
  background: url(/static/themes/corporate/benefitsTable/mainTableGreen.png);
}

#BenefitsTable .footer td, #BenefitsTablePend .footer td {
      background: url(/static/themes/corporate/benefitsTable/mainTableGreen.png);
}

#content .block ul {
    margin-left: 5px;
}

.block #profile  ul {
    margin-left: 0px;
}

#profile .ui-tabs {
  margin-left:-10px;
}

#profile {
display:none;
margin-left: -14px;
margin-top: -33px;
}
#profile #tabs{
 background-image: none;
}

.profile-lifeEvent-Declare {
margin-top: 115px;
}

.scrollable1 {
    position: relative;
    overflow: hidden;
    height: 327px;
    width: 700px;
}


#content .content-holder {
    padding-left: 15px;
}

.benefits-table .footer td {
    background-position: 0% 0%    
}

.benefits-table .footer td.lastChild {
    background-position: 0% 0% !important
}

.benefits-table .footer td.firstChild, .benefits-table .footer td:first-child {
    background-position: 0% 0%
}
.enrollTable .personalInfo-edit {display: none!important;}
.enrollTable .contactInfo-edit {display: none!important;}

#tabs #workTabContainer {
    display: none;
}
#tabs DIV .block-results-right .price {margin-top: 75px;}


A.currButton HoverButton Button-150 selectThis {
background: url(/static/themes/corporate/button-a.png) no-repeat right top;
color: #444;
display: block;
float: left;
height: 20px;
margin-right: 6px;
padding-right: 18px;
text-decoration: none;
text-align: center;
text-indent: 0px;
}

.HoverButton SPAN
{min-width: 45px;
padding-bottom: 5px;
line-height: 14px;
padding-left: 18px;
padding-right: 0px;
display: block;
background: url(/static/themes/corporate/button.png) no-repeat;
cursor: pointer;
font-weight: normal;
padding-top: 2px;}

.scrollable {height:100px}

#plc_lt_zoneMain_TBS_LogOnForm_lnkPasswdRetrieval,
#plc_lt_zoneMain_TBS_LogOnForm_pnlPasswdRetrieval {display:none;}
#session-expire-message{display:none;}
.LoginLeftCol{
 padding-right:5px; 
}

/*Contact Us Page*/

#p_lt_zoneTop2_pageplaceholder_p_lt_zoneMain_ContactUsForm_viewBiz{
background:url("/media/i-flex/default/themes/default/bg-content-mid.png") repeat-y scroll 0 0 transparent;
padding:15px;
}
/*Feedback Page*/
#p_lt_zoneTop2_pageplaceholder_p_lt_zoneMain_FeedbackForm_viewBiz_ctl00_pnlForm{
background:url("/media/i-flex/default/themes/default/bg-content-mid.png") repeat-y scroll 0 0 transparent;
padding:15px;
}
.enrollTable #topInfo {
    background: url("/media/i-flex/default/themes/default/T%20-%20Systems/t-sysentableM2.JPG") repeat-x scroll 0 0 transparent;
}
#content .enroll-process-bar {
    background: url("/media/i-flex/default/themes/default/T%20-%20Systems/tsys-Enrol-process_1.GIF") no-repeat scroll 0 0 transparent;
}

#content .enroll-process-bar {
 height: 45px
}
#enr-process-number-one.active, #enr-process-number-two.active, #enr-process-number-three.active {
    color: #0099CC
}    
#sidebar .box .BenNameSubHead {
 color: #EC008C;
}
#sidebar .box .text .insurPrice {
    color: #0099CC;
}
#tabs div .block-results-right .price {
    color: #84C441;
}
#tabs div .block-results-right .priceitem {
    color: #84C441;
}
#tabs div .tailitem {
    border-bottom: 1px solid #0099CC;
}
.plan_label {
    color: #EC008C;
}
#tabs div .block-results .plan_coverage {
    color: #EC008C;
}    
#tabs div .table-row .tab-row-left .selected, #tabs div .table-row .tab-row-left-long .selected {
    color: #EC008C;
}
#tabs div .table-row .tab-row-right td, .zeroinput {
    color: #0099CC;
}  
#tabs div .minamt, #tabs div .maxamt {
    color: #0099CC;
}

.sliderlabel {
    color: #0099CC;
}

#AddingUpTable {display:none;}
#AddingUpTablePend {display:none;}
#current-residual-cash-widget{display:none !important}
/*
.item .item_wrapper {
    height: 320px;
    margin-right: 12px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 12px;
    padding-right: 18px;
}
*/
#scrollable_wrap{
 height:415px;
}

#currentBenefitElections .PerPay{
 color: #84c441;
}
.benefits-table .header-sub{
 color: #84c441;
}
#tabs div .tailitem{
  border-bottom:#84c441 1px solid;
}
.sliderlabel{
  color:#84c441;
}
#tabs div .minamt{
  color:#84c441; 
}
#tabs div .maxamt{
  color:#84c441; 
}
#tabs div .table-row .tab-row-right td{
  color:#84c441;  
}
#dlg-confirm .textWrapper{
 height:auto; 
}


#headline {
height: 160px;
width: 719px;
float: left;
background: url(/media/i-flex/default/i-flex/default/T-systems_rotating-banner_760px-160p.jpg) no-repeat;
margin-bottom: 30px;
}


.confirm-table .header td, .confirm-table .header th
{padding: 0px;}

/*arrow poiting selected cover*/

div#record3fb5682a-62d6-446a-b235-d872b3ee4f71 th 
{font-size: 0px;}

/*life events*/
.scrollable {
    height: 110px !important;
}

/*flex allowance*/

#line463d66b0-93a1-48ff-a666-4354bf1418a0 #fundedcover-cost {
    display: none !important;
}

.FundingBox.line463d66b0-93a1-48ff-a666-4354bf1418a0 > div {
    display: none !important;
}


/*
#tile5 .front{background: url("/bigbluetouch/media/default/images/model.png") no-repeat scroll center top;}
*/
#tile1 .front
{
  background: no-repeat scroll;
  //background-size:33%;
  //background-position: 92% 65%;
}
#tile5 .front
{
  background: no-repeat scroll center top;
  //background-size: 64%;
  //background-position: 82% 81%;  
}
#tile2 .front
{
  background: no-repeat scroll center top;
  //background-size: 30%;
  //background-position: 92% 73%;  
}
#tile3 .front
{
  background: no-repeat scroll center top;
  //background-size: 47%;
  //background-position: 81% 77%;    
}
#tile4 .front
{
  background: no-repeat scroll center top;
  //background-size: 47%;
  //background-position: 81% 77%;     
}
#tile6 .front
{
  background: no-repeat scroll center top;
  //background-size: 30%;
  //background-position: 89% 74%;       
}
#tile7 .front
{
  background: no-repeat scroll center top;
  //background-size: 58%;
  //background-position: 82% 80%;  
}
#tile8 .front
{
  background: no-repeat scroll center top;
  //background-size: 33%;
  //background-position: 91% 77%;    
}


/*Home Page */
div#homecol1 #tile1 {background-image:url("/media/i-flex/images/T-Systems_welcome-tile.png");}
div#homecol1 #tile3 {background-image:url("/media/i-flex/images/T-Systems_life-event-tile.png");}
div#homecol1 #tile2 {background-image:url("/media/i-flex/images/T-Systems_image-tile.png");}	
div#homecol2 #tile4 {background-image:url("/media/i-flex/images/T-Systems_pink-tile.png");}
div#homecol2 #tile5 {background-image:url("/media/i-flex/images/T-Systems_Discounts-tile.png");}
div#homecol3 #tile8 {background-image:url("/media/i-flex/images/T-Systems_TRS-tile.png");}
div#homecol3 #tile7 {background-image:url("/media/i-flex/images/T-Systems_pension-tile.png");}
div#homecol3 #tile6 {background-image:url("/media/i-flex/images/T-Systems_anytime-tile.png");}	
#logo{background:url("/media/i-flex/images/T-Systems_i-flex-logo.png") no-repeat scroll 0% 0% !important ; }
#containerGlobal{background-color: white;}
#main p {margin-left:10px;} 
#main h2 {color: White; font-size: 1.8em; cursor: default; line-height: 1.1em; font-weight: 100; margin-top: 0em; margin-left: 10px; margin-bottom: 10px;padding: 7px 0px 0px 0px; }	
.tile {line-height:1.6em !important;}
.tilegrid {float: left; width: 100%; margin: -40px 0px 10px 5px !important;}
#f-nav li .text-terms-of-use {background: transparent url("/media/i-flex/images/termsOfuse_icon.png") no-repeat scroll 30px; color:#bb66db;}
#f-nav li .text-privacy {background: transparent url("/media/i-flex/images/privacy_icon.png") no-repeat scroll 32px 12px;color: #bd70da;background-size: 25px;}
#f-nav li .text-online-security {background: transparent url("/media/i-flex/images/onlineSecurity.png") no-repeat scroll 32px 6px;color: #bd70da;background-size: 15px;}
#f-nav li .text-contact-us {background: transparent url("/media/i-flex/images/contactUs.png") no-repeat scroll 30px 9px;color: #bd70da;background-size: 23px;}
#f-nav li .text-feedback {background: transparent url("/media/i-flex/images/feedback.png") no-repeat scroll 37px 8px;color: #bd70da;background-size: 20px;}
#f-nav {border-top: 3px solid purple; border-bottom: 3px solid grey;}
#f-nav li {background: transparent url("/media/i-flex/default/themes/default/sep-footer-nav.gif") no-repeat scroll 0px 50%;}
#user-info {margin-top: 70px;}
.nav-area {margin-top: 130px;}
#logout a {margin-right: -20px;}
div#homecol1 #tile1 p{line-height:0em;color:lightgrey;}
div#homecol1 #tile1 h2{color:lightgrey;}
#logout a{color:#bb66db;}

/*life event page side bar*/
#sidebar .nav li a {
    height: 22px;
    line-height: 12px;
    }

#nav a[href="/Discount-Scheme"]~div {display:none;}

/* #content .text p {                             /* Text hidden on Life event page */
/*    line-height: 15px;
/*    display: none;
}            
/*life style overview menu*/
#sidebar .nav li{height : 33px !important }
/*
#personalInfoAddressDisplay td.tcolumn .trow:nth-child(6){display:none !important;}
#personalInfoAddressDisplay td.tcolumn .trow:nth-child(7){display:none !important;}
tr#personalInfoAddressDisplay .enrollTable .trow:nth-child(3){display:none !important;}*/

/* Updates required for renewal 2019*/
.benefits-table .header #col4, #col5 {
    text-align: center;
    width: 110px;
}

.confirm-table table {
    width: 937px;
}

/* Minification failed (line 918, error number 1062): Expected semicolon or closing curly-brace, found '/' */