div#header {
height:auto;
}

#loginbox {
margin-left:auto;
margin-right:auto;
width:100%;
position:relative;
}
.center {
	text-align:left;
	width:1000px;
	padding:10px;
	

}
.login{
position:absolute;
}
#userinfo li {
list-style:none;
font-family: 'Noto Sans';
font-size: 14px;
color: #f06f35;
}
#userinfo ul {
padding-left:0px;

}
 h2,h3{
	font-size:50px;
	font-family: 'Noto Sans';
	font-weight:normal;
	color:#FFF;
	line-height:70%;
	margin:10px 10px;
}
h3{
	font-size:20px;
	font-weight:bold;
	margin:10px 0px;
}
.center h1,.center p {
	font-size: 14px;
	font-weight: normal;
}
.center h1{
	color:#fff;
	font-family: 'Noto Sans';
	font-weight:bold;
	font-size: 22px;
}
.left-column{
}
#loginbox,.oblock{
color:#646464;
width: 1000px;
margin:auto;
}
.center{
	position:relative;
	font-size: 14px;
	font-weight: bold;
}
#loginbox input{
	margin-bottom:10px;
	border: 0;
	padding: 9px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	width: 200px;
	background-color: #ededed;
	border: 1px solid #CCCCCC;
}

.container h1 {
color: #2680cc;	
padding-bottom: 0px;
margin-bottom: 0px;

}

.container h2 {
color: #f06f35!important;	
font-family: 'Noto Sans';
font-size: 26px;
margin-left: 0;
}

.container h3 {
color: #f06f35!important;	
font-family: 'Noto Sans';
font-size: 18px;
margin-left: 0;
font-weight: normal;
font-style: italic;
text-transform: capitalize;
}

#loginbox p {
color: #484848;
}

#loginbox submit{
	margin-left: 0px;
}
#loginbutton,#topupbutton,#logsbutton,.button{
	display:block;
	font-family:arial;
	font-size:16px;
background: #7db9e8; /* Old browsers */
background: -moz-linear-gradient(top, #7db9e8 0%, #207cca 49%, #2989d8 50%, #1e5799 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(49%,#207cca), color-stop(50%,#2989d8), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); /* W3C */
	
	border:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	color:#fff;
	-moz-box-shadow:-1px 1px 0px #000;
	margin:5px 0px;
	padding:7px!important;
	margin-left: 0!important;
	width: auto!important;
	border: none!important;
}
#loginbutton:hover ,#topupbutton:hover ,#logsbutton:hover, .button:hover {
background: #9dd53a; /* Old browsers */
background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */

}

#loginbox input:focus {
background-color: #e8e6e6;	
}

#loginbutton {
float: right;	
}

#topupbutton-submit {
	display:block;
	font-family:arial;
	font-size:16px;
background: #7db9e8; /* Old browsers */
background: -moz-linear-gradient(top, #7db9e8 0%, #207cca 49%, #2989d8 50%, #1e5799 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(49%,#207cca), color-stop(50%,#2989d8), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); /* W3C */
	
	border:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	color:#fff;
	-moz-box-shadow:-1px 1px 0px #000;
	margin: auto;
	margin-top: 15px;
	padding:7px!important;
	border: none!important;
}

#topup-drop select {
	padding: 5px;
}

select {
	padding: 5px;
}

option {
	
}

form input{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
#usagewrapper{
	width:auto;
	overflow:hidden;
	-moz-border-radius:5px;
	margin:2px 0px;
}
#used{
	height:20px;
	background: #f3c5bd; /* Old browsers */
	background: -moz-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3c5bd), color-stop(50%,#e86c57), color-stop(51%,#ea2803), color-stop(75%,#ff6600), color-stop(100%,#c72200)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* W3C */
	-moz-border-radius:5px;
}
#avail{
	height:20px;
	background: #9dd53a; /* Old browsers */
	background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */
	width:100%;
	-moz-border-radius:5px;
}
.righttext{
	float:right;
}
.price {
	display: block;
	float: right;
	text-align: left;
	width: 174px;
			}
			form,{
				margin:10px 0px;
}
.table table,.table tr,.table td{
	border:1px solid #fff;
	border-radius:5px;
	padding:5px;
}
.table table{

width:732px;
}
.headings{
	color:white;
background-color: #646464;
	font-size:12px;
	font-weight:bold;
}
#logdate{
	margin-top:10px;
}
.datepicker  {
	float:left;
	width:310px;
}
.newlinks{
width:50px;
position:absolute;
top:10px;
right:10px;
font-size:12px;
text-decoration:none;
text-align:center;
}
.shiftright{
margin-right:60px;
}
.shiftrightmore{
margin-right:120px;
}
.small{
font-size:65%;

}
.topselect {
	    -moz-border-radius: 10px 10px 10px 10px;
		    border: 1px solid #FFFFFF;
			    margin-bottom: 20px;
				    margin-left: auto;
					    margin-right: auto;
						    padding: 10px 10px 20px;
							    text-align: center;
								    width: 300px;
								
-webkit-border-radius:10px;
-o-border-radius:10px;
-ms-border-radius:10px;
}
#topupbutton{
margin-right:auto;
margin-left:auto;

}
#mbyte{
border-top :1px solid #fff;
border-left :1px solid #fff;
border-right :1px solid #fff;
border-bottom :0px solid #fff;
width:140px;
text-align:center;
float:right;
margin-right:8px;
margin-top:-15px;
}
.logohead table{
font-size:0;

}
.loginerror{
background: #f3c5bd; /* Old browsers */
background: -moz-linear-gradient(top, #f3c5bd 0%, #f24848 50%, #e50c04 51%, #ff3f00 75%, #d80000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3c5bd), color-stop(50%,#f24848), color-stop(51%,#e50c04), color-stop(75%,#ff3f00), color-stop(100%,#d80000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f3c5bd 0%,#f24848 50%,#e50c04 51%,#ff3f00 75%,#d80000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f3c5bd 0%,#f24848 50%,#e50c04 51%,#ff3f00 75%,#d80000 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f3c5bd 0%,#f24848 50%,#e50c04 51%,#ff3f00 75%,#d80000 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#d80000',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f3c5bd 0%,#f24848 50%,#e50c04 51%,#ff3f00 75%,#d80000 100%); /* W3C */
text-align:center;
padding:3px;
position:absolute;
top:60px;
left:40px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
}
table.totals{
width:214px;
margin-right:7px;
float: right;
border:none;
padding-top:0px;
margin-right: 175px;
}
.borderless td {
border-collapse:collapse;
border:none;

}

#preloader {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:99; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}

.bt { padding: 7px; background-color: #2d2d2d; font-family: 'Noto Sans'; font-size: 14px; color: #FFFFFF; text-decoration: none; float: right; margin-left: 8px; font-weight: normal; }
.bt:hover { background-color: #e56329; }

#adsl-usage { font-family: 'Noto Sans'; font-size: 14px; width: 1000px; background-image: url(bg-usage-left.jpg); margin-top: 20px; margin-bottom: 20px;   /* Webkit background gradient */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #99cd3c), color-stop(1, #7bbc18));
  /* Mozilla background gradient */
  background: -moz-linear-gradient(#99cd3c 0%, #7bbc18 100%);
  
  /* Give it the inset look by adding some shadows and highlights */
  -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
  -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF; }
#adsl-usage-bar { background-image:url(bg-usage-used.jpg); height: 30px; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81f26), color-stop(1, #b71d23));
  /* Mozilla background gradient */
  background: -moz-linear-gradient(#d81f26 0%, #b71d23 100%);
  
  /* Give it the inset look by adding some shadows and highlights */
  -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
  -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
 /* Safari */
transition: all 800ms ease;

}

#adsl-usage-bar span { float: right;  margin-right: 5px; margin-top: 5px; color: #FFFFFF;}
#usage-arrow { background-image: url(files/arrow.jpg); width: 15px; height: 9px; float: right; margin-top: 32px; margin-right: -8px; }

#footer-block2 { margin-top: 68px!important; }
#footer-block3 { margin-top: 68px!important; }

.adsl-info span { color: #696464!important; }

.oblock input { padding: 14px; border-radius: 0; border: 1px solid #cccccc; }

#logs-table { text-shadow: 0!important;  border-collapse: collapse!important; }
#logs-table td { padding: 7px!important; border-collapse: collapse!important; text-align: center!important; }

#logs-table tr:first-child {  }
#logs-table tr:nth-child(2n+2) { background-color: #d0d0d0; }


.top-up-button { padding-top: 15px!important; padding-bottom: 15px!important; }