@charset "UTF-8";
/* CSS Document */

p {
font-weight:normal;
}


#mmbBannerNewWrapper {
background:url(/roaming/img/roaming-home-banner.jpg) no-repeat top left;
}

.mbb .mod3ColSidebar #tips .title {
    background: #ddd url(/mobile-broadband/css/img/backgrounds/tips_title_background.png) left top no-repeat;

}

.dialingOutside {
background:url(/roaming/img/roaming-dialingOutside-icon.png) 475px 10px no-repeat #f7f7f7 !important;
border:1px solid #ebebeb !important;
border: none;
background-color: #f7f7f7;
padding:15px 0 0 5px;
}

.dialingOutside h4 {
font-weight:normal;
color:#262626;
}

.dialingOutside p {
font-size:1.45em;
letter-spacing:0.03em;
color:#3f3f3f;
}

.dialingOutside p span {
color:#999;
font-size:1em;
letter-spacing:0em;
}


.roamingSpecialOffer {
background:#f7f7f7;
border:1px solid #ebebeb;
padding:15px 0px 15px 30px;

}

.mod3ColleftIcon h4{
margin-left:70px;

}
 .mod3ColleftIcon h6  {
margin-left:70px;
font-weight:bold;
color:#525252;
}



.mod3ColleftIcon ul {
margin-left:95px;
}

.mod3ColleftIcon ul li {
margin-bottom:10px;
}

.mod3ColleftIcon ul li span {
color:#7d7d7d;
font-style:italic;
}

.roamingSpecialOffer h4 {
	font-size:13px;
	color:#525252;
margin:0;
}


ul.cleanList {
list-style:none;
margin:0px;
}

.cleanList li {
margin-bottom:5px;
}

h4.headerWithIcon {
padding:10px 0;
}

h4.headerWithIcon img {
margin-right:5px;
position:relative;
top:7px;
}


.roamingContentTabs {
border:1px solid #ececec;
margin-bottom:30px;
}

.mbb .roamingTable {
width:444px;
}

.roamingContentTabs .mod3ColleftIcon .roamingTable {
margin-left:70px;
width:420px;
}

.roamingContentTabs .mod3ColleftIcon .roamingTable td {
vertical-align:top;
}

.roamingContentTabs .mod3ColleftIcon .roamingTable td.infoBG {
/* background:url(/roaming/img/roaming-questionMark-icon.png) 225px 5px no-repeat; */
}

.mod3ColleftIcon .roamingTable p {
margin-left:0;
}

.roamingTable h6 {
margin:0;
font-size:1.2em;
}

.roamingTable tr.even {
background:#f8f8f8;
}

.roamingTable td {
border:1px solid #ececec;
text-align:left;
padding:10px;
}

.roamingTable td img {
margin-right:10px;
}

.expanderButtonOpen {
padding-right:20px;
background:url('/roaming/img/roaming-expander-button.gif') top right no-repeat;
}

.expanderButtonClose {
  background: url('/img/icons/icon-globe-30x30.gif') top left no-repeat;
  padding: 4px 0pt 15px 34px;
}

.expanderButtonOpen {
background-position:right -25px;
}

.roamingPrepayBanner {
float:left;
}

.travellerIntro h6 {
font-size:1.6em;
width:150px;
float:left;
color:#525252;
line-height:1.4em;
}


.travellerIntro p {
font-size:1.3em;
float:left;
clear:right;
width:320px;
margin:0;
}

.travellerIntro hr {
border:1px solid #ececec;
height:1px;
visibility:visible !important;
display:block;
margin:15px 0;
}

.mbb .roamingContentTabs .noPad {
padding-left:0;
}

.tnc p {
font-size:.85em;
}
.tnc ul li {
font-size:.85em;
margin-bottom: 0px;
}
.tnc a {
	font-size: 1em;
}
.infoBG p {
color:#666;
}

.infoBG p span {
color:#bbb;
font-size:2.6em;
margin-right:5px;
margin-left:15px;
}

.infoBG p sup {
font-size:1.8em;
vertical-align:baseline; /*browser compatibility*/
}

.infoBG p em {
font-size:4em;
/*position:relative;  browser compatibility
top:17px;
padding:0 2px;*/
font-style:normal;
vertical-align:top;
line-height: .8em;
}

.rateFinder {
border:1px solid #ececec;
background:#fff url(/roaming/img/roaming-gradient-bg.gif) bottom left repeat-x;
margin-left:70px;
width:420px;
}

.rateFinder p {
margin:15px 15px 0 15px;
float:left;
color:#525252;
}

.rateFinder select {
float:left;
margin-top:13px;
padding:2px;
}

.rateFinder .rateDisplay {
padding:10px;
background:#e0e0e0;
margin:10px 15px;
width:370px;
text-shadow: #f0f0f0 1px 1px 0px;
color:#444;
}


.rateFinder .rateDisplay span {
margin-left:10px;
font-weight:bold;
color:#444;
}

h4.questioned {
background:url(/roaming/img/roaming-questionMark-icon.png) 0px 4px no-repeat;
padding-left:25px;
}

ul.sideBarList {
list-style:disc;
padding-left:26px;
margin-top:10px;
padding-bottom:10px;
margin-bottom:5px;
border-bottom:1px solid #EDEDED;
}

ul.sideBarList li {
color:#525252;
margin-bottom:5px;
}

p.roamText {
border-bottom:1px solid #EDEDED;
padding-bottom:10px;
font-weight:bold;
margin-left:0;
padding-left:15px;
}



table.rateDisplay td{
text-shadow:none;
border:1px solid #ECECEC
}

table.rateDisplay tr {
background:#fff;
}


table.rateDisplay tr.even {
background:#F8F8F8
}

table.rateDisplay tr.titleBar {
background:#cdcdcd;
}



#travellerIntroLink, #standardIntroLink {
display:block;
float:left;
width:100%;
padding-top:10px;
}

#travellerIntroLink:hover , #standardIntroLink:hover {
background-color: #f9f9f9;
cursor:pointer;
}

#travellerIntroLink {
border-bottom: 1px solid #ececec;
}

.smartphoneTips {
margin-left: 100px;
list-style: decimal outside none;
}

.expandableDataRoaming {
margin-left:75px !important;
width: 444px !important;
}

.gen_table .expandableDataRoaming {
width: 444px;
}

.expandableDataRoaming  h5, .expandableDataRoaming  th{
margin-bottom: 0;
padding-left: 0;
}

.expandableDataRoaming  td{
font-size:12px;
text-align:left;
width:80px;
}

.dataRoamingTable {
margin-left: 68px;
}

#hider {
float:right;
}

/*  Traveller changes page - temporary page */
.roamingTable.travellerChanges {
	width: 100%;
}
.roamingTable.travellerChanges td {
	vertical-align:top;
}
.travellerChangesPage .modExpanderHeader {
	background-color:#F8F8F8;
	margin-bottom:4px;
	background-image: none;
}
.keyNote {
	font-size:90%;
}
.keyNote span{
	font-size:100%;
}
.keyYellow {
	color: #F90;
}
.keyBlue {
	color: #09F;
}
.keyPink {
	color: #C754B6;
}

/*------------inflight roaming----------------*/

.mbb .inflight .roamingTable {
	width: 100%;
}
.mbb .inflight .roamingTable th {
	background-color: #F8F8F8;
	border: 1px solid #ECECEC;
	font-weight: bold;
	padding: 10px;
	vertical-align:top;
}
.mbb .inflight .roamingTable td {
	vertical-align:top;
}
.inflight .noBorder {
	border:none;
}

/*------------data roaming page ----------------*/
.dataRoamingMsg {
	background-color:#fcfbd8;
	padding: 15px 30px 15px 30px;
	position:relative;
	margin-right: 10px;
}
.dataRoamingMsg p {
	font-size:13px;
	font-weight:bold;
	margin: 0;
}
.dataRoamingMsg img {
	position:absolute;
	right: -25px;
	top: -40px;
}
*html .dataRoamingMsg img {
	right:15px;
}