/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* styles specific for this app */

/* AM: added by Jozef once, no idea if it's still needed.... */
/* img, div { behavior: url(/javascripts/iepngfix.htc) } */

.truncated {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -moz-binding: url('/ellipsis.xml#ellipsis');
}

.clear { clear: both; }

/* end reset */




/* old SKool clearing */
/* Hides from IE-mac \*/
* html .floatholder {height: 1%;}
/* End hide from IE-mac */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* =basic elements
--------------------------------------------------*/

body 
{  
	font-family: arial, "Lucida Grande", verdana , arial, helvetica, sans-serif;
	font-size:62.5%;
	line-height: 1.6em;
	text-align:  center;
	color: #6a6a6a;
	overflow:scroll;
	overflow-x :hidden;
	overflow: -moz-scrollbar-vertical;
	background: #eee;
}

.clear 
{ 
	clear: both;
}


/* =wrapper
--------------------------------------------------*/

div.wrapper
{
	width: 600px;
	height: 100%;
	margin: 20px auto;
	padding: 30px;
	text-align: left; /* FIX  */
	font: 13px/31px arial,  sans-serif;
	color: #6a6a6a;
	background: #fff;
}

	
/* =promotion
--------------------------------------------------*/ 

.header {
	width: 880px; 
	padding: 15px 0 0 0px;	
}

.logo {
	margin : 0 0 10px 0;
	float: left;
	padding: 0 0 0 5px;
}

P {
	margin-bottom: 10px;
}

A, A:visited {
	color: #2890ad;	
}

A:hover {
	background: #2890ad;	
	color: #fff;
}



HR  {
	border: 0px;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 10px 0px 10px 0px;;
	width: 100%;
	clear: both;
}

HR.middle  {
	border: 0px;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 30px 0px 20px 0px;;
	width: 100%;
	clear: both;
}

H2 {
	font: 18px/31px arial,  sans-serif;
	color: #2890ad;
	margin: 30px 0px 10px 0px;
}

H1 {
	font: italic 24px/31px Georgia, arial, sans-serif;
	color: #2890ad;
	margin: 43px 0px 0px 0px;
	float: right;
}


UL {
	padding: 0px 0px 0px 15px;
}


.payment_url {
	font: bold 28px arial, sans-serif;
	color: #787878;
	background: #f5f5f5;
	padding: 20px;
	width: 560px;
}

.payment_icon {
	font: bold 28px arial, sans-serif;
	color: #787878;
	padding: 20px;
	width: 120px;
	float: left;
	margin: 20px 0px;
}

.payment_message {
	font: 20px/28px arial, sans-serif;
	color: #787878;
	padding: 20px;
	width: 360px;
	border-left: solid 1px #f5f5f5;
	float: left;
	margin: 20px 0px;	
	
}

.payment_action {
	margin: 30px 0px;		
}

.payment_support {
	font: bold 12px/18px arial, sans-serif;
	margin: 30px 0px;		
}

.payment_support .small{
	font: 11px/18px arial, sans-serif;
	color: #bbb;
	margin: 0px;		
	padding: 0px;
}

.payment_support .small a,a:hover,a:visited {
	font: 11px/18px arial, sans-serif;
	color: #98cad8;
	margin: 0px;		
	padding: 0px;
}



.login_button {
	float: left;
}

.login_link {
	padding: 10px 0px 0px 15px;
	float: left;

}

.login_link a,a:hover,a:visited {
	font: 12px/28px arial, sans-serif;
	color: #787878;
	background: #ffffff;
	text-decoration: underline;
}





/* =navbar
--------------------------------------------------*/ 


.numbered {
	list-style: disc;
}

.footer {
	text-align: center;
	font: 11px/14px arial,  sans-serif;
	
}