body {
		font-family:Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
/*		background: #eee;*/
		background-color: #f9f9f9;
	}
	
	#phrase {

	}
	#answer {
		padding: 2px 1.5em;
		background: #EDE9CD;
		color: #300;
	}
	#cost1 {
		width: 70%;	
		text-align:right;	
		padding:2px;
		border: 1px solid #333;
	}
	#year1, #year2 {
		width: 10em;
		text-align:right;	
	}
#year1-month, #year2-month,#year2-year, #year1-year{width: 35%;padding: 2px;border: 1px solid #333;}
#year1-month, #year2-month{margin-right: 6px; }
	#header {
		color: #fff;
/*		background: url(/images/cpicalc/header_background.gif) repeat-x bottom #900;*/
		background-color: #0059a0;
		padding: 0.3em;
	}
	#header h1 {
		margin: 0;
		font-size: 18px;
		text-align: center;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	}	
	#content {
		/*background: #fff;
		padding: 4px;
		margin: 4px;
		border: 1px solid #ccc;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
      */
	}
	#content p {
		text-align: center;
		margin: .5em 0;
		font-size: 14px;
		color: #333;
	}	
	#footer {
		/*background: #eee;
		padding: 0 0.5em 1em 0.5em;*/
	}
	#footer p {
		font-size: 12px;
		text-align: center;
		margin: 0;
	}

	h2 {
		margin: 0.5em 0 0 0;
		font-size: 16px;
	}	
	a {
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}

.invisible {
    display: inline-block;
    height: 0;
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
    position: absolute;
	color: transparent !important;}

input[type=submit]{background-color: #0059a0;color: #fff;border: none;padding: 5px;}

@media (max-device-width:767px){
	button, input, select{min-height: 48px; min-width: 48px;font-size: 16px !important;border-radius: 0;color: #000;-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;}
}