/* MeinVodafone - CSS */

* {
    border: medium none;
    font-family: "VodafoneRgRegular",Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
}


/* Rhombus Layout Consolidation fixes */
#top-links {
    position: relative !important;
    right: auto !important;
}
#myVodafoneMatrix{
font: normal 14px/16px "VodafoneRgRegular",Arial,Helvetica,sans-serif;
}
/* fix pixel space after body */
div.divPageMain {
    position: absolute;
    top: 0;
}

 .header-transaction {
    margin: 0 auto;
    padding: 0 15px;
    width: 956px;
}
.header-transaction .back-to-prev .btn-sml {
    margin: 0 7px 0 0;
    padding: 2px;
    width: auto;
}
.btn {
    outline: 0 none;
}
.btn {
    font-size: 14px;
    padding: 8px 15px;
    width: auto;
	height:30px;
}
.btn-alt {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e9e9e9;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    color: #333;
}
a, .link, .link-big, .link-body {
    color: #333;
    cursor: pointer;
    text-decoration: none;
}
/*----[moduleContract]----*/
.moduleContract {
    margin: 0 auto;
    height: 30px;
}
.moduleContract .contractInfo {
    float: right;
    margin: 5px 0 0 0;
}
.moduleContract.width300 {
    width: 325px;
}
.width300 .dropDownMenu,
.width300 .dropDownMenu dd { /* IE7 BugFix */
    width: 300px;
}
* html .width300 .dropDownMenu dd .section span.name { width: 170px; /* IE6 BugFix */ }
* html .moduleContract .contractInfo { margin: 10px 0 0 0;  /* IE6 BugFix */ }
/*----[contractChooser]----*/
.contractChooser {
    margin: 5px 0 10px 0;
}
/*----[dropDownMenu]----*/
.dropDownMenu,
.dropDownMenu dd { /* IE7 BugFix */
    width: 412px;
}
* html .dropDownMenu dd .section span.name {
    width: 50px; /* IE6 BugFix */
}
.dropDownMenu dt a {
    background: url(/images/meinvodafone/buttonDropDown.png) left top no-repeat;
    text-decoration: none !important;
    line-height: 27px;
    height: 27px;
    display: block; 
    white-space: nowrap;
}
.dropDownMenu dt a:hover b {
    color: #E60000;
}
.dropDownMenu dt a span {
    background: url(/images/meinvodafone/buttonDropDown.png) right top no-repeat;
    padding: 0 30px 0 0;
    margin: 0 0 0 12px;
    display: block;
}
.dropDownMenu dt a span b {
    display: block;
    overflow: hidden;
    font-weight: normal;
    text-overflow: ellipsis;
    width: 120px;
}
.dropDownMenu dt a span b.iconContract {
    background: url(/images/meinvodafone/iconContract.gif) 0% 50% no-repeat;
    padding-left: 18px;
    margin-left: -3px;
}
* html .dropDownMenu dt a span b.iconContract {
    width: 120px; /* IE6 BugFix */
}
.dropDownMenu dd {
    display: none;
    position: absolute;
    z-index: 9;
    width: inherit;
}
.dropDownMenu dd .dropDownInlay {
    background: #fff;
    border: 1px solid #cfcfcf;
    border-top: none;
    margin: 0px 2px;
}
.dropDownMenu.scrollable dd .dropDownInlay {
    height: 281px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.dropDownMenu.scrollable dd .dropDownInlay p {
    padding-right: 10px !important;
}
.dropDownMenu dd .section {
    padding: 10px 0px;
    border-bottom: 1px solid #cfcfcf;
}
.dropDownMenu dd .section:last-child {
    border-bottom: none;
}
.dropDownMenu dd .section p {
    padding: 0px 25px 0px 10px;
    margin: 0px;
    line-height: 18px;
}
.dropDownMenu dd .section p.contract {
    font-weight: bold;
}
.dropDownMenu dd .section p.current {
    background-color: #ededed;
    color: #E60000;
}
.dropDownMenu dd .section p.disabled {
    color: #999;
}
.dropDownMenu dd .section span.name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    width: 76px;
    text-overflow:ellipsis;
}
.dropDownMenu dd .section span.number {
    float: right;
    margin-top: -18px; position: relative;
    right: -15px;
}
.dropDownMenu dd a {
    display: block;
    text-decoration: none !important;
}
.dropDownMenu dd a:hover,
.dropDownMenu dd a:focus {
    color: #E60000;
}
.dropDownMenu dd a.aLink {
    font-weight: bold;
}
* html .divContent1Col .divModuleBasic {
    overflow: visible; /* IE6 BugFix */
}

#myVodafoneMatrix .divContent1Col {
    display: none; /* IE6 BugFix */
}
div.divContent3Col,  div.width3Col {
    overflow: visible !important;
  width:956px;
}
/*----[floatingNote]----*/
.floatingNote {
    position: absolute;
    left: 769px;
    top: auto;
    width: 192px;
    z-index: 9;
    overflow: hidden;
    display: none;
    margin-top: -22px;
}
.floatingNote.posXauto {
    left: auto;
    right: auto;
    margin-left: 25px;
}
.floatingNote.widthWide {
    width: 250px;
}
.floatingNote .floatingNoteInlay {
    margin: 0px 2px;
    padding: 0px 12px;
    background-color: #d6d6d6;
}
.floatingNote .floatingNoteInlay .floatingNoteClose {
    float: right;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 13px;
    margin: 3px -5px 0px 0px;
}
.floatingNote .floatingNoteInlay .title {
    background-color: transparent;
}
.floatingNote .floatingNoteInlay p {
    margin: 0px;
    padding: 5px 0px 10px 0px;
}
/*----[moduleAccordion]----*/
.moduleAccordion {
    margin: 0;
}
.moduleAccordion h2.accordionHeader {
    height:24px;
    line-height:24px;
    padding: 0 8px;
    margin: 1px 0 1px 0px !important;
    font-weight:bold;
    color:#333333 !important;
    background-color:#dbdbdb;
    position: relative;
}
.moduleAccordion h2.accordionHeader .aButton, 
.moduleAccordion h2.accordionHeader .aButton:hover {
    text-decoration:none;
    font-weight: 500;
    position: absolute;
    right:11px;
    top:3px;
}
.moduleAccordion h2.accordionHeader.disabled {
    opacity: .7;
    filter: alpha(opacity=70);
}
.moduleAccordion div.accordionContent.disabled {
    display: none;
}
.bgInactive * {
    cursor: default;
}
.tableFixed {
    table-layout: fixed !important;
}
.tableFixed td, .tableFixed th {
    overflow: hidden;
}
/*----[fieldsetRadio]----*/
.fieldsetRadio {
    padding: 2px 0;
    border: none;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    margin-top: -1px;
}
.fieldsetRadio label {
    margin: -16px 0 0 20px;
    display: block;
    text-align: left;
    word-wrap: break-word;
    width: 100%;
}
.fieldsetRadio input {
    display: block;
    margin-top: 2px;
}
.fieldsetRadio .subjectDesc {
    display: none;
}
.width1Col ,divContent1Col{
    overflow: visible;
}
/* Disabled Inactive Button */
a.bgButtonDisabled,
a.bgInactive,
a.bgButtonDisabled:hover
a.bgInactive:hover {
  color:#cccccc !important;
  background: none repeat scroll 0 0 #837b7b !important;
}
a.bgButtonDisabled span,
a.bgInactive span,
a.bgButtonDisabled:hover span,
a.bgInactive:hover span {
  color:#cccccc !important;
  background-position: right -80px;
}
div.floatingNote .floatingNoteInlay .floatingNoteClose {
    background: #d8d8d8 none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(50, 50, 50, 0.75);
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 0;
    width: 20px;
    z-index: 7;
}
/* contact/rf/contactform.jsp special styles */
#myVodafoneMatrix #pWrapper #accordion .accordionHeader {
  height: 34px !important;
  line-height: 34px !important;
    }
#myVodafoneMatrix #pWrapper div.floatingWrapper {
    position: static !important;
}    
#myVodafoneMatrix #pWrapper #meinvflogin div.floatingWrapper {
    position: absolute !important;
}
#myVodafoneMatrix #pWrapper #contactformform #hrefAnhangEntfernenfileupload0 {
    height:auto !important;
}
#myVodafoneMatrix #pWrapper #contactformform .inputMVSrequestLarge, 
#myVodafoneMatrix #pWrapper #contactformform .inputMVSrequestSmall {
    height: 24px;
    line-height: 24px;
}
#myVodafoneMatrix #pWrapper #contactformform label p {
    min-width:200px;
}
#myVodafoneMatrix #pWrapper h1{font-size:21px;padding:10px;}
#myVodafoneMatrix .divModuleBasic .divInlay p a.aButton {
 margin-bottom:10px;
}

#myModal {
    height: 425px;
    margin-left: 0!important;
    margin-top:  0!important;
    width: 750px;
    position:absolute !important;
    left:220px !important;
    top:180px;
}




#myVodafoneMatrix .i-xsml {
    height: 20px;
    width: 20px;
}
#myVodafoneMatrix svg {
    display: inline-block;
    fill: #666666;
    vertical-align: middle;
}

#myVodafoneMatrix .ebpa span {margin-top:0px !important;}

#myVodafoneMatrix  .back-to-prev .btn-sml {
    margin: 0 7px 0 0;
    padding: 2px;
    width: auto;line-height: 24px;
}
#myVodafoneMatrix .btn {
    outline: 0 none;
}
#myVodafoneMatrix .btn {
    font-size: 14px;
    padding: 8px 15px;
    width: auto;
}
 #myVodafoneMatrix .btn-alt {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e9e9e9;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.6);
    color: #333;
}
li.backlink{margin-top:12px }

li.backlink a{display: inline-flex;
    font-size: 14px;
    height: 25px; text-decoration:none;}
div.back-to-prev {
    border-bottom: 1px solid #767676;
    padding-bottom: 20px;
    padding-top:60px;
    }  

a#transaction-link:active,a#transaction-link:focus, a#transaction-link:hover, a#transaction-link:link, a#transaction-link:visited{
    font-size: 14px;
    height: 25px; text-decoration:none;
    }
#myVodafoneMatrix #phase2Container .txtBlack, #myVodafoneMatrix #phase2Container input.txtBlack, #myVodafoneMatrix #phase2Container select.txtBlack {
    color: #333333;
    font-family: inherit;
    font-size: inherit;
    font-weight: normal;
}
#transaction-link .btn{height:auto;}

.contractChooser ,#ebpaSubTabs {
    display: none !important;
}
#divContentID, .divContent  {
    overflow: visible !important;
}

.width3Col div.divAccordionColumn, .width3Col div.divAccordionColumn div.divModuleAccordionColumn, .divContent4Col {
    width: 100% !important;
}


/* happyFamily*/

#phase2Container .happyFamilyTable {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#phase2Container .happyFamilyTable TR {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#phase2Container .happyFamilyTable TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#phase2Container .happyFamilyTable {
	MARGIN-BOTTOM: 13px
}
#phase2Container .happyFamilyTableTop {
	MARGIN-BOTTOM: 13px
}
#phase2Container .happyFamilyTable {
	MARGIN-TOP: 7px; BORDER-LEFT-COLOR: #ffffff; LEFT: -9px; BORDER-BOTTOM-COLOR: #ffffff; WIDTH: 563px; BORDER-TOP-STYLE: none; BORDER-TOP-COLOR: #ffffff; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: relative; BORDER-COLLAPSE: collapse; BORDER-RIGHT-COLOR: #ffffff; BORDER-BOTTOM-STYLE: none
}
#phase2Container .happyFamilyTable2 {
	MARGIN-TOP: 7px; BORDER-LEFT-COLOR: #ffffff; LEFT: -9px; BORDER-BOTTOM-COLOR: #ffffff; WIDTH: 563px; BORDER-TOP-STYLE: none; BORDER-TOP-COLOR: #ffffff; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: relative; BORDER-COLLAPSE: collapse; BORDER-RIGHT-COLOR: #ffffff; BORDER-BOTTOM-STYLE: none
}
#phase2Container BODY.basePopUp .happyFamilyTable {
	MARGIN-RIGHT: -30px
}
#phase2Container BODY.basePopUp .happyFamilyTable2 {
	MARGIN-RIGHT: -30px
}
#phase2Container .happyFamilyTable2 {
	LEFT: 0px
}
#phase2Container .happyFamilytable TR.head {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#phase2Container .happyFamilyTable TR.head TD {
	BORDER-RIGHT: #ffffff 1px solid; PADDING-LEFT: 5px; COLOR: #ffffff; LINE-HEIGHT: 24px; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #ec0000
}
#phase2Container .happyFamilyTable TR.lightRow TD {
	BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; LINE-HEIGHT: 20px; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #e6e7e8
}
#phase2Container .happyFamilyTable TR.darkRow TD {
	BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; LINE-HEIGHT: 20px; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #d1d3d4
}
#phase2Container .happyFamilyTable TR.head TD.center {
	PADDING-LEFT: 0px; TEXT-ALIGN: center
}
#phase2Container .happyFamilyTable TR.lightRow TD.center {
	PADDING-LEFT: 0px; TEXT-ALIGN: center
}
#phase2Container .happyFamilyTable TR.darkRow TD.center {
	PADDING-LEFT: 0px; TEXT-ALIGN: center
}
#phase2Container .happyFamilyTable TR TD.spacer {
	FONT-SIZE: 0px; LINE-HEIGHT: 0px; HEIGHT: 1px
}
#phase2Container .happyFamilyTable TR.lightRow TD A.popup {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; WIDTH: 11px; PADDING-TOP: 0px; HEIGHT: 11px
}
#phase2Container .happyFamilyTable TR.darkRow TD A.popup {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; WIDTH: 11px; PADDING-TOP: 0px; HEIGHT: 11px
}
#phase2Container .happyFamilyTable TR.lightRow TD A.popup P {
	DISPLAY: none
}
#phase2Container .happyFamilyTable TR.darkRow TD A.popup P {
	DISPLAY: none
}
#phase2Container .happyFamilyInput {
	BORDER-RIGHT: #b2b2b2 1px solid; BORDER-TOP: #b2b2b2 1px solid; MARGIN-TOP: 0px; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; BORDER-LEFT: #b2b2b2 1px solid; COLOR: #5b5a5a; PADDING-TOP: 1px; BORDER-BOTTOM: #b2b2b2 1px solid; HEIGHT: 14px; BACKGROUND-COLOR: #ffffff
}
#phase2Container .happyFamilySelect {
	BORDER-RIGHT: #b2b2b2 1px solid; BORDER-TOP: #b2b2b2 1px solid; MARGIN-TOP: 0px; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; BORDER-LEFT: #b2b2b2 1px solid; COLOR: #5b5a5a; PADDING-TOP: 1px; BORDER-BOTTOM: #b2b2b2 1px solid; HEIGHT: 14px; BACKGROUND-COLOR: #ffffff
}
#phase2Container .happyFamilyTextarea {
	BORDER-RIGHT: #b2b2b2 1px solid; BORDER-TOP: #b2b2b2 1px solid; MARGIN-TOP: 0px; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; BORDER-LEFT: #b2b2b2 1px solid; COLOR: #5b5a5a; PADDING-TOP: 1px; BORDER-BOTTOM: #b2b2b2 1px solid; HEIGHT: 14px; BACKGROUND-COLOR: #ffffff
}


#myVodafoneMatrix #phase2Container .dynLinkBack .dynButton, #myVodafoneMatrix #phase2Container table table .dynLink .dynButton {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 2px rgba(50, 50, 50, 0.75);
    color: #333333;
    text-shadow: 0 1px white;
}
#myVodafoneMatrix #phase2Container .dynLink .dynButton, #myVodafoneMatrix #phase2Container .dynLinkBack .dynButton {
    background: #9c2aa0 none repeat scroll 0 0 !important;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(50, 50, 50, 0.75);
    color: #fff;
    cursor: pointer;
    display: table-cell;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: 700;
    height: 18px;
    line-height: 18px;
    margin: 0 2px 0 0;
    padding: 3px 8px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px #222222;
    white-space: nowrap;
}

#personalCont input {
    width: auto !important;
}

#inbox .divModuleBasic.width3Col table.tableBasic {
    width: 100% !important;
}
#inbox div.inputContainerw560 {
    width: 100% !important;
}

.ebpa {
      margin-left: 0px !important;
    width: 100% !important;
}

.ebpa .charges-summary-table {
    max-width: 100% !important;
}

.promptstatementAccountSummary label#accSearchLabel {
    margin-top: 0 !important;
}

.promptstatementAccountSummary label#accSearchLabel, #statementCombineKey, .ebpa label, .ebpa .form-label ,#borderStyle div.prompt-sck{  
    width: auto !important;
}
.reportright {
      width: 66.66% !important;
}

.ebpa .charges-summary-table {
    max-width: 100%!important;
}
.ebpa div.charges-summary-table table.summary-table tbody td .bodyLink {
    word-wrap: normal;
}
.ebpa span.toolTip.tableIcon {
    float: right;
    margin-right: 8px !important;
    margin-top: auto !important;
    right: auto !important;
}

div.prompts_UsDe .row .multi-field label, div.prompts_UsDe .row .field label {
    width: 150px !important;
}
ul.link_list li {
   border:none !important;list-style: outside none none !important;
}

.inboxView .contractChooser {
    display: block !important;
}
#femtoCellContent .width1Col {width:100% !important;}
#femtoCellContent .height168 {height:auto !important;}
#femtoCellContent .height168 .divInlay {  height: 70% !important;}
#femtoCellContent .height168 div.divInlay p {    height: 169px !important;   margin-bottom: 3px;}
#femtoCellContent .width1Col .dynLinkList .ulLinkList {    width: 98% !important;}

.i-arrow-left-b-xsml {
    background-position: 0 -2247px;
    height: 20px;
    width: 20px;
}
i, .i {
    background-image: url("/simplicity/assets/css/img/icon-se392bb812f.png");
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}
#servicePromptsDe div.prompt-sId {
    width: 210px !important;
}


#servicePromptsDe div.prompt-sck {
     width: auto !important;
 }
 
 #phase2Container{min-height:300px;}
 
li.nav-item-main-right label {bottom:-18px !important;}