body { font-family:Verdana; font-size:8pt; }
img { border:0; }

/*

LOGIN

*/


.login
{
	font-family				: Verdana;
	font-size					: 10px;
	width							: 500px;
	border						: 1px solid #AAAAAA;	
}


.login input
{
	font-family				: Verdana;
	font-size					: 10px;
	border						: 1px solid #CCCCCC;
	background-color	: #EEEEEE;
	width							: 200px;
}


.login td
{
	font-family				: Verdana;
	font-size				:	9px;
	font-weight				: normal;
	color					: #555555;
	border					: 1px solid #EEEEEE;
	text-align				: center;
}

.password-reset {
        background: rgb(255,240,240);
}

/*

MAIN DESIGN

*/

.top-account
{
	font			:	9px Verdana;
	width			:	250px;
}

textarea
{
	font-family				: Verdana;
	font-size					: 10px;
	border						: 1px solid #CCCCCC;
	background-color	: #EEEEEE;
}

input
{
	font-family				: Verdana;
	font-size					: 10px;
	border						: 1px solid #CCCCCC;
	background-color	: #EEEEEE;
}

.title
{
	font					: 16px Times New Roman;
	font-weight				: bold;
	color					: #666;
	letter-spacing			: 3px;
}

.title-capital
{
	font					: 17px Times New Roman;
	font-weight				: bold;
	color					: #9999AF;
	letter-spacing			: 3px;
}

.paragraph
{
	font					: 10px Verdana;
	font-weight				: bold;
	color					: #666;
	letter-spacing			: 2px;
	text-decoration			: underline;
}

.content
{
	font-family				: Verdana;
	font-size				: 10px;
	margin-left				: 2px;
}

.content a
{
	font-family				: Verdana;
	font-size				: 10px;
	text-decoration			: none;
	color					: #000000;
	font-weight				: bold;
}

.menu
{
	color 					: #333333;
	width 					: 180px;
	padding-left			: 3px;
}

.menumain
{
	font-family				: Verdana;
	font-size				: 11px;
	font-weight				: bold;
	background-color 		: #FFFFFF;
	border					: 1px solid #CCCCCC;
	border-left				: 0px;
	padding					: 1px;
}

.menumain a
{
	color					: #000000;
	text-decoration			:	none;
}

.menusub
{
	font-family				: Verdana;
	font-size				: 10px;
	font-weight				: normal;
	padding-top				: 5px;
	padding-left			: 30px;
}

.menusub a
{
	color					: #444;
	text-decoration			: none;
}


.footer
{
	font-family			: Verdana;
	font-size			: 10px;
	font-weight			:	normal;
	color 				: #999999;
}

.footer a
{
	text-decoration		: none;
	color 				: #999999;
}

/*

E-PAYMENT GATEWAY

*/


.gateway-table
{
	width						: 582px;
	border						: 1px solid #AAAAAA;
}

.gateway-table td
{
	font-family				: Verdana;
	font-size					:	9px;
	font-weight				: normal;
	color							: #555555;
	/*white-space: nowrap;*/
	border-bottom: 1px solid #ccc;
}

.gateway-table tr:last-of-type td {
	border-bottom: none;
}

.gateway-table td:first-of-type {
	padding-left: 5px;
}

.gateway-table td:first-of-type > a,
.gateway-table td:first-of-type > i > p,
.gateway-table td:first-of-type > i {
	display: inline-block;
	padding: 0px !important;
	margin: 0px;
	font-size: 11px !important;
	line-height: 11px !important;

}

.gateway-table td:first-of-type > a {
	margin-left: 5px;
}

.gateway-table td:first-of-type > a:hover > b {
	text-decoration: underline;
}

.gateway-table td:first-of-type > i:hover {
	cursor: help;
}

.gateway-table a
{
	font-family				: Verdana;
	font-size					:	10px;
	font-weight				: normal;
	color							: #555555;
	text-decoration		: none;
}

#sms_validation {
	margin-top: 10px; 
	border: 2px solid #dbdbdb;
  background-color: #fbfbcc; 
  padding: 5px;
  font-size: 12px; 
  color: #717061;
}

.invoice-total-sum {
	padding: 5px 0 5px 0;
	margin: 0;
	margin-top: 10px;
	width: 100%;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}

.invoice-total-sum th {width: 50%;}

.invoice-total-sum th:first-of-type {
	border-right: 1px solid #dbdbdb;
}

.invoice-price {
	display: inline-block;
	float: right;
	margin-right: 30px;
}

.total-payable,
.total-surplus,
.total-bonus {
	text-align: left;
	font-size: 10px;
	font-weight: lighter;
	margin: 5px 0 5px 10px;
	position: relative;
}

.info-sign {
	font-size: 13px;
	color: #b3b3b3;
	position: relative;
	float: left;
	margin-right: 10px;
}

.info-sign-2 {
	color: #b3b3b3;
	position: relative;
	float: left;
	margin-left: 5px;
}

.info-sign-3 {
	font-size: 13px;
	color: #b3b3b3;
	position: relative;
	margin-left: 10px;
	bottom: -2px;
}

.total-sum {
	text-align: center;
	font-weight: lighter;
}

#total > b {color: #DD4F05;}

.info-sign .balloon,
.info-sign-2 .balloon,
.info-sign-3 .balloon {
    position: absolute;
    bottom: 28px;
    left: -15px;
    white-space: nowrap;
    display: none;
	z-index: 10;
	font-weight: lighter;
	font-size: 10px;
	line-height: 18px;
	z-index: 100;
	background-color: #fff;
	padding: 12px 15px;
	border-radius: 5px;
	border: 1px solid #dd4b39;
	box-shadow: 0 2px 40px rgba(0,0,0,.4);
	color: #333;
	font-weight: normal;
	font-family: Arial,sans-serif;
}

.balloon .balloon-content {
    color: #000;
    
    text-align: left;
    display: block;
    position: relative;
    padding-top: 5px;
}

.info-sign:hover,
.info-sign-2:hover,
.info-sign-3:hover {cursor: pointer;}

.info-sign:hover .balloon,
.info-sign-2:hover .balloon,
.info-sign-3:hover .balloon {
    border: 1px solid #dd4b39;
    display: block;
    text-align: left;
 }


.balloon:before, .balloon:after {
	top: 100%;
	left: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.balloon:before {    
    border-color: rgba(204, 204, 204, 0);
	border-top-color: #dd4b39;
	border-width: 11px;
	margin-left: -11px;
}

.balloon:after {
    border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}

.pull-right{float:right;}
.pull-left{float:left;}
.clearfix{clear:both}