@charset "utf-8";

#selecter {
/*	width: 620px;*/
	width: 720px;
	margin-left: 200px;
	margin-bottom: 20px;
}

#selecter table {
	float: left;
}

#selecter .submit-box {
	display: inline-block;
	width: 80px;
	margin-left: 10px;
}

#selecter .submit-box input {
	outline: none;
}

#selecter .note {
	clear: both;
	text-align: center;
	padding: 8px 80px 0 0;
}

#selecter td,
#selecter th,
#result td,
#result th {
	text-align: center;
	border: 1px solid #a9a9a9;
	padding: 6px;
}

#selecter thead th,
#result thead th {
	background-color: #0a5baa;
	color: #fff;
	border-color: #333;
}

#selecter tbody th,
#result tbody th,
#result tbody td {
	background: #f0f0f0 url(./dot.png) repeat-x top left;
}

#result thead th {
	background-color: #333;
}

#result thead th a {
	color: #fff;
	text-decoration: none;
}

#result thead th a.current {
	color: #FF8A00;
}

#result tbody .odd th,
#result tbody .odd td {
	background-color: #f3f5f8;
}

#result tbody .even th,
#result tbody .even td {
	background-color: #E6ECF7;
}

#selecter .rating {
	vertical-align: middle;
	width: 80px;
}

#selecter .cell,
#result .cell {
	width: 130px;
}

#selecter .no-border {
	border: none;
	background: #fff;
}

#selecter .choice {
	text-align: left;
	padding-left: 53px;
}
#selecter .choice-hardness {
	padding-left: 10px;
}

#result {
	display: none;
	margin-bottom: 60px;
	margin-left: 80px;
}

#result #model,
#result .model {
	width: 200px;
}

#result #description {
	width: 200px;
}

#result .description-cell {
	text-align: left;
}

#result-empty {
	display: none;

	font-size: 1.6em;
	padding: 80px;
	text-align: center;
}