/*Start Online Billing*/
#addressBook .input_text, #servicesSummary .input_text, #websms .input_text, #zainZone .input_text, #registrationHome .input_text, #youthOffer .input_text, #profile .input_text, #analtialReportNewForm .input_text, #mobileInternet .input_text, #numberReservation .input_text{
	width:250px;
	height: 26px;
	background:#FFFFFF;
	border: 1px solid #CAD0CE;
	color: #333333;
	padding: 0 0 0 8px;
	outline: none;
	margin-top: 5px;
	
}
.row1,.row2,.row3,.row4{
position:absolute;
top:33px
}
.row1{
top:33px
}
.row2{
top:70px
}
.row3{
top:108px
}
.row4{
top:147px
}
 .calldetails .input_text3{
	width:85px;
	height: 25px;
	background:#FFFFFF;
	border: 1px solid #CAD0CE;
	color: #333333;
	padding: 0 0 0 8px;
	outline: none;
	margin-top: 1px;
	
}
.calldetails .input_text4, .analtialReportNewForm .input_text4, #mobileInternet .input_text4{
	width:190px;
	height: 25px;
	background:#FFFFFF;
	border: 1px solid #CAD0CE;
	color: #333333;
	padding: 0 0 0 8px;
	outline: none;
	margin-top: 1px;
	
}

#addressBook .col1, #addressBook .col2{
	float: left;
	margin-right: 0px;

}

.min20 {
margin-left: -15px;
}
.btnUnsubscribe{
	text-align: center;
}
#analyticalReports1, #accountOverview{
	padding: 20px;
}
#analyticalReports1 .col1, #accountOverview .col1{
	float: left;
	width: 300px;
}
#analyticalReports1 .col2, #accountOverview .col2{
	float: left;
		
}
#analyticalReports {
	padding: 0px;
	width: 620px;
}
#analyticalReports .col1{
	float: left;
}
#analyticalReports .col2{
	float: left;
}
#analyticalReports .col1 div, #analyticalReports1 .col1 div, #accountOverview .col1 div{
	float: left;
	margin-right: 10px;
}
#analyticalReports .col2 div, #analyticalReports1 .col2 div, #accountOverview .col2 div{
	float: left;
	margin-right: 10px;
}
#analyticalReports .input_text{
	width:130px;
	height: 26px;
	background:#FFFFFF;
	border: 1px solid #CAD0CE;
	color: #333333;
	padding: 0 0 0 8px;
	outline: none;
	
}
#newsrecords,#newsrecords_title,#date,#date_title,#pukSubs,#pukSubs_title,#subssList,#subssList_title,#monthsList,#monthsList_title,#fromDate,#fromDate_title,#timeOp,#timeOp_title,#durationOp,#durationOp_title,#costOp,#costOp_title,#department,#department_title,#callTypeOp,#callTypeOp_title,#dialledOp,#dialledOp_title,#eventTypeBoxSel1,#eventTypeBoxSel1_title,#mobileNumber_title,.mobileNumber, #selectReport_title,.selectReport, #startDate_title,.fromDate,.startDate, #toDate_title,.toDate, #category_title,.category, #dialedNo_title,.dialedNo, #charge_title,.charge, #duration_title,.duration, #time_title,.time, #invoiceDate_title,.invoiceDate, #mobileNo_title,.mobileNo, #dialledNumberOp_title, .dialledNumberOp, #costOp_title, .costOp, #durationOp_title, .durationOp {
	width:137px;
	border: 1px solid #CAD0CE;
}
#service_title, .service{
	width:258px;
	border: 1px solid #CAD0CE;
}
/*Added by Sheril for Contact Us page */
#selectlocation_title, .selectlocation{
	width:189px;
}

#mobileNumber2_title,.mobileNumber2{
	width:100px;
	border: 1px solid #CAD0CE;
}
#analyticalReports .width{
	text-align:right;
	width: 100px;
	margin-top: 6px;
}
.ml110{
	margin-left: 110px;
}
.tp5{
	padding-top: 5px;
}
.containerCall{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	background: #A6DCCE;
	padding: 15px;
	border: 1px solid #009A74;
	height: 80px;
}
.containerReg{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	background: #A6DCCE;
	padding: 15px;
	border: 1px solid #009A74;
	height: 60px;
}
.containerCharges{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	background: #A6DCCE;
	padding: 15px;
	border: 1px solid #009A74;
	height: 80px;
}
#informationCall div:first-child{
	float: left;
	margin-right: 10px;
	
}
#informationCall div:last-child{
	float: left;
	width: 550px;
	
}
td.noBorder{
	border-top:none;
}

#currentMonthCharges {
	padding-top: 20px;
}
#currentMonthCharges .col1{
	float: left;
	width: 300px;
}
#currentMonthCharges .col2{
	float: right;
	
}
#currentMonthCharges .col1 div{
	float: left;
	width: 140px;
}
#currentMonthCharges .col2 div{
	float: left;
}
.pad10{
	padding: 10px;
}

#billOutline .col1{
	float: left;
	width: 200px;
	margin-bottom: 10px;
	margin-top: 5px;
}
#billOutline .col2{
	float: left;
	width: 370px;
	border-bottom: 1px solid #999999;
	padding-right: 50px;
	margin-bottom: 10px;
	text-align: right;
}
#bgGreen{
	background: #009A74;
	color: #FFFFFF;
	height: 25px;
	padding: 10px 2px 0px 2px;
	font-weight: bold;
	vertical-align: middle;
	
}
.col2{
	position:relative;
}
#bgGreen div.col1{
	float: left;
	width: 200px;
}
#bgGreen div.col2{
	float: right;
	padding-right: 50px;
	text-align: right;
}
.width100{
	width: 100px;
}
.right{
	text-align: right;
}
.bgTotal{
	background: #009A74;
	color: #FFFFFF;
	font-weight: bold;
height: 20px;
	
}
#message{
	width: 100%;
	margin-top: -5px;
}
.tm40{
	margin-top: 40px;
}
.min30{
	margin-left: 30px;
	float: left;
}
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #analyticalReports .width{
	margin-top: 5px;
}
}
/*End Online Billing*/

/*Start Online Services*/

.servicesSummary div, .websms div, .zainZone div, .youthOffer div, .regConsumer div, .analtialReportNewForm div, .mobileInternet div, .numberReservation div{
	float: left;
	
}
.servicesSummary div.col1, .websms div.col1, .zainZone div.col1, .youthOffer div.col1, .regConsumer div.col1, .analtialReportNewForm div.col1, .mobileInternet div.col1, .numberReservation div.col1{
	width: 150px;
	text-align: right;
	
	vertical-align: central;
}

#subscriptionNo_title,.subscriptionNo{
	width:150px;
	border: 1px solid #CAD0CE;
}
.tp4{
	padding-top: 3px;
}
.servicesSummary .buttonForm{
	height: 28px;
	margin-top: 8px;
}
.ml80{
margin-left: 80px;
}
#websms #subscriptionNo_title,#websms .subscriptionNo, #msisdnListForm .subscriptionNo, #preferredLanguage_title,.preferredLanguage{
	width:258px;
	border: 1px solid #CAD0CE;
}

.tp6{
	padding-top: 6px;
}
.btncenter{
	position: relative;
	text-align: center;
}
#websms .textarea{
	width:255px;
	height: 150px;
	background:#FFFFFF;
	border: 1px solid #CAD0CE;
	color: #333333;
}

#msisdnListForm .textarea{
	width:255px;
	height: 150px;
	background:#FFFFFF;
	border: 1px solid #CAD0CE;
	color: #333333;
}

#websms .input_text2, #msisdnListForm .input_text2, #youthOffer .input_text2, #payBill .input_text2{
	width:80px;
	height: 26px;
	background:#FFFFFF;
	border: 1px solid #CAD0CE;
	color: #333333;
	padding: 0 0 0 8px;
	outline: none;
	margin-top: 5px;
	
}
input[type='checkbox'] {
    margin-top: 0px;
	vertical-align:middle;
	}
#youthOffer input[type='checkbox'] {
    margin-top: -4px;
	vertical-align:middle;
	}
.containerMagenta2{
	background: #CE0972;
	
	padding: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	height: 40px;
}
.containerMagenta2 ul{
	list-style: none; 
	margin-bottom: 0; 
	padding: 0; 
}

.containerMagenta2 ul li{ 
	display: inline; 
	float: left; 
	padding-right:20px; 
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	margin-top: 15px;
}
.containerMagenta2 .link{ 
	text-decoration: none;
	color: #FFFFFF;
}
.containerMagenta2 .link:hover{ 
	text-decoration: underline;
}
.containerMagenta2 .select{
	color: black;
}
.infoWidth{
	width: 500px;
	margin-left: 40px;
	padding-bottom: 20px;
}
.width80{
	width: 80px;
}
.radioLine {
	
	width: 500px;
	margin: 10px 0 0 0;
}
#bordered .input_text{
	width:90px;
	background:#FFFFFF;
	border: 1px solid #CAD0CE;
	color: #333333;
	outline: none;
}
#center{
margin-left:auto;
margin-right:auto;
width: 500px;
}
.getPUK{
	font-size: 20px;
}
#registrationHome .input_text{
	width: 200px;
}
#registrationHome .col1{
	float: left;
	margin-right: 10px;
	
}
#registrationHome .col2{
	float: left;
	width: 470px;
}
#registrationHome .col1 div{
	float: left;
	margin-right: 10px;
}
#registrationHome .col2 div{
	float: left;
	margin-right: 10px;
}
#registrationHome .buttonForm{
	height: 29px;
	padding: 3px 10px 3px 10px;
}




table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;
	
}
.zebra4{

padding:1px;

}
.zebra4 th {
    padding: 6px;
	text-align: left;
    height: 35px;
    background-color: #A6DCCE;
	color: #333333;
	font-weight:bold;
	border-left: 0px solid #fff;
	border-right: 1px solid #fff;
	vertical-align:middle;
}
.zebra4 td {
    padding: 6px;
	text-align: left;
    height: 20px;
	border-left: 0px solid #98D7C4;
	border-right: 1px solid #98D7C4;
	vertical-align:middle;
}
.zebra4 tbody tr:nth-child(odd) {
    background: #EBF7F3;
}

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

.zebra4 th:first-child {
    
	border-right: 1px solid #fff;
	-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
}
.zebra4 th:last-child {
    text-align: right;
  padding: 6px; 
  border: none;
  border-left: 0px solid #fff;
  -webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
  
  
}
.zebra4 th:only-child{
   
}
.zebra4  td:first-child {
  border-right: 1px solid #98D7C4;
  -webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
}
.zebra4 td:last-child {
  text-align: right;
  padding: 6px; 
   border: none;
   border-left: 0px solid #98D7C4;
   -webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
   
}
.zebra4 td:only-child{
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
}
.zebra4 td a
{
	color: #cf0972;
	text-decoration: underline;
	padding-left:0px;
}
.zebra4 td a:hover
{
	color: #cf0972;
	text-decoration: none;
	
}
.roundLeft{
	-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
}
.roundRight{
	 -webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}
.width25{
	width: 25px;
}
#billOutline .normal{
	font-weight: normal;
}
#zebra4 td:last-child {
  text-align: left;
}
#zebra4 th:last-child {
  text-align: left;
}
#btnLower .buttonForm{
	text-transform: capitalize;
	margin-right: 3px;
}
 div.mandatory{
	color: #F00;
	font-size: 20px;
	font-weight:normal;
	margin: 5px 0 0 3px;
}
div.mandatory2{
	color: #F00;
	font-size: 20px;
	font-weight:normal;
	margin: 5px 0 0 3px;
}
div.mandatory3{
	color: #F00;
	font-size: 20px;
	font-weight:normal;
	margin: 5px 0 0 -7px;
}

#websms .min30, #youthOffer .min30, #profile .min30{
	margin-left: -30px;
}
#date_title, #month_title, #year_title, #day_title{
	border: 1px solid #CAD0CE;
}
#myZainProcess{
	
}
#myZainProcess .colorwhite{
	color: #FFFFFF;
}
#analyticalReports1 {
	padding: 20px;
}
#form .col1{
	float: left;
	width: 300px;
}
#form .col2{
	float: left;
}
#form .col1 div{
	float: left;
	margin-right: 10px;
}
#form .col2 div{
	float: left;
	margin-right: 10px;
}
#mintm{
	margin-top: -10px;
}
.manPad{
	padding-top: 17px; 
	padding-left: 7px;
}
.manPad2{
	padding-top: 9px; 
	padding-left: -100px;
}
.tp15{
	padding-top: 16px;
}
@-moz-document url-prefix() { 
  .buttonForm, .buttonFormWhite, .buttonFormGreen{
	
	padding: 1px 10px 3px 10px;
}
}
table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;
}
.zebra5{
	background: #EBF7F3;
	
	border: 1px solid #009A74;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding:1px;
	padding-top: 5px;
	
}

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

.zebra5  td:first-child {
  width: 160px;
}
.zebra5 td:last-child {
  text-align: right;
}
.zebra3 td:only-child{
  
}
.ml15{
	margin-left: 15px;
}
.bgLgreen2{
	background: #EBF7F3;
	margin: 1px;
	padding: 14px 15px;
	}
#payBill .col1{
	float: left;
	width: 200px;
	margin-right: 10px;
	margin-bottom: 15px;
	
}
#payBill .col2{
	float: left;
	
	
}
.img_info_on{
	background: url(../images/img_myZain_info_on.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.img_info_off{
	background: url(../images/img_myZain_info_off.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.img_paymentMethod_off{
	background: url(../images/img_myZain_payment_off.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.img_paymentMethod_on{
	background: url(../images/img_myZain_payment_on.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.img_confirm_off{
	background: url(../images/img_myZain_confirm_off.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.img_confirm_on{
	background: url(../images/img_myZain_confirm_on.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.img_service_off{
	background: url(../images/img_myZain_service_off.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.img_service_on{
	background: url(../images/img_myZain_service_on.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.img_receipt_off{
	background: url(../images/img_myZain_receipt_off.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.img_receipt_on{
	background: url(../images/img_myZain_receipt_on.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.img_callcenter_off{
	background: url(../images/img_myZain_callcenter_off.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.img_callcenter_on{
	background: url(../images/img_myZain_callcenter_on.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.img_select_off{
	background: url(../images/img_myZain_mobile_off.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.img_select_on{
	background: url(../images/img_myZain_mobile_on.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.img_payType_off{
	background: url(../images/img_myZain_pay_off.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.img_payType_on{
	background: url(../images/img_myZain_pay_on.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.img_zainZone_off{
	background: url(../images/img_myZain_mobile_off.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.img_zainZone_on{
	background: url(../images/img_myZain_mobile_on.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.img_zainZoneHome_off{
	background: url(../images/img_myZain_contract.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.img_zainZoneHome_on{
	background: url(../images/img_myZain_contract.png) no-repeat center;
	width: 70px;
	height: 81px;
}
.subInvoice div{
	float: left;
	
}
.subInvoice div.col1{
	width: 220px;
	text-align: right;
	
	vertical-align: central;
}
.min5 {
margin-left: 0px;
}
.min40{
	margin-left: -20px;
}
.colorDiv0{
	background: #659ec7;
	width: 10px;
	height: 10px;
	margin-top: 3px;
}
.colorDiv1{
	background: #fbb117;
	width: 10px;
	height: 10px;
	margin-top: 3px;
}
.colorDiv2{
	background: #41a317;
	width: 10px;
	height: 10px;
	margin-top: 3px;
}
.align{
	 text-align:left;
}
.menuList{
	width: 200px;
	padding-left: 5px;
}
.analtialReportNewForm .input_text4{
	width:137px;
	height: 25px;
	background:#FFFFFF;
	border: 1px solid #CAD0CE;
	color: #333333;
	padding: 0 0 0 8px;
	outline: none;
	margin-top: 1px;
	
}
#mobileInternet .center{
	margin-left: 50px;
	text-align: center;
}

@media \0screen {

#addressBook .input_text, #servicesSummary .input_text, #websms .input_text, #zainZone .input_text, #registrationHome .input_text, #youthOffer .input_text, #profile .input_text, #analtialReportNewForm .input_text, #mobileInternet .input_text, #numberReservation .input_text, .calldetails .input_text3, .calldetails .input_text4, .analtialReportNewForm .input_text4, #mobileInternet .input_text4, #analyticalReports .input_text, #websms .input_text2, #msisdnListForm .input_text2, #youthOffer .input_text2, #payBill .input_text2, .analtialReportNewForm .input_text4,.verificationForm .input_text, .PaymentMethod .input_text{

	height: 21px;

	padding: 5px 0 0 8px;

	

}

}



/*End Online Services*/
/*Start Campaign Management*/
fieldset    { border: 0; padding-bottom: 9px; }
.storethumbsbox label       { display: block; cursor: pointer; line-height: 20px; padding-bottom: 9px; text-shadow: 0 -1px 0 rgba(0,0,0,.2); }
.radios     { padding-top: 18px; background: url(../images/divider.png) repeat-x 0 0; }
.label_check input,
.label_radio input  { margin-right: 5px; }


.has-js .label_check,
.has-js .label_radio    { padding-left: 34px; padding-top:35px ;padding-right:5px ;}
.has-js .label_radio    { background: url(../images/radio-off.png) no-repeat; background-size:23px 23px; }
.has-js .label_check    { background: url(../images/check-off.png) no-repeat; background-size:23px 23px; }
.has-js label.c_on      { background: url(../images/check-on.png) no-repeat; background-size:23px 23px; }
.has-js label.r_on      { background: url(../images/radio-on.png) no-repeat; background-size:23px 23px;}
.has-js .label_check input,
.has-js .label_radio input  { position: absolute; left: -9999px; }

.lp120{
	padding-left:120px
}
.lp155{
	padding-left:155px
}
.lp60{
	padding-left:60px
}
.offerDesc{
	word-wrap:break-word; 
	max-height:80px;
	overflow-y:auto;
	font-size: 14px;
}
.buttonFormGreen{
	border: 1px solid #009b74;
	background: #009b74; /* Old browsers */
	background: -moz-linear-gradient(top,  #518f22 0%, #009b74 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#518f22), color-stop(100%,#009b74)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #518f22 0%,#009b74 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #518f22 0%,#009b74 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #518f22 0%,#009b74 100%); /* IE9+ */
	background: linear-gradient(top,  #518f22 0%,#009b74	 100%); /* W3C */
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align:center;	
	margin-top: 5px;
	height:32px;
	cursor: pointer;	
}
/*End Campaign Management*/

.mgr32
{
	margin-right:32px;
}

.mgr10
{
    margin-right: 10px;
}