@charset "utf-8";

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	background-color: #4c76ab;
	background-image: url(images/main-bg.png);
	background-repeat: repeat-x;
	text-align:center;
}

a:link,a:visited{
	text-decoration:none;
	color: #2d5e9a;
}
a:hover{
	color:#FF9900;
}

#out_wrap{
	width:950px;
	background-color:#ffffff;
	text-align:left;
    margin:0px auto;
}

#banner{
	background-image:url(images/darkblue-bar.png);
	background-repeat: repeat-x;
	height:95px;
}

#logo{
	margin-top:15px;
	margin-right:10px;
	float:left;
}
#title{
	padding-top:15px;
	font-family:Century Gothic, Arial, Helvetica;
}
#title h1{
	margin:0px;
}
#title a:hover{
	color: #2d5e9a;
}
#title h2{
	padding-top:5px;
	margin:0px;
	font-size:20px;
	color: #2d5e9a;
}

/*PANEL STYLE*/
#panels{
	width:100%;
}
#left_panel{
	height:235px;
	width:234px;
	float:left;
	background-image:url(images/left-panel-bg.png);
	background-repeat: repeat-y;
	margin-left:4px;	
	color:#FFFFFF;
}
#left_panel h3{
	font-family:Century Gothic, Arial, Helvetica;
	font-size:16px;
	padding-top:5px;
	padding-bottom:5px;
	margin:0px;
	padding-left:8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#left_panel table{
	margin-left:8px;
}
#left_panel td{
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
#left_panel p.error_msg{
	margin-top:5px;
	margin-bottom: 0px;
	padding-left: 5px;
	font-weight:bold;
	color:#FFFF00;
}
#left_panel p.signup{
	font-size:11px;
	font-weight: bold;
	float:left;
}
#left_panel a:link, #left_panel a:visited{
	color:#ffffff;
}
#left_panel form{
	margin:0px;
}
.login_tbl input{
	font-size:11px;
}

#acct_details{
	padding-left:10px;
	padding-right:10px;
}
#acct_details h4{
	font-size:14px;
}
#acct_details li{
	font-weight:bold;
	margin-bottom:8px;
}

#right_panel{
	height:235px;
	margin-left:4px;
	width:700px;
	float:left;
}
/*END PANEL STYLE*/


/*BEGIN MAINBODY STYLE*/

#main_body{
	margin-top:5px;
	background-color:#4ba0ed;	
	padding-top:2px;
}

#acct_info{
	float:left;
	background-image:url(images/bibcom-acctinfo-bar.png);
	background-repeat: no-repeat;
	width:658px;
	height:165px;
	margin-top:5px;
}
#acct_info_inner{
	margin-top:10px;
	background-color:#FFFFFF;
	height:165px;
}

#acct_info h1{
	font-size:16px;
	margin:0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:20px;
	padding-right:20px;
}

#acct_info p{
	margin:0px;
	padding-left:25px;
	padding-right:25px;

}
#reg_gen{
	float:left;
	margin-top:5px;
	background-image:url(images/bibcom-acctinfo-bar.png);
	background-repeat: no-repeat;
	width:658px;	
}

#reg_gen_inner{
	margin-top:10px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:60px;
	background-color:#FFFFFF;
}
#reg_gen_inner h1{
	padding-top:10px;
	font-family:Century Gothic, Arial, Helvetica;
	font-size:22px;
	color:#006699;
}
#reg_gen_inner p.cfrm{
	font-size:14px;
}

#frm_register, #topup{
	margin-top:10px;
	padding-left:20px;
	background-color:#FFFFFF;
}
#topup .tbl_topup{
	float:left; 
	width:200px; 
	margin-left:20px;
}
#topup .topup_btn{

}
#topup h1{
	font-family:Century Gothic, Arial, Helvetica;
	font-size:24px;
	color:#006699;
}
#topup h3.tbl_topup_title,#topup_history h3.tbl_topup_title{
	font-size:18px;
	padding-top:10px;
	padding-bottom:4px;
	margin:0px;
	color:#006699;
}
#topup_history{
	margin-bottom:20px;
}

#frm_register h1{
	padding-top:10px;
	margin:0px;
	font-family:Century Gothic, Arial, Helvetica;
	font-size:20px;
}
#frm_register table.register_tbl{
	width:400px;
}
#reg_gen_inner table, #frm_register table, #topup table{
	border:solid 1px #cccccc;
}
#topup table.outer-tbl{
	border: none;
}
#reg_gen_inner table.tbl_software{
	float:left;
	width:400px;
	margin-right:10px;
	background-color:#eeeeee;
}
#reg_gen_inner td{
	border:solid 1px #ffffff;
	padding:2px;
}
#topup td{
	border:solid 1px #ffffff;
	padding:2px;
	background-color:#eeeeee;
}
#reg_gen_inner th,  #topup th{
	border:solid 1px #ffffff;
	padding:4px;
	background-color: #cccccc;
}

#reg_gen_inner tr.history_row0,#frm_register tr.register_row0{
	background-color:#EDEDED;
}

#rightbar{
	width:272px;
	float:right;
	margin-right:4px;
}
#history_panel{
	background-image:url(images/rightbar-title-bg.png);
	background-repeat:no-repeat;
	margin-top:5px;
	width:272px;	
}
#history_panel h3{
	font-size:14px;
	color:#ffffff;
	padding-top:5px;
	padding-left:10px;
	margin-bottom:10px;
}
#history_panel_inner{
	background-color:#FFFFFF;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;
}
#history_panel_inner img{
	margin-right:5px;
}
#history_panel_inner p{
	color:#666666;
}
#history_panel_inner p.title-s{
	font-size:14px;
	font-weight:bold;
	color:#3366CC;
}
/*END MAINBODY STYLE*/

#footer{
	width:950px;
	padding-top: 10px;
	font-size:11px;
	color:#ffffff;	
}

/*Begin Admin style*/

#admin_main_body{
	margin-top:5px;
	background-color:#ffffff;		
	padding:10px;
}

#admin_main_body h1{
	font-size:30px;
}

/*End Admin style*/