@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
	background-color: #f1e8e6;
	color: black;
}
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
}
.logo-login {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 121px;
	width: 336px;
	text-indent: -9999px;
	margin: auto;
}
.logo-main {
	background-image: url(../images/logo-main.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 121px;
	width: 1016px;
	margin-left: 0px;
    margin-bottom: -15px;
}
.container-login {
	margin-right: auto;
	margin-left: auto;
	width: 622px;
	height: 100%;
}
.container-main {
	margin-right: auto;
	margin-left: auto;	
	width: 980px;
	height: 100%;
}
.log-off {
	background-color: #252525;
	height: 27px;
	width: 38px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #515151;
	border-bottom-color: #515151;
	border-left-color: #515151;
	font-size: 11px;
	color: #FFF;
	float: right;
	padding: 4px 0 0 13px;
	margin-right: 30px; 
    vertical-align:middle;
}
.log-off a:hover {
	color: #999;
}
.log-off span {
	vertical-align:middle;
    display:table-cell;
}

.quicksupport {
	background-color: #252525;
	height: 27px;
	width: 105px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #515151;
	border-bottom-color: #515151;
	border-left-color: #515151;
	font-size: 11px;
	color: #FFF;
	float: left;
	padding: 4px 0 0 13px;
	margin-left: 800px; 
}
.quicksupport a:hover {
	color: #999;
}

.language-box {
	height: auto;
	width: auto;
	font-size: 11px;
	color: #000;
	float: left;
	padding: 7px 0 0 0px;  
    margin-left: 5px;  
}

a.language:visited
{
    color: #000;
}
.lb-select
{
    background-color: #000000;
    border: 0px none black;
    font-size: 9px; 
    color: White;
    width: 70px;
    
}
p {
	line-height: 20px;
}
h1 {
	font-size: 20px;
	font-weight: bold;
    color: #f09e0d;
	background-color: #FFF;
	height: 30px;
	width: 225px;
	display: block;
	z-index: 100;
	margin: 20px 0 -100px 20px;
	padding:5px;
}
h2 {
	font-size: 20px;
	font-weight: bold;
    color: #f09e0d;
	background-color: #FFF;
	height: 30px;
	width: 60px;
	display: block;
	z-index: 100;
	margin: 20px auto -100px 20px;
	padding:5px;
}
h3 {
	font-size: 20px;
	font-weight: bold;
    color: #f09e0d;
	background-color: #FFF;
	height: 30px;
	width: 120px;
	display: block;
	z-index: 100;
	margin: 20px 0 -100px 20px;
	padding:5px;
}
h4 {
	font-size: 20px;
	font-weight: bold;
    color: #f09e0d;
	background-color: #FFF;
	height: 30px;
	width: 180px;
	display: block;
	z-index: 100;
	margin: 20px 0 -100px 20px;
	padding:5px;
}
h5 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	padding-bottom: 10px;
}

/*** BUTTONS BOXES **/
.newBotons_box {
	height: auto;
	width: 480px;
	margin-right:auto;
	margin-left: auto;
	position: relative;
    top: -430px;
    left: 117px;
    text-align: center; 
    font-size: 14px;
    font-style:normal;
   
}
.newOrder_box {
	height: auto;
	width: 200px;/*622px, 696*/
	margin-right:auto; /* auto */
	margin-left: 438px; /* auto */
	position: relative;
    top: -430px;
    left: 15px;
    text-align: center; 
    font-size: 18px;
    font-style:normal;
   
}
.billPayment_box {
	height: auto;
	width:200px;/*622px, 696*/
	margin-right:auto; /* auto */
	margin-left: 438px; /* auto, 545 */
	position: relative;
    top: -423px;
   left: 15px;
    text-align: center; 
    font-size: 18px;
    font-style:normal;
}
.topUp_box {
	height: auto;
	width: 200px;/*622px, 696*/
	margin-right:auto; /* auto */
	margin-left: 438px; /* auto, 545*/
	position: relative;
    top: -416px;
    left: 15px;
    text-align: center; 
    font-size: 18px;
    font-style:normal;
}
.pCards_box {
	height: auto;
	width: 200px;/*622px, 696*/
	margin-right:auto; /* auto */
	margin-left: 438px; /* auto, 545 */
	position: relative;
    top: -409px;
    left: 15px;
    text-align: center; 
    font-size: 18px;
    font-style:normal;
}
.pMin_box {
	height: auto;
	width: 200px;/*622px, 696*/
	margin-right:auto; /* auto */
	margin-left: 438px; /* auto, 545 */
	position: relative;
    top: -402px;
    left: 15px;
    text-align: center; 
    font-size: 18px;
    font-style:normal;
}
.bRev_box {
	height: auto;
	width: 200px;/*622px, 696*/
	margin-right:auto; /* auto */
	margin-left: 438px; /* auto, 545 */
	position: relative;
    top: -395px;
    left: 15px;
    text-align: center; 
    font-size: 18px;
    font-style:normal;
}

.box-1-T {
	background-image: url(../images/box-5.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 6px;
	width: 225px;/*400px*/
	margin-right:auto; /* auto */
	margin-left: 5px; /* auto */
	margin-top: 80px;
	z-index: -100;
	position: relative;
}
.box-1-TF {
	background-image: url(../images/box-1.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 6px;
	width: 696px;/*622px, 696*/
	margin-right:auto; /* auto */
	margin-left: 5px; /* auto */
	margin-top: 80px;
	z-index: -100;
	position: relative;
}
.box-1-B {
	background-image: url(../images/box-5.gif);
	background-repeat: no-repeat;
	background-position: 0px -6px;
	height: 6px;
	width: 225px;/*400px, 696px, 535*/
	margin-right: auto;
	margin-left: 5px; /* auto */
	margin-bottom: 120px; /*130px*/
}
.box-1-BF {
	background-image: url(../images/box-1.gif);
	background-repeat: no-repeat;
	background-position: 0px -6px;
	height: 6px;
	width: 696px;/*622px, 696px*/
	margin-right: auto;
	margin-left: 5px; /* auto */
	margin-bottom: 120px; /*130px*/
}
.box-1-M {
	height: auto;
	width: 224px; /*399, 694, 535*/
	margin-right: auto;
	margin-left: 5px; /* auto */
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #e5e5e5;
	border-right-color: #e5e5e5;
	border-bottom-color: #e5e5e5;
	border-left-color: #e5e5e5;
   
}
.box-1-M2 {
	height: auto;
	width: 224px; /*399, 694, 535*/
	margin-right: auto;
	margin-left: 5px; /* auto */
    border: 1px solid #EF8642;
    border-radius: 10px 10px 10px;
    margin-top: 80px;
}
.box-1-M3 {
	height: auto;
	width: 224px; /*399, 694, 535*/
	margin-right: auto;
	margin-left: 5px; /* auto */
    border: 1px solid #EF8642;
    border-radius: 10px 10px 10px;
    margin-top: 80px;
}
.box-1-MF {
	height: auto;
	width: 694px; /*621, 694*/
	margin-right: auto;
	margin-left: 5px; /* auto */
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #e5e5e5;
	border-right-color: #e5e5e5;
	border-bottom-color: #e5e5e5;
	border-left-color: #e5e5e5;
}
.box-1-container {
	padding: 15px 3px 9px 3px;
}
.box-1-container table {
	/*margin-left: 30px;
	margin-top: 30px;*/
	display: inline-block;
}
.box-2-T {
	background-image: url(../images/box-2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 6px;
	width: 342px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 80px;
	z-index: -100;
	position: relative;
}
.box-2-T1 {
	background-image: url(../images/box-2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 6px;
	width: 265px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 80px;
	z-index: -100;
	position: relative;
}
.box-2-T12 {

	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 6px;
	width: 265px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 80px;
	z-index: -100;
	position: relative;
}
.box-2-B {
	background-image: url(../images/box-2.gif);
	background-repeat: no-repeat;
	background-position: 0px -6px;
	height: 6px;
	width: 265px;/*342px*/
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 130px; /*130px*/
}
.box-2-B_2 {
	background-repeat: no-repeat;
	background-position: 0px -6px;
	height: 6px;
	width: 265px;/*342px*/
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 130px; /*130px*/
}
.box-2-M {
	height: auto;
	width: 342px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #e5e5e5;
	border-right-color: #e5e5e5;
	border-bottom-color: #e5e5e5;
	border-left-color: #e5e5e5;
}
.box-2-M1 {
	height: auto;
	width: 265px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #e5e5e5;
	border-right-color: #e5e5e5;
	border-bottom-color: #e5e5e5;
	border-left-color: #e5e5e5;
}
.box-2-container {
	padding: 30px 25px;
}
.box-2-container1 {
	padding: 15px 5px; /**-- 30px 10px; */
}
.box-2-M2 {
	height: auto;
	width: 265px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #e5e5e5;
	border-right-color: #e5e5e5;
	border-bottom-color: #e5e5e5;
	border-left-color: #e5e5e5;
}
.box-2-T2 {
	background-image: url('../images/box-2.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 6px;
	width: 265px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 80px;
	z-index: -100;
	position: relative;
    top: 0px;
    left: 0px;
}
.box-2-B2 {
	background-image: url(../images/box-2.gif);
	background-repeat: no-repeat;
	background-position: 0px -6px;
	height: 6px;
	width: 265px;/*342px*/
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px; /*130px*/
}
.search-B
{
    color: #555555;
	height: 25px;
	width: 210px;
	background-color: #f3f3f3;
	border: 1px solid #cccccc;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left:5px;
	line-height: 22px;
	margin-left: 5px;
}
.button-Search
{
    width: 25px;
    height: 25px;
    margin-top: 1px;
    
}
.searchHeader {
	font-size: 20px;
	font-weight: bold;
    color: #f09e0d;
	background-color: #FFF;
	height: 30px;
	width: 80px;
	display: block;
	z-index: 100;
	margin: 20px 0 -100px 20px;
	padding:5px;
}
.banners {
	height: auto;
	width: 265px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	display: block;
    top: -120px;
    left: 0px;
    padding-left: 5px;
}
.LiveChat {
	height: auto;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
    margin-top: -20px;
	position: relative;
	display: block;
    left: 10px;
    padding-left: 5px;
}
/****** FOOTER ******/
.footer {	
	height: 25px; /*45px*/
	width: 100%;
	bottom: 0px;
	clear: both;
	position: fixed;
    text-align :center;
}
.copyright {
	font-size: 11px;    	
	padding: 8px 10px 0 10px;
}

/****** LOGIN ******/
input {
	color: #555555;
	height: 25px;
	width: 230px;
	background-color: #f3f3f3;
	border: 1px solid #cccccc;
	margin-top: 3px;
	margin-bottom: 15px;
	padding-left: 5px;
	line-height: 22px;
}
input[type="text"]:focus, .dropdown:focus {
	background-color: #000;
	color: #fff;	
}
.dropdown {
	height: 27px;
	width: 238px;
	font-size: 13px;
	color: #555;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #f3f3f3;
	border: 1px solid #cccccc;
	margin-bottom: 5px;
}
.line-login {
	height: 1px;
	width: 685px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	text-indent: -9999px;
	/*margin-top: 60px;*/
}
.note {
	height: 50px;
	width: 370px;
	margin-top: 15px;
	font-size: 11px;
	line-height: 14px;
}
.btn-login {
	margin: -50px 0 30px 400px;
}
.btn-cancel {
	margin: -80px 0 30px 490px;
}
.btn-print {
	margin: 15px -50px 20px 230px;	
}
.btn-login ul li, .btn-cancel ul li, .btn-print ul li {
	float: left;
	list-style-type: none;
}
.btn-login-L {
	background-image: url(../images/btn-1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 26px;
	width: 6px;
}
.btn-login-R {
	background-image: url(../images/btn-1.gif);
	background-repeat: no-repeat;
	background-position: 0px -52px;
	height: 26px;
	width: 6px;
}
.btn-login-M {
	background-image: url(../images/btn-1.gif);
	background-repeat: repeat-x;
	background-position: 0px -26px;
	height: 26px;
	width: 60px;
	line-height: 26px;
	text-align: center;
	padding-left: 6px;
}
.btn-login-M a, .btn-cancel-M a, .btn-print-M a, .log-off a, .quicksupport a {
	color: #FFF;
	text-decoration: none;
	display: block;
	height: 100%;
	width: 100%;
}
.btn-login-M a:hover{
	color: #b9f55d;
}
.btn-cancel-L, .btn-print-L {
	background-image: url(../images/btn-2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 26px;
	width: 6px;
}
.btn-cancel-R, .btn-print-R {
	background-image: url(../images/btn-2.gif);
	background-repeat: no-repeat;
	background-position: 0px -52px;
	height: 26px;
	width: 6px;
}
.btn-cancel-M, .btn-print-M {
	background-image: url(../images/btn-2.gif);
	background-repeat: repeat-x;
	background-position: 0px -26px;
	height: 26px;
	width: 60px;
	line-height: 26px;
	text-align: center;
	padding-left: 6px;
}
.btn-cancel-M a:hover, .btn-print-M a:hover {
	color: #cccccc;
}

/****** INDEX ******/
.account-info {
	background-image: url(../images/account-info_2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 27px;
	width: 966px;/*980px*/
	margin-top: 0px;
	margin-left:30px;
}
.account-info ul {
	padding: 5px 0 0 500px;
}
.account-info ul li {
	float: left;
	list-style-type: none;
	margin-left: 20px;
}
.account-info ul li span {
	color: #000;
}
.container-sub-left {
	float: left;
	height: 100%;
	width: 705px;/*805px*/
}
.container-sub-left1 {
	float: left;
	height: 100%;
	width: 725px;	
}
.container-sub-right {
	height: 100%;
	width: 355px;
	margin-left:15px;
	float: right;
}
.container-sub-right1 {
	height: 100%;
	width: 270px;
	float: right;	
}
.pagination {
	height: 26px;
	width: 12px;
	margin-top: -20px;
	float: right;
	list-style-type: none;
}
.pagination-up a {
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 13px;
	width: 12px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;	
}
.pagination-down a {
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px -13px;
	height: 13px;
	width: 12px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
}
.download-text {
    width:350px;
}
.btn-download {
margin: -100px 0 0 370px;
}
.btn-download li {
	width: 203px;
	background-image: url(../images/btn-3.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 29px;
	list-style-type: none;
	margin-bottom: 10px;
}
.btn-download a {
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
    margin-left:40px;
	line-height: 28px;
}
.btn-download a:hover {
	color: #efc6a8;
}
.table-rate {
    margin-left: -20px;
}
.table-rate tr th {
	font-size: 14px;
	font-weight: normal;
	padding: 10px 0 6px 5px;	
}
.table-rate tr td {
	height: 24px;
	padding-left: 6px;
}
.table-stripe {
	background-color: #f2f2f2;
}

.table-text-green {
	color: #457c0e;
}
.table-text-red {
	color: #d7444b;
}

/****** MAIN MENU ******/
.menu-main {
	padding-top: 70px;
	#padding-top: 50px;
	margin-left: 350px;/*410px*/
	/*margin-right:10px;*/
	width:650px; /*600px*/
	list-style-type: none;
	/*position: absolute;*/
    top: 1px;
    left: 201px;/*201px;*/
}
.menu-main li {
	font-size: 14px;
    float: left;
}
.submenu li {
	font-size: 12px;
}
.menu-main li a {
	color: #fff;
	text-decoration: none;
}
.menu-1 
{
	height: 31px;
	width: 100px;/*105*/
	text-align: left;	
	color:White;
}
.menu-1:hover, .menu-1-on {
	background-color: #FFA61A;
	height: 31px;
	width: 100px;/*105*/	
	padding-top: 5px;
	margin-top: -5px;
}
.menu-2 {
	height: 31px;
	width: 90px;
	text-align: left;
	color:White;
}

.menu-2-sp {
	height: 31px;
	width: 80px;
	text-align: left;
	color:White;
}

.menu-3 {
	height: 31px;
	width: 70px;
	text-align: left;
	color:White;
}
.menu-4 {
	height: 31px;
	width: 120px;
	text-align: left;
	color:White;
}
.menu-5 {
	height: 31px;
	width: 95px;/*95*/
	text-align: left;
	color:White;
	/*margin-right:10px;*/
}
.menu-6 {
	height: 31px;
	width: 95px;
	text-align: left;
	color:White;
	/*margin-right:10px;*/
}
.menu-6:hover, .menu-6-on {
	background-color: #FFA61A;
	height: 31px;
	width: 95px;
	display: block;
    padding-top: 5px;
    margin-top: -5px;
}
.menu-7 {
	height: 31px;
	width: 70px;
	text-align: left;
	color:White;
	/*margin-right:10px;*/
}
.menu-2:hover, .menu-2-on {
	background-color: #FFA61A;
	height: 31px;
	width: 90px;
	display: block;
    padding-top: 5px;
    margin-top: -5px;
}
.menu-3:hover, .menu-3-on {
	background-color: #FFA61A;
	height: 31px;
	width: 70px;
	display: block;
    padding-top: 5px;
    margin-top: -5px;
}
.menu-4:hover, .menu-4-on {
	background-color: #FFA61A;
	height: 31px;
	width: 120px;
	display: block;
    padding-top: 5px;
    margin-top: -5px;
}
.menu-5:hover, .menu-5-on {
	background-color: #FFA61A;
	height: 31px;
	width: 95px;/*95*/
	display: block;
    padding-top: 5px;
    margin-top: -5px;
}
.menu-7:hover, .menu-7-on {
	background-color: #FFA61A;
	height: 31px;
	width: 70px;
	display: block;
    padding-top: 5px;
    margin-top: -5px;
}

/****** SUB MENU ******/
.menu-main span
{
    margin-left:3px;
}
.submenu_a {
	background-image: url(../images/menu1.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	/*height: 90px;*/
	width: 199px;/*155px*/
	position: relative;
	display: none;
	list-style-type: none;
	float: left;
	/*margin: 11px 0px 0 -5px;*/
}
.submenu {
	/*background-image: url(../images/menu.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;*/
	background-color:#FFA61A;
	/*height: 90px;*/
	width: 170px;/*155px*/
	position: relative;
	display: none;
	list-style-type: none;
	float: left;
	/*margin: 11px 0px 0 -5px;*/
	margin: 11px 0px 0 0;
	z-index:200;
}
.submenu-end {	
	position: relative;
	list-style-type: none;
	float: left;
	margin-top: 3px; /*3px*/
}
.menu-1:hover .submenu, .menu-2:hover .submenu, .menu-3:hover .submenu, .menu-4:hover .submenu, .menu-5:hover .submenu, .menu-6:hover .submenu, .menu-7:hover .submenu {
	display: block;	
}
.submenu-1, .submenu-2 
{
	height: 30px;/*30px*/
	width: 160px;/*145px*/
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f3b446;/*#f3b446*/
	margin-left: 5px;
	line-height: 30px;
}
.submenu-3 {
	height: 25px;
	width: 160px;/*145px*/
	float: left;
	margin-left: 5px;
	line-height: 30px;
}
.submenu a:hover {
	color: #252525;
}
.submenu-1 a, .submenu-2 a, .submenu-3 a
{
    margin-left:10px;
}
.RowTh
{
    background-color:#0f0f0f; /*#CCD8B7*/
    color:White;   /*black*/ 
}
.RowAlt
{
    background-color:#EEEEEE; /*E9EEDF*/
}

.DrawerLimit {
    position: absolute;
    top: 30px;
    left: 800px;
	width: 175px;
	color: #FFF;
}

.progress-label{
    position:absolute;  
    font-size:10px;  
    font-weight:bold;  
    padding-left:3px;
    padding-top:1px;
    width: 160px;
    text-align:center;
}