﻿body {line-height:1.3em;background:#fff; font:13px HelveticaNeue-Roman!important;color:#000; direction:rtl}
a , #myinternet a , #myinternet , #myprofile a , #myprofile , #myservice , #myservice a , #special , #special a , #servicemanagment 
, #servicemanagment a , .LoadingDiv , #mymobile , #mymobile a{font-family:HelveticaNeue-Roman!important}
caption, th, td {text-align:right}
.FL{float:right}
.FR{float:left}
/*.Dir{float:right} Commented before & class Dir removed from logn & forget- password*/
.DirectionLTR{direction:rtl}
.DirRTL{direction:rtl}
.TextAlignDir{text-align:left}
.MargR10{margin-left:10px}
.HeadButton span.BTNIcon{margin:12px 30px 0 0}
.HeadButton span.BTNIconMyAcc{margin:8px 25px 0 0}
.HeadButton span.HeadBtnText{margin:3px 10px 0 0}
.HeadBtnMyAcc span.HeadBtnText{line-height:35px}
.Language .LangPaddAr{margin:0 5px}
.LangPaddArNew span{margin-left:6px}
.LangPaddArNew{padding:7px 0 0 12px!important;text-align:left}
.MyAccCont{direction:rtl}
.MyAccLogo{margin:0 157px 0 0}
.LangPaddEn{padding:10px 0 0 10px}
.LangPaddL{padding:10px 0px 0 6px !important} 
.Width140 {width:140px}
 #special .MyAcLinksList{float:left}

 .SpecialFloat{float:left!important}
 .SpecialFloatPoint {float:right!important}
.HeaderTwoForm{font:normal 1.5em HelveticaNeue-Roman!important;line-height:1em!important}
.MargL10{margin-right:10px; margin-left:0}
.MargL3{margin-right:3px; margin-left:0}
.FormRowButton .BottonCont{margin-left:3px}
.FontLevel2{font:1.21em HelveticaNeue-Roman!important}
/*Login Page*/
.ForgotPass{margin:25px 0 10px 35px}
.SignUp{margin:0 103px 0}
.error-box .message, .notice-box .message, .success-box .message , .success-box .message{text-align:right;font:1.08em HelveticaNeue-Roman!important;padding:3px 33px 5px 33px}
#SummeryValDiv .success-box div.message  span{padding:0 10px}
.markup-content ul{padding:0 3px 0 0;margin:5px 20px 0 0}
.error-box p.icon, .notice-box p.icon, .success-box p.icon{float:right;margin:0 0 0 6px}

.MobileNumber label{left:auto;right:0;width:147px}
.MobileNumber input{padding:0 18px 0 0;direction:rtl}
.error-box p.icon{background:url("/FacebookECare/images/SumValIconsSprites.png") no-repeat scroll 2px -62px}
.error-box .markup-content ul , .CaptchaStyle input.text_field{direction:rtl}
.CaptchaStyle input.text_field{padding:0 18px 0 0}
#special .MyAcLinksList {float:right}
.Login .jspDrag{/*left:8px*/} 
.Login .jspVerticalBar{right:-1px}
.Login{padding:10px 0px 10px 10px !Important}
/******Offer********/
.LeftNavArrowExp{background:url('/Style Library/MobinilImages/ArrowOrangBottom.gif') no-repeat right 12px}
.LeftNavArrowColp{background:url('/Style Library/MobinilImages/ArrowOrangLeft.gif') no-repeat right 11px}
.OffersBig , .OffersCont{direction:rtl}

.GenContUl{margin:0 13px 0 0}
.GenContUl li{background:url('/FacebookECare/images/ArrowOrangLeft.gif') no-repeat right 5px;padding:0 11px 5px 0}
.GenContUlPdf li{background:url('/FacebookECare/images/pdf.gif') no-repeat right top;padding:0 25px 10px 0}

.OfferImgCont{margin:2px 0 0 10px;float:right}
.OffersTextCont{float:right}
.OffersBig{padding:11px 30px 0 0}
/*h3.GenHeaderThree{font:700 12px tahoma}*/
/*.OffersDesciption p{font:12px tahoma!important}
h2.GenHeaderTow{font:700 16px tahoma!important}*/
/* Tables */
/*.TableClasses th,.DataGridHeader td{font:700 12px tahoma!important}
.TableClasses td{font:12px tahoma}
h1.Orange{font:Bold 18px Tahoma}*/
/*.SignUp a{font:Bold 13px tahoma}*/
/*.error-box .markup-content p span{font:13px Tahoma!important}*/
 /*#special #divMySpecialPointContainer,.SpecialFloatPoint{font:1.15em HelveticaNeue-Roman}*/

/*scroll*/
.jspVerticalBar{position:inherit;float:left}    
.OffersCont{padding:10px 10px 10px 0}   
.OffersCont .jspDrag{left:10px}

.addthis_toolbox a.addthis_button_compact , .addthis_toolbox span ,
.addthis_default_style .addthis_separator, .addthis_default_style .at300b, .addthis_default_style .at300bo,
.addthis_default_style .at300m, .addthis_default_style .at300bs{float:right!important}
.addthis_toolbox a span.at16nc {float:left!important}
/*.OfferCloseMargB a{font: 14px Tahoma}
#dTerms p , #dEligibility p , #dMoreInfo p{font-family:tahoma!important}
.OfferBoxesTitle{font:Bold 14px Tahoma}
h2.OfferBoxesTitle{font:Bold 14px tahoma!important}
.OfferBoxesDesc{font:11px Tahoma}
.OfferDetailsTitle{font:Bold 28px Tahoma!important}
.OfferDetailsDesc{font:17px tahoma!important}
.Font12Bold{font:Bold 12px tahoma}
.OfferFontDesc{font:12px tahoma}
h2.OfferBoxesTitle a , h2.ShopOffersTitle a{font-family:Tahoma}
.OffersH2Font{font:Bold 16px tahoma!important}*/
/***Offers and promotion page**/
/*Big*/

/***Offers and promotion page**/
/*Big*/
.OffersBig{padding:11px 19px 0 0}
.OffersBigSmall{padding:11px 19px 15px 0}
.OfferImgCont{margin:2px 0 0 10px;float:right}
.OffersTextCont{float:right}

.MargL30{margin-right:30px; margin-left:0}
.MargL25{margin-right:20px; margin-left:0}
.MargB20{margin-bottom:20px}
.PaddR5{padding-left:2px; margin-left:0}
.MargL20{margin-right:20px; margin-left:0}
.MargR9{margin-left:5px; margin-right:0}
.MargR15{margin-left:15px}
.DescMargTL25{margin:25px 25px 0 0}
.MargL90{margin-right:90px; margin-left:0}
.Width420{width:420px}

.MargT15Desc1{margin:15px 15px 0 0!important}
.MargT15Desc1 .ShareCont .addthis_toolbox{width:150px!important}
.MargTb12{margin:12px 7px 0px}
.OffersContDetails div.listItemInfo div.itemPrice3{margin-right:3px!important}					  

#dEligibility , #dTerms , #dMoreInfo {display:none;/*z-index:1000000;*/margin:12px 7px;padding:15px 10px 15px 10px}
#dEligibility{right:33%}
#dTerms{right:36%}
#dMoreInfo{right:38%}

.OffersHideAnch{padding:0 66px 10px}
.OfferCloseMargB{margin-bottom:15px}
#box{right:35%!important;left:auto}

/*carousel*/
.jcarousel-skin-tango .jcarousel-container-horizontal {padding: 20px 20px 20px 0}
/*Next Arrow*/
.jcarousel-skin-tango .jcarousel-next-horizontal {right:10px;top:40px}
.jcarousel-skin-tango .jcarousel-prev-horizontal {top:40px}
.jcarousel-skin-tango{direction:ltr}
.jcarousel-skin-tango .jcarousel-clip-horizontal{margin:5px 0 0 18px}

/***************************************** Pop up Styles*********************************************/
.popupdiv{text-align:right}
.PopClose{left:15px;right:auto}
.PopCloseEngInArab{right:10px;left:auto;top:20px}
.PopR{background:url('/FacebookECare/images/PopR_AR.png') repeat-y 100% 0!important}
.PopTL{background:url('/FacebookECare/images/PopSprit_AR.png') no-repeat 100% 0!important}
.PopTR{background:url('/FacebookECare/images/PopSprit_AR.png') no-repeat 0 0!important}
.PopBL{background:url('/FacebookECare/images/PopSprit_AR.png') no-repeat 100% -10px!important}
.PopBR{background:url('/FacebookECare/images/PopSprit_AR.png') no-repeat 0 -10px!important}
/*************************** My Account Landing Page **************************/
.MyAccountDialPostion{width:420px;direction:rtl}
.MyAcountDialsText{margin:8px 40px 0 10px}
.MyAcountDialsTextLink{margin:15px 5px 0 0}
.MyAcLandLeftSide{margin:0 0 0 28px}
.MyAcLanMPhImg{margin:0 0 0 10px}
.MyAcMargBSep{margin-bottom:24px}
.MyAcKnowMore div.MyAcLinksList{margin:0 0 0 48px}
.MyAcLanProListImg{margin:0 0 0 6px}
/*.jcarousel-clip-horizontal ul#mycarousel li a{font:12px Tahoma!important}*/
/*.MyAcLandMyPhTitle{font:700 16px tahoma}
.MyAcKnowMLTitle{font:22px tahoma}
.MyAcPrice{font:700 14px tahoma}
.MyaccountErrorMessage{font:12px tahoma}
.MyaccountErMSmall{padding:5px;font:12px tahoma}
.DetailsFont{font:12px tahoma!important}
.BlackFont{font:12px tahoma}
.GeneralLink a,.BreadCLink{font:12px tahoma!important}
h3{font:700 16px tahoma} h4{font:700 14px tahoma!important}
h4 a{font:700 14px tahoma!important}
h5{font:12px tahoma!important}
h5 a{font:12px tahoma!important}
p{font:12px tahoma} */

.TextL{text-align:right}
.TextR{text-align:left}
/** Drop Down Styles inside PopUp**/
.popupdiv .jqTransformSelectWrapper div span {margin:0;right:0}
.popupdiv .jqTransformSelectWrapper a.jqTransformSelectOpen{left:5px;right:auto}
/** Drop Down Styles *
.styled-ddl{font:12px tahoma}*/
.jqTransformSelectWrapper{float:right;background-position:12px 20px;padding:0 0 0 22px}
.jqTransformSelectWrapper div span {margin:0 10px 0 0}
.jqTransformSelectWrapper a.jqTransformSelectOpen {left:0px;right:auto}
.jqTransformSelectWrapper ul{right:1px;left:auto;margin:0 -1px 0 0}
/*New Drop Down Menu*/
.DropDownRadiusBg{float:right}
.DDListStyle{padding:0 0 0 22px;background-position:15px 20px}

.infoWindowBG{width:330px; height:60px;font:13px frutiger44Light,tahoma;text-align:center;padding:5px;margin-top: 20px;background: #ffa600;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYTYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjhhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffa600 0%, #ff8a00 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa600), color-stop(100%,#ff8a00));
background: -webkit-linear-gradient(top,  #ffa600 0%,#ff8a00 100%);background: -o-linear-gradient(top,  #ffa600 0%,#ff8a00 100%);background: -ms-linear-gradient(top,  #ffa600 0%,#ff8a00 100%);background: linear-gradient(to bottom,  #ffa600 0%,#ff8a00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa600', endColorstr='#ff8a00',GradientType=0 );
border-bottom:solid 2px #d97400;border-top:solid 2px #ffbe40;border-right:solid 2px #d98900;border-left:solid 2px #d98900;-moz-border-radius: 10px;-webkit-border-radius: 10px;
border-radius: 10px}

.EnterOtherTabs{display:none}

/*.PaddZero {padding: 0!important}*/
/*Deactivated Dials 10-11-2014
a.DisabledLink,#Dashboard a.DisabledLink{cursor:default!important;color: #a9a9a9!important; text-decoration:none!important}
a.DisabledLink:hover,#Dashboard a.DisabledLink:hover,.DisabledLink:hover{text-decoration:none!important;cursor:default}*/
/*Disabled Buttons
input[type="button"]:disabled,input[type="submit"]:disabled{color:#949494;cursor:default;text-shadow:1px 1px #FFF}
.disabled{cursor:default!important}*/
/*my account refresh button
#BillAndBalanceInfo1_divPostpaidPayLink a{cursor:pointer}*/

/*Chrome Ver 39*/
.error-box .message a, .notice-box .message a, .success-box .message a{display:inline} /*My Account*/
#MySpecialPoints1_divEnrol a{display:inline}
#MyInternet1_divContent a{display:inline-table}
#MyInternet1_divCorporateDials a{display:inline-table}

#MyPlanInfo1_divContent a{display:inline-table}
#MyPlanInfo1_divContent .MyAcLandMyBillRow div{min-width:63px}
#MySpecialPoints #MySpecialPoints1_divManagePoints a{display: inline-table;width: 80px}
#MyServices1_divContent a{display:inline}
#BillAndBalanceInfo1_divPostPaid a {display: inline-table;cursor:pointer}
#BillAndBalanceInfo1_divPostPaid .MyAcLandMyBillRow div.BlackFont{display:inline-table;min-width:110px}
#BillAndBalanceInfo1_divControlTotalOpenAmount .MyAcLandMyBillRow div.BlackFont{width: 150px}
#BillAndBalanceInfo1_divPrePaidCallControl .MyAcLandMyBillRow div.BlackFont{min-width:115px}
#BillAndBalanceInfo1_divCallControl a{display:inline-table}
#BillAndBalanceInfo1_divPrepaidRechargeLink a{display:inline-table}
#BillAndBalanceInfo1_divGoToEbill a{display:inline-table}
#BillAndBalanceInfo1_divPayInAdvance a{display:inline-table}
#BillAndBalanceInfo1_divRechargeOnline a{display:inline-table}
.SmsIcon a{display:inline-table!important}
ul.GenListOfLink li.GenListOfLinkFLI a{display:inline}
.OverviewLabel{display:inline-table}/*Business E-bill*/
.OverviewValue{min-width: 60px}
.tier2-charge{min-width: 62px}
/*#BillAndBalanceInfo1_divPrePaidBalance  div.BlackFont{width: 150px}*/
/*#MyBill a{display: inline-table}*/
/*Added for subscribe buttons
.Button{font:12px tahoma!important}
.Width80{width:80px}*/

/*Offers & Promotions popup*/
.PopCont p {padding-left: 15px; margin-right:0}
.MargL11 {margin-right: 11px; margin-left:0}
.FormLabel {margin: 6px 0 0 8px!important}
.FormLabel {width: 94px;color: #666;font: 12px tahoma;margin: 6px 0 0 12px}
.MargR5 {margin-left: 5px; margin-right:0}
.PaddL200{padding-right:200px;padding-left:0}
.OfferImgCont img {width: 65px}
/*.PopupDropBorderB {Border-bottom: 1px dotted #CCCCCC}
.PaddB10 {padding-bottom: 10px}
.FormPar {margin: 7px 10px 18px}
.Width115 {width: 115px!important}
.Width60 {width: 60px}
.GenCompMargTMed {margin-top: 15px}
.MargT6 {margin-top: 6px}
.FormControl {color: #666}
.DirLTR {direction: ltr!important}
.MargLR110 {margin: 0 110px}*/
 
/*CallTone Offer*/
/*.CallToneOfferPopup .HeaderTwoForm{font: normal 14px tahoma!important}
.CallToneOfferPopup .FormRowButton {margin-top: 15px}
.CallToneOfferPopup p{font: 12px tahoma}*/
.CallToneOfferPopup .litItemTitleRTB {width: 69%!important;text-align: right!important}
.CallToneOfferPopup .Width100Ar {width: 100px}
.CallToneOfferPopup .FormRow {  margin: 0 30px 5px 10px}
.CallToneOfferPopup .litItemTitleValueRTB {width: 69%!important;text-align: right!important}

/*Orange PopUp*/
.popupdiv .PopUPSubCont .PopClose:after,.popupdiv #dvPurchase .PopClose:after{content:'\f00d';display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:1.6em;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:5px}
@media screen and (max-width: 640px) {.popupdiv{width:80%} .popupdiv .PopCont{padding:20px!important;min-width:200px}}
.PopCont{background-color:#fff!important;/*padding:10px;*/padding:40px 60px;max-width:900px;background-image:none!important;font-family:HelveticaNeue-Bold;min-width:400px;max-height:330px;overflow-x:hidden;overflow-y:auto}
.PopUpTitle{background:url('/FacebookECare/images/InfoIcon.png') no-repeat right;padding-right:55px;height:35px;margin-bottom:20px;font:1.28em HelveticaNeue-Bold;line-height:2em!important}

/*New Buttons*/
.OrangeBtn{background:#f16e00!important; color:#fff!important;border:2px solid #f16e00!important;padding:1px 16px 5px!important;font: 1.1em HelveticaNeue-Bold!important; cursor:pointer;-webkit-appearance: none}
.OrangeBtn:hover{background:#c15800!important;border:2px solid #c15800!important;transition: color 0.5s ease;text-decoration:none;-webkit-appearance: none}
.OrangeBtn:active{background:#914200!important;border:2px solid #914200!important;text-decoration:none;-webkit-appearance: none}
.BlackBtnWhite{background-color:#000!important; color:#fff!important; border:2px solid #000!important;padding:1px 16px 5px!important;font: 1.1em HelveticaNeue-Bold!important; cursor:pointer;-webkit-appearance: none}
.BlackBtnWhite:hover{background:#4d4d4d!important; color:#fff!important;border:2px solid #4d4d4d!important;transition: color 0.5s ease;text-decoration:none;-webkit-appearance: none}
.BlackBtnWhite:active{background:#f16e00!important; color:#fff!important;border:2px solid #f16e00!important;text-decoration:none;-webkit-appearance: none}
.OrangeBtn,.BlackBtnWhite{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}
.OrangeBtn:active,.BlackBtnWhite:active{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none}
a.OrangeBtn, a.BlackBtnWhite{white-space:nowrap}

.Bold{font-family:HelveticaNeue-Bold!important}

