@charset "utf-8";
body{
	background: url(../img/asfalt-dark.png) fixed;
}
body,p,h1,h2,h3,ul{
	margin:0;
	padding:0;
}
#top,#middle,#bottom{
	width:100%;
	display:block;
}

/* LOADING //////////////////////// */
div#loading{
	z-index: 10000;
	position: fixed;
	top: 30px;
	right: 20px;
	padding: 4px 10px 5px 10px;
	border-radius: 4px;
	color: aliceblue;
	background: #2D72C4;
	opacity: 0.8;
	display: none;
}
/* LOADING //////////////////////// */

/*TOP*/
#top{
	height:100px;
	z-index:1;
	background: url(../img/bannerTop.png);
}
#topContent{
	width:1002px;
	margin:0 auto 0 auto;
	height:70px;
	display:block;
}
#logo{
	width:200px;
	height:70px;
	float:left;
}
#logo img{
	margin-top: 5px;
	border-radius: 5px;
}
#logoBox{
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size:30px;
	font-style:italic;
	margin-top:10px;
	color:#FFFFFF;
}
#logoBox2{
	width: 60px;
	height: 60px;
	margin-top: 5px;
	border-radius: 5px;
	overflow: hidden;
	background: url(../img/logo.png);
	cursor:pointer !important;
}
#menu{
	width:500px;
	height:70px;
	float:left;
}
#menu a:link,#menu a:visited{
	text-decoration:none;
	color:#FFFFFF;
}
#menu ul{
	list-style:none;
}
#menu ul li{
	float:left;
	margin-top:20px;
	padding:5px 10px;
	color:#FFFFFF;
	cursor:pointer;
	border-radius:5px;
}
#menu ul li:hover{
	/*background:#2C6A9F;*/
	opacity: 0.5;
}
#account{
	width:300px;
	height:70px;
	float:right;
}
#balance{
	width:150px;
	height:70px;
	float:left;
}
#balanceBox{
	margin:20px auto 0 auto;
	padding:5px 0;
	font-size:13px;
	color:#E0FF00;
}
#user{
	width:150px;
	height:70px;
	float:right;
}
#userBox{
	margin:15px auto 0 auto;
	color:#FFFFFF;
	text-align:center;	
}
#userBox a:link,#userBox a:visited{
	text-decoration:none;
	color:#FFFFFF;
}
#settingsBox{
	font-size:12px;
	color:#CFCFCF;
	text-align:center;	
}
#settingsBox a:link,#settingsBox a:visited{
	text-decoration:none;
	color:#CFCFCF;
}
#settingsBox a:hover{
	text-decoration:underline;
}
	

/*MIDDLE*/
#middle{
	height:auto;
	z-index:2;
}
#middleContent{
	display:table;
	width:1000px;
	margin:-30px auto 0 auto;
	padding:20px 0;
	background:#FFFFFF;
	border:1px solid #C6C6C6;
	min-height:500px;
}
#middleLeft,#middleLeft2{
	display:block;
	min-height:500px;
	border-right:1px solid #E1E1E1;
}
#middleRight,#middleRight2{
	display:block;
	min-height:500px;
}
#middleLeft{width:699px;}
#middleRight{width:299px;}
#middleLeft2{width:249px;}
#middleRight2{width:749px;}
.paddedContent{
	width:90%;
	margin:0 5%;
}
.paddedContent2{
	width:96%;
	margin:0 2%;
}
.smallContent{
	font-size:12px;
	padding:5px 0;
}
#photoBox{
	width:630px;
	height:300px;
	border:1px solid #C0C0C0;
	border-radius:5px;
	margin-bottom:20px;
}
li#lBulk,li#lInstant,li#lContacts,li#lSchedule{
	padding-left:35px;
	margin-bottom:8px;
}
li#lBulk:before{
	margin-top:-4px;
	margin-left:-35px;
	content: url(../img/icons/bulksms.png);
	position:absolute;
}
li#lInstant:before{
	margin-top:-4px;
	margin-left:-35px;
	content: url(../img/icons/flash.png);
	position:absolute;
}
li#lContacts:before{
	margin-top:-4px;
	margin-left:-35px;
	content: url(../img/icons/contacts.png);
	position:absolute;
}
li#lSchedule:before{
	margin-top:-4px;
	margin-left:-35px;
	content: url(../img/icons/schedule.png);
	position:absolute;
}

/*BOTTOM*/
#bottom{
	bottom: 0;
	height:180px;
	color:#FFFFFF;
	background:#3A3A3A;
	margin-top:20px;
	font-size:12px;
	z-index:1;
}
#bottomContent{
	height:180px;
	width:1002px;
	margin:auto;
}
#copyright{
	float:left;
	width:300px;
}
#copyrightBox{
	padding:5px 0;
	margin:10px auto 0 auto;
	border-bottom:1px solid #929292;
}
#copyrightInfo{
	margin:10px auto 0 auto;
	height:80px;
	width:300px;
}
#loadAccount{
	float:right;
	width:680px;
}
#bInfo2{
	float:left;
	width:65%;
}
#bInfo2Title{
	padding:5px 0;
	margin:10px auto 0 auto;
	border-bottom:1px solid #929292;
}
#bInfo2Data{
	display:block;
	margin-top:10px;
}
.fontBigger{
	font-size:16px;
}
#bInfo3{
	float:right;
	width:30%;
}
#regTitle{
	display:block;
	text-align:center;
	padding:5px 0;
	margin:10px auto 0 auto;
	border-bottom:1px solid #929292;
}
#regBtnHolder{
	display:block;
	margin-top:15px;
}
#register{
	display:block;
	margin:auto;
}
#photoBox2Holder{
	float:left;
	width:230px;
	height:500px;
	overflow:hidden;
}
#photoBox2{
	margin-top:30px;
	width:230px;
	height:468px;
	border-radius:4px;
	overflow:hidden;
}
form#registration{
	width:400px;
	float:right;
	padding-top:30px;
}
form#registration input, form#registration select{
	margin-bottom: 10px;
	
}
form#registration label, form#compose label, form#topup label{
	margin-top:10px;
	margin-bottom:0;
}
form#topup{
	display:block;
	width:400px;
	margin:auto;
}
form#topup input#submit, form#topup input#cancel{
	margin-top:20px;
}
form#topup input#cancel{
	float:right;
}
div#msg{
	color:#FF0000;
	font-size:12px;
	border-radius: 5px;
}
	#msgBlock{
		display: table;
		width: 100% !important;
		font-size: 12px;
	}
	#msgBlock div{
		float: left; 
		margin-right: 10px;
		width: auto;
	}
	#msg1{
		color: red;
	}
	#msg2{
		color: green;
	}
	#msg3{
		color:chocolate;
	}


form#compose{
	width:100%;
}
form#compose label{
	width:100%;
	display: block;
}
form#compose #receivers,form#compose #message{
	width:100% !important;
}
form#compose #receivers,form#compose #message{
	min-height: 130px;
}

form#compose #sender{
	width:120px;
}
form#compose button#submit,form#compose input#btn_invalid{
	margin-top: 10px;
}
form#compose button#submit{
	display: none;
}


.separator{
	display:block;
	width:100%;
	height:1px;
	background:#48A63D;
	margin-top:15px;
	margin-bottom:15px;
}
div#recInfo, div#msgInfo{
	width: 100%;
	text-align: right;
	margin-bottom: 5px;
}

#searchBar{
	display:block;
	min-height:20px;
	margin-bottom:15px;
}
#searchBar #search{
	display:block;
	float:right;
	padding-left:10px;
	border:1px solid #DFDFDF;
	border-radius:4px;
}
#dateBar{
	display:block;
	padding-left:10px;
	margin-bottom:15px;
}
#export{
	margin-top:-3px;
}
.bold{
	font-weight:bold;
}
tr.bold{
	background:#F0F0F0;
}
input#caluculator{
	width:30% !important;
	float:left;
}
label#calcLable{
	width:100%;
}
span#caluculated{
	float:left;
	font-size:18px;
	margin-top:4px;
	margin-left:20px;
	color:#2FB42E;
}
table#ratesTbl{
	margin-top:30px;
}
div#cost{
	float: right;
	font-size: 16px;
	color: #C05F15;
}

div#pb_box{
	
}
div#pb_left{
	width: 186px;
	min-height: 450px;
}
div#pb_left div.leftLink{
	width: 186px;
	height: 40px;
	border-bottom: 1px solid #DCDCDC;
}
div#pb_left div#leftContScroll,div#pb_left div#leftCont{
	width: 186px;
	height: 420px;
}
div#pb_left ul{
	list-style: none;
}
div#pb_left ul li{
	padding: 5px 0 5px 10px;
	overflow: hidden;
	cursor: pointer;
}
div#pb_left ul li:hover{
	background: #C8C8C8;
}
div#pb_right{
	width: 500px;
	min-height: 450px;
}
div#pb_right div.rightContacts{
	float: right;
	width: 480px;
	padding:0 10px;
	border: 1px solid #8DB9D5;
	border-radius: 10px;
}

form#frmNewContacts textarea#multi,form#frmUpdateContacts textarea#multi{
	width: 100% !important;
	min-height: 150px;
}
form#frmNewContacts input#phone{
	display: none;
}
div.loading{
	text-align:center;
}
img.icon{
	margin-right:10px;
}
.center{
	padding-left: 12px;
	text-align: left;
	font-size: 12px;
}

div#contactInfo{
	margin: auto;
	width: 85%;
	text-align: center;
}

form#customersupport{
	
}
form#customersupport input, form#settings input{
	margin-bottom: 10px;	
}
form#customersupport textarea{
	width: 100%;
	min-height: 100px;
	margin-bottom: 10px;	
}
a.msgId{
	cursor: pointer;
	text-decoration: none;
}
div#searchBar div.btn-group{
	float: right;
}
.statusTd{
	float:left;
	width:70px;
	min-height:30px;
	margin-top:-4px;
	margin-bottom:-4px;
	display:block;
}
.btn_block{
	margin:0px 0px -5px 0px !important;
	float:left;
}
.btn_delete{
	margin:0px 0px -5px 1px !important;
	float:right;
}
.btn_topup{
	margin:0px !important;
	float:right;
	width:50px !important;
}

p#img{
	float:right;
}

#contacts{
	text-align:center;
	font-size:24px;
	margin:40px 0;
}
#toc{
	font-size:12px;
	margin:10px 0;
}
#toc a:link,#toc a:visited{
	text-decoration:none;
	color:#256ED0;
}
#fitBox{
	width: 720px;
}
#tbl_list{
	width: 720px !important;
}
.lowCredit{
	text-align:center;
}

div.loading{
	text-align:center;
}
div#recoveryBox{
	padding:50px 0;
}
form#recovery{
	width:400px;
	display:table;
	margin:auto !important;
}
form#recovery .form-group{
	display:table;
	width:100%;
}
form#recovery input{
	padding:5px !important;
	height:auto !important;
	display:block;
	width:100%;
}
form#recovery #submit, form#recovery #finish{
	display:block;
	margin:auto;
}
form#recovery #next{
	display:block;
	margin:auto !important;
}
h4.title{
	padding-bottom:20px;
	text-align:center;
	color:#337AB7;
}
#twoBtn{
	width:210px;
	height:35px;
	display:block;
	margin:auto;
}
.pagination{
	margin: 0 !important;
	padding: 0 !important;
	display: block;
}
.pagesTitle{
	padding: 2px 10px;
	float: left;
	margin-right: 4px;
}
.pages{
	padding: 2px 10px;
	float: left;
	margin-right: 4px;
	cursor: pointer;
	border-radius: 8px;
}
.pages:hover{
	background: #828FD9;
}
.pagesCurrent{
	padding: 2px 10px;
	float: left;
	margin-right: 4px;
	cursor: pointer;
	border-radius: 8px;
	font-weight: bold;
	background: #828FD9;
	color:#FFFFFF;
}

	form#frmBuySms input#phone,form#frmBuySms input#amount, form#frmWithdraw input#phone, form#frmWithdraw input#amount{
		width: 40%;
		float: left;
	}
	form#frmBuySms button#submit,form#frmWithdraw button#submit{
		width: 20%;
		float: left;
		cursor: pointer;
	}
@media screen and (max-width: 520px) {
	form#frmBuySms input, form#frmBuySms button#submit{
		width: 100% !important;
		margin-bottom: 5px;
	}
	.btnInitPayTxt1{
		display: contents;
	}
	.payimg{
		display:none;
	}
	.paytxt{
		display:block;
		float:left;
		width:100% !important;
	}
}

@media screen and (min-width: 1920px){
	#middle{
		margin-bottom: 200px;		
	}
	#bottom{
		position: fixed;
	}
}



.smalltext{
	font-size:11px !important;
}
.new{
	font-weight:bold;
	color:#FB0004;
}