/* LiveSearch */
@import url("css/search.css");
@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic");

/* body { font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 14px; background-color: #efefef; margin: 0px; line-height:22px;} */
body { font-family: "PT Sans", "Arial", sans-serif; font-size: 15px; background-color: #efefef; margin: 0px; line-height:22px; }

#body { text-align:left;width:1050px; min-height:600px; background-color: #fff; border: 0px; margin:auto; border-right:3px #e0e0e0 solid; border-left:3px #e0e0e0 solid; border-bottom:3px #e0e0e0 solid; padding-bottom:20px; }
#dialog_container { display: none; }
#footer { padding:10px; width:1050px; margin-left:auto; margin-right:auto; height:50px; color:#aaa; font-size:0.9em; clear:both; text-align:center; }

#loginbox {display:inline-block; margin:0 0 0 -160px; text-align:left; padding:20px 20px 20px 80px; background-image:url(img/kran_liten2.png); background-repeat:no-repeat; background-position:top left; border:2px solid #ccc; border-radius:8px; position: fixed;
top: 20%; left: 50%; width:220px;}

h1.general_title { display: inline-block; font-size: 2em; padding: 10px 0 10px 10px; float:left;}
tr.mappenavn { font-size: 1.2em; }
div.box {
	background-color:#eee;
	padding:4px;
	font-size: 0.9em;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding:10px;
}

div.box a {
	font-weight:bold;
	text-decoration:underline;
	font-size:0.9em;
}

/* managefiles */
form#managefiles {font-size:12px;}
form#managefiles div.row {padding:4px 0;}
form#managefiles div.row span {display:block; width:120px; font-size:14px;}
form#managefiles input#title {width:300px;}
form#managefiles textarea#description {width:300px; height:80px;}
form#managefiles input#uploadfile {width:300px; padding:2px 8px 2px 4px;}

.boxhead {color:#0f69a7; font-size:2em; font-weight:normal; display:block;	padding-top:5px; padding-bottom:5px;}

.news {
	color:black;
	border-bottom:1px #999 solid;
	padding-top:10px;
	padding-bottom:10px;
}

table.box { width:100%; background-color: #eee; -moz-border-radius: 5px; border-radius: 5px; }
tr.box { font-size: 1em; }
td.box { font-size: 1em; }


table.liste {
	width:100%;
	clear:both;
	border-top:1px #999 solid;
	border-left:1px #999 solid;
}

table.public_liste {
	width:100%;
	clear:both;
	border-top:1px #999 solid;
	border-left:1px #999 solid;
}
td.head {
	border-left:1px #999 solid;
	border-right:1px #555 solid;
	border-bottom:1px #555 solid;
	white-space: nowrap;
}
tr.head {
}
td.first {
	border-left:0px;
}
td.row {
	border-right:1px #999 solid;
	border-bottom:1px #999 solid;
}

#toolbar a {
	color:#fff;
	font-size:1.2em;
	display:inline-block;
	padding:0 8px;
}

/* Plankalender */


td.kalender {
	margin:1px;
	padding:3px;
	border:1px #ccc solid;
	font-size:0.9em;
	-moz-border-radius: 5px; border-radius: 5px;
}

td.kalender-date {
	margin:1px;
	padding:3px;
	border:1px #ccc solid;
	font-size:0.9em;
	text-align:center;
	font-weight:bold;
	-moz-border-radius: 5px; border-radius: 5px;
}


.kal-arbeidsordre {
	color:#0f69a7;
	border:1px white solid;
	font-size:0.9em;
}
.kal-arbeidsordre a {
	text-decoration:none;
	color:#0f69a7;
	font-size:0.9em;
}

.kal-avtale {
	color:#2aa811;
	border:1px white solid;
	font-size:0.9em;
}
.kal-avtale a {
	text-decoration:none;
	color:#2aa811;
	font-size:0.9em;
}
.rounded {
	-moz-border-radius: 3px; border-radius: 3px;
}
select {
	-moz-border-radius: 3px; border-radius: 3px;
}
input {
	-moz-border-radius: 3px; border-radius: 3px;
}

input[type="submit"] { cursor:pointer;}

input.text {
	border:1px #888 solid;
	padding:2px;
	font-size:0.9em;
}

.rad { font-size: 1em; color: #000; background-color: #fff; border-bottom:1px #ccc solid; }
.rad_public { font-size: 0.8em; color: #000; background-color: #fff; border-bottom:1px #ccc solid; }
.rad2 { font-size: 1em; color: #000; background-color: #eee}

.rad a {
	color:black;
	text-decoration:none;
	font-size:1em;
}

.rad2 a {
	color:black;
	text-decoration:none;
	font-size:1em;
}

table.edit { border: 1px; border-style: solid; background-color: #fff;}
td.edit { background-color: #fff;}
.head { font-size: 0.9; font-weight: bold; background-color: #6e6e6e; color: #fff;}
.title { height:40px; font-size: 1.1em; font-weight: bold; color: #fff; background-color: #22e;background-image:url('img/topbg.png');}
a.title { text-decoration:none; color: #fff }
a.title:visited { text-decoration:none; color: #fff }
a.title:active { text-decoration:none; color: #fff }
a.title:inactive { text-decoration:none; color: #fff }
.frame { background-color:#fff;}
.label { font-size: 0.9em; line-height:2em; white-space:nowrap;}
.view { font-size: 1em; color: #000; background-color: #fff}
.uok { font-size: 1em; color: #000; background-color: #ccc}
.ugyldig { font-size: 1em; color: #000; background-color: #fcc}
.lysblaa { font-size: 1em; color: #000; background-color: #c0c9ff;}
.red { font-size: 1em; color: #000; background-color: #ff0000 }
.gul{ font-size: 1em; color: #000; background-color: #ffff00 }
.selected { font-size: 1em; color: #000; background-color: #fff}
.sokt { font-size: 1em; font-weight:bold; color: #000; background-color: #ff0000}
.text { font-size: 1em; border-width: 1px; border-style: inset; background-color: #fff; }
.htext { font-size: 1em; border-width: 1px; border-style: inset; background-color: #56609b; width:80px;color:white}
textarea { font-size: 1em; border-width: 1px; background-color: #fff}
select { font-size: 1em; border-width: 1px; background-color: #fff}
.button { font-size: 0.9em; cursor:pointer; border:1px #14507a solid; background-color: #3983b7; color: #fff; padding: 3px; border-radius: 3px; }
.button-liten { font-size: 0.9em; border:1px #14507a solid; background-color: #3983b7; color: #fff; padding: 3px; border-radius: 3px; cursor:pointer;}
.button-liten:hover, .button:hover {background-color:#45bb58; border:1px #2e8a3d solid; cursor:pointer;}
.b_save { background:#45bb58; border:1px solid #2a7c37;}
.b_save2 { background:#ac3233; border:1px solid #670e0e;}
.b_save2:hover {background:#670e0e;}
.button2 { font-size: 1.2em; font-weight: bold; border:1px #14507a solid; background-color: #3983b7; color: #fff; }
a { font-size: 1em; text-decoration:none; color: #0f69a7 }
a.title { text-decoration:none; color: #fff }
a.title:visited { text-decoration:none; color: #fff }
a:visited { text-decoration:none; color: #0f69a7}
a:active { text-decoration:none; color: #0f69a7}
a:inactive { text-decoration:none; color: #0f69a7}
a:hover { text-decoration:underline;}
.topmenu {
	padding:5px;
	margin:0;
}

ul.submenu { margin: 0 4px 0 0; padding: 0; z-index:99; display:inline-block; float:left;}
	ul.submenu li {float: left; list-style: none; z-index:99; float:none; margin:0; cursor:pointer;}
			ul.submenu li ul {margin: 0; padding: 0; position: absolute; visibility: hidden; text-align:left; z-index:99; border:none; background:#20435c;}
			ul.submenu li ul li {float: none; z-index:99; background:#808285; border:none;}
			ul.submenu li ul li a {text-align:left; border:none; margin:0; color: #fff; padding: 8px 18px 8px 12px; z-index:99; font-size:1em; display:block; border-radius:0;}

h1 {
	padding:7px;
	margin:0px;
	color:#000;
	font-size:1.2em;
}

table.ansattvalg {
	border-left:1px #999 solid;
	border-top:1px #999 solid;
	margin-top:4px;
	margin-bottom:4px;
	width:100%;
}

th.ansattvalg {
	background:#bbb;
}
td.ansattvalg {
	border-bottom:1px #999 solid;
	border-right:1px #999 solid;
	background:#fff;
}

avtalekunde { color:white; background-color:black; }
a.miniknapp {
	background:#20435c;
	border:none;
	color:#fff;
	padding:8px 12px;
	text-decoration:none;
	font-size:1em;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin-top:4px; 
	display:inline-block;
	line-height:20px;
	
}

a.miniknapp2 {
	background:#45bb58;
	border:none;
	color:#fff;
	padding:6px 8px;
	text-decoration:none;
	font-size:1em;
	border-radius: 3px;
	margin-top:4px; 
	display:inline-block;
	line-height:18px;
	
}

a.miniknapp2:hover {background:#2e8a3d;}
button.miniknapp3, a.miniknapp3 { background:#20435c; border:none; color:#fff; padding:6px 8px; text-decoration:none; font-size:1em; border-radius: 3px; margin-top:4px; display:inline-block; line-height:18px; }
button.miniknapp3 { cursor: pointer; padding: 5px 8px }

a.miniknapp:hover, a.miniknapp3:hover, a.miniknapp_act, button.miniknapp3:hover  {
	background:#333;
}
button.blankbutton { border: none; background-color: transparent; font-size: 1.2em; color: #fff; font-family: "PT Sans","Arial",sans-serif; background: none; }
button.blankbutton:hover { text-decoration: underline; cursor: pointer; }
.bildeknapp {
	border:1px #aaa solid;
	background:#ddd;
	padding:1px;
	margin:1px;
	color:#333;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.bildeknapp a {
	color:black;
	text-decoration:none;
}



#top {
	background-image:url('img/top-bg.png');
	background-color:#474747;
	height:56px;
	color:white;
	border-bottom:3px #a5a5a5 solid;
	min-width:1056px;
}

#topcontent {
	width:1043px;
	margin:auto;
	text-align:left;
}

table.public_liste tr td.rad, table.public_liste tr td.row {font-size:0.9em;}

#topleft {
	float:left;
	width:340px;
	font-size:1.4em;
	padding-top:15px;
}
#topleft a {
	color:white;
	text-decoration:none;
	font-size:1.4em;
}

#topright {
	float:right;
	width: 700px;
	text-align:right;
	font-size:1em;
	padding-top:15px;
}

#topright a { display: inline-block; padding: 0 8px; color:#fff;}
#topright a:last-child { font-weight: bold; }

.pagecontent {
	width:98%;
	margin:auto;
}

.newmenu {
	width:98%;
	background-image: url("img/menu-bg.png");
	height:46px;
	margin:auto;
	position:relative;
	text-align:left;
	font-size:1em;
}

.buttons {
	position:absolute;
	top:1px;
	left:15px;
	padding:12px 0px 12px 0px;
}


.buttons a {
	color:white;
	font-weight:bold;
	font-size:0.8em;
	display:td-row;
	margin-right:20px;
	border-right:2px #5592c4 solid;
	padding:13px 20px 13px 0px;
}
.buttons a:visited {
	color:white;
}

#sokefelt {
	border:1px #367098 solid;
	background:#5997c2;
	box-shadow:none;
	color:white;
	max-width: 100px;
}

/* NEW STYLES 2013 */
table.kunde_tabelle {width:1030px; margin:0 10px;}
table.kunde_tabelle .head {padding:8px 4px; font-size:1em;}
table.kunde_tabelle .row {padding:11px 3px; font-size:1em; border:none; border-bottom:1px solid #efefef;}
table.kunde_tabelle .row:hover {cursor:pointer;}
table.kunde_tabelle .row a.k_name {font-size: 1em;}
table.kunde_tabelle .opt {white-space:nowrap;}
a.but { color:#fff; text-decoration:none; margin:0 2px; }
a.head, a.head:visited {color:#fff;}

table.kunde_tabelle tr td.head:first-child {width:6%;}
table.kunde_tabelle tr td.head:nth-child(2) {width:36%;}
table.kunde_tabelle tr td.head:nth-child(3) {width:6%;}
table.kunde_tabelle tr td.head:nth-child(4) {width:4%;}
table.kunde_tabelle tr td.head:nth-child(5) {width:10%;}
table.kunde_tabelle tr td.head:nth-child(6) {width:10%;}
table.kunde_tabelle tr td.head:nth-child(7) {width:8%;}
table.kunde_tabelle tr td.head:last-child  {width:20%;}
table.kunde_tabelle tr td:first-child, table.kunde_tabelle tr td:nth-child(3), table.kunde_tabelle tr td:nth-child(4), table.kunde_tabelle tr td:nth-child(5), table.kunde_tabelle tr td:nth-child(6), table.kunde_tabelle tr td:nth-child(7) {text-align:center;}

.button-liten1 { font-size: 0.9em; border: 1px #14507a solid; background-color: #3e86b9; color: #fff; padding: 5px; -moz-border-radius: 3px; border-radius: 3px; }
.button-liten2 { font-size: 0.9em; border: 1px #14507a solid; background-color: #5d5d5d; color: #fff; padding: 5px; -moz-border-radius: 3px; border-radius: 3px; }
.button-liten3 { font-size: 0.9em; border: 1px #14507a solid; background-color: #45bb58; color: #fff; padding: 5px; -moz-border-radius: 3px; border-radius: 3px; }
.button-liten4 { font-size: 1em; border: 1px #670e0e solid; background-color: #ac3233; color: #fff; padding: 4px 12px; -moz-border-radius: 3px; border-radius: 3px; }
.button-liten4:hover { background-color: #670e0e; }

span.boxhead {margin:0; padding:0 0 6px 0; font-size:1.4em; font-weight:normal; line-height:1.8em; display:block; color:#333;}

div#kunde_info {width:490px; border-right:5px solid #fff; background-color:#efefef; float:left; padding:10px;}
div#kunde_kontakt_person {width:490px; padding-right:5px solid #fff; background-color:#efefef; float:left; padding:10px;}
div#kunde_info h1, div#kunde_kontakt_person h1, h1.art_h {margin:0; padding:0 0 6px 0; font-size:1.4em; font-weight:normal; line-height:1.8em; display:block; color:#333;}
div#kunde_kontakt_person h1, h1.art_h {font-weight:bold;}
div#kunde_info h2, div#kunde_kontakt_person h2 {margin:0; padding:12px 0 0 0; font-size:1.4em; font-weight:bold; line-height:1.8em; display:block; color:#333;}
div.kunde_white_row {margin:0 2px 1px 2px; background:#fff; padding:2px; line-height:1.8em;}
div.kunde_white_row2 {width:50%; float:left;}
div.kunde_white_row3 {clear:both;}
div.kunde_row { width: 240px; float: left; }
div.kunde_row_small {width: 94px; float: left; margin: 0 0 0 10px; }
div#contact_per {line-height:28px; margin-bottom:8px; padding-bottom:8px;}
div.contact_per1 {width:20px; float:left;}
div.contact_per2, div.contact_per3 {width:200px; float:left; overflow:hidden;}
div.contact_per4 {width:470px; float: left; text-align:left; overflow:hidden;}
div.contact_per5 {border-bottom:1px solid #ccc; clear:both;}
div.contact_per_row { border-bottom: 1px solid #ccc; margin: 0 0 8px 0; padding: 4px 0; }

input.edit_but, button.edit_but {font-size: 1.2em; border: 1px #147a24 solid; background-color: #45bb58; color: #fff; padding: 6px 12px; border-radius: 3px; text-shadow:1px 1px #147a24; cursor:pointer;}
input.edit_but:hover {background-color: #147a24;}
button.del_but, input.del_but {font-size: 1.2em; border: 1px #670e0e solid; background-color: #ac3233; color: #fff; padding: 6px 12px; border-radius: 3px; text-shadow:1px 1px #670e0e; cursor:pointer;}
button.del_but:hover, input.del_but:hover {background-color:#670e0e;}
input.input_20 { width: 20px; height: 28px; font-size: 1.2em; border: 1px solid #ccc; border-radius: 6px; padding: 2px 6px; margin: 0 0 8px 2px; box-shadow: 2px 2px #e1e1e1; }
input.input_120 { width: 120px; height: 28px; font-size: 1.2em; border: 1px solid #ccc; border-radius: 6px; padding: 2px 6px; margin: 0 0 8px 2px; box-shadow: 2px 2px #e1e1e1; }
input.input_190 { width: 190px; height: 28px;font-size: 1.2em; border: 1px solid #ccc; border-radius: 6px; padding: 2px 6px; margin: 0 0 8px 2px; box-shadow: 2px 2px #e1e1e1; }
input.input_270 { width: 270px; height: 28px;font-size: 1.2em; border: 1px solid #ccc; border-radius: 6px; padding: 2px 6px; margin: 0 0 8px 2px; box-shadow: 2px 2px #e1e1e1; }
input.input_300 { width: 300px; height: 28px;font-size: 1.2em; border: 1px solid #ccc; border-radius: 6px; padding: 2px 6px; margin: 0 0 8px 2px; box-shadow: 2px 2px #e1e1e1; }
input.input_350 { width: 350px; height: 28px;font-size: 1.2em; border: 1px solid #ccc; border-radius: 6px; padding: 2px 6px; margin: 0 0 8px 2px; box-shadow: 2px 2px #e1e1e1; }
input.input_470 { width: 470px; height: 28px; font-size: 1.2em; border: 1px solid #ccc; border-radius: 6px; padding: 2px 6px; margin: 0 0 8px 2px; box-shadow: 2px 2px #e1e1e1; }
input.input_1000 { width: 1000px; height: 28px; font-size: 1.2em; border: 1px solid #ccc; border-radius: 6px; padding: 2px 6px; margin: 0 0 8px 2px; box-shadow: 2px 2px #e1e1e1; }

textarea.kunde_textarea_full { width: 98%; font-size: 1.2em; border: 1px solid #ccc; border-radius: 6px; padding: 6px 6px 0 6px; margin: 0 0 8px 2px; box-shadow: 2px 2px #e1e1e1; }
textarea.kunde_textarea_95 { width: 95%; font-size: 1.2em; border: 1px solid #ccc; border-radius: 6px; padding: 6px 6px 0 6px; margin: 0 0 8px 2px; box-shadow: 2px 2px #e1e1e1; }

._none { color: #666; font-style: italic; }
div#sert_menu {padding:0; margin:0 6px;}
div#sert_menu a.miniknapp { background:#333; font-size:1em; padding:6px 6px; border-radius:4px;}
div#sert_menu a.miniknapp:hover {background:#20435c;}

div.sert_list_errors { text-align: right;}
div.sert_list_errors span {color:red; font-weight:bold;}

textarea, select, input.text {line-height:24px; min-height:24px; font-size: 1.2em; border: 1px solid #ccc; border-radius: 4px; padding: 0 6px; margin: 0 0 8px 2px; box-shadow: 1px 1px #e1e1e1;}
select {height:26px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; cursor: pointer; font-size:1em; background-image:url(images/arr.png); background-position:right; background-repeat:no-repeat; padding-right:20px;}
textarea#kontrolljobb_annet {width:97%; height:80px;}
span.exp_text {display:block; font-size:1.2em; font-weight:bold; color:#555; line-height:24px;}
span.exp_text2 {font-size:1.2em; font-weight:normal; color:#333; line-height:24px;}

div#workorder_smenu {width:200px; padding:0 20px;}
div#workorder_smenu div {margin:8px 12px; margin:8px 0; display:block; clear:both; height:26px;}
div#workorder_smenu div img {margin:4px; float:left;}
div#workorder_smenu div a {display:block; text-decoration:none; padding:2px;}

/* error */
.error { background-color: #ffe86c; border: 1px solid #e8b463; color: #990000; }
input:invalid { background-color: #ffe86c; border: 1px solid #e8b463; color: #990000; }

/* sertifikator page */
.td_big { width: 40%; display: inline; float: left; }
.td_small { width: 18%; display: inline; float: left; padding-left: 2%; }

/* folder management */
ul#folder_management { list-style: none; display: block; width: 635px; margin: 0; padding: 0; }
ul#folder_management li { float: none; display: block; height: 40px; padding: 10px 0 0 10px; margin: 2px 0; cursor: move; }
li.row_container { border: 1px solid #e2e2e2; border-radius: 3px 3px 3px 3px; }
li.row_container_placeholder { border: 1px solid #e2e2e2; border-radius: 3px 3px 3px 3px; background-color: #ccc; }
.row_title { float: left; width: 420px; }
.row_title_input { display: none; }
.row_action { float: left; width: 200px; text-align: center; }
li.selected { background-color: #e2e2e2; }