@font-face {
  font-family: 'BKoodakBold';
  src: url('https://www.chargereseller.com/fonts/BKoodakBold.eot?#') format('eot'),  /* IE6–8 */
       url('https://www.chargereseller.com/fonts/BKoodakBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
  font-family: 'BYekan';
  src: url('https://www.chargereseller.com/fonts/BYekan.eot?#') format('eot'),  /* IE6–8 */
       url('https://www.chargereseller.com/fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('https://www.chargereseller.com/fonts/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
body{
	background:url("../img/bg.jpg");
	font-family: tahoma;
	font-size: 100%;
	direction: rtl;
}
h2 {
	font-size: 20px;
	font-family: BYekan,"Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 20px;
	margin: 10px;
	color: #ECFDFD;
}
p {
	font-size: 17px;
	font-family: BYekan,"Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 20px;
	margin: 0;
	color: #ECFDFD;
}
label {
	color: #ECFDFD;
	font-family: BYekan,Tahoma;
	font-size:100%;
}
legend {
	padding:10px 20px;
	color: #5B5C5C;
	font-family: BKoodakBold,Tahoma;
	font-size:130%;
}
strong {
	margin-right: 30px;
	float: right;
}
fieldset {
	border: 0 none;
}
div.form {
	padding: 10px 20px;
	direction: rtl;
}
.clear{
	clear:both;
}
div.container{
	width:810px;
	height:auto;
	margin:111px auto 20px;
	background-color: rgba(255,255,255,0.20);
	border:1px solid #8CBBC0;
	box-shadow:0 0 3px rgba(0, 0, 0, 0.5);
	border-radius:30px;
}
div.container.PIN div.Magiccharge {
	visibility: hidden;
}
.operators {
	width:808px;
	height:95px;
	margin-top:0;
	z-index: 9999;
}
.operators:first-child {
	margin-right:70px;
}
.operators div {
	width:152px;
	height:102px;
	float:right;
	cursor:pointer;
	margin-top: inherit;
}
.operator.MTN {
	background:url("../img/MTN.png") no-repeat 0 -109px;
}
.operator.MCI{
	background:url("../img/MCI.png") no-repeat 0 -109px;
}
.operator.RTL{
	background:url("../img/RTL.png") no-repeat 0 -109px;
}
.operator.TAL{
	background:url("../img/TAL.png") no-repeat 0 -109px;
}
.operator:hover {
	background-position: 0 0;
}
.operator.active {
	background-position: 0 0;
}
div#left{
	width:326px;
	height:430px;
	float:left;
	direction:rtl;
}
div#logo{
	width:180px;
	height:160px;
	background: url("../img/logo.png") no-repeat 0 0;
	margin:100px 64px 0 0;
	cursor:pointer;
}
div#logo:hover{
	background-position: 0 -168px;
}
div#logo:active{
	background-position: 0 -344px;
}
div#content{
	width:482px;
	height: auto;
	float:right;
	margin:20px auto;
	text-align:center;
}
div#content input{
	background-color: #3E7AAC;
    border: 2px solid #365C80;
    border-radius: 10px;
    box-shadow: 2px 2px 10px 5px #386386 inset;
    color: #FFFFFF;
    font-family: BKoodakBold,Tahoma;
    font-size: 200%;
    height: 34px;
    margin: 8px;
    padding: 8px 55px 2px 65px;
    text-align: center;
    width: 220px;
}
div#content input[type="text"] {
	letter-spacing: 2px;
}
#EmailInput {
	letter-spacing: 1px !important;
	padding: 8px 20px 2px 50px !important;
	width: 270px !important;
}
div#content input:hover{
	color:#1D384F;
}
div#content input:focus{
	color:#1D384F;
}
input#dataAccountTemp{
	background:url(../img/mobile.png) no-repeat #3e7aac;
	background-position: 13px 14px;
	text-align: left !important;
	direction: ltr;
}
input#dataAccountTemp:hover, input#dataAccountTemp:focus{
	background-image:url(../img/mobile-h.png);
}
div#content select#dataAmountTemp {
	direction: ltr;
	width:339px;
	height:48px;
	border: 1px solid #D6D4D5;
	color:#5C5C5C;
	border-radius:10px;
	padding:5px 20px 5px 60px;
	margin:8px;
	box-shadow: rgba(0, 0, 0, 0.298039) 0 0 5px 0 inset;
	background-image: url(../img/price.png);
	background-repeat: no-repeat;
	background-color: #F6F4F5;
	background-position: 13px 14px;
	font-family: BYekan,Tahoma;
	font-size: 160%;
	text-align: center;
}
div#content select#dataAmountTemp:hover{
	background-image:url(../img/price-h.png);
}
input#EmailInput{
	background:url(../img/email.png) no-repeat #3e7aac;
	background-position: 13px 14px;
	font-size: 140% !important;
}
input#EmailInput:hover, input#EmailInput:focus{
	background-image:url(../img/email-h.png);
}
div#content input[type="submit"] {
	width:342px;
	height:56px;
	box-shadow:inset 0px 20px 15px 0px #1b4987;
	border: 1px solid #1b4e7b;
	border-radius:10px;
	margin-top:20px;
	padding-top: 2px;
	background-color:#153462;
	font-family: BKoodakBold,Tahoma;
	font-size:180%;
	color:#ffffff;

}
div#content input[type="submit"]:hover{
	box-shadow:inset 0px 13px 10px 0px #1b4e7b;
	background-color:#1b4987;
	text-shadow: 1px 2px 2px #111111;
}
div#content div#MagicCharge{
	box-shadow: 0px 0px 0px #000000;
	border-radius:0px;
	text-align:right;
	color: #5B5C5C;
	font-family: BKoodakBold,Tahoma;
	font-size:100%;
	height:auto;
	margin: 8px auto;
}
div#content input#magiccharge{
	border-radius:5px;
	width:10px;
	height:10px;
	padding:10px;
	box-shadow: none;
}
.error-message, .message {
	background-color: #F2DEDE;
    border: 1px solid #EED3D7;
    color: #B94A48;
    border-radius: 4px;
    margin: 10px 0;
    padding: 4px;
	font-family: BYekan, tahoma;
	font-size:13px;
	text-align: center;
}
.conference{
	direction: rtl;
	float:right;
	padding:0 30px;
	width: 100%;
}
.conferences {
  background: url("../img/icon_user.png") no-repeat scroll 97% 7px #EFEFEF;
}
.alert-admin {
	background: url("../img/icon_admin.png") no-repeat scroll 97% 7px #EFEFEF;
	background-color: #E5EFFA;
	border: 1px solid #D3DFEB !important;
}
.conference small{
	float:left;
	margin-left:10px;
}
.conference span {
	font-size: 100%;
	font-family: BYekan,"Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 20px;
}
.conference .transdetail {
	text-align: right;
	font-size:16px;
	font-family: BYekan,"Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 20px;
	direction: rtl;
	margin: 20px 10px;
	padding: 8px;
	border: 0;
}
.conference div textarea {
	margin-right: 5px;
    width: 88%;
	border: 1px solid #E6E6E4;
	border-radius: 8px;
	padding: 5px;
	font-size:13px;
	font-family: BYekan,"Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 20px;
}
.conference .textarea label {
    vertical-align: top;
}
.conference div.input {
    height: auto;
}
.conference div.confDetail {
    width: 100%;
	height: 20px;
}
.conference div.confBody {
    font-size: 13px;
    line-height: 20px;
    margin: 10px;
    text-align: right;
}
.Conference{
    float: left;
    width: 270px;
	margin: -50px 0 0 15px;
	position:absolute;
}
.Conference .ConferenceBtn {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
    cursor: pointer;
    height: 33px;
    width: 115px;
	background-color: #1a1818;
	border-radius: 0 0 10px 15px;
	-moz-border-radius: 0 0 10px 15px;
    -webkit-border-radius: 0 0 10px 15px;
    -khtml-border-radius: 0 0 10px 15px;
}
.Conference .ConferenceBtn span {
  background: url("../img/info.png") no-repeat scroll 98% 59% transparent;
  color: #FFFFFF;
  display: block;
  margin-right: 9px;
  padding: 9px 19px;
  text-align: right;
}

.Conference .ConferenceContent {
    background-color: #1a1818;
    border-radius: 0 0 5px 0;
    color: #FFFFFF;
    display: none;
    padding: 10px;
    position: relative;
    width: 250px;
    z-index: 2000;
	height: 183px;
}
.Conference input {
    height: 22px;
    width: 230px;
	font-family: BYekan,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 18px;
	padding: 4px 6px;
	text-align: left;
	margin-top: 5px;
}
.Conference label{
	font-size:13px;
	color:#FFF;
	font-family: BYekan,"Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 20px;
	float: right;
}
.cnsubmit {
	padding-top: 5px;
}
.cnsubmit input, .cnsubmit button {
    height: 36px;
    width: 70px;
	padding: 0;
	font-family: BYekan,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 18px;
	text-align: center;
}
.banksubmits {
  margin: 20px auto;
  width: 250px;
  font-family: BYekan,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 13px;
  text-align: center;
}
.banksubmits input{
	background-image:url("../img/load.gif");
	background-repeat: no-repeat;
	background-position: 270px 15px;
    direction: rtl;
    text-align: right !important;
    width: 300px !important;
}
}
.input, .text{
	width:100%;
	clear:right;
	margin: -4px 0;
}
.alert {
	direction: rtl;
	margin: 20px 10px;
	padding: 8px;
	border-radius: 10px;
	font-family: BYekan,"Helvetica Neue",Helvetica,Arial,sans-serif;
	border: 1px solid #E6E6E4;
}
.menu {
	float: left;
	margin: -50px 0 0 30px;
	position: relative;
}
.menu span{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
    cursor: pointer;
	padding: 4px 30px 9px 16px;
	margin-right:20px;
	background-color: #87B43F;
	display: inline-block;
	width: auto;
	color: #FFFFFF;
	text-align: center;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -khtml-border-radius: 0 0 10px 10px;
}
.menu span a {
	color: #ffffff;
	text-decoration: none;
}
span.support {
    background: url("../img/support.png") no-repeat scroll 90% #87B43F;
}
span.help {
    background: url("../img/help.png") no-repeat scroll 90% #098A97;
}
span.help:hover {
    background-color: #47B7C0;
}
.qtip {
	border-width: 3px;
}
.qtip-content {
	font-family: BYekan,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 13px;
	line-height: 2;
	direction: rtl;
	text-align: justify !important;
}
.bgs {
	margin-top: -61px;
}
div.addScript {
	position: relative;
	left: 91%;
	top: 1px;
}
.addScript {
	margin: 0px;
	width: 0px;
}
.addScript p {
	margin: 0px;
	width: 0px;
}
.addScript p>a>img {	
	width: 0px;
	height: 0px;
}
.addScript a>img {
	margin-top: 3px;
}
div #desc h1, div #desc p{
	font-size: 13px;
	font-weight: normal;
	font-family: BYekan,"Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 20px;
	margin: 5px 10px 5px 40px;
	color: #FFFFFF;
	text-align: center;
	text-shadow: 0 1px 1px #303E58;
}
div #desc h1 {
	font-size: 16px;
}
form label.alert{
	display: block;
    padding: 20px;
	border: none;
}
form.MTN div.banks ul li {
	border:2px solid #FFBD00;
}
form.MCI div.banks ul li {
	border:2px solid #3bb3c4;
}
form.RTL div.banks ul li {
	border:2px solid #C5449F;
}
form.TAL div.banks ul li {
	border:2px solid #DE002A;
}
div .loading{
	display: none;
}
div.input {
	padding:0 40px;
}
div.banks {
	text-align:right;
	padding:5px 38px;
}
div.banks p {
	text-align:right;
}
div.banks p i {
	font-style:normal;
	padding-right:10px;
}
div.banks ul, div.banks li {
	margin:-1px;
	padding:0;
	list-style-type:none;
	cursor:pointer;
}
div.banks li {
	border-radius:3px;
	border:2px solid #B9B9B9;
	display:inline-block;
	margin:0px 4x;
}
div.banks li i {
	background-color:#FFFFFF;
	background-image:url(../img/banks_big.png);
	background-repeat:no-repeat;
	font-family:Tahoma;
	font-size:0px;
	display:block;
	width:25px;
	height:25px;
}
div.banks li.active {
	border:2px solid #C44E06 !important;
}
div.banks li.active i {
	background-color:#FCE4A1;
}
div.banks li.bank-Saman i {background-position:0px 0px;}
div.banks li.bank-EnBank i {background-position:-25px 0px;}
div.banks li.bank-Mellat i {background-position:-50px 0px;}
div.banks li.bank-AgriBank i {background-position:-75px 0px;}
div.banks li.bank-Sina i {background-position:-100px 0px;}
div.banks li.bank-Parsian i {background-position:-125px 0px;}
div.banks li.bank-ToseSaderat i {background-position:-150px 0px;}
div.banks li.bank-SanatMadan i {background-position:-175px 0px;}
div.banks li.bank-Pasargad i {background-position:-200px 0px;}
div.banks li.bank-Melli i {background-position:-225px 0px;}
div.banks li.bank-Saderat i {background-position:-250px 0px;}
div.banks li.bank-PostBank i {background-position:-275px 0px;}
div.banks li.bank-Tejarat i {background-position:-300px 0px;}
div.banks li.bank-ToseTavon i {background-position:-325px 0px;}
div.banks li.bank-Ansar i {background-position:-350px 0px;}
div.banks li.bank-Refah i {background-position:-375px 0px;}
div.banks li.bank-Sepah i {background-position:-400px 0px;}
div.banks li.bank-Sarmayeh i {background-position:-425px 0px;}
div.banks li.bank-Ayandeh i {background-position:-450px 0px;}
div.banks li.bank-KarAfarin i {background-position:-475px 0px;}
div.banks li.bank-Maskan i {background-position:-500px 0px;}
div.banks li.bank-Mehr i {background-position:-525px 0px;}
div.banks li.bank-Dey i {background-position:-550px 0px;}
div.banks li.bank-CityBank i {background-position:-575px 0px;}
div.banks li.bank-Zarinpal i {background-position:-600px 0px;}
/* Active */
div.banks li.active.bank-Saman i {background-position:0px -25px;}
div.banks li.active.bank-EnBank i {background-position:-25px -25px;}
div.banks li.active.bank-Mellat i {background-position:-50px -25px;}
div.banks li.active.bank-AgriBank i {background-position:-75px -25px;}
div.banks li.active.bank-Sina i {background-position:-100px -25px;}
div.banks li.active.bank-Parsian i {background-position:-125px -25px;}
div.banks li.active.bank-ToseSaderat i {background-position:-150px -25px;}
div.banks li.active.bank-SanatMadan i {background-position:-175px -25px;}
div.banks li.active.bank-Pasargad i {background-position:-200px -25px;}
div.banks li.active.bank-Melli i {background-position:-225px -25px;}
div.banks li.active.bank-Saderat i {background-position:-250px -25px;}
div.banks li.active.bank-PostBank i {background-position:-275px -25px;}
div.banks li.active.bank-Tejarat i {background-position:-300px -25px;}
div.banks li.active.bank-ToseTavon i {background-position:-325px -25px;}
div.banks li.active.bank-Ansar i {background-position:-350px -25px;}
div.banks li.active.bank-Refah i {background-position:-375px -25px;}
div.banks li.active.bank-Sepah i {background-position:-400px -25px;}
div.banks li.active.bank-Sarmayeh i {background-position:-425px -25px;}
div.banks li.active.bank-Ayandeh i {background-position:-450px -25px;}
div.banks li.active.bank-KarAfarin i {background-position:-475px -25px;}
div.banks li.active.bank-Maskan i {background-position:-500px -25px;}
div.banks li.active.bank-Mehr i {background-position:-525px -25px;}
div.banks li.active.bank-Dey i {background-position:-550px -25px;}
div.banks li.active.bank-CityBank i {background-position:-575px -25px;}
div.banks li.active.bank-Zarinpal i {background-position:-600px -25px;}
div.Magiccharge {
	text-align: right;
	padding: 5px 40px;
}
#AmountTopUpMTNTemp {
	display:none;
}
div.container.TopUp form.MTN #AmountTopUpMTNTemp {
	display:block!important;
}
div.container.TopUp form.MTN #AmountTemp {
	display:none!important;
}
form.MCI div.Magiccharge, form.RTL div.Magiccharge, form.TAL div.Magiccharge {
	visibility:hidden;
}
.amount {
	padding: 14px 50px 4px!important;
}
form div.submit input {
	border-radius:3px;
	color:#FFFFFF;
	cursor:pointer;
}
form.MTN div.submit input {
	background-color:#FFBD00;
	border:1px solid #F5B51F;
}
form.MCI div.submit input {
	background-color:#3BB3C4;
	border:1px solid #50D2E4;
}
.show {
	display: block !important;
}
.hide{
	display: none !important;
}
div.operators.TopUp div.TAL, div.operators.TopUp div.RTL {
	display:none;
}
.irs {
	font-family: 'BYekan', tahoma;
}
.irs-from, .irs-to, .irs-single {
	font-size:12px!important;
	top: -4px!important;
	left: 16px;
}
.irs-min, .irs-max {
	color: #FFFFFF !important;
}