@charset "utf-8";

/* CSS Document */

#carchart .header {
	font-family:Century Gothic,Helvetica,Arial,Verdana,sans-serif;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0;
}

#chart {
	height:100px;
	font-weight:bold;
}

#chart div.category {
	width:25%;
	height:100px;
	color:white;
	font-family:Century Gothic,Helvetica,Arial,Verdana,sans-serif;
	float:left;
	overflow-y:scroll;
	overflow-x:hidden;
	background:#202020;
	font-size:12px;
}

#chart div.category  a img{
	border:0px;
}

#carchart  div.category div div{
	width:100%;
	padding-left:5px;
	background:#202020;
	cursor:pointer;
}

#carchart  div.category div.dark {
	background:#101010;
}

#carchart  div.category div div:hover {
	background:#dddddd;
	color:black;
}

#carchart  div.category div.selected {
	background:#eeeeee;
	color:black;
}

#carchart div.category div.loading {
	text-align:center;
	vertical-align:middle;
	background:#202020;
}

#carchart  div.category  div.header {
	font-family:Century Gothic,Helvetica,Arial,Verdana,sans-serif;
	font-size:10px;
	font-weight:bold;
	letter-spacing:0;
	background:black;
	color:white;
	text-align:center;
	cursor:default;
}

#cars {
	padding-top:10px;
}

#carChart {
	text-align:center;
	width:808px;
	font-family:Arial, Helvetica, Verdana;
	font-weight:bold;
	color:black;
}

#carChart table td, #carChart table th{
	text-align:left;
	padding-left:5px;
}

#carChart div.loading img{
	text-align:center;
	vertical-align:middle;
	background:#202020;
}

#carChart th {
	background:black;
	color:#555555;
	font-size:12px;
	cursor:pointer;
}

#carChart th:hover {
	text-decoration:underline;
}

#carChart tr.dark {
	background:#e2e3e2;
}

#carChart tr.dark  td.brand{
	color:black;
}

#carChart td.white {
	background:#a4a5a4;
}

#carChart  tr.dark  td.white {
	color:black;
}


#carChart td.dark {
	background: #474747;
}

#carChart .new {
	font-size:8px;
	font-weight:bold;
	color:red;
	font-family:serif;
}

#carChart th.highlight {
	color:white;
	background:red;
}

#modal {
	position:absolute;
	z-index:10;
	display:none;
}