body {
	margin: 0;
	padding: 0;
	text-align: left;
	font: 16px tahoma,Helvetica,arial, sans-serif;
	font-size: 15px;
	color: #061C37;
	background-color: #EEEFE4;
	background-image:url(images/main_background.png);
	background-repeat:repeat-x;
		
}
*
{
  margin: 0 auto 0 auto;
 text-align:left;}

#container
{
  display: block; 
  height:auto;
  position: relative; 
  width: 960px;
  border:0px solid #8097b7;
  background-color:none;
  font-size:13px;
  color:#16428d;
  }

  #non_instant
{
  width: 960px;
  border:0px solid #1c478e;
  background-color:white; 
  
  }
  
#senior_header
{
height:15px;
background:url(images/ssente_background.JPG)#263b91;
background-repeat:repeat;
padding-left:10px;
padding-top:10px;
} 
#senior_header_ug
{
height:15px;
/*background:url(images/ssente_background.JPG)#263b91;*/
background:url(images/ug_flag2.png)#263b91;
background-repeat:repeat;
padding-left:10px;
padding-top:10px;
} 

#senior_header_rw
{
height:15px;
/*background:url(images/ssente_background.JPG)#263b91;*/
background:url(images/Rwanda_flag2.png)#263b91;
background-repeat:repeat;
padding-left:10px;
padding-top:10px;
} 

#senior_header_sd
{
height:15px;
/*background:url(images/ssente_background.JPG)#263b91;*/
background:url(images/south_sudan_flag2.png)#263b91;
background-repeat:repeat;
padding-left:10px;
padding-top:10px;
} 




#spantext{
	margin-left:900px;

	color:black;
	text-align:right;
	text-align: center;
	font-size:12px;
	
	}  
  
  

#header
{
height:100px;
width:960px;	
background-color none;
background-repeat:repeat;
padding-left:10px;
padding-top:20px
}

#header h1
{
position:absolute;
text-align:left;
color:#FFFFFF;
font-size:43px;
color:#FFF;	
left:14px;
top:18px;

}


#header h2
{
position:absolute;
text-align:right;
color:gray;
left:490px;
top:38px;
width:400px;
font-weight:normal;
}

#mainpic
{
background-image:url(images/main.jpg);
background-repeat:no-repeat;
width:900px;
height:354px;	
}



.off
{
color:#67A0F5;
}


#menu
{
display:block;
clear:both;
width:100%;
height:50px;
float:right;
clear:both;
/*background-image:url(images/main_menu_background3.png);*/
background-color:#1c478d;
/*background-image:url(images/main_menu_background3.png);*/
/*background-image:url(images/ssente_background.JPG);*/
background-repeat:repeat-x;
}
#time1
{
display:block;
float:right;
clear:both;
width:960px;
float:left;
clear:both;
color:#33639c;
}

#leftmenu
{
margin-top:15px;
width:204px;
float:left;
}

#leftmenu_top
{
width:204px;
height:14px;
}
#leftmenu_bottom
{
width:204px;
height:14px;
background-image:url(images/leftmenu_bottom.png);
}
#leftmenu_main
{
width:204px;
height:auto;
background-color:#1C478E;
}

#leftmenu_main ul
{
list-style: none;
padding: 0px;
width:204px;
}


#leftmenu_main h3
{
list-style: none;
padding: 0px;
width:204px;
color:#FFFFFF;
padding-left:10px;
padding-bottom:14px;
}

#leftmenu_main ul li
{
list-style: none;
padding: 0px;
width:204px;
text-align:left;
}

#leftmenu_main ul li a, #leftmenu_main ul li a:visited
{
	display:block;
list-style: none;
padding: 0px;
width:192px;
padding-left:12px;
padding-top:4px;
height:30px;
text-align:left;
background-image:url(images/leftmenu_link2.png);
background-repeat:repeat-x;
margin-top:5px;
color:#FFFFFF;
text-decoration:none;
font-size:15px;
font-weight:bold;
}

#leftmenu_main ul li a:hover
{
color:#87BCF8;
	
	
}




#content
{
display:block;
float:left;
width:960px;
height:auto;
padding-left:10px;
padding-top:15px;
padding-right:10px;
padding-bottom:5px;
color:#16428d;
}


#content_top
{
	background-image:url(images/main_top.png);
	background-repeat:no-repeat;
	width:689px;
	height:25px;
}

#content_main
{
background-image:url(images/main_back.png);
background-repeat:repeat-y;
width:659px;
padding-left:15px;
padding-right:15px;
color:#16428d;
}

#content_bottom
{
background-image:url(images/main_bottom.png);
background-repeat:no-repeat;
width:689px;
height:25px;
}





#footer
{
width:inherit;
height:auto;
background-image:url(images/ssente_background.JPG);
/*background-color:#c9c9c9;*/
vertical-align:middle;
height:30px;
padding-top:5px;
padding-left:250px;
top:50%;
}

#footer h3 a,#footer h3 a:visited
{
display:inline;
text-align:center;
font-size:12px;
text-decoration:none;
color:gray;
}


#menu ul {
	list-style: none;
	padding: 0px;
	margin-left:auto;
	width:960px;
}

#menu li {
	list-style: none;
	padding: 0px;	
	/*display: underline overline; */

}


	
	
	
#menu a {
	float: left;
	height: 30px;
	display: block;
	text-align: center;
	text-decoration: none;
	/*color: #16428d;*/
	color:yellow;
	font-weight: normal;
	padding-top: 18px;
	padding-left: 18px;
	font-size: 15px;
	padding-left:33px;
	padding-right:33px;
	
}

#menu a:hover{
	color:#ffd663;
	/*background-image:url(images/ssente_background.png);*/
	background-repeat:repeat-x;
	background-color:#33639c;
	/*text-decoration:overline;*/
	/*text-transform:uppercase;*/
}


tr#display_to_user2{
	
	border:1px solid gray;
	border-collapse:collapse;
	}


/*
form input#submit_button {
	background : url("images/submit_button1.png") no-repeat center center;
	width : 115px;
	height :30px;
	border : none;
	color : transparent;
}
*/





html, body {
text-align: center;
}
p {text-align: left;}

#carriers
{
	border-spacing:0px;
	padding:0px;
	
	}



#button_mtn
{
width:135px;
display:block;
margin-bottom:10px;
background-color:#ddd6a8;
/*background-color:white;*/
/*font-weight:bold;*/
color:#1c478e;
border:1px solid #ddd6a8;
padding:4px;
font-family:arial,helvetica,verdana,Trebuchet MS, tahoma;
text-align: center;
cursor:pointer;
border-radius:10px;
}

#button_mtn:hover
{
width:135px;
display:block;
margin-bottom:10px;
background-color:#ffbe00;
font-weight:bold;
color:#000000;
border:1px solid #ffbe00;
padding:4px;
font-family:arial,helvetica,verdana,Trebuchet MS, tahoma;
text-align: center;
cursor:pointer;
}


#product_label_airtime{
	width: 100%;
	border-collapse: collapse;
	background-color:transparent;
	text-align: center;
	font-weight: bold;
	color:#ddd6a8;
 }

 #product_label_data{
	width: 100%;
	border-collapse: collapse;
	background-color:transparent;
	text-align: center;
	font-weight: bold;
	/*color:rgb(236, 224, 55);*/
	color:#f0d3ce;
 
}


#button_airtel
{
width:145px;
display:block;
margin-bottom:10px;
/*background-color:#e3c7c2;*/
/*background-color:#f0d3ce;*/
background-color:#ddd6a8;
/*font-weight:bold;*/
color:#1c478e;
border:1px solid #ddd6a8;
padding:4px;
font-family:arial,helvetica,verdana,Trebuchet MS, tahoma;
text-align: center;
cursor:pointer;
border-radius:10px;
}

#button_airtel:hover
{
width:145px;
display:block;
margin-bottom:10px;
background-color:#ed1c24;
font-weight:bold;
color:white;
border:1px solid #ed1c24;
padding:4px;
font-family:arial,helvetica,verdana,Trebuchet MS, tahoma;
text-align: center;
cursor:pointer;
}


/*Data buttons*/
#button_mtn_data
{
width:135px;
display:block;
margin-bottom:10px;
background-color:#f0d3ce;
/*background-color:white;*/
/*font-weight:bold;*/
color:#1c478e;
border:1px solid #f0d3ce;
padding:4px;
font-family:arial,helvetica,verdana,Trebuchet MS, tahoma;
text-align: center;
cursor:pointer;
border-radius:10px;
}

#button_mtn_data:hover
{
width:135px;
display:block;
margin-bottom:10px;
background-color:#ffbe00;
font-weight:bold;
color:#000000;
border:1px solid #ffbe00;
padding:4px;
font-family:arial,helvetica,verdana,Trebuchet MS, tahoma;
text-align: center;
cursor:pointer;
}

/*Data buttons*/
#button_mtn_data_expiring
{
width:135px;
display:block;
margin-bottom:10px;
background-color:#e0a599;
/*background-color:white;*/
/*font-weight:bold;*/
color:#1c478e;
border:1px solid #e0a599;
padding:4px;
font-family:arial,helvetica,verdana,Trebuchet MS, tahoma;
text-align: center;
cursor:pointer;
border-radius:10px;
}

#button_mtn_data_expiring:hover
{
width:135px;
display:block;
margin-bottom:10px;
background-color:#ffbe00;
font-weight:bold;
color:#000000;
border:1px solid #ffbe00;
padding:4px;
font-family:arial,helvetica,verdana,Trebuchet MS, tahoma;
text-align: center;
cursor:pointer;
}




#button_airtel_data
{
width:145px;
display:block;
margin-bottom:10px;
/*background-color:#e3c7c2;*/
background-color:#f0d3ce;
/*font-weight:bold;*/
color:#1c478e;
border:1px solid #f0d3ce;
padding:4px;
font-family:arial,helvetica,verdana,Trebuchet MS, tahoma;
text-align: center;
cursor:pointer;
border-radius:10px;
}

#button_airtel_data:hover
{
width:145px;
display:block;
margin-bottom:10px;
background-color:#ed1c24;
font-weight:bold;
color:white;
border:1px solid #ed1c24;
padding:4px;
font-family:arial,helvetica,verdana,Trebuchet MS, tahoma;
text-align: center;
cursor:pointer;
}


#button_airtel_data_expiring
{
width:145px;
display:block;
margin-bottom:10px;
/*background-color:#e3c7c2;*/
background-color:#e0a599;
/*font-weight:bold;*/
color:#1c478e;
border:1px solid #e0a599;
padding:4px;
font-family:arial,helvetica,verdana,Trebuchet MS, tahoma;
text-align: center;
cursor:pointer;
border-radius:10px;
}

#button_airtel_data_expiring:hover
{
width:145px;
display:block;
margin-bottom:10px;
background-color:#ed1c24;
font-weight:bold;
color:white;
border:1px solid #ed1c24;
padding:4px;
font-family:arial,helvetica,verdana,Trebuchet MS, tahoma;
text-align: center;
cursor:pointer;
}















#button_tigo
{
width:138px;
display:block;
margin-bottom:10px;
/*background-color:#c1cbdc;*/
background-color:white;
font-weight:bold;
color:#1c478e;
border:1px solid #c1cbdc;
padding:4px;
font-family:arial,helvetica,verdana,Trebuchet MS, tahoma;
text-align: center;
cursor:pointer;
border-radius:10px;
}


#button_tigo:hover
{
width:138px;
display:block;
margin-bottom:10px;
background-color:#0b4889;
font-weight:bold;
color:#ffffff;
border:1px solid #0b4889;
padding:4px;
font-family:arial,helvetica,verdana,Trebuchet MS, tahoma;
text-align: center;
cursor:pointer;
}





#button_usd
{
width:135px;
display:block;
margin-bottom:10px;
background-color:#5f80ae;
color:beige;
border:1px solid #5f80ae;
padding:4px;
font-family:arial,helvetica,verdana,Trebuchet MS, tahoma;
text-align: center;
font-weight:bold;
height:26px;
}

#usd_mmlogo
{
	background-color:#1c478d;
	/*background-color:#33639c;*/
	width:150px;
	border-right:0px solid gray;
	border-left:0px solid gray;
	border-top:0px solid gray;
	/*color:#1c478e;*/
	font-weight:bold;
	text-align:center;
	color:yellow;
	
	}

#mtn_mmlogo
{
	background-color:#ffbe00;
	width:160px;
	border-right:0px solid #8097b7;
	border-top:0px solid #8097b7;
	vertical-align:middle;
	}

#png_ug{
	/*position:fixed;*/
    margin-top:2px;
    margin-left:5px;
   	/*vertical-align:middle;*/
	}	
		
#png_sd{
	/*position:fixed;*/
    margin-top:2px;
    margin-left:27%;
   	/*vertical-align:middle;*/
	}	

#png_rw{
	/*position:fixed;*/
    margin-top:2px;
    margin-left:20%;
   	/*vertical-align:middle;*/
	}	
	
	
		
#airtel_mmlogo
{
	background-color:#ed1c24;
	width:160x;
	border-right:0px solid #8097b7;
	border-top:0px solid #8097b7;
	}
	
	
#warid_mmlogo
{
	background-color:#ffffff;
	width:160px;
	border-right:0px solid #8097b7;
	border-top:0px solid #104392;
	border-bottom:0px solid #104392;
	}	
	
#warid_mmlogo_airtime
{
	background-color:#16428d;
	width:160px;
	border-right:0px solid #8097b7;
	border-top:0px solid #104392;
	border-bottom:0px solid #104392;
	}			
	
		
#utl_mmlogo
{
	background-color:#199cd6;
	width:160px;
	border-right:0px solid #8097b7;
	border-top:0px solid #8097b7;
	/*padding-left:35px;	*/
	}		

#orange_mmlogo
{
	background-color:#ff6600;
	width:160px;
	border-right:0px solid #8097b7;
	border-top:0px solid #8097b7;
	}	
	
#zain_mmlogo
{
	background-color:#000000;
	width:160px;
	border-right:0px solid #8097b7;
	border-top:0px solid #8097b7;
	}	
		
#tigo_mmlogo
{
	background-color:#ff6600;
	width:160px;
	border-right:0px solid #8097b7;
	border-top:0px solid #8097b7;
	}	
	
		
	
#shade
{
	
	}
	
#no_shade
{
	
	}	

#xrate_main
{
	border:0px solid beige;
	background-color:#1c478e;
	color:#67A0F5;
	padding:3px;
	text-align: center;
	}
	
#xrate
{
	border:0px solid beige;
	background:#1c478e;
	color:#67A0F5;
	padding:5px;
	text-align: center;
	font-family:arial,helvetica,verdana,Trebuchet MS;
	}	

#usd_td{
	border-left:0px solid #8097b7;
	border-right:0px solid #8097b7;
	border-bottom:1px solid #8097b7;
	/*background-color:beige;*/
	padding-top:10px;
	font-family:arial,helvetica,verdana,Trebuchet MS;
	background-color:#33639c;
	}
	


tr#key{
	/*background-color:#1c478d;*/
	background-color:none;
	border-bottom:1px gray;
	font-size:14px;
	height:40px;
	padding:2px;
	width:100%;
	color:white;
	/*color:#1c478e;*/
	}	
	
#mtn_td
{
	border-right:1px solid beige;
	border-left:1px solid beige;
	border-bottom:0px solid #8097b7;	
	/*background-image:url(images/mtn_send_background.png);	*/
	background-color:#33639c;	
	font-family:arial,helvetica,verdana,Trebuchet MS;
	width:150px;
	border-radius:0px;
	}
	


#mtn_td_data
{
	border-right:1px solid beige;
	border-left:1px solid beige;
	border-bottom:0px solid #8097b7;	
	/*background-image:url(images/mtn_send_background.png);	*/
	/*background-color:#c9a6359a;*/
	background-color:#000;	
	font-family:arial,helvetica,verdana,Trebuchet MS;
	width:150px;
	border-radius:0px;
	}

#airtel_td
{
	border-right:1px solid beige;
	border-bottom:0px solid #8097b7;	
	background-color:beige;
	/*background-image:url(images/airtel_send_background.png);*/
	background-color:#33639c;
	font-family:arial,helvetica,verdana,Trebuchet MS;
	width:150px;
	border-radius:0px;
	}


#airtel_td_data
	{
		border-right:1px solid beige;
		border-bottom:0px solid #8097b7;	
		background-color:beige;
		/*background-image:url(images/airtel_send_background.png);*/
		/*background-color:#c9a6359a;*/
		background-color:#000;
		font-family:arial,helvetica,verdana,Trebuchet MS;
		width:150px;
		border-radius:0px;
		}
	
#warid_td
{
	border-right:1px solid beige;
	border-bottom:0px solid #8097b7;	
	background-color:beige;
	/*background-image:url(images/warid_send_background.png);*/
	background-color:#33639c;
	font-family:arial,helvetica,verdana,Trebuchet MS;
	width:150px;
	border-radius:0px;
	}
	
		
	
#utl_td
{
	border-right:1px solid beige;
	border-bottom:0px solid #8097b7;	
	background-color:beige;
	/*background-image:url(images/utl_send_background.png);*/
	background-color:#33639c;
	text-align:center;
	font-family:arial,helvetica,verdana,Trebuchet MS;
	width:150px;
	border-radius:0px;
	}
	
	
#orange_td
{
	border-right:0px solid #8097b7;
	border-bottom:0px solid #8097b7;	
	background-color:beige;
	/*background-image:url(images/orange_send_background.png);*/
	background-color:#33639c;
	text-align:center;
	font-family:arial,helvetica,verdana,Trebuchet MS;
	width:150px;
	border-radius:0px;
	}	

#zain_td
{
	border-right:0px solid #8097b7;
	border-bottom:0px solid #8097b7;	
	background-color:beige;
	/*background-image:url(images/orange_send_background.png);*/
	background-color:#33639c;
	text-align:center;
	font-family:arial,helvetica,verdana,Trebuchet MS;
	width:150px;
	border-radius:0px;
	}	
	
	
#tigo_td
{
	border-right:0px solid #8097b7;
	border-bottom:0px solid #8097b7;	
	background-color:beige;
	/*background-image:url(images/orange_send_background.png);*/
	background-color:#33639c;
	text-align:center;
	font-family:arial,helvetica,verdana,Trebuchet MS;
	width:150px;
	border-radius:0px;
	}	
		
	
#display
{
width:192px;
height:15px;
background-image:url(images/menu_top.png);
font-family:arial,helvetica,verdana,Trebuchet MS;
}				

#usd_content{
	border-left:0px solid #8097b7;
	border-bottom:0px solid #8097b7;
	border-right:0px solid #8097b7;
	background-color:#33639c;
	padding:10px;
	font-size:13px;
	font-family:arial,helvetica,verdana,Trebuchet MS;
	}


#mtn_content{
	border-left:0px solid #8097b7;
	border-bottom:0px solid #8097b7;
	border-right:0px solid #8097b7;
	background-image:url(images/mtn_send_background.png);	
	padding:10px;
	font-size:13px;
	font-family:arial,helvetica,verdana,Trebuchet MS;
	}
	
	

	
	
#other_content{
	border-right:0px solid #8097b7;
	border-bottom:0px solid #8097b7;
	background-color:beige;
	padding:4px;
	font-size:13px;
	font-family:arial,helvetica,verdana,Trebuchet MS;	
	}
	
#intro_content{
	padding:10px;
	font-size:20px;
	letter-spacing:1px;
	/*background-color:#f2f6fd;*/
	background-color:#f2f6fd;
	
	/*background-image:url(images/intro_bk_image.png);*/
    background-repeat:repeat; 
    width:650px;
  	/*color:#16428d;*/
  	color:#33639c;
  	font-family:arial,helvetica,verdana,Trebuchet MS;
  	
  	/*background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #274B52),
	color-stop(1, #21D4FC)
);
background-image: -o-linear-gradient(bottom, #274B52 0%, #21D4FC 100%);
background-image: -moz-linear-gradient(bottom, #274B52 0%, #21D4FC 100%);
background-image: -webkit-linear-gradient(bottom, #274B52 0%, #21D4FC 100%);
background-image: -ms-linear-gradient(bottom, #274B52 0%, #21D4FC 100%);
background-image: linear-gradient(to bottom, #274B52 0%, #21D4FC 100%);*/


	}

.myDiv{
	background(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAOUlEQVQIW2NkYGAwBuKzQAwDID4IoIgxIikAMZE1oRiArBDdZBSNMIXoJiFbDZYDKcSmCOYimDuNAU1CC2y8W2tiAAAAAElFTkSuQmCC) repeat;
	
	}	
	
	
		
#intro_content_terms{
	padding:10px;
	font-size:15px;
	letter-spacing:1px;
	background-color:#f2f6fd;
	/*background-image:url(images/intro_bk_image.png);*/
    background-repeat:repeat; 
    width:650px;
  	color:#16428d;
  	font-family:arial,helvetica,verdana,Trebuchet MS;
	}	
ol.terms {
	font-size:15px;
	
	}

li.terms {

	font-size:15px;
	
	}
	
		
#intro_content li{
	list-style-type:square;
	font-size:11px;
	}	
#intro_content li:hover{
	list-style-type:decimal;
	color:red;
	font-size:11px;
	}
		
	
#all_content{
    border-collapse:seperate;
	border-spacing:0 15px;
	background-color:#f2f6fd;
	background-repeat:repeat; 
	width:960px;
	font-family:arial,helvetica,verdana,Trebuchet MS;
	}	
	
.textfield {
	font-size: 12px;
	color: #333333;
	background: #F7F7F7;
	border: 1px solid #b9c9fe;
	padding-left: 1px;
	width:200px;
}
.textarea {
	font-size: 12px;
	color: #333333;
	background: #F7F7F7;
	border: 1px solid #b9c9fe;
	padding-left: 1px;
	width:400px;
}
table#r_details{
	font-size:12px;
	border:0px solid gray;
	background-color:none;
	border-spacing:0 0px;
	padding-left:0px;
	border-collapse:collapse;
	font-family:arial,helvetica,verdana,Trebuchet MS;
	color:#16428d;	
	}

td#r_details{
	font-size:12px;
	border:1px solid #b9c9fe;
	background-color:NONE;
	border-spacing:0 0px;
	font-family:arial,helvetica,verdana,Trebuchet MS;
	color:#16428d;	
	}

#r_details2{
	font-size:13px;
	border:1px solid gray;
	background-color:none;
	border-spacing:0 0px;
	padding-left:10px;
	font-family:arial,helvetica,verdana,Trebuchet MS;
	color:#16428d;	
	}	
	
#r_details_header{
	font-size:13px;
	border:0px solid gray;
	background-color:#143983;
	border-spacing:0 0px;
	padding:5px;
	color:white;
	border-left:0px solid #b9c9fe;
	font-family:arial,helvetica,verdana,Trebuchet MS;
	}		
	
td#r_details_even{
	font-size:13px;
	border:0px solid gray;
	background-color:none;
	border-spacing:0 0px;
	padding-left:10px;
	height:30px;
	border-left:1px solid #b9c9fe;
	border-bottom:1px solid #b9c9fe;
	border-right:1px solid #b9c9fe;
	font-family:arial,helvetica,verdana,Trebuchet MS;
	color:#16428d;
	}	
	
tr#r_details_even{
	font-size:13px;
	border:0px solid gray;
	background-color:#e1e7ff;
	border-spacing:0 0px;
	padding-left:10px;
	height:30px;
	border-left:1px solid #b9c9fe;
	border-bottom:1px solid #b9c9fe;
	font-family:arial,helvetica,verdana,Trebuchet MS;
	}	
	
	
	
#r_details_odd{
	font-size:13px;
	border:0px solid gray;
	background-color:#b9c9fe;
	border-spacing:0 0px;
	padding-left:10px;	
	height:30px;
	border-left:1px solid #b9c9fe;
	border-bottom:1px solid #b9c9fe;
	
	}	
tr#r_details_odd2{
	font-size:13px;
	background-color:#e1e7ff;
	border-spacing:0 0px;
	padding-left:10px;	
	height:30px;
	border-bottom:1px solid #b9c9fe;
	border-right:1px solid #b9c9fe;
	font-family:arial,helvetica,verdana,Trebuchet MS;
	}		
tr#r_details_odd2:hover{
	font-size:13px;
	background-color:#b9c9fe;
	border-spacing:0 0px;
	padding-left:10px;	
	height:30px;
	border-bottom:0px solid #e1e7ff;
	border-right:0px solid #e1e7ff;
	font-family:arial,helvetica,verdana,Trebuchet MS;
	}			
	
	
tr#r_details_even:hover
			{
	font-size:13px;
	border:0px solid gray;
	background-color:#b9c9fe;
	border-spacing:0 0px;
	padding-left:10px;	
	height:30px;
	border-left:0px solid #e1e7ff;
	border-bottom:0px solid #e1e7ff;
	
	}	
	
		
	
	td#r_details{
	font-size:13px;
	border:1px solid #cccccc;
	background-color:beige;
	border-spacing:0 0px;	
	}	
	
	
th#r_details{
	font-size:13px;
	border:1px solid #b9c9fe;
	background-image:url(images/main_menu_background.png);
	background-repeat:repeat-x;
	color:#16428d;
	border-spacing:0 0px;
	}
	
#custom_value{
	width:70px;
	border: 1px solid #b9c9fe;
	float:center;
	}
	
#custom_value2{
	width:90px;
	border: 1px solid #b9c9fe;
	float:center;
	color:blue;
	}	
	
#ret_page_tbl{
	width: 100%;
	padding:5px;
	border-spacing:0 0px;
	}	

	
#timepage{
	background-image:url(images/mtn_send_background.png);
	background-repeat:repeat-x; 
	padding-left:7px;
	padding-right:7px;
	padding-bottom:2px;
	padding-top:2px;
	border-spacing:0 0px;	
	font-size:14px;	
	}	
		
#utl_retpage{
	background-image:url(images/utl_send_background.png);
	background-repeat:repeat-x; 
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
	border-spacing:0 0px;
	font-size:14px;		
	}
	
	
	
#mtn_retpage{
	background-image:url(images/mtn_send_background.png);
	background-repeat:repeat-x; 
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
	border-spacing:0 0px;	
	font-size:14px;	
	}
	
	
#warid_retpage{
	background-image:url(images/warid_send_background.png);
	background-repeat:repeat-x; 
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
	border-spacing:0 0px;
	color:white;
	font-size:14px;	
	}

	
#airtel_retpage{
	background-image:url(images/airtel_send_background.png);
	background-repeat:repeat-x; 
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
	border-spacing:0 0px;	
	font-size:14px;	
	}	

#orange_retpage{
	background-image:url(images/orange_send_background.png);
	background-repeat:repeat-x; 
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
	border-spacing:0 0px;	
	font-size:14px;	
	}	
		

#tigo_retpage{
	/*background-image:url(images/orange_send_background.png);*/
	background-color:#0b4889;
	background-repeat:repeat-x; 
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
	border-spacing:0 0px;	
	font-size:14px;	
	color:white;
	}		
#zain_retpage{
	/*background-image:url(images/zain_send_background.png);*/
	background-color:black;
	background-repeat:repeat-x; 
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
	border-spacing:0 0px;	
	font-size:14px;	
	color:#8ed2c3;
	}		
		
#display_message{
	
	padding:10px;
	border:1px solid #e1e7ff;
	background-color:#b9c9fe
	
	}
#display_form_errors{
	color:red;
		
	}
#send_again
{
	border-bottom:1px solid #b9c9fe;
	border-right:1px solid #b9c9fe;
	background-color:none;
	padding-left:3px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:3px;
	font-size:10px;
	}	

form input#submit_button {
        
        -moz-box-shadow:inset 0px 1px 3px 0px #284470;
        -webkit-box-shadow:inset 0px 1px 3px 0px #284470;
        box-shadow:inset 0px 1px 3px 0px #284470;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #415989), color-stop(1, #516ca3));
        background:-moz-linear-gradient(top, #415989 5%, #516ca3 100%);
        background:-webkit-linear-gradient(top, #415989 5%, #516ca3 100%);
        background:-o-linear-gradient(top, #415989 5%, #516ca3 100%);
        background:-ms-linear-gradient(top, #415989 5%, #516ca3 100%);
        background:linear-gradient(to bottom, #415989 5%, #516ca3 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#415989', endColorstr='#516ca3',GradientType=0);
        
        background-color:#415989;
        
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        
        border:1px solid #1f2f47;
        
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:14px;
        font-weight:bold;
        padding:9px 23px;
        text-decoration:none;
        cursor:pointer;
        text-shadow:0px -49px 0px #263666;
        
    }
form input#submit_button:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #516ca3), color-stop(1, #415989));
        background:-moz-linear-gradient(top, #516ca3 5%, #415989 100%);
        background:-webkit-linear-gradient(top, #516ca3 5%, #415989 100%);
        background:-o-linear-gradient(top, #516ca3 5%, #415989 100%);
        background:-ms-linear-gradient(top, #516ca3 5%, #415989 100%);
        background:linear-gradient(to bottom, #516ca3 5%, #415989 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#516ca3', endColorstr='#415989',GradientType=0);
        color:#ffff35;
        background-color:#516ca3;
        cursor:pointer;
    }
form input#submit_button:active {
        position:relative;
        top:1px;
    }

	#paymentForm {
		width: 80%;
		margin: 40px auto;
		padding: 20px;
		background-color: transparent;
		border: 2px solid rgba(0, 0, 0, 0.2);       /* translucent border */
		border-radius: 10px;
		box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
		font-family: Arial, sans-serif;
	  }
	  
	  #paymentForm table {
		width: 80%;
		border-collapse: collapse;
	  }
	  
	  #paymentForm td {
		padding: 10px;
	  }
	  
	  #paymentForm label {
		font-weight: lighter;
		color:#005c99;
	  }
	  
	  #paymentForm input[type="text"] {
		width: 80%;
		padding: 8px;
		border: 1px solid #ccc;
		border-radius: 4px;
	  }
	  
	  #paymentForm input[type="submit"] {
		padding: 10px 20px;
		background-color: #0070ba;
		color: white;
		border: none;
		border-radius: 4px;
		cursor: pointer;
	  }

	  #paymentButton{
		padding: 10px 20px;
		background-color: #0070ba;
		color: white;
		border: none;
		border-radius: 4px;
		cursor: pointer;
	  }
	  
	  #paymentForm input[type="submit"]:hover {
		background-color: #005c99;
	  }


	  #infoTable {
		width: 100%;
		margin: 40px auto;
		border-collapse: separate;
		border-spacing: 0;
		border: 2px solid #ccc;
		border-radius: 12px;
		overflow: hidden;
		font-family: Arial, sans-serif;
		box-shadow: 0 0 10px rgba(0,0,0,0.1);
	  }
	  
	  #infoTable th {
		background-color: #267ebd52;
		color: white;
		padding: 12px;
		text-align: left;
		font-size: 16px;
		border-right: 1px solid #ccc; /* vertical border between header columns */
	  }
	  #table-intro {
		color: #1c478e;
		font-style: normal;
	  }
	  
	  #infoTable td {
		padding: 12px;
		border-top: 1px solid #eee;
		background-color: #f9f9f9;
	  }
	  
	  /* Left column (labels) */
	  #infoTable td:first-child {
		background-color: #fefefe; /* light blue for labels */
		font-weight: bold;
		border-right: 1px solid #ccc; /* vertical border between columns */
	  }
	  
	  /* Right column (answers) */
	  #infoTable td:last-child {
		background-color: #fefefe; /* slightly different shade */
		font-style: normal;
	  }
	  
	  #infoTable tr:first-child th:first-child {
		border-top-left-radius: 12px;
	  }
	  
	  #infoTable tr:first-child th:last-child {
		border-top-right-radius: 12px;
	  }
	  
	  #infoTable tr:last-child td:first-child {
		border-bottom-left-radius: 12px;
	  }
	  
	  #infoTable tr:last-child td:last-child {
		border-bottom-right-radius: 12px;
	  }

	  #thankYouBox {
		background-color: #f0f8ff;
		border: 2px solid #4caf50;
		border-radius: 10px;
		padding: 20px;
		max-width: 500px;
		margin: 30px auto;
		font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		color: #333;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	  }
	  
	  #thankYouBox h2 {
		color: #4caf50;
		margin-bottom: 10px;
	  }
	  
	  #thankYouBox span {
		font-weight: bold;
		color: #2c3e50;
	  }

#status-wrapper {
  display: flex;
  align-items: left;
  gap: 10px;
}

.loader {
  width: 24px;
  height: 24px;
  border: 4px solid #ccc;
  border-top: 4px solid #333;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

/* Spinner animation */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}




/*tickets section */

#filterForm {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
	
}

#filterForm label {
    font-weight: bold;
}

#statusSelect,
#limitSelect,
#filterButton {
    padding: 6px 10px;
    font-size: 14px;
}

#ticketTable {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

#ticketTable th,
#ticketTable td {
    padding: 10px 14px;
    border: 1px solid #ddd;
    text-align: left;
}

#ticketTable th {
    background-color: #f0f0f0;
    font-weight: bold;
}

a {
    color: #007BFF;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/*ticket details */

#ticketForm {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    max-width: 100%;
}

#ticketForm label {
    display: block;
    margin-top: 15px;
    font-weight: bold;
}

#commentaryField,
#statusField {
    width: 100%;
    padding: 8px;
    margin-top: 5px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}

#updateButton {
    margin-top: 20px;
    padding: 10px 16px;
    font-size: 14px;
    background-color: #007BFF;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

#updateButton:hover {
    background-color: #0056b3;
}


/*transactions dashboard*/

#ordersTable {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

#ordersTable th,
#ordersTable td {
    padding: 10px 14px;
    border: 1px solid #ddd;
    text-align: left;
}

#ordersTable th {
    background-color: #f0f0f0;
    font-weight: bold;
}

#ordersTable a {
    color: #007BFF;
    text-decoration: none;
}

#ordersTable a:hover {
    text-decoration: underline;
}

/*transaction details */

#transactionDetailsTable {
            width: 60%;
            border-collapse: collapse;
            background-color: #fff;
            box-shadow: 0 0 5px rgba(0,0,0,0.1);
            margin-top: 20px;
        }

        #transactionDetailsTable th,
        #transactionDetailsTable td {
            padding: 10px 14px;
            border: 1px solid #ddd;
            text-align: left;
        }

        #transactionDetailsTable th {
            background-color: #f0f0f0;
            width: 35%;
            font-weight: bold;
        }

/*ticket details formating */
#ticketDetailsTable {
    width: 90%;
    border-collapse: collapse;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    margin-top: 20px;
}

#ticketDetailsTable th,
#ticketDetailsTable td {
    padding: 10px 14px;
    border: 1px solid #ddd;
    text-align: left;
    vertical-align: top;
}

#ticketDetailsTable th {
    background-color: #f0f0f0;
    width: 35%;
    font-weight: bold;
}

/*logged in display table*/
#dashboardTable {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.dashboardBox {
    width: 50%;
    vertical-align: top;
    padding: 20px;
    border: 1px solid #ccc;
    background-color: #fdfdfd;
    box-shadow: 0 0 5px rgba(0,0,0,0.05);
}

.dashboardBox h3 {
    margin-top: 0;
    color: #444;
    font-family: Arial, sans-serif;
}

.dashboardBox a {
    display: block;
    margin: 8px 0;
    color: #007BFF;
    text-decoration: none;
    font-family: Arial, sans-serif;
}

.dashboardBox a:hover {
    text-decoration: underline;
}

/*requesting registration section. */

#registrationRequestForm {
    width: 100%;
    max-width: 500px;
    padding: 20px;
    background-color: #fdfdfd;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0,0,0,0.05);
    font-family: Arial, sans-serif;
    margin-top: 20px;
}

#registrationRequestForm label {
    font-weight: bold;
    color: #333;
    display: block;
    margin-bottom: 8px;
}

#registrationRequestForm .textfield {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #bbb;
    border-radius: 4px;
    box-sizing: border-box;
}

#registrationRequestForm #submit_button {
    margin-top: 10px;
    padding: 10px 20px;
    background-color: #007BFF;
    color: white;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

#registrationRequestForm #submit_button:hover {
    background-color: #0056b3;
}

/*analytics table on revenues */
body {
    font-family: Arial, sans-serif;
    margin: 40px;
    background-color: #f9f9f9;
}

#summary-title {
    text-align: center;
    margin-bottom: 30px;
    color: #333;
}

#summary-table {
    border-collapse: collapse;
    width: 90%;
    margin: auto;
}

#summary-table th, #summary-table td {
    border: 1px solid #ccc;
    padding: 12px 16px;
    text-align: center;
}

#summary-table th {
    background-color: #0077b6;
    color: white;
}

#summary-table tr:nth-child(even) {
    background-color: #f0f8ff;
}

#summary-table tr:nth-child(odd) {
    background-color: #e0f0ff;
}

/*manual topup form formating */

#manualTopupForm {
    max-width: 600px;
    margin: auto;
    background-color: #ffffff;
    padding: 30px;
    border: 1px solid #ccc;
    border-radius: 8px;
}

#formGroup {
    margin-bottom: 20px;
}

#formGroup label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    color: #333;
}

#formGroup input,
#formGroup textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #bbb;
    border-radius: 4px;
    font-size: 16px;
}

#submitBtn {
    background-color: #0077b6;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}

#submitBtn:hover {
    background-color: #005f8c;
}

/*user registration form on register page */

#registerForm {
    max-width: 400px;
    margin: auto;
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

#formGroup {
    margin-bottom: 20px;
}

#formGroup label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    color: #333;
}

#formGroup input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
}

#submitBtn {
    background-color: #0077cc;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}

#submitBtn:hover {
    background-color: #005fa3;
}

/*transaction details table for a user not admin */

#transaction-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    font-family: Arial, sans-serif;
}

#transaction-table th,
#transaction-table td {
    border: 1px solid #ccc;
    padding: 10px 15px;
    text-align: left;
}

#transaction-table th {
    background-color: #f4f4f4;
    font-weight: bold;
    width: 200px;
}

#transaction-table tr:nth-child(even) {
    background-color: #fafafa;
}