TABLE.order_table {

	background-color: #d9d9d9;
	width: 100%;


}

TD.order_col_head {

	background-color: #E9E9E9;
	font-weight: bold;

}

TD.order_col_data {

	background-color: #ffffff;
	

}

TD.order_col_data_small {

	background-color: #ffffff;
	font-size: 7pt;

}

/*
Changes the notice box styles, look in functions.php function JB_render_box_top($width=100, $label='') 
info-box-top.php template 
*/
TABLE.info_box {
	background-color: #ffffff;
	 margin-bottom:3px;
	border: 0px;

}

TD.info_box_head { /*header foreground, info-box-top.php template  */
	background-color: #C8D7E8; /*default #C8D7E8 light blue color*/
	color: #330066;
	text-align: center;
	
}
TD.info_box_hed_right, TD.info_box_hed_left { /*top right and top left corners, info-box-top.php template */
	background-color: #C8D7E8;

}
TABLE.info_box_body { /*The inner table, info-box-top.php template  */
	
	background-color: #ffffff;
	border-collapse: collapse; 
	border-style: solid;
	border-color: #C8D7E8;
	
	
}

/*
Showing an invoice 
*/
#invoice  {

	background-color: #d9d9d9;
	width: 300px;

}

#invoice TD.field {

	background-color: #ffffff;
	font-weight: bold;

}

#invoice TD.value {

	background-color: #ffffff;

}

.confirm_order_button {
	font-size: 12pt;
	text-align: center;

}





.credits_balance {
    
    color: #000;
    
    padding: 20px;
    text-align: left;
    background-color: #E8E8E8;
    border: 3px solid #fff;
	
	float: left; 
	width:30%;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}


.credits_top_up {

	float: left; 
	font-size: large; 
	text-align:center; 
	width:150px;

	background-color: #FFFF99;

	border: 3px solid #fff;

	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;


}