/*

Denne kan kopieres til "Kunde/Css/skjema.css"
Vil da brukes istedenfor "css/skjema.css"

Hvis denne skal etterhvert brukes som default ("css/skjema.css") må url til bilder endres pga. at den ligger et nivå dypere i kunde-mappen
fra: url('../../images...')
til: url('../images...')

*/

/***************************************************
    FARGER SOM KAN ENDRES PER KUNDE
***************************************************/
/* Knapper i bunnavigasjon */
.aw .awBunnNavigasjon input {
    background-color: #444444;
    color: #fff;
}
/* Menyknapper øverst til høyre */
#menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a,
/* Valgt steg i sidenavigasjon */
.aw .awSideNavigasjon .awSideNavigasjonContainer .awSideNavigasjonStegAktiv > input,
/* Musepeker over valgt steg i sidenavigasjon */
.aw .awSideNavigasjon .awSideNavigasjonContainer .awSideNavigasjonStegAktiv > input:hover,
/* Neste-knapp i bunnavigasjon */
.aw .awBunnNavigasjon input.neste,
/* Registrer/Send inn knapp i bunnavigasjon */
.aw .awBunnNavigasjon input.registrer,
.aw .awBunnNavigasjon .awSendInn input[type="submit"],
/* Valgt steg i sidenavigasjon i admin->layout/språk */
.skjemaAdmin .awNav .awNavSteg .valgt,
/* Musepeker over valgt steg i sidenavigasjon i admin->layout/språk */
.skjemaAdmin .awNav .awNavSteg .valgt:hover {
    background-color: #0090CE;
    color: #fff;
}
/* Utvid/skjul knapp i sidenavigasjon */
.aw .awSideNavigasjon .awSideNavigasjonContainer .awSideNavigasjonRotSteg.awSideNavigasjonStegAktiv > img {
    border-color: #0090CE;
}
/***************************************************
    FARGER SOM KAN ENDRES PER KUNDE SLUTT
***************************************************/

/***************************************************
    TOPP INFORMASJON
***************************************************/
#menySkjemaDiv {
    vertical-align: bottom;
    margin: .5em 0em;
    padding: .5em 0em;
    position: relative;
    border-bottom: 1px solid #eee;
}
#menySkjemaDiv #menyElementVenstre {
    width: 180px;
    float: left;
    margin-top: auto;
    vertical-align: bottom;
    position: absolute;
    bottom: 0px;
    margin-bottom: .5em;
    text-align: center;
}
#menySkjemaDiv #menyElementVenstre a {
    color: #000;
    text-decoration: underline;
}
#menySkjemaDiv #menyElementVenstre .InnholdTekst {
}
#menySkjemaDiv #menyElementHoyre {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
}
#menySkjemaDiv #menyElementHoyre a {
    color: #000;
}
#menySkjemaDiv #menyElementHoyre .skjemaAlternativer {
    padding: 0em;
    margin: 0em;
}
#menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul {
    list-style-type: none;
    padding: 1em 0em;
    margin: 0em;
}
#menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li {
    display: inline;
    padding: 0em 0em 0em .5em;
}
#menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a {
    padding: .4em .8em;
    width: 75px;
    height: 30px;
    color: #fff;
}
#menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li a:hover {
    background-color: #333;
}
#menySkjemaDiv #menyElementHoyre .skjemaAlternativer ul li .print {
    background-image: url('../../images/print_small.gif');
    background-repeat: no-repeat;
    background-position: center;
    padding-left: 20px;
    border: none;
    background-color: inherit !important;
}
#menySkjemaDiv #menyElementHoyre .skjemaStatusIkkeSendt,
#menySkjemaDiv #menyElementHoyre .skjemaStatusSendt {
    margin-top: 1em;
    font-family: arial,trebuchet MS;
    font-size: 1.2em;
    font-style: italic;
}
#menySkjemaDiv #menyElementSenter {
    margin-left: 180px;
    padding: .5em 180px .5em .5em;
    text-align: center;
}
#menySkjemaDiv #menyElementSenter span.InnholdOverskrift {
    font-size: 2em;
    font-weight: normal;
}
#menySkjemaDiv #menyElementSenter .skjemaStegTittel {
    font-size: 1.2em;
    font-weight: normal;
    padding-top: .5em;
    text-indent: 1em;
    padding-top: .5em;
    margin-top: .5em;
}
/***************************************************
    TOPP INFORMASJON SLUTT
***************************************************/

/***************************************************
    ACOS WIZARD
***************************************************/
.aw {
    font-family: Arial, Trebuchet MS !important;
    background-color: #FFF;
    text-align: left;
    font-size: 12px;
    clear: both;
}
.aw input,
.aw textarea,
.aw select {
    font-size: 1.0em !important;
    font-family: Arial, Trebuchet MS !important;
}
.aw a {
    color: #000;
    font-family: Arial, Trebuchet MS !important;
    text-decoration: underline;
}
.aw .skjemainnhold {
    border: 1px solid #ACACAC;
    background-color: #E0E0E0;
    padding: 1em;
    vertical-align: top;
}
.aw .skjemaprogresjon {
}
.aw .awUpperLeft {
}
.aw .awUpperRight {
}
.aw .awDownLeft {
}
.aw .awDownRight {
}

/***************************************************
    MENY
***************************************************/
.aw .awSideNavigasjon {
    float: left;
    width: 195px;
}
.aw .awSideNavigasjon ol {
    list-style: none;
    padding: 0em;
    margin: 0em;
}
.aw .awSideNavigasjon .awSideNavigasjonContainer > li > ol li {
    padding: 0px;
    margin: 0px;
}
.aw .awSideNavigasjon .awSideNavigasjondgContainer > li > ol li:last-child {
    margin-bottom: 1.5em;
}
.aw .awSideNavigasjon .awSideNavigasjonContainer > li > ol li input,
.aw .awSideNavigasjon .awSideNavigasjonContainer > li ol li span {
    width: 175px;
    margin-left: 5px;
    background-color: #e5e5e5;
}
.aw .awSideNavigasjon .awSideNavigasjonContainer > li > ol li > ol li input,
.aw .awSideNavigasjon .awSideNavigasjonContainer > li > ol li > ol li span {
    width: 170px;
    margin-left: 10px;
    background-color: #dfdfdf;
}
.aw .awSideNavigasjon .awSideNavigasjonContainer > li ol li input:hover {
    text-decoration: underline;
}
.aw .awSideNavigasjon .awSideNavigasjonContainer > li ol .awSideNavigasjonStegAktiv > input {
    width: 190px;
    margin-left: 5px;
}
.aw .awSideNavigasjon .awSideNavigasjonContainer input,
.aw .awSideNavigasjon .awSideNavigasjonContainer span {
    display: block;
    cursor: pointer;
    border: none;
    padding: 0em;
    margin-left: 0em;
    margin-right: 15px;
    width: 180px;
    height: 2.5em;
    font-size: 1em;
    text-indent: .5em;
    text-align: left;
    line-height: 2.5em;
    overflow: hidden;
    background-color: #f1f1f2;
    background-image: url('../../images/selvbetjening/steg.png');
    background-position: right;
    background-repeat: no-repeat;
}
.aw .awSideNavigasjon .awSideNavigasjonContainer span {
    cursor: default;
    text-indent: .8em;
    color: #999;
}
.aw .awSideNavigasjon .awSideNavigasjonContainer .awSideNavigasjonRotSteg > img {
    margin-top: 0px;
    border: 1px solid #ddd;
    position: absolute;
    top: 2px;
    left: -7px;
}
.aw .awSideNavigasjon .awSideNavigasjonContainer .awSideNavigasjonRotSteg {
    margin: 0em;
    background-color: transparent !important;
    border: none: !important;
    position: relative;
}
.aw .awSideNavigasjon .awSideNavigasjonContainer .awSideNavigasjonRotSteg input {
    margin-bottom: 2px;
}
.aw .awSideNavigasjon .awSideNavigasjonContainer .awSideNavigasjonStegAktiv > input {
    font-weight: bold;
    background-image: url('../../images/selvbetjening/steg_aktiv.png');
    background-position: right;
    background-repeat: no-repeat;
    width: 195px;
}
.aw .awSideNavigasjon .awSideNavigasjonContainer .awSideNavigasjonStegInaktiv {
    line-height: 2em;
    height: 2em;
    margin-bottom: 2px;
}
.aw .awSideNavigasjon .awSideNavigasjonContainer .awStegStatusOK {
}
.aw .awSideNavigasjon .awSideNavigasjonContainer .wStegStatusFEIL {
}
.aw .awSideNavigasjon .awSideNavigasjonContainer input:hover {
    background-color: #ddd;
}
/***************************************************
    MENY SLUTT
***************************************************/

/***************************************************
    HJELPETEKST
***************************************************/
.aw .awInformasjon {
    padding-left: 17px;
    margin: 1em 0em;
    width: 163px;
    float: right;
}
.aw .awInformasjon .awInformasjonTekst {
    background-color: white;
    border: 1px solid #676766;
    padding: 10px;
    margin-right: 1em;
    overflow-y: auto;
}
.aw .awInformasjon .awInformasjonTekst h3 {
    margin-top: 0px;
    font-size: 1.2em;
}
.aw .awInformasjon .awInformasjonTekst .infopil {
    position: relative;
    background-image: url('../../images/selvbetjening/forrige.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #676766;
    width: 7px;
    height: 30px;
    left: -18px;
    top: -10px;
}
/***************************************************
    HJELPETEKST SLUTT
***************************************************/

/***************************************************
    SKJEMA
***************************************************/
.aw .awInnhold {
    background-color: #f1f1f2;
    border: none;
    padding-right: 187px;
    margin-right: 0em;
    padding: 1em 180px 1em 15px;
    margin-left: 180px;
}
.aw .awInnhold h2 {
    font-size: 1.2em;
    margin: 0em;
}
.aw .awInnhold fieldset {
    padding: 1em;
    border: 1px solid white;
}
.aw .awInnhold legend label {
    margin: 0em .2em;
}
.aw .awInnhold .sideoverskrift {
    padding-left: 1.5em;
    padding-bottom: 1.5em;
}
.aw .awInnhold .skjemarammetekst {
    font-weight: bold;
}
.aw .awInnhold .awStegInformasjonTekst {
    padding: 1em;
    margin-bottom: .5em;
    background-color: white;
}
.aw .awInnhold input[type=text]:focus,
.awInnhold select:focus,
.awInnhold textarea:focus {
    background-color: #FFFFE0;
}

.awInnhold a:focus {
        background-color: #000;
        color: #fff;
}

.aw .awInnhold th {
    vertical-align: top;
    font-weight: normal;
    text-align: left;
    margin-top: .5em;
}

.aw .awInnhold .skjemaledetekstfullbredde {
    width: 100%;
    float:left;
}
.aw .awInnhold th.skjemaledetekst {
    width: 174px;
    float: left;
}
.aw .awInnhold .skjemaledetekst input {
    float: right;
    vertical-align: middle;
}
.aw .awInnhold .skjemainputcelle {
    padding: .3em 1em .3em 0em;
    width: 230px !important;
}
.aw .awInnhold .skjemainformasjonstekst {
    vertical-align: top;
    font-size: smaller;
}
.aw .awInnhold .skjemaspacevenstre {
    padding-left: 7px;
}
.aw .awInnhold .skjemaspacehoyre {
    padding-right: 7px;
}
.aw .awInnhold .ReadOnly,
.aw .awInnhold .ReadOnly:hover {
    background-color: transparent !important;
    border-color: transparent !important;
}
.aw .awInnhold div.awValidator,
.aw .awInnhold div .awValidator {
    clear: both;
    color: #F00;
    width: 200px;
    font-family: Arial, Trebuchet MS;
}
.aw .awInnhold .gridViewTable {
    border: 1px solid #888;
}
.aw .awInnhold .gridViewTable th {
    background-color: #ddd;
    border: none;
    padding: .5em;
}
.aw .awInnhold .gridViewTable td {
    background-color: inherit;
    border: none;
    border-top: 1px solid #888;
    padding: .5em;
}
.aw .awInnhold .gridViewTable tr:hover {
    background-color: #fff;
}
.aw .awInnhold table.awRadioButtonList input {
    width: 20px;
    display: block;
    float: left;
}
.aw .awInnhold table.awRadioButtonList label {
    width: 400px;
    display: block;
    float: left;
}
.aw .awInnhold .signering {
    border-collapse: collapse;
    border: none;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.aw .awInnhold .signering td {
    border: none;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 2px 5px;
    padding-bottom: 30px;
    font-size: 1em;
}
.aw .awInnhold .signering tr {
    border: none;
}
.aw .awInnhold .signering td.dato {
    width: 25%;
}
.aw .awInnhold .signering td.sted {
    width: 25%;
}
.aw .awInnhold .signering td.underskrift {
    width: 50%;
}
.aw .awInnhold .InnholdTabell td.skjemaid {
    width: 300px;
}
.aw .awInnhold .InnholdTabell td.skjemaid select {
    width: 300px;
}
.aw .awInnhold .uploadBar {
    margin-top: .5em;
    height: .5em;
    border: 1px solid #999;
}
.aw .awInnhold .uploadProgress {
    height: 100%;
    background-color: #CBEFBD;
}
.aw .awInnhold .awInnholdUpperLeft {
}
.aw .awInnhold .awInnholdUpperRight {
}
.aw .awInnhold .awInnholdDownLeft {
}
.aw .awInnhold .awInnholdDownRight {
}
/***************************************************
    SKJEMA SLUTT
***************************************************/

/***************************************************
    OPPSUMMERING
***************************************************/
.aw .awInnhold h1 {
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 1.5em;
    padding-left: 40px;
    padding-bottom: 1.5em;
    margin-left: 1.5em;
    font-weight: normal !important;
}
.aw .awInnhold .awFeilUtfylt {
    background-image: url('../../images/selvbetjening/feil_stor.png');
}
.aw .awInnhold .awKorrektUtfylt {
    background-image: url('../../images/selvbetjening/godkjent.png');
}
.aw .awInnhold .awStegFeil {
    margin: 2em;
    list-style: none;
    padding: 0em;
}
.aw .awInnhold .awStegFeil > li {
    margin-bottom: 1em;
}
.aw .awInnhold .awStegFeil > li ul {
    list-style-image: url('../../images/selvbetjening/feil_smaa.png');
    padding-top: 1em;
}
.aw .awInnhold .awStegFeil > li ul > li {
    padding-left: .5em;
    vertical-align: middle;
}
.aw .awInnhold .skjemaoppsummering fieldset {
    border: 1px solid #333;
}
.aw .awInnhold .skjemaoppsummering h2.skjemaoverskrift {
    display: block;
    padding: .3em;
    color: #000;
    font-weight: normal;
    font-size: 1.2em;
    margin: .5em 0em;
    border-bottom: 1px solid #aaa;
}
.aw .awInnhold div.skjemaoppsummering > div {
}
.aw .awInnhold .skjemaoppsummering th {
    font-weight: normal;
}
.aw .awInnhold .skjemaoppsummering .skjemainputcelle .skjemakonvertertfelt {
    font-weight: bold;
}
/***************************************************
    OPPSUMMERING SLUTT
***************************************************/
/***************************************************
    BUNNAVIGASJON
***************************************************/
.aw .awBunnNavigasjon {
    background-color: #fff;
    margin-left: 180px;
    clear: both;
    padding: 1em 0em;
    text-align: center;
}
.aw .awBunnNavigasjon input {
    margin-right: .5em;
    width: 8em;
    padding: .4em .5em;
    background-color: #676766;
    color: #FFF;
    font-weight: bold;
    border: none;
    cursor: pointer;
    background-repeat: no-repeat;
}
.aw .awBunnNavigasjon input:hover {
    background-color: #333;
}
.aw .awBunnNavigasjon input.neste,
.aw .awBunnNavigasjon input.registrer {
    background-image: url('../../images/selvbetjening/steg.png');
    background-position: right center;
    color: #fff;
    padding-right: 1.5em;
}
.aw .awBunnNavigasjon input.neste[disabled] {
    display: none;
}
.aw .awBunnNavigasjon input.forrige {
    background-image: url('../../images/selvbetjening/venstre.png');
    background-position: left center;
    padding-left: 1.5em;
}
.aw .awBunnNavigasjon input.forrige[disabled] {
    display: none;
}
.aw .awBunnNavigasjon input.registrer[disabled],
.aw .awBunnNavigasjon input.registrer.disabled {
    display: none;
}
.aw .awBunnNavigasjon div.awSendInn {
    margin-left: 344px;
    margin-top: -3px;
}
.aw .awBunnNavigasjon .awSendInn input[type="submit"] {
    background-image: url('../../images/selvbetjening/steg_aktiv.png');
    background-position: right center;
    color: #fff !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    text-align: left;
    border: none;
}
/***************************************************
    BUNNAVIGASJON SLUTT
***************************************************/
/***************************************************
    ACOS WIZARD SLUTT
***************************************************/

.skjemaAdmin .awNav {
    font-family: Arial, Trebuchet MS !important;
    float: left;
    width: 180px;
    padding: 0px;
}
.skjemaAdmin .awNav .awNavSteg {
    padding-bottom: 0px;
}
.skjemaAdmin .awNav .awNavSteg input {
    font-family: Arial, Trebuchet MS !important;
    line-height: 2.5em;
    display: block;
    font-size: 1em;
    cursor: pointer;
    border: none;
    text-align: left;
    padding: 0em;
    margin-left: 0px;
    margin-right: 15px;
    height: 2.5em;
    width: 180px;
    text-indent: .5em;
    color: #000;
    background-color: #f1f1f2;
    background-image: url('../../images/selvbetjening/steg.png');
    background-position: right;
    background-repeat: no-repeat;
}
.skjemaAdmin .awNav .awNavSteg input:hover {
    background-color: #ddd;
}
.skjemaAdmin .awNav .awNavSteg .valgt {
    font-weight: bold;
    background-image: url('../../images/selvbetjening/steg.png');
    background-position: right;
    background-repeat: no-repeat;
    width: 180px;
}
.skjemaAdmin .awNav.skjema .awNavSteg .valgt {
    background-image: url('../../images/selvbetjening/steg_aktiv.png');
    width: 195px;
}

/***************************************************
    FJERNE DESIGN FRA REAKTOR DESIGN
***************************************************/
.collapsiblePanelContent {
    background: none;
}
.barTopCenter,
.barTopRight,
.barTopLeft,
.collapsiblePanelBottomRight,
.collapsiblePanelBottomLeft {
    display: none;
}
div#footer {
    border: none;
}
/***************************************************
    FJERNE DESIGN FRA REAKTOR DESIGN SLUTT
***************************************************/