body {
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	}

/* globals */

* {
	padding: 0;
	margin: 0;
	}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

ul.selector {
	list-style: none;
	border: 1px #ccc solid;
	border-bottom-width: 0;
	}

ul.selector li { border-bottom: 1px #ccc solid; }

label {
	display: block;
	padding: 5px;
	position: relative;
	padding-right: 3em;
	white-space: nowrap;
	}

ul.selector label:hover, .highlight { background-color: #ccc; }
ul.selector label.disabeled:hover { background-color: transparent; }

label input, label select {
	position: absolute;
	top: .2em;
	right: 5px;
	font-size: 1em;
	}

label input { top: .5em; }
.wrapper { overflow: auto; }
.info { margin: 1em 0; }
.flip { background-color: #eee; }

.nav { padding: 5px; }
/* spesifics */

#header { border-bottom: 5px #DA2E1A solid; }
#header img#bedregardsdrift {
	float: left;
	margin-bottom: -1px;
}
#header img#traktordatabasen {
	float: left;
	margin-left: 160px;
	margin-bottom: -1px;
}

#mainframe {
	margin: 0 10px 10px 0;
	float: left;
	position: relative;
	}

/*#mainframe.search { padding-right: 6.7em; }*/
#mainframe.result, #mainframe.compare { width: 100%; }
#criteria, #views, #brand, #drops { float: left; }
#criteria, #views { height: 41em; }

#gogo {
	position: absolute;
	bottom: -2.5em;
	right: 0;
	}
#gogo #submittor { font-size: 1.5em; }

#criteria, #views {
	margin: 10px 0 10px 10px;
	padding: 10px;
	border: 1px outset;
	}

#brand .wrapper { max-height: 34.6em; }
#drops { margin: 0 0 0 10px; }

#drops .item {
	clear: left;
	margin-bottom: 5.3em;
	}

#drops .left, #drops .right {
	width: 12em;
	float: left;
	border: 1px #ccc solid;
	}

#drops .wide {
	width: 24em;
	border: 1px #ccc solid;
	}

#drops input { width: 5em; }

#advertor {
	width: 180px;
	position: absolute;
	top: 227px;
	left: 780px;
}
#advertor a,
#advertor embed {
	padding-top: 10px;
	margin-bottom: 5px;
	display: block;
	background: transparent url(../gfx/ann2.gif) no-repeat 0 0;
}

#result {
	border-width: 1px 1px 1px 0;
	border-color: #000;
	border-style: solid;
	width: 100%;
	}

#result th, #result td {
	padding: 1px 3px;
	border-width: 0 0 1px 1px;
	border-color: #ccc;
	border-style: solid;
	}

#result th {
	border-width: 0 0 0 1px;
	color: #333;
	}

#result tr.toplevel th {
	color: #666;
	background-color: #FFC5BE;
	}
#result td { text-align: center; }
#result td { text-align: right; }
#result td.venstre { text-align: left; }

#result th a {
	background: transparent url(../gfx/sort_down.gif) no-repeat right center;
	padding-right: 10px;
	display: block;
	text-decoration: none;
	color: #333;
	}

#result th a:hover,
#result th a.active {
	background: transparent url(../gfx/sort_down_a.gif) no-repeat right center;
	text-decoration: none;
	color: #000;
	}

#result th a.active { font-weight: bold; }

#result th a.up {
	background: transparent url(../gfx/sort_up.gif) no-repeat right center;
	padding-right: 10px;
	display: block;
	text-decoration: none;
	color: #333;
	}

#result th a.up:hover,
#result th a.up.active {
	background: transparent url(../gfx/sort_up_a.gif) no-repeat right center;
	text-decoration: none;
	color: #000;
	}

#result th a.up.active { font-weight: bold; }

#result .sublevel th {
	font-weight: normal;
	background-color: #FFC5BE;
	}

#result .units th {
	font-weight: normal;
	font-size: .9em;
	padding: 0 3px;
	background-color: #FFC5BE;
	}

#result .range th { background-color: #FFC5BE; }

#result .check {
	width: 1.2em;
	border-left-color: #000;
	}

#result td.aargang { text-align: center; }
#result td.brand, #result td.model { text-align: left; }

#result tr.selector th { padding: 0; }
#result select {
	font-size: 1em;
	width: 5em;
	}
#result .first { border-left-color: #000; }

#result .last td {
	border-color: transparent;
	border-top: 1px #000 solid;
	}

#result .last td.first {
	border-left: 1px #000 solid;
	text-align: left;
	padding: 5px;
	}

#result .brand { white-space: nowrap; }
#result .model { white-space: nowrap; }
#result .motor, #result .weight, #result .dimension, #result .transmission, #result .gears, #result .speed, #result .power, #result .hydraulic, #result .lift, #result .suspension { display: none; } /* for dummy only */

#compare {
	border-width: 1px 1px 1px 0;
	border-color: #000;
	border-style: solid;
	width: 100%;
	}

#compare th {
	background-color: #FFC5BE;
	color: #000;
	text-align: left;
	padding: 1px 3px;
	border-bottom: 1px #CCC solid;
	border-left: 1px #FFC5BE solid;
	}

#compare th.first { border-left-color: #000; }

#compare td {
	padding: 1px 3px;
	border-bottom: 1px #CCC solid;
	border-left: 1px #000 solid;
	}

#compare td.first {
	border-left-color: #000;
	white-space: nowrap;
	width: 12em;
	}

.spacer {
	clear: both;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
	font-size: 1px;
	height: 1px;
	}