@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	font-size: 1em;
	text-decoration: none;
	border: none;
	list-style: none;
	outline: none;
}

body {
	color: #333;
 	font-size: 62.5%; 
	font-family: Arial, Helvetica, sans-serif;
	width: 1000px;
	min-height: 200px;
 	margin: 0 auto;
	background: #170505 url('bg.jpg') repeat-x top left;
}

body.alt {
	background: #000 url('loancorp_homepage.png') no-repeat top center;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

	.btn input {width:auto}

.clear {clear:both}

#currencies {
	position:absolute;
	width: 127px;
	padding:5px;
	height: 35px;
	font-size: 14px;
	top:0;
	margin: 5px;
	margin-left:-985px;
	padding: 8px 0 0 25px;
	background: url('button.png') no-repeat;
	z-index:99
}

	#currencies a:link,
	#currencies a:active,
	#currencies a:visited {
		font-size: 14px;
		color: #000;
		text-decoration: none;
	}

	#currencies a:hover {
		color: #fff;
		text-decoration: underline;
	}
	
#currency_popup {
	width: 500px;
	height: 420px;
	display:none;
	background: #000;
	border: 2px solid #fff;
	position: relative;
	padding:10px;
	color:#999
}
	
	#currency_popup .headers {
		width: 100%;
		height: 20px;
		background: #AAAAAA; 
		border: 1px solid blue
	}
	
	#currency_popup .popup_row {
		float: left;
		width: 100%;
		padding-left: 0px;
		font-size: 16px;
	}
	
		#currency_popup .popup_name {
			float: left;
			width: 100px;
			display:none;
		}
	
		#currency_popup .popup_item {
			float: left;
		}
		
#popup .remove {
	display:block;
	float:right
}

#popup h1 {
	display:inline;
	margin-bottom:5px;
	font-size:18px;
}
#popup h1 a {
	color:#D06D01
}
		
#popup {
	margin:175px 0 0 170px;
	background:#fff;
	padding:5px;
	font-size:12px;
	width:650px;
	line-height:1.5em;
	display:block;
	border:5px solid #D06D01
}

#currency_btn {
	float: left;
	background: url('button.png') no-repeat;
}

#currency_container {
	margin-top:5px;
	float: left;
	width: 100%;
}
	
	#currency_container .heading {
		float: left;
		width: 100%;
		height: 20px;
	}
	
	#currency_container .headers {
		width: 100%;
		height: 20px;
		background: #AAAAAA; 
		border: 1px solid blue
	}
	
		#currency_container .headers div {
			float:left;
			margin-right:5px	
		}
		
		#currency_container .headers .Heading {
			width: 100px;
		}	
	
		#currency_container .headers .Tagline {
			width: 100px;
			height: 20px;
		}	
		
		#currency_container .headers .Currency {
			width: 110px;
		}
	
		#currency_container .headers .Amount {
			width: 70px;
		}
	
		#currency_container .headers .Remove {
			float: right;
			width: 50px;
		}
			
		#currency_container .headers .Image {
			width: 220px;
		}
	
		#currency_container .headers .Display {
			float: left;
			width: 50px;
		}
		
	#currency_container .row {
		width: 98%;
		padding:5px;
	}

		input #currency_container .row {
			float: left;
			width: 100%;
			padding-left: 100px;
		}
		
		#currency_container .row div {
			margin-right:5px	
		}
		
		#currency_container .row .title {
			float: left;
			width: 100px;
			height: 20px;
			font-weight: bold;
		}
		
		#currency_container .row.clear .title {
			height:auto;
			clear:both;
			display:block;
			float:left;
		}
		
		#currency_container .row.clear .field {
			float:left;
			width:70%!important;
		}
		
		#currency_container .row .Heading {
			float: left;
			width: 100%;
			height: 20px;
		}
			
		#currency_container .row .Tagline {
			float: left;
			width: 500px;
			height: 75px;
		}
			
		#currency_container .row .Currency {
			float: left;
			width: 102px;
			height: 20px;
		}
		
		#currency_container .row .Amount {
			float: left;
			width: 70px;
			height: 20px;
		}
		
		#currency_container .row .Image {
			float: left;
			width: 220px;
			height: 20px;
		}
		
		#currency_container .row img {
			float: left;
			width: 40px;
			height: 20px;
		}
		
		#currency_container .row .Display {
			float: left;
			width: 40px;
			height: 20px;
			padding-left: 12px;
		}
		
		#currency_container .row .Remove {
			float: right;
			width: 40px;
			height: 20px;
		}
		
	#currency_container .btn {
		float: left;
		margin-top:10px;
		width: auto;
	}
	#currency div{
		padding-left:90px;
		width:100px;
		height:80px;
		background:url(gold-bar-small.png) top left no-repeat;
		display:block;
	}
	#currency .cur-9ctgold {
		background:url(gold-bar-small.png) top left no-repeat;
	}
	#currency .cur-krugerrand {
		background:url(Krugerrand-small.png) top left no-repeat;
	}
	#currency .cur-silverfine1kg {
		background:url(silver-bar-small.png) top left no-repeat;
	}
	#currency .cur-silverfine1g {
		background:url(silver-bar-small.png) top left no-repeat;
	}
	#amount {
		padding-top:0px;
		font-size:36px;
		text-align:right;
		width:300px;
	}
	
	.message {
		font-size:14px;
		color:#D06D01
	}