/*----------------------------------------------
---------------- =Elements ---------------------
------------------------------------------------*/
a { text-decoration: none; color: #203678; }
body { font-family: Verdana, Arial, Tahoma; font-size: 11px; margin:0; padding:0; }
form { display: inline; }
h1 { font-size: 20px; font-weight: bold; }
h2 { font-size: 17px; font-weight: bold; }
label, span.label { display: block; font-weight: bold; margin-bottom: 3px; }
li label { display: inline; margin-bottom: 0; }
input[type="text"], input[type="password"], select { min-width: 200px }
input[type="text"].no-min-width, input[type="password"].no-min-width, select.no-min-width { min-width: 0 }
input.datepicker { min-width: 90px; width: 90px }
code { font-size: 1.1em }
	
.bold { font-weight: bold }

table { border-collapse: collapse; width: 100%; }
table th { font-weight: bold; background-color: #E6E6E6; border: 1px solid #ccc; padding: 2px; text-align: left }
table td { padding: 3px; border: 1px solid #CCC; }
table tr { background-color: #D7EAC8; text-align: left; }
table tr:hover { background-color: #f0f0f0; }
table form { margin: 0px }

textarea { overflow: auto }
textarea.fillwidth, input.fillwidth { width: 95% }
/*----------------------------------------------
--------------- =Structure ---------------------
------------------------------------------------*/
div.leftmenu { /*width: 11%;*/ border:1px solid black; background-color: #E0E2B6; padding: 5px; min-height: 538px; padding-left: 10px }
.leftmenu h2 { margin-bottom: 0px }
.leftmenu h3 { margin-top: 0px }
#header { height: 19px; margin-bottom: 25px; padding: 6px 20px 6px 20px; border-bottom: 1px solid black; border-left: 1px solid black; background-color: #E4F1DA; position: relative; z-index: 5 }
#header-navigasjon, #header-navigasjon a { font-size: 16px; }
#header-navigasjon { float: left; }
#header-personal { float: right; }
#page-container { margin: 0 auto; width: 95% }
#ajax-load-container { position:fixed; margin-left:-100px; left:50%; width: 200px; top: 3px; display: none; z-index: 1000 }

td.right-content { width: 87% }
div.right-content { margin-left:10px; }

.ui-tabs-panel { min-height: 494px }
/*----------------------------------------------
--------------- =Site-wide ---------------------
------------------------------------------------*/
.shadow { -moz-box-shadow: 2px 1px 4px #888; -webkit-box-shadow: 2px 1px 4px #888; box-shadow: 2px 1px 4px #888; }
#login-container {margin: auto; width: 50%; border:1px solid black; text-align: center; padding: 20px; }
#login-fields { margin: auto; width:200px; text-align: left; padding:0px; overflow: hidden }

.inline { display: inline }
.maxwidth {	width: 100%; }
.biglink {	font-size: 20px; color: #436137; font-family: Tahoma; font-weight: bold; }
.column { float: left; }
.column-notfirst { margin-left: 50px }
.lmargin-20 { margin-left: 20px }

.header-under-header { margin-top: 0 }
.header-over-header { margin-bottom: 0 }
tr.klikkbar-rad { cursor: pointer }
tr.klikkbar-rad-selected { background-color: #f0f0f0; }
select.dropdown-tidspunkt { width: auto; min-width: 20px }
label.nobold { font-weight: normal; }

.l-p5 { padding: 5px }
.l-pl5 { padding-left: 5px }
.l-p10 { padding: 10px }
.l-pl10 { padding-left: 10px }
.l-mt10 { margin-top: 10px }
.l-mt0 { margin-top: 0 }

.nowrap { white-space: nowrap }

.input-validation-error { background-color: #FFC0CB; }
.validation-summary-errors { color: red; }
.validation-summary-errors ul { padding-left: 15px }

.clear { clear: both }
.column-container, .float-container { overflow: hidden }

.message { padding: 5px; margin-bottom: 10px; background-position: 10px 50%;	background-repeat: no-repeat; padding-left: 35px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.ajax-message { display: none; padding: 5px; margin-bottom: 10px; background-position: 10px 50%;	background-repeat: no-repeat; padding-left: 35px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
/*.ui-dialog-titlebar .ajax-message { width: 175px; position: relative; left: 50%; margin-left: -50px }*/
.ajax-message-success, .message-success { color: #005f00; background-color: #dfffdf; background-image: url('images/Validate.png'); border: 1px solid #9fcf9f; }
.ajax-message-loading, .message-loading {	color: #555555;	background-color: #F6F6F6; background-image: url('images/ajax-loading.gif'); border: 1px solid #C3C3C3; }
.message-info { color: #005f00; background-color: #dfffdf; background-image: url('images/Validate.png'); border: 1px solid #9fcf9f; }

.message-warning { color: #a6750c; background: #ffebc1 10px 50% no-repeat; padding: 5px; margin-bottom: 10px; border: 1px solid #fdbf3b; }
.message-info    { color: #153896; background: #c0e0f7 10px 50% no-repeat; padding: 5px; margin-bottom: 10px; border: 1px solid #153896; }

.message { padding: 5px; margin-bottom: 10px; background-position: 10px 50%;	background-repeat: no-repeat; padding-left: 35px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* =Pagination */
div.pagination-bottom { margin-top: 10px; }
div.pagination-container { float: right; clear: right; overflow: hidden }
div.pagination-top { margin-bottom: 5px; }
span.paginationLeft, span.paginationRight, span.paginationRight span.ui-icon { float: left }
span.paginationLeft { margin-right: 10px; }
span.paginationRight { color: gray; }
span.paginationRight a { color: #4B5CBC; }
span.paginationRight a:hover { color: #6574E4 }
span.paginationRight span.ui-icon { margin-left: 5px }

span.label-extra-info { display: block; margin:0 0 4px 0; font-size: 10px; color: Gray }
.tab-container { overflow: hidden }

p.topright { float: right; }
p.ingress { font-style: italic }

.seksjon { margin-bottom: 40px }

div.navigasjon { font-weight: bold; background-color: #E0E2B6; border:1px solid #AAD189; float:right; padding: 10px; margin-left: 7px; }
div.navigasjon a { text-decoration: none }
div.navigasjon a:hover { text-decoration: underline }
div.leftmost { margin-left: 0px }
	
a.knapp { font-weight: bold; background-color: #E0E2B6; border:1px solid #AAD189; padding: 10px; text-decoration: none }
a.knapp:hover { text-decoration: underline }

.left, div.left { float:left; }
.right { float: right }
.centered { text-align: center !important }
.table-align-top th, .table-align-top td { vertical-align: top }

.delete-12x12 {display: inline-block;width: 12px;height: 12px;padding: 0;background-image: url('images/delete_12x12.png'); }

.header-container { overflow: hidden; }
.header-container h1, .header-container h2, .header-container h3 { float: left; }

.container { border:1px solid gray }
.theme-dark { background-color: #B8D89C; }
.theme-light { background-color: #D7EAC8 }
.theme-base { background-color: #CBE3B7 }

.infobox { border:1px solid #817339; margin-bottom: 15px; }
.infobox-header, .infobox-content { padding: 4px; overflow: hidden; }
.infobox-header { border-bottom:1px solid #817339; }
.infobox-padded { padding: 6px }
.infobox-padded-12 { padding: 12px }
.infobox-separator { border-bottom:1px solid #817339 }

table.nostyle td, table.layout > tbody > tr > td { border: none; padding: 0; margin: 0 }
table.nostyle tr, table.layout > tbody > tr { background-color: #CBE3B7; } /* IE7 støtter ikke inherit. Denne blir overskrevet at neste linje */
table.nostyle tr, table.layout > tbody > tr { background-color: inherit; }

table.ui-datepicker-calendar > tbody > tr > td { padding: 1px } /* fix for jQuery datepicker inni table */

input.datetime-now-or-specified { color: gray; font-style: italic; min-width: 135px; width: 135px }

.simple-text-editor-200 .t-editor { height: 200px; }
.editor-text-noparagraphmargin .editor-text { height: auto }
.editor-text-noparagraphmargin .editor-text > p:first-child { margin-top: 0 }
.editor-text-noparagraphmargin .editor-text > p:last-child { margin-bottom: 0 }

.dialog-500x_ { width: 500px; }
.dialog-600x_ { width: 600px; }

/*.ukeplanaktivitet-kladd*/
.ukeplanaktivitet {background-color: #E2CEB6; border: 1px solid black;	padding: 2px; text-align: left; margin-bottom: 7px; cursor: pointer; }
table.ukeplan .ukeplanaktivitet { width: 90%; }
.ukeplanaktivitet:last-child { margin-bottom: 0px }		
div.ukeplanaktivitet-tidspunkt { overflow: hidden; }
span.ukeplanaktivitet-tidspunkt { float: right; }


.ukeplanaktivitet-vedlagtresultat { float: right; font-style: italic }

#resultat-dialog { width: 1000px }
#resultat-flot-graf { height: 300px }

#resultat-vis { margin-top: 125px; margin-left: 30px }

#skjema-svar-dialog { width: 1000px }
#skjema-flot-graf { height: 300px }

div.ukeplan-container {	background-color: #CBE3B7; border: 1px solid #848284; text-align: center; }
table.ukeplan {	width:100%;	border-collapse: separate; }
table.ukeplan tr { background-color: #CBE3B7; }				
table.ukeplan td { border: none; }
table.ukeplan td.ukeplan-celle { background-color: #F3F3F3;	border: 1px solid black; height: 40px; padding: 4px; vertical-align: middle; }
table.ukeplan td.ukeplan-celle-tidspunkter { padding-left: 5px; padding-right:10px; border: none; }
td.ukeplan-celle-dag { width: 14% }

div.ukeplan-meny {	margin-left: 8px; }
td.ukeplan-meny { width: 23.5% }

/* Tjenestemottaker */
#dialog-engangshendelse-opprett { width: 400px; }


#hovedkort-vis .hovedkortseksjon { margin-top: 40px }
#hovedkort-vis td.label, table.hovedkort-felter td.label { width: 150px }
table.hovedkort-felter td, table.endringslogg td { vertical-align: top }

.fravaer-liste-container { width:320px }
tr.fravaer-aktiv { background-color: #F9BBBC }
    
#ukeplan-forrige-uke, #ukeplan-neste-uke, #ukeplan-tittel { float: left }
#ukeplan-header-container { overflow: hidden;  }
#ukeplan-forrige-uke, #ukeplan-neste-uke { margin-top: 20px  }

form#hovedkort-endre textarea { width: 95% }

#dagsplan .dagsplan-observasjontema, #dagsplan .tidsrapport-observasjontema, #dagsplan .tidsrapport-observasjon, #dagsplan .trigger-dialog-link { cursor: pointer }
#dagsplan .dagsplan-observasjontema { margin-right: 25px; width: 325px; display: inline-block; vertical-align: top }
#dagsplan-inaktive-observasjontemakategorier { font-size: 90% }

#dagsplan-ukeplanaktiviteter { width: 200px; }
#dagsplan-ukeplanaktiviteter .ukeplanaktivitet { padding: 6px }
#dagsplan .tidsrapport-observasjon, #dagsplan .tidsrapport-tiltaksplankommentar { margin-left: 30px }
#dagsplan .ukeplanaktivitet-vis { float: left }
#dagsplan #ukeplanaktivitet-vis { overflow: hidden }

/* SPECIFIC */
#ukeplan-utform #detaljer .container { padding: 7px; margin-bottom: 15px; overflow: hidden }
#ukeplan-utform #detaljer .container h3 { margin: 0px 0px 3px 0px; font-size: 13px; }
#ukeplan-utform #detaljer .container label { font-size: 11px; }
#ukeplan-utform #detaljer .container .gjentakelse-column { width: 45%  }
#ukeplan-utform #detaljer textarea { width: 98% }
#ukeplan-utform #aktiviteter h3 { margin-bottom: 5px }
#ukeplan-utform .planaktivitet-selected { background-color: Maroon }
#ukeplan-utform .tjenestemottakerAktivitet { /* background-color: #FFCC00; */ border: 1px solid black; padding: 12px 2px 4px 2px;	margin: 6px 6px 6px 0px; text-align: left; width: 100px; display: inline-block; } 
#ukeplan-utform .tjenestemottakerAktivitet { zoom:1; *display: inline; } /* IE7-fix */

/* Ukeplan/Vis */
#ukeplanaktivitet-vis h2 { margin-bottom: 0px }
#ukeplanaktivitet-vis h3 { margin: 4px 0 5px 0; }
#ukeplanaktivitet-vis h4 { margin: 12px 0 5px 0; font-weight: normal; font-style: italic; }
#ukeplanaktivitet-vis .navigasjon { float: left; margin: 0px 7px 0px 0px; }

#startside ul.snarveier li { margin-bottom: 5px; list-style: none }
#startside-tidsrapport { margin-top: 30px }
#startside-tidsrapport h2 { margin-bottom: 5px }
.tidsrapport .infobox:last-child { margin-bottom: 0px; }
.tidsrapport .infobox, .tidsrapport .ukeplanaktivitet-avvik { padding-left: 5px; padding-right: 5px}
.tidsrapport .tidsrapport-ny-dag { border-bottom: 1px solid #BCBCBC; font-size: 1.2em }
.tidsrapport .tidsrapport-dag-avvik { width: 280px }
.tidsrapport .tidsrapport-dag-observasjoner { width: 612px; margin-left: 50px }
.tidsrapport .tidsrapport-dag-observasjoner .tidsrapport-observasjon { margin-left: 30px }
.tidsrapport .tidsrapport-observasjontema, .tidsrapport .tidsrapport-observasjon { padding-left: 10px }

#observasjontema-rapportliste .tidsrapport-observasjon { margin-left: 30px; padding-left: 10px; padding-right: 5px; }

#dialog-avvik { width: 550px }
#dialog-avvik-meny { width: 175px }
.avvik-form-container { margin-left: 20px; width: 340px }

.avvik-form-container .hide-on-typechange { display: none }
.avvik-form-container .preselected { display: block }

/* TjenestemottakerAktivitet */
#tma-opprett #aktiviteter-liste-container { width: 430px }
#tma-opprett .tjenestemottakerAktiviteter { width: 500px }
#tma-opprett #tjenestemottakerAktiviteter { margin-left: 40px } 
#tma-opprett .infobox-padded { padding: 15px }

#tma-opprett #tjenestemottakerAktiviteter textarea { width: 450px }

#tma-opprett .tma h3 { float:left; margin-bottom: 8px }
#tma-opprett form.tma-slett { float: right }
#tma-opprett .tma { padding: 6px 6px 6px 16px }

#tma-opprett ul#aktiviteter, ul.nostylelist { padding-left: 0px; margin-left: 0px; list-style-type: none; }
#tma-opprett ul#aktiviteter li, li.clickableitem { list-style: none; padding: 5px; border:1px solid gray; margin-bottom: 5px; cursor: pointer }

#observasjontema-vis-dialog { width: 700px; height: 500px }
#observasjontema-vis-dialog textarea { width: 90%; }
/* Administrasjon */
/*#passord .ajax-message { width: 350px }*/
.administrasjon-column-left { width: 35% }
.administrasjon-column-right { width: 60%; margin-left: 30px }

/* Kodekort */
#kodekort-knapper { overflow: hidden }
#kodekort-knapper .navigasjon { float: left }
#kodekort-antall-ubrukte { font-size: 125%; font-weight: bold }
.kodekort-container h1 { margin-top: 10px; margin-bottom:5px }
.kodekort-container h2 { margin-top: 0px; margin-bottom:5px }
.kodekort-kode { font-size: 125%; font-weight: bold }
.kodekort-generert { margin-top:15px }

/* Risiko */
.risiko-tabell { border-collapse: collapse; width: 100% }
.risiko-tabell td, .ros-tabell .risiko-tabell-header td { border:1px solid black; padding: 5px; vertical-align: top }
.risiko-tabell .risiko-tabell-header td { font-weight: bold; text-align: left }
.risiko-tabell .col-counter { width: 3% }			
.risiko-tabell .col-trussel { width: 39% }
.risiko-tabell .col-s, .col-k, .col-r { width: 2.5% }
.risiko-tabell .col-tiltak { width: 39% }
.risiko-tabell .col-ansvar { width: 14% }
.risiko-tabell .gradering-verdi { background-color: orange; vertical-align: top; text-align: right }
	
.administrasjon-tjenesteyter-vis .administrasjon-tjenesteyter-personalia { width: 500px }

.ui-tabs .ui-tabs .ui-tabs-nav { background-color: #CBE3B7 } /* IE7 støtter ikke bgcolor: inherit. Andre browsere vil bruke neste linje. IE7 vil ignorere neste linje */
.ui-tabs .ui-tabs .ui-tabs-nav { background-color: inherit } 

#forslagtilforbedring-lenke { position: absolute; right: 2.5%; top: 40px; z-index:100; width: 260px }
/*
	jQuery UI Fixes
*/
.ui-dialog-buttonset { float: none !important }
.dialog-error { background: none; background-color: #F75959 }

.leftmenu ul { padding-left: 0px; margin-left: 0px; margin-top: 20px; list-style-type: none }
.leftmenu ul li { list-style: none }
.leftmenu ul li a { display: block; margin-bottom: 15px; border:1px solid gray; width: 90%; padding: 5px 0px 5px 5px;
color: Black;
    background-color: #FAFAFA;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
                     }
.leftmenu ul li a:hover { background-color: #DDDDDD }
.leftmenu ul li a.valgt { background-color: #DADADA }

.ajax-load-dialog { display: inline-block; padding-right: 10px;  
background-image: url('images/Arrow-70.png'); background-repeat: no-repeat; background-position: 100% 0;                    
                    }

a.tastylink { font-size: 1.3em; font-weight: bold }
.tasty { font-size: 1.3em; font-weight: bold }


.filter-container { background-color: #D4E8C3; }
.filter-container h3 { color: #797979; margin:0 }
.filter-container .toggle { float: right; height: 13px; width:13px; margin-top:2px }
.filter-container .toggleable { margin-top: 10px }
.filter-container label { font-weight: normal }

.toggle { cursor: pointer }
.expand { background-image: url('images/expand-13x13.png') }
.collapse { background-image: url('images/collapse-13x13.png') }

.skrevet-av { font-style: italic; float: right; margin-top: 0px }
.kursiv { font-style: italic }
.hidden { display: none }

.column-25 { width: 25% }
.column-30 { width: 30% }
.column-35 { width: 35% }
.column-40 { width: 40% }
.column-50 { width: 50% }
.column-60 { width: 60% }

#ukeplan-velgkladd ul { list-style-type: none; padding-left: 15px }
#ukeplan-velgkladd ul li { margin-bottom: 10px }

ul.avvik-type-liste { padding: 0 }
ul.avvik-type-liste li { list-style-type: none }
ul.avvik-type-liste li a { display: block; margin-bottom: 5px; color: #000; border:1px solid gray; width: 90%; padding: 5px 0px 5px 5px; background-color: #FAFAFA; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
ul.avvik-type-liste li a:hover { background-color: #DDDDDD }
ul.avvik-type-liste li a.valgt { background-color: #DADADA }

div.engangshendelse-ikon { float:left; display: block }
/*#dagsplan div.engangshendelse-ikon { width: 16px; height: 16px; background-image:url('images/engangshendelse-blue-large.png'); }
#ukeplan div.engangshendelse-ikon { width: 14px; height: 14px; background-image:url('images/engangshendelse-blue-small.png'); }*/
#dagsplan div.engangshendelse-ikon { width: 15px; height: 15px; background-image:url('images/engangshendelse-large.png'); }
#ukeplan div.engangshendelse-ikon { width: 10px; height: 11px; background-image:url('images/engangshendelse-small.png'); }

#tiltaksplanadmin-liste td { vertical-align: top }
.tiltaksplan-liste-kommentar { margin-left: 30px }
.tiltaksplan-tilbakemelding-theme { background-color: #dde4d6; }

#endringslogg-liste .infobox { margin-bottom: 30px }
.endringslogg-tittel { margin-top: 0 }
.endringslogg-tidspunkt { color: #555555;font-size: 80%;display: block }