* {
    margin: 0;
    padding: 0;
}

.error {
    color: red;
}

body #frame #main table tr.fastlegersidefeil{background-color:#fbb;}

body {
	background-color: #ddd;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

.extra-spacing td {
    padding: 5px;
}

#frame {
	width: 760px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

#header {
	width: 760px;
	float : left;
	height: 60px;
}

#header #logo{
	height: 60px;
	display: inline-block;
	position: relative;
}

#header #logo img {
	height: 32px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: -16px;
}

h1 {
    font-size: 18px;
    font-weight: bold;
}

#header h1 {
	margin-top: 30px;
	margin-right: 10px;
	font-size: 20px;
	font-weight: normal;
	color: #2c2d8b;
	float: right;
}


table.standard {
	float: left;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	background-color: #bbbbbb;
	width: 760px;
	margin-bottom: 10px;
}

table.standard tr.header {
    background-color: #bbbbbb;
    font-weight: bold;
}

table.standard tr.even {
    background-color: #dddddd;
}

table.standard tr.odd {
    background-color: #eeeeee;
}

table.standard tr.answeredmsg td {
    padding-top: 3px;
    padding-bottom: 3px;
}

table.standard tr.melding td {
    padding-top: 2px;
    padding-bottom: 2px;
}

table.standard td.datotid {
	width: 125px;
	padding-left: 4px;
}

table.standard td.nummer {
	width: 70px;
	padding-left: 4px;
}

table.standard td.delivery {
    white-space: nowrap; 
    width: 100px;
}

table.standard td.tekst {
	padding-left: 4px;
}

table.standard td.htekst {
	font-size: 11px;
}

table.standard td.answer {
	width: 70px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: right;
}

table.standard td.delete {
	width: 36px;
	padding-left: 2px;
	padding-right: 2px;
}

table.standard td.tegnigjen {
	font-size: 10px;
	padding-left: 8px;
}

table.standard td.send {
	padding-right: 8px;
}

table.standard td.send input {
	width: 80px;
}

input.answer {
	width: 70px;
}

.delete.answered {
	background-color: #409a3c;
	color: white;
}

#antmeldinger {
	font-size: 14px;
	font-weight: bold;
}

#rt {
	width: 760px;
	height: 100px;
	float: left;
	text-align: center;
}

#rt form textarea {
	width: 734px;
	height: 40px;
    padding: 10px;
    font-size: 12px;
}

#svarcontainer {
	background: url('../gfx/grayborder.gif') 373px 0 repeat-y #eeeeee;
	float:left;
	border: 2px solid #aaaaaa;
}

#timesvar {
	float: left;
	width: 370px;
	min-height:300px;
  	height:auto !important;
  	height:300px;
	padding: 4px;
}

#timesvar h2 {
	font-size: 14px;
	width: 368px;
	text-align: left;
	margin-bottom: 10px;
}

#person {
	float: left;
	text-align: left;
	width: 368px;
}

#appointmenttime, #reminder, #appointmenttypes {
	margin-top: 10px;
	float: left;
	text-align: left;
	width: 368px;
}

#annetsvar {
	float: left;
	width: 370px;
	min-height:300px;
  	height:auto !important;
  	height:300px;
	padding: 4px;
}

#annetsvar h2 {
	font-size: 14px;
	width: 368px;
	text-align: left;
	margin-bottom: 10px;
}

#pharmacies {
	float: right;
	text-align: left;
	width: 368px;
}

#pharmacies div.pharmacy {
    padding: 2px;
}

#standardresponses {
	margin-top: 10px;
	float: right;
	text-align: left;
	width: 368px;
}

#standardresponses div.standardresponse {
    padding: 2px;
}

#avsender {
	background-color: #eeeeee;
	border: 2px solid #aaaaaa;
}

#btn-back {
	float: left;
	margin-bottom: 4px;
	width: 200px;
	height: 20px;
}

input.redigerinput {
	width: 600px;
}

#annonse .row, #avtale .row {
    margin-bottom: 6px;
    clear:both;
    float:left;
}

#byttpassord, #byttsikkerpassord {
	padding: 5px;
	margin: 0;
	border: none;
	width: 250px;
	height: 90px;
}

#byttpassord div.row, #byttsikkerpassord div.row {
    clear: both;
    padding-top: 10px;
    width: 350px;
}

#byttpassord label, #byttsikkerpassord label {
    float: left;
    width: 100px;
    text-align: right;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
}

#byttpassord div.row span, #byttsikkerpassord div.row span {
    float: right;
    text-align: right;
}

#kunderegistrering, #pasientkort {
	padding: 5px;
	margin: 0;
	border: none;
	height: 90px;
}

#kunderegistrering div.row, #pasientkort div.row {
    clear: both;
    padding-top: 8px;
    width: 700px;
}

#kunderegistrering div.inrow, #pasientkort div.inrow {
    clear: both;
    padding-top: 6px;
    width: 350px;
}

#pasientkort div.inrow {
    width: 500px;
}

#kunderegistrering div.col, #pasientkort div.col {
    width: 350px;
    float:left;
}

#pasientkort div.col {
    width: 500px;
}

#kunderegistrering div.row label, #pasientkort div.row label {
    float: left;
    width: 100px;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
}

#kunderegistrering div.inrow label.listlbl {
    float: none;
    width: 100px;
    font-weight: normal;
    font-size: 11px;
    text-align: left;  
}

#kunderegistrering label.radioLbl {
	margin-left:5px;
	margin-right:20px;
}

#kunderegistrering div.row span, #pasientkort div.row span {
    float: left;
    text-align: right;
}

#kunderegistrering input{vertical-align:middle;}
#pasientkort input{vertical-align:middle;}

#kunderegistrering fieldset, #pasientkort fieldset {
    border: 1px solid black;
    padding:10px;
    margin: 10px 0;
}

#kunderegistrering legend{font-weight:bold;padding:3px;}

#kunderegistrering #logg {
    height: 150px;
    width: 300px;
    overflow: auto;
    background-color: #fff;
    padding: 5px;
    margin-bottom: 10px;
    border: 2px inset #bbb; 
}

#kunderegistrering #logg span.dato_systemet {
    font-size: 7pt;
    color: red;
}

#kunderegistrering #logg span.dato_kunde {
    font-size: 7pt;
    color: blue;
}
#kunderegistrering #logg span.dato_leverandor {
    font-size: 7pt;
    color: green;
}

#kunderegistrering #logg span.bruker {
    font-size: 7pt;
    color: #666;
}

#kunderegistrering #logg p.melding {
    font-size: 8pt;
    color: #333;
    margin: 0;
    margin-bottom: 6px;
    padding: 0;
}

#kunderegistrering #logg p.innlegg {
  padding: 0;
  margin:0px;
}

#wrapper {
	float: left;
	width: 760px;
}

#feilmsg {
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	border: 1px dotted black;
	background-color: #c0272d;
	color: white;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	padding: 5px;
}

#okmsg {
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	border: 1px dotted black;
	background-color: #409a3c;
	color: white;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding: 5px;
}

.feilmsg {
	float:left;
	margin-left: auto;
	margin-right: auto;
	width: 754px;
	border: 1px dotted black;
	background-color: #c0272d;
	color: white;
 	font-weight: bold;
 	font-size: 12px;
	text-align: left;
	padding: 5px;
}

.okmsg {
	margin-left: auto;
	margin-right: auto;
	width: 754px;
	border: 1px dotted black;
	background-color: #409a3c;
	color: white;
  	font-weight: bold;
  	font-size: 12px;
	text-align: center;
	padding: 5px;
}

#main {
	float:left;
	width: 760px;
	height: 100%;
}

#main h1 {
    float:left;
    margin: 10px 0;
    width:758px;
    clear:both;
}

form.standardresponse label {
	font-weight: bold;
}

div.svarmaler {
    margin-top: 5px;
}

#tidspunkt option{padding:0 3px;}

#message {
    float: right;
    width: 350px;
    height: 35px;
    margin-top: 15px;
    padding: 3px 0 0 45px;
    background: url('../gfx/info-32x32.gif') no-repeat;
}

#message span.tips {
    float: left;
    font-size: 10pt;
    color: red;
    font-weight: bold;
    width: 40px;
}

#message span.tekst {
    float: left;
    font-size: 10pt;
    font-weight: bold;
}

table tr td.messagestatus{width:32px;}
table tr.even.underbehandling{background-color:#e0d0d0;}
table tr.odd.underbehandling{background-color:#efdfdf;}

/* statistikkstiler */
.stattab {
    border-left:1px solid black;
    border-bottom:1px solid black;
}

.stattab th, .stattab td {
    border-top:1px solid black;
    border-right:1px solid black;
    padding:2px;
}
/* statistikkstiler slutt */

td.colhover{background-color:#cdc;}

#main table.standard tr.temp1{background-color:#d0ddff}
#main table.standard tr.temp2{background-color:#e0ddff}
#main table.standard tr.temp3{background-color:#eeddee}
#main table.standard tr.temp4{background-color:#ffdde0}
#main table.standard tr.temp5{background-color:#ffd0d0}

span.overskrift_stor {
    font-weight: bold;
    font-size: 18px;
}

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

#copylink {
    color: blue;
    text-decoration: underline;
}

#copylink:hover {
    cursor: pointer;
}

#useredit {
    border: 1px solid gray;
    padding: 7px;
    background-color: #EEE;
}

#useredit label {
    float: left;
    width: 150px;
}

#useredit span.required {
    float: left;
    width: 20px;
}

#useredit input {
    float: left;
}

#useredit input[type=button], #useredit input[type=submit] {
    float: none;
}

#useredit input[type=text] {
    width: 128px;
}

#useredit tr {
    height: 26px;
}

#useredit td {
    padding: 2px;
}

/* Bestill Markedsmateriell
-----------------------------------------------------------*/
div.row { 
	margin-bottom: 6px; 
}

input[type=checkbox] { 
	float: left; 
}

label.checkbox { 
	float: left; 
	margin-left: 10px; 
}

label.text-input { 
	font-weight: bold; 
}

div.contact-form { 
	float: left; 
	margin-right: 20px;
}

h2.bestill { 
	font-size: 1.2em; 
	text-transform: uppercase; margin: 20px 0 6px 0;
}

.clear {
	clear:both 
}

#appointmenttime .datepicker {
    float: left;
    min-height: 185px;
}

/* Returtekst
-----------------------------------------------------------*/
#returtekstform input.knapp {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    margin-right: 10px;
    float: right;
}

#returtekstform #timesvar, #returtekstform #annetsvar {
    text-align:left;
}

#returtekstform label.dato {
    display: inline-block;
    width: 70px;
}

#convert_login {
	float: left;
    margin: 5px 0 5px 0;
    width: 100%;
    background: #ffffff;
    border: 1px solid #333333;
    padding: 8px 0 8px 0;
}

#convert_login .header {
    text-align: center;
    font-weight: bold;
    color: black;
    font-size: 18px;
    margin-bottom: 6px;
	padding-top: 5px;
}

#convert_login .message {
    margin-left: 50px;
	margin-right: 40px;
    font-size: 14px;
}

#convert_login .message p {
    clear: both;
    display: block;
    text-align: left;
    margin-top: 14px;
    margin-bottom: 14px;
}

#activate_login_info {
    clear: both; 
    padding: 4px; 
    border: 1px solid black; 
    background: white; 
    width: 100%; 
    font-size: 14px;
    line-height: 18px;
    text-align: center;
}

#activate_login_info .message {
	padding-top: 5px;
	margin-left: 50px;
	margin-right: 50px;
}

#activate_login_info .message p {
	text-align: left;
	padding-top: 5px;
}

#activate_login_info .header {
	padding-top: 10px;
    text-align: center;
    font-weight: bold;
    color: black;
    font-size: 18px;
    margin-bottom: 6px;
}

#helsenett-check {
    margin-top: 5px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
}

#helsenett-checking {
    width: 100%;
    background: white;
    padding: 8px 4px; 
    border: 1px solid #333333;
}

#helsenett-available {
    width: 100%;
    background: #b4f468;
    padding: 8px 4px; 
    border: 1px solid #333333;
}

#helsenett-not-available {
    width: 100%;
    background: #e85353;
    padding: 8px 4px; 
    border: 1px solid #333333;
}

.ui-datepicker-calendar .ui-datepicker-current-day .ui-state-active {
    background: #ff6666;
    color: white;
}

/* User manuals */
.user-manuals{
	margin-top: 50px;
}

.user-manuals a{
	display: block;
	width: 620px;
	height: 100px;
	line-height: 100px;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
	text-align: center;
	margin-top: 20px;
	font-weight: 400;
	font-size: 18px;
	color: inherit;
}

.user-manuals a.manual-infodoc {
	background-image: url(../gfx/manual-backdrop-infodoc.png); }

.user-manuals a.manual-pasientpost {
	background-image: url(../gfx/manual-backdrop-pasientpost.png); }

.user-manuals a.manual-frittstaende {
	background-image: url(../gfx/manual-backdrop-frittstaende.png); }

.user-manuals a.manual-hjemmeside {
	background-image: url(../gfx/manual-backdrop-hjemmeside.png); }

a.button{
	background-color: #EFEFEF;
	border: 1px solid #000;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
	font-size: 13.3px;
	padding: 1px;
	border-radius: 2px;
	white-space: nowrap;
}