.inputbutton {
	font-family: 'Roboto', Arial, sans-serif !important;
	font-weight: 300;
	font-size: 16px;
	padding: 5px 20px 5px 20px;
	margin: 0;
	width: 120px;
	border: 1px solid #999999;
	background-color: #eeeeee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
	background-image: -moz-linear-gradient(top,  #ffffff,  #cccccc);
	background-image: -o-linear-gradient(top,  #ffffff,  #cccccc);
	-webkit-tap-highlight-color: rgba(255,255,255,0);
}
.inputbutton:hover {
	background-color: #dddddd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
	background-image: -moz-linear-gradient(top,  #eeeeee,  #bbbbbb);
	background-image: -o-linear-gradient(top,  #eeeeee,  #bbbbbb);
}
.inputbutton:focus, .inputbutton:active {
	border: 1px solid #777777;
	-webkit-box-shadow: inset 0px 0px 2px 0px #787878;
	-moz-box-shadow: inset 0px 0px 2px 0px #787878;
	box-shadow: inset 0px 0px 2px 0px #787878;
}
.inputbar {
	width: 100%;
	padding: 5px;
	border: 1px solid #999999;;
	background-color: #eeeeee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff));
	background-image: -moz-linear-gradient(top,  #eeeeee,  #ffffff);
	background-image: -o-linear-gradient(top,  #eeeeee,  #ffffff);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.inputbar:focus {
	-webkit-box-shadow: 0px 0px 2px 0px #787878;
	-moz-box-shadow: 0px 0px 2px 0px #787878;
	box-shadow: 0px 0px 2px 0px #787878;
}

table 						{ width:100%; max-width: 472px; }

td 							{ padding: 5px 10px; }
table tr:first-child > td	{ padding-top: 10px; }
table tr:last-child > td	{ padding-bottom: 10px; }

table.top,
table.bottom 				{ background-color: #eee; border: 1px solid #aaa; }
table.middle 				{ background-color: #ccc; border-left: 1px solid #aaa; border-right: 1px solid #aaa; text-align: center; }

table.top td,
table.middle td,
table.bottom td 			{ border:none; }

table.bottom 				{ margin-bottom: 20px; }

tr > td:nth-child(2)		{ width: 50%; }

@media all and (max-width: 480px) {

	table.top,
	table.middle,
	table.bottom			{ border-left: none; border-right: none; }
	
	tr > td:nth-child(2)	{ width: 40%; }

}