body {margin: 0; padding: 0; background-color: white; color: #4C4C4C;  margin:0 auto; text-align:center;}
body, td, th {font-size: 12px; font-family: Verdana, sans-serif;}
table{border-collapse:collapse;}


/* Standard HTML elements */
h1 {	margin:0 0 20px 0;font: normal 24px Arial, sans-serif;padding: 0;color: #414f5a;}
h2 {margin: 0 0 15px 0;font: normal 18px Arial, sans-serif;}
h3 {margin: 0 0 10px 0; font-weight: bold; font-size: 12px;}
p {margin: 0 0 12px 0;line-height:130%;}
ul {margin: 0 0 12px 0; padding: 0; list-style-type: none;}
ol {margin: 0 0 12px 0; padding: 0;}
ol li {margin: 0 0 12px 24px; padding: 0;}
a, a:hover, a:active, a:visited {
	color: #313E9A;
	text-decoration: underline
}
hr {border:none;border-top:1px solid #ccc; overflow:hidden;height:1px;}
img{margin-left:12px; border:none;}


/** Fieldset **/
fieldset {border:1px solid #ccc; padding:25px; padding-top:15px;}

/* Forms */
form {margin: 0; padding: 0;}
input, textarea, select {font-size: 100%; font-family: Tahoma, Sans-Serif;}
input, textarea, select {
	border-color:#5C5C5C #B1B1B1 #CFCFCF;
	border-style:solid;
	border-width:1px;
	padding:2px;
}

div.reducer {width:100%;height:2em;}
.clearLeft{clear:left;}
.fRight{float:right;}
.fLeft{float:left;}

div.layout {width:800px; margin:0 auto; text-align:left;}

div.header{padding:10px; margin:0 0 15px 0; background:url(logo0000.gif) transparent 22px 10px no-repeat scroll; height: 112px; text-align: right; vertical-align: bottom;}


/* Conetnt */
div.content{display:block; width:100%; clear:both;}
div.content div.left, div.content div.right{display:inline; float:left; width:25%; margin-right:-100%;}
div.content div.right{margin-left:25%; width:75%; display:inline}

/* Nav */
ul.navigation{margin:5px 10px 0 10px;}
ul.navigation li{font-size:12px; margin-bottom:10px; padding:3px;}
ul.navigation li.current{background:#313e9a;}
ul.navigation li.current a{color:#fff;}

ul.support{margin:5px 10px 45px 10px;}
ul.support li{font-size:12px; margin-bottom:0; padding:3px;}
ul.support li.current{background:#f00;}
ul.support li.current a{color:#fff;}


div.block{width:auto; padding:5px 10px;}
p.code {background:#eec; border:1px dotted #ccc; padding:20px; font-style:italic;}


/* Table*/
table {table-layout:fixed; width:100%; border-collapse:collapse;}
table td,
table th {vertical-align:top; text-align:left; padding-bottom:10px;}
table th label {display:block;text-align:right; padding: 0 10px 0 0;line-height:1.4em;}

span.hint{background:#f8f6e8; font-size:11px; color:#2c2c2c; font-style:italic;}



/* Bills */
table.bills {border-collapse:separate;}
table.bills thead td{background:#313e9a; color:#fff; font-weight:bold; padding:5px; border-bottom:1px solid #002899;}
table.bills td {padding:5px; border-top:1px solid #fff; border-bottom:1px solid #ccc; font-size:11px !important;}
table.bills td a{color:#333;}
table.bills tr.canceled{background:#e1e1e1;}
table.bills tr.canceled td{color:#777; text-decoration:line-through;}
table.bills tr.canceled td span.status{font-size:10px; font-weight:normal; font-family:Tahoma, serif;}

table.bills tr.payed{background:#fff; border-color:#eee;}
table.bills tr.payed td span.status{font-size:10px; background:#076a00; color:#fff; font-weight:normal; font-family:Tahoma, serif;}
table.bills tr.payed td.date{text-decoration:none; background:#edffd7; color:#000;}

table.bills tr.created{background:#fff; font-weight:bold;}
table.bills tr.created td{color:#000;}
table.bills tr.created td span.status{font-size:10px; background:#0088b4; color:#fff; font-weight:normal; font-family:Tahoma, serif;}
table.bills tr.created td.date{text-decoration:none; background:#ffffd7; color:#000;}

table.bills tr.returned{background:#ebffe6; color:#555;}
table.bills tr.returned td{color:#555;}

table.bills td{font-size:12px; overflow:hidden; white-space:nowrap;}
table.bills td span.hint{font-style:normal; color:#000; background:#f4f7c2; font-size:11px; margin-bottom:5px;}
table.bills td.date{text-align:center; font-size:12px;}
table.bills td.amount{font-weight:bold;}

table.bills tr.canceled td.card{text-decoration:none;}
table.bills tr.canceled td.date{text-decoration:none;}


div.filter{font-size:11px; margin:0 0 15px 0; padding:0 5px 5px 5px; border-bottom:1px solid #eee; line-height:1.5em;}
div.filter a{text-decoration:none; color:#555; border-bottom:1px dotted #555; padding:1px;}
div.filter a.current{background:#eee; font-weight:bold; color:#000; border-bottom:1px dotted #000;}

/* Messages */
div.message.attantion{position:relative; display:block; background:#ffc5ba; height:100%; border:1px solid #ff8b74;}
div.message.attantion img{margin:0; padding:0;}
div.message.attantion a, div.message .attantion a:hover,div.message .attantion a:active,div.message .attantion a:visited{color:#ff534a;}

div.message.success{position:relative; display:block; background:#d1ffc5; border:1px solid #79bf66; height:100%;}
div.message.success img{margin:0; padding:0;}
div.message.success a, div.message .success a:hover,div.message .success a:active,div.message .success a:visited  {color:#0f4302;}

div.message.success div.close-js, div.message.attantion div.close-js{font-size:11px; top:10px; right:10px; position:absolute; line-height:1.3em;}
div.message.success div.close-js a, div.message.attantion div.close-js a{position:relative; color:#555; border-bottom:1px dashed #555; text-decoration:none; line-height:1.3em;}
div.message{ margin:2px 2px 12px 2px;}
div.message p{font-size:11px; line-height:1.3em; color:#333; padding:10px 15px;  margin:0 10px 0 0;}

/*Footer */
div.footer{
	position:relative;
	margin:15px  0 0 10px;
	text-align:left !important;
	font-size:11px;
}
div.footer dt{
	margin:0 0 3px 0;
}
div.footer dd{
	margin:0 0 3px 15px;
}
div.footer a.portmone{
	text-decoration:none;
	border-bottom:1px solid #ccc;
	color:#f00 !important;
}
div.footer a.portmone span{
	color:#aaa  !important;
}
div.footer span#cards_logos{
	background:url('cards000.gif') no-repeat;
	width:80px;
	height:22px;
	position:absolute;
	right:5px;
	top:15px;
}


/** Keyboard **/
.keyboard {
	padding:5px;
	margin-top:-50px;
	//margin-top:-40px;
	margin-left:50px;
	//margin-left:8px;
	position:absolute;
	width:215px;
	border:1px solid #CCCCCC;
	}

.keypad_corner {
	padding:0px;
	margin:0px;
	position:absolute;
	margin-left:42px;
	//margin-left:0px;
	margin-top:-15px;
	//margin-top:5px;
	}

.key {
	color:black;
	display:block;
	font-family:Tahoma, Arial, serif;
	font-size:11px;
	width:25px;
	float:left;
	margin:3px;
	border:1px solid;
	border-top-color:#CCCCCC;
	border-bottom-color:#333333;
	border-left-color:#CCCCCC;
	border-right-color:#333333;
	text-align:center;
	padding:4px 0;
	//cursor:hand;
	cursor:pointer;
	background-color:#eee;
	text-decoration:none;
	}

.wide {
	width:56px;
	}

.key.hover {
	border-color:#FFCC00;
	}

.key.click {
	color: #eee;
	}

.reducer {
	clear:both;
	}

div.cvv2_keyboard {
	width:225px;
	height:75px;
	position:absolute;
	right:0;
	margin-top:-25px;
	margin-left:35px;
	z-index:100;
}
div.cvv2_keyboard div.background{
	z-index:10;
	position:relative;
	width:225px;
	height:75px;
	background:url('keyboard.png') no-repeat;
  _behavior: expression(  /* IE6 only - transparency with proper handling of relative URLs */
              this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1],
              this.style.background = "none",
              this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ")");
}
#mp_keyboard.keyboard{
	z-index:100;
	position:absolute;
	background:none;
	border:none;
	margin:0;
	left:22px;
	top:3px;
}

#mp_keyboard.keyboard .key {
	width:23px;
	margin-right:4px;
	background:#fff;
	border-color:#cfcfcf;
	border-bottom-color:#707070;
	border-top-color:#f4f4e8;
}
#mp_keyboard.keyboard  .wide{
	width:53px;
}

#mp_keyboard.keyboard .key.click {
	color:#fff;
}