/* variation preview table styles */

div.variation_stats {
	padding: 10px 0;
	margin-bottom: 10px;
	vertical-align: top;
}

td.variation_stat {
	white-space: nowrap;
	border-top: 1px solid silver;
	padding: 5px 8px 5px 8px;
}

table.variation_preview td.first {
	border-top: 1px solid silver;
	padding: 5px 8px 5px 0;
}

table.variation_preview th.first {
	padding: 2px 8px 2px 0;
	text-align: left;}

td.wrap {
	white-space: normal;
}

table.variation_preview {
	width: 100%;
	font-size: 11px;
}

table.variation_preview th {
	padding: 2px 8px;
	text-align: left;
	white-space: nowrap;
}

table.variation_preview th.right-align {
	text-align: right;
	white-space: nowrap;
}

table.variation_preview th.center-align {
	text-align: center;
	white-space: nowrap;
}

/* model preview table styles */
div.model_stats {
	padding: 0 0 10px;
	margin-bottom: 10px;
	vertical-align: top;
	margin-top: 10px;
}

td.model_stat {
	white-space: nowrap;
	border-top: 1px solid silver;
	padding: 5px 8px 5px 8px;
}

table.model_preview td.first {
	border-top: 1px solid silver;
	padding: 5px 8px 5px 0;
}

td.wrap {
	white-space: normal;
}

table.model_preview {
	width: 100%;
	font-size: 11px;
}

table.model_preview th {
	padding: 2px 8px;
	text-align: left;
	white-space: nowrap;
}

table.model_preview th.first {
	padding: 2px 8px 2px 0;
	text-align: left;
}

table.model_preview th.right-align {
	text-align: right;
	white-space: nowrap;
}

table.model_preview th.center-align {
	text-align: center;
	white-space: nowrap;
}

td.model_type_available {
	font-weight: bold;
	font-size: 11px;
	background-color: #B3FFB2;
	padding: 2px;
	border-top: 1px solid silver;
}

td.model_type_prototype {
	font-weight: bold;
	font-size: 11px;
	background-color: #B2CCFF;
	padding: 2px;
	border-top: 1px solid silver;
}

td.model_type_discontinued {
	font-weight: bold;
	font-size: 11px;
	background-color: #FFB2B2;
	padding: 2px;
	border-top: 1px solid silver;
}

td.model_type_unknown {
	font-weight: bold;
	font-size: 11px;
	background-color: #ECB2FF;
	padding: 2px;
	border-top: 1px solid silver;
}

/* other preview styles */
div.variation_oneline {
}

div.first_preview {
	padding: 0 0 10px;
	margin-bottom: 10px;
	vertical-align: top;
	border-top: none;
}

div.model_preview {
	padding: 20px 0;
	margin-bottom: 10px;
	vertical-align: top;
	border-top: 1px solid silver;
}

div.model_preview_first {
	padding: 0 0 20px;
	margin-bottom: 10px;
	vertical-align: top;
}

div.model_preview_single {
	
}

td.preview_image {
	padding-right: 10px;
}

img.preview {
	max-width: 300px;
	width: expression(this.width > 300 ? 300: true);
	max-height:  175px;
	border: 1px solid black;
}

td.preview_stats {
	vertical-align: top;
	width: 175px;
	padding-right: 10px;
}

span.preview_status_available {
	padding: 0px;
	background-color: white;
}

span.preview_status_prototype {
	padding: 1px 2px;
	background-color: #B2CCFF;
}

span.preview_status_discontinued {
	padding: 1px 2px;
	background-color: #FFB2B2;
}

span.preview_status_unknown {
	padding: 1px 2px;
	background-color: #ECB2FF;
}

td.preview_stats_onelines {
	vertical-align: top;
}

.preview_name {
	font-size: 14px;
	font-weight: bold;
}

div.preview_company {
	font-size: 12px;
}

div.preview_person {
	font-size: 12px;
}

div.preview_details {
	font-size: 12px;
	padding-top: 10px;
}

div.preview_variations {
	font-size: 12px;
	padding-top: 10px;
}

div.preview_stats a.model_name {
	font-weight: bold;
	font-size: 14px;
}



/* filter pane styles */

h1.filter_pane {
	margin-bottom: 15px;
}

div.home_filter {
	margin-bottom: -15px;
}

div.filter_instructions {
	font-size: 11px;
	color: gray;
	padding-bottom: 10px;
}

div.filter_row1 {
}

div.filter_row2 {
}

td.filter_choices {
	vertical-align: top;
	font-size: 11px;
	padding-right: 13px;
	line-height: 14px;
}

a.filter {
	padding: 2px;
}

span.choiceLabel {
	font-weight: bold;
	font-size: 11px;
}

a.filter:hover {
	color: black;
	background-color: #FFE4B2;
	text-decoration: underline;
}

span.filter_current {
	color: black;
	background-color: #FFE4B2;
	padding:  2px;
}

a.filter_current {
	color: black;
	background-color: #FFE4B2;
	padding: 2px;
}

a.filter_unavailable {
	padding: 2px;
	color: silver;
	text-decoration: line-through;
}

a.filter_unavailable:hover {
	text-decoration: underline;
	color: black;
	background-color: #FFE4B2;
}