html,body{margin:0;padding:0;}

/*************************
	Page Layout
*************************/
#page-container{width: 300px;height: 450px; color: #ffffff;}

	#content{float: left;width: 282px !important;height: 311px;background:  url("../images/g1.gif") repeat-x top;padding: 10px 9px;}
	#footer{float: left;width: 100%;background:  url("../images/g2.gif") repeat-x top; height: 107px;text-align: center;padding-top: 12px;}
		#footer p{margin-bottom: 9px;}


/*************************
	Site wide elements
**************************/

.inside{ padding:12px; }
h1{font-size: 208%;margin: 12px 0;font-weight: normal;}
p{}
a{}
a:hover{}
a:visited{}

ul{}

.box{background-color: #144e82;border: 1px solid #3993c9;margin-bottom: 8px;padding: 12px 14px;}

#results{font-size: 131%;margin-bottom: 0;text-align: center;}
#results p{margin: 0;}

.fineprint{color: #50a4d6;font-size: 85%;text-align: center;margin:5px 0;}
a{color: #ffffff;text-decoration: none;font-weight: bold;}
p.center{margin: 0;}


form{font-size: 116%;margin: 0;}
form label{display: block;float: left;margin-bottom: 7px;}
form label span, form label input{display: block;float: left; width: 79px;margin: 0;padding: 0;}
form label select{float: left;display: block;}
form label.cur-to select{width: 170px;}
form label.cur-from select{width: 79px;}
form label.amount{width: 170px;}
p.submit{margin: 0;}
input.submit{color: #ffffff;background-color: #0a477e;border: 1px solid #3993c9;width: 135px;padding: 4px 0;position: relative;left: 80px;margin-top: 2px;}
/*************************
	Utils
*************************/
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.italic{ font-style: italic; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.bolder{ font-weight: bolder; }
.sstrike{ text-decoration: line-through; }
.fr{ float: right !important; }
.fl{ float: left !important; }
hr{ clear:left; height:1px; color:#52564a; background-color:#52564a; border:0; }

.frimg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flimg{ float:left; margin: 0 8px 8px 0; clear: left; }

/*************************
	Clearfix
*************************/
.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 */