body, p{background: #fff; font: 1em arial sans-serif;}
thead, tbody {padding:0;margin:0;border:0;}
th, td {vertical-align: top;}
/* HEADER */
#header{margin: auto; width: 950px; text-align: center;}
#body {clear:both; margin: 20px auto 10px auto; width: 950px;}
#fotter {font-size: 0.8em;}
th {text-align: left;}
td {padding-left: 3px; }
h1 {margin-top: 0; font-size: 1.3em;}
h2 {margin: 1em 0 0 0; font-size: 1.1em;}
table { border-collapse: collapse; }
p,em,a {background: transparent;}
table#example th{background: transparent;}
#table_hengere {text-align: center;}
.r {text-align: right}
.b {font-weight: bold}


a { color: #e0002b; text-decoration: none; cursor: pointer;}
a:hover { text-decoration: underline; }
#table_hengere a:hover { text-decoration: none; }
a img, img {border: 0;}
#table_hengere a img {border: 1px solid transparent;}
#table_hengere a:hover img {border: 1px solid black;}

.menu_heading{margin-top: 10px;background-color: #847973;font-weight: bolder;color: #000;text-indent: 3px;}

#nav{background-color: #e0002b; min-height: 25px; width: 950px; margin:auto; overflow: hidden}
#nav div {float:left;}
#nav ul {margin: auto; padding:0;}
#nav li {display: block; float: left; padding-top: 1px;} 
#nav li a {padding-left: 15px; color: #fff;}
#nav li a.current{text-decoration: underline;}
#nav ul#forhandlerMenu {clear:left;}


#login fieldset {width: 300px; margin-left: 1em; clear: both;}
#loginForm {width: 300px; height: 200px; border:1px solid #999; margin: 150px auto; padding: 50px 100px}
#loginForm table {width: 250px; margin:auto}

/* forms */
label {color: #666 }
label.table { position: absolute; text-align:left; width:120px; color: #666 }
label.check, label.radio { position:relative; text-align:left; }
input.table,select.table, textarea.table{ margin-left: 125px; }

label.misc {width: auto; display: inline; float: none;}
.short_labels label{width: 70px; display: block; float:left;} /* use: service deler */
#serviceRef input {width: 8em}
label.f {float: left; width: 100px; display: block;}

/* service.php */

#kontrollpunkter {float: left; width: 200px}
#align_right {float: left; width: 40%; margin-left: 1em;}


a.link {text-decoration: underline; color: blue;}
.hidden{display:none;}
#view_forhandler em {display: block; float: left; width: 100px;}
.hengerDiv {width: 520px; height: 500px; border: 2px inset; background: white; position: absolute; top: 150px; left: 200px; overflow: auto;}

.menu_selected, .menu_selected a {background-color: black;}
.alert {background: yellow; font-weight: bold; border: 3px solid red; padding: 3px; margin: 10px 100px 10px 100px;}

/* thumbs forhandler.php */
.hengerthumbs { 
	position: relative; 
	width:  170px; 
	height: 160px; 
	margin: 5px; 
	float: left; 
	text-align: center; 
	background: url('/images/shadows/bg.jpg') bottom right no-repeat}
.hengerthumbs img {margin-top: 10px; cursor:pointer;}
.hengerthumbslabel {position: absolute; bottom: 10px; left: 0; text-align: center; width: 100%;}
/* end: thumbs forhandler.php */

#bruktehengere td {text-align: left; padding: 2px; }
#bruktehengere th {background: #ccc; text-align: left; font-weight: normal;}
#bruktHeader th {background: #999; font-weight: bolder;}
#bruktehengere td, #bruktehengere th {border: 1px solid #999;}
#bruktehengere tr:hover, #bruktehengere tr:hover a {background: #eee;}

.bruktSubHeader{ font-weight: bolder; white-space: nowrap}
table#brukt_info {width: 700px}
table#brukt_info td {text-align: left; vertical-align: top; padding-right: 20px;}
.spaceRow td {padding-top: 1em}
ul.multi li { float: left; list-style-type: none; padding: 0 10px; border: 1px solid grey; margin:0; cursor: pointer;}
ul.multi {padding: 0;background: white; margin:0}
.selectedTab {background-color: #ccc; color: black;}
.highlightRow td {background-color: #efefef;}

#forhandlerContainer{}
#forhandlerMenu{float:left; width: 350px; margin-left: -30px;position: relative; left: 20px;}
#forhandlerContent{float: right;}
#forhandlerMenu li ul li {margin-left: -20px} 
		


#serviceForhandlerPrint {display: none;}
#serviceHengerPrint {display: none;}

.printOnly {display: none}
#kontaktpersonDisplay {display: inline}
#leietabell {border:0;}
#leietabell td {vertical-align: top; text-align: left; padding-right: 2em}

#bruktehengere td.r5 {text-align: right; padding-right: 5px}
li.disabled a, a.disabled {color: #666}
li.enabled a, a.enabled {color: #e0002b}
table.left td {text-align: left;}
table.border th, table.border td {border: 1px solid #ddd;}

/* utleie styles */
#utleieTabell {border: 1px solid #ccc}
#utleieTabell thead th,#utleieTabell thead td {font-size: 10px;}
#utleieTabell th, #utleieTabell td {font-weight: normal; font-size: 8px; padding:0; margin:0; border:0;}
#utleieTabell th {font-size: 10px; text-align: center;}
#utleieTabell #grid th {border: 1px solid #ccc;}
#utleieTabell #grid th {font-size: 16px; text-align: center;}
#utleieTabell #grid th b {font-size: 26px;}
#utleieTabell #grid th div span {white-space: nowrap;}
#utleieTabell td {width: 10px;  text-align:center;}
#utleieTabell tbody#grid td { height: 50px; border: 1px solid #bbb;}
.hide {display:none}
#utleieTabell tbody#grid td {cursor: pointer}
#tooltip{
    position:absolute;
    border:1px solid #333;
    background:#f7f5d1;
    padding:2px 5px;
    color:#333;
    display:none;
    }
fieldset {margin-bottom: 0.5em}    

/* zebra */
table.zebra {border: 1px solid #ccc}
table.zebra col {border: 1px solid #ddd}
table.zebra thead tr {background-color: #ccc; }
table.zebra th, table.zebra td {border: 1px solid #ddd;}
table.zebra th {padding: 0 5px;}

.odd {background-color: #eee}
.error {color: red; font-weight: bold;}

/* utleie status */
div.utleieBlock {height: 40px; width:100%; margin:5px 0; font-size: 18px; font-weight: bold;}
.status1 {background-color:#BAFF49;}
.status2 {background-color:red;}
.status3 {background-color:black; color:white;}
.status4 {background-color:#C6DFC6;}
.status_for_sent {background-color:#396DA5;}

button { font-family: verdana;}
button img {vertical-align:middle; margin-top: -1px}

.reservasjon td {background-color: white; width: 10px; height: 30px;border:0; vertical-align: middle; font-size: 0.9em;}

.navIcons td {padding: 0 10px; color: #333; font-size: 0.8em; text-align:center}
#fMenu {clear:left;}