/*start tables styles*/

.containerGreen{
	border: 1px solid #009A74;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.floatLeft div{
	float: left;
	margin-left: 10px;
	margin-top: 7px;
	font-weight: bold;
}

.bgGreen{
	background: #009A74;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #FFFFFF;
	height: 35px;
	padding: 5px 0 0 20px;
	
}
.bgLgreen{
	background: #EBF7F3;
	margin: 1px;
	padding: 14px 20px;
	
	}
.containerLDgreen{
	
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	background: #A6DCCE;
	padding: 15px;
	border: 1px solid #009A74;
}
.containeryellow{
	
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	background: #f6e5b7;
	padding: 15px;
	border: 1px solid #ffab08;
}
.containerred{
	
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	background: #f2bec4;
	padding: 15px;
	border: 1px solid #e61933;
}
.containergreen{
	
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	background: #b3eda8;
	padding: 15px;
	border: 1px solid #46ac33;
}
.containerLgreen{
	background: #EBF7F3;
	padding: 15px;
	border: 1px solid #009A74;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	
}
.msg{
	float: left;
}
.msg ul { list-style: none; margin: 0; padding: 0;  }

.msg ul li { display: inline; float: left; padding-right: 10px;}
.msgWidth{
	width: 520px;
}

#information{
	float: left;
}
#information ul { list-style: none; margin: 0; padding: 0; }

#information ul li { display: inline; float: left; padding-right: 10px;}

table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;
}
.zebra th {
    padding-left: 20px;
	text-align: left;
    height: 35px;
    background-color: #A6DCCE;
	color: #333333;
	font-weight:bold;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	vertical-align:middle;
}
.zebra td {
    padding-left: 20px;
	text-align: left;
    height: 33px;
	border-left: 1px solid #98D7C4;
	border-right: 1px solid #98D7C4;
	vertical-align:middle;
}
.zebra tbody tr:nth-child(odd) {
    background: #EBF7F3;
	
   
}

.zebra th {
    text-align: left;
    height: 35px;
    background-color: #A6DCCE;
    
}

.zebra th:first-child {
    border: none;
}
.zebra th:last-child {
    text-align: right;
  padding-right: 20px; 
  border: none;
  
  
}
.zebra th:only-child{
   
}
.zebra  td:first-child {
  border: none;
}
.zebra td:last-child {
  text-align: right;
  padding-right: 20px; 
  width: 10%;
   border: none;
}
.zebra td:only-child{
  
}
.zebra td a
{
	color: #cf0972;
	text-decoration: underline;
	padding-left:10px;
	
	
	
}
.zebra td a:hover
{
	color: #cf0972;
	text-decoration: none;
	
}
table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;
	
}
.zebra2 th {
    padding-left: 20px;
	text-align: left;
    height: 35px;
    background-color: #A6DCCE;
	color: #333333;
	font-weight:bold;
	vertical-align:middle;
	
}
.zebra2 td {
    padding-left: 20px;
	text-align: left;
    height: 33px;
	vertical-align:middle;
	
}
.zebra2 tbody tr:nth-child(odd) {
    background: #EBF7F3;
   
}

.zebra2 th {
    text-align: left;
    height: 35px;
    background-color: #A6DCCE;
    
}

.zebra2 th:first-child {
	border-right: 1px solid #fff;
}
.zebra2 th:last-child {
    text-align: right;
  padding-right: 20px; 
  
  
}
.zebra2 th:only-child{
   
}
.zebra2  td:first-child {
  border-right: 1px solid #98D7C4;
}
.zebra2 td:last-child {
  text-align: right;
  padding-right: 20px; 
  width: 10%;
  
}
.zebra2 td:only-child{
  
}
.zebra2 td a
{
	color: #cf0972;
	text-decoration: underline;
}
.zebra2 td a:hover
{
	color: #cf0972;
	text-decoration: none;
}
.link{
	padding: 7px 20px 0 10px;
	
}
.box4 .link,.box6 .link{
	padding: 7px 20px 0 0;
}

table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;
}
.zebra3{
	background: #EBF7F3;
	
	border: 1px solid #009A74;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	padding-top: 15px;
	
}

.zebra3 td {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
    padding-left: 20px;
	text-align: left;
    height: 33px;
	vertical-align:middle;
	
}
.zebra3 tbody tr:nth-child(even) {
    background: #D3EEE7;
   border-top: 1px solid #A3DECC;
   border-bottom: 1px solid #A3DECC;
}

.zebra3  td:first-child {
  width: 40%;
  font-weight: bold;
}
.zebra3 td:last-child {
  text-align: left;
}
.zebra3 td:only-child{
  
}
.zebra3Title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}
.tick{
	width: 14px;
	height: 11px;
	padding-right: 6px;
	padding-top: 3px;
}
.borderTB{
	border-top: 1px solid #A3DECC;
   border-bottom: 1px solid #A3DECC;
}
.borderB{
   border-bottom: 1px solid #A3DECC;
}
.zebra3 .button{
	border: 1px solid #CCCCCC;
   width: 100px;
	height: 24px;
	
	background: #c61472;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align:center;
	padding: 5px;
	margin: 30px 0 8px 0;
	
}
.zebra3 .lastTRbg{
	background: #EBF7F3;
	-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.lastTDround{
	-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.print ul { list-style: none; margin: 0; padding: 0; }

.print ul li { display: inline; float: left; margin-right: 5px; margin-top: 10px;}
.print ul li  a{ text-decoration: none; color: #333333; margin-left: 0px;}
.print ul li  a:hover{ text-decoration: underline;}
/*end tables styles*/

/*start Black Container styles*/

.containerBlack{
	background: #333333;
	
	padding: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
margin-bottom:20px;
}
.containerMagenta{
	background: #CE0972;
	
	padding: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.containerBlack .title, .containerMagenta .title{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFFFFF
}
.containerBlack .line{
	border-bottom: 1px solid #616161;
	margin: 15px 0 20px 0;
}


.payProcess div{
	float:left;
	width: 140px;
	height: 81px;
	text-align:center;
	
}
.payProcess .sep{
	border-right: 1px solid #616161;
	
	height: 92px;
}
.payProcess span{
	color: #616161;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin-bottom: -5px;
}
.payProcess .white{
	color: #FFFFFF;
}
.containerMagenta .line{
	border-bottom: 1px solid #CD6B9C;
	margin: 15px 0 20px 0;
}
.myZainProcess div{
	float:left;
	width: 140px;
	height: 81px;
	text-align:center;
	
}
.myZainProcess .sep{
	border-right: 1px solid #CD6B9C;
	
	height: 112px;
}
.myZainProcess span{
	color: #F3D2DD;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin-bottom: -5px;
}
.myZainProcess .white{
	color: #FFFFFF;
	font-weight: normal;
	font-size: 13px;
}
.myZainProcess .white a{
	color: #FFFFFF;
	font-weight: normal;
	font-size: 13px;
	text-decoration:underline;
	margin-left: 8px;
}
.welcomeButtons div{
	float: left;
	margin-right: 12px;
}

.bgsideBar{
	/*background:url(../images/bg_sideBar.png) no-repeat left;
	height: 1000px;*/
	width: 20px;
	margin-left:-15px;
	margin-top: 20px;
}
.bgsideBarLeft{
	/*background:url(../images/bg_sideBarLeft.png) no-repeat right;
	height:1000px;*/
	width: 20px;
	margin-left:15px;
	margin-top: 20px;
}
/*end Black Container styles*/
.min15{
	margin-left: -10px;
}
.min{
	margin-left: 0px;
}
.rating{
	
}
.ratingtxt{
	font-size: 18px;
	padding-right: 40px;
}
.rating div{
	float: left;
	margin-right: 10px;
}
.rating div a{
	float: left;
	margin-left: 115px;
}

/*Start One Pay Form*/


.verificationForm .input_text{
	width:245px;
	height: 26px;
	background:#FFFFFF;
	border: 1px solid #CAD0CE;
	color: #333333;
	padding: 0 0 0 8px;
	margin-bottom:7px;
	margin-top: 5px;
	outline: none;
}

.verificationForm ul { list-style: none; margin: 0; padding: 0; }

.verificationForm ul li { display: inline; float: left; padding-right: 22px;}

.mandatory{
	color: #F00;
	font-size: 20px;
	margin-left: 2px;
	
}
.verificationForm .line{
	border-bottom: 1px solid #A3DECC;
	margin: 20px 0 20px 0;
}
.verificationForm .button{
	border: 1px solid #CCCCCC;
   width: 120px;
	height: 24px;
	
	background: #c61472;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align:center;
	padding-top: 5px;
	margin-top: 5px;
	
}
.veriSign{
	text-align: right;
	margin-top: 5px;
}

.buttonForm{
	border: 1px solid #CCCCCC;
	background: #c61472;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align:center;
	padding: 5px 10px 3px 10px;
	margin-top: 5px;
	height:32px;
	cursor: pointer;
	text-transform: uppercase;
}
.buttonFormWhite{
	border: 1px solid #D6D8D7;
	background: #FFFFFF;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CE0972;
	font-weight: normal;
	text-align:center;
	padding: 5px 10px 3px 10px;
	margin-top: 5px;
	height:32px;
	cursor: pointer;	
}
#Continuebtn{
	margin: 30px 0 10px 0;
}
#creditLimit, #editProfile{
	margin-top: -5px;
}
.mr{
	margin-right: 30px;
}

.PaymentMethod{
	
}
.PaymentMethod .input_text{
	width:145px;
	height: 26px;
	background:#FFFFFF;
	border: 1px solid #CAD0CE;
	color: #333333;
	padding: 0 0 0 8px;
	margin-bottom:7px;
	margin-top: 5px;
	outline: none;
}

.PaymentMethod ul { list-style: none; margin: 0; padding: 0; }

.PaymentMethod ul li { display: inline; float: left; padding-right: 22px;}

.PaymentMethod .line{
	border-bottom: 1px solid #A4DFCD;
	margin: 10px 0 10px 0;}
.cardEezee img{
	margin-left: 8px;
	margin-bottom: -10px;
}
.cardEezee{
	padding-top: 10px;
	padding-left: 30px;
}
.PaymentMethod .cardEezee ul { list-style: none; margin: 0; padding: 0; }

.PaymentMethod .cardEezee ul li { display: inline; float: left; padding-right: 0px;}
.PaymentMethod .cardEezee ul li img{ float: left; margin-top: -15px; margin-right: 20px;}

#cardSelect_title,.cardSelect{
	width:265px;
	
}

/*End One Pay Form*/
.cardEezee ul li div{
	margin-top: 20px;
	color:#D01D7C;
	
}
.msgpos{
	position:relative;
	display:block;
	margin-left:185px;
	margin-top:-40px;
	vertical-align:middle;
	float:left;
}
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
.spinner {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -33px; /* half width of the spinner gif */
	margin-top: -33px; /* half height of the spinner gif */
	text-align:center;
	z-index:1234;
	overflow: hidden;
	width: 66px; /* width of the spinner gif */
	height: 68px; /*hight of the spinner gif +2px to fix IE8 issue */
	z-index:9001;
}
/*Start PUK Retrieval*/

.bgLgreen .title{
	font-size: 16px;
	font-weight: bold;
}
.bgLgreen .containerLDgreen{
	height: 15px;
}
.list2 li{
	list-style:outside;
	margin-left: 25px;
	font-weight:normal;
	color: #333333;
}

#pukHowWorks ul li { display: inline; float: left; padding-right: 10px;}

.youtubeList li { display: inline; float: left; padding: 5px 10px 5px 0;}

#pukHowWorks .btnmore{
	float: right;
	margin-right: -10px;
}
.greenLine{
border-bottom: 1px solid #A3DECC;
	margin: 15px 0 20px 0;
		
}
.greenLine2{
border-bottom: 1px solid #A3DECC;
	margin: 15px 0 20px 0;
	width:535px;	
}
.btnmore{
	float: right;
	margin-right: -2px;
}
.rating .btnmore{
	float: right;
	margin-right: 2px;
}
.btnmore ul li { display: inline; float: left; padding-right: 5px;}

/*End PUK Retrieval*/

/*Start My Services*/

#availServices ul li { display: inline; float: left; padding-right: 10px;}
.bgGreenServices{
	background: #009A74;
	height: 50px;
	padding: 5px 0 0 20px;
}
.bgGreenServices .white{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #FFFFFF;
	margin-top: 10px;
	
}
#intCalls div, #BlackBerry div, #PerDay div, #Roaming div{
	margin-bottom: 7px;
}
#intCalls ul li, #BlackBerry ul li, #PerDay ul li, #Roaming ul li { display: inline; float: left; padding-right: 0px;}
.colLeft{
	width: 450px;
}
.colRight{
	width: 123px;
	text-align: right;
}
#intCalls img, #BlackBerry img, #PerDay img, #Roaming img {
	margin-top: 2px;
	margin-left: 3px;
}
.greyLine{
border-bottom: 1px solid #CCCCCC;
	margin: 15px 0 20px 0;	
}
.bp20{
	padding-bottom: 20px;
}
.oneVerification_off{
	background: url(../images/img_verification_off.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.oneVerification_on{
	background: url(../images/img_verification_on.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.onePaymethod_off{
	background: url(../images/img_paymethod_off.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.onePaymethod_on{
	background: url(../images/img_paymethod_on.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.onePayment_off{
	background: url(../images/img_paymnet_off.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.onePayment_on{
	background: url(../images/img_paymnet_on.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.oneReceipt_off{
	background: url(../images/img_receipt_off.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.oneReceipt_on{
	background: url(../images/img_receipt_on.png) no-repeat center;
	width: 70px;
	height: 81px;
}

.tblsep td{
	background:#009A74;
	color:white;
	font-weight:bold;
}

.zebra8{
	background: #EBF7F3;
	border: 1px solid #009A74;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding-top: 15px;
}

.zebra8 td {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 20px;
	text-align: left;
	height: 33px;
	vertical-align:middle;
}
.zebra8 tbody tr:nth-child(even) {
   background: #D3EEE7;
   border-top: 1px solid #A3DECC;
   border-bottom: 1px solid #A3DECC;
}

.zebra8  td:first-child {
   font-weight: bold;
}

.zebra8 td:only-child{
  
}
.zebra8Title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}

.zebra8 .button{
	border: 1px solid #CCCCCC;
	width: 100px;
	height: 24px;
	background: #c61472;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align:center;
	padding: 5px;
	margin: 30px 0 8px 0;
	
}
.zebra8 .lastTRbg{
	background: #EBF7F3;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

/*End My Services*/
@media \0screen {
.verificationForm .input_text, .PaymentMethod .input_text {
height: 21px;
padding: 5px 0 0 8px;
}
.PaymentMethod .cardEezee ul li img { float: left; margin-top: -15px; margin-right: -60px; }
}
