/* @override http://www.autorisasjonsordningen.no/filestore/dev/CSS/layout.css */

/*
## layout.css - Contains style for page layout
*/

/* Normalizes margin and padding */
* { 
  margin: 0;
  padding: 0;
}

/* Normalizes article content elements */
#content p,
#content dl.fileObject,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content .image-box,
#content ol,
#content ul,
#content .flashContent,
#content .mediaPlayer,
#content .user-table,
#content .bordered-user-table,
#content .outlined-user-table,
#content .outlined-horizontal-user-table,
#content .horizontal-user-table,
#content .outlined-vertical-user-table,
#content .vertical-user-table,
#content .user-box,
#content form {
  margin-bottom: 12px;
}

img, fieldset {
  border: 0;
}

a {
  text-decoration: none;
  color: #0062a6;
}

a:hover {
  text-decoration: underline;
}

ul, ol {
  padding-left: 20px;
}

/** 75% sets medium size to 12px in standard browsers **/
body {
  font:75% Tahoma, Verdana, Arial, Helvetica, sans-serif;
  background: #fff url(../GFX/prikker.jpg) right 0 no-repeat;
}

h1, h2, h3, h4, h5 {
  font-size: 100%;
  font-weight: normal;
}

h1 { 
  font-size: 200%; 

}
h2 { 
  font-size: 167%; 
}
h3 { 
  font-size: 150%; 
}
h4 { 
  font-size: 116%; 
}

h5 {
  font-size: 110%;
}

img {
  display: block;
}

input {
  font-size: 100%;
}


p.arkiv {
  margin: 5px 0;
  text-align: right;
}

p.arkiv a {
  background:  url("../GFX/arrow.png") no-repeat scroll 0 4px transparent;
  padding-left:  14px;
}

.intro{
  clear:left;
}


.rightArticle {
    /*border-top: 1px solid #e7e7e7;*/
    margin-top: 10px;
    padding-top: 5px;
}


.rightArticle h1,
.questionbox h1 {
  color:#0067AA;
  font-size:120%;
  text-transform:uppercase;
}

.rightArticle h2 { line-height: 0.8em; }

.rightArticle h2 a {
  font-size: 13px; 
  color: #000;
  font-weight: normal;
  line-height: 0.8em;
}

.rightArticle img {
  padding: 5px 0;
}

.rightArticle p {
  color: #606060;
  font-size: 11px;
  line-height: 1.4em;
}




/********************
## Framework style ##
********************/
#wrapper {
  margin: 25px auto;
  width: 960px;
  border: 2px solid #BBC3C6;
  background: #fff;
  position:relative;
}

#header {
  height: 180px;
  background-image: url(../GFX/header.jpg);
  background-repeat: none;
}

#header h1 {
  padding-top: 30px;
  text-indent: -9999px;
}

#header h1 a {
  display: block;
  width: 407px;
  height: 125px;  
}

#header h1 a:active,
#header h1 a:hover {
  outline: none; 
}


#searchForm {
  float: right;
  padding: 6px 0;
  width:255px;
}

#searchForm label {
  font-size: 117%;
  margin-right: 8px;
}

#searchForm .query {
  background-color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  height: 23px;
  float: right;
  border:0;
  font-size: 13px;
  line-height: 23px;
  margin-right: 5px;
  background-image:url("../GFX/zoomicon.gif");
  background-repeat:no-repeat;
  padding-left:25px;
  width:220px;
  border: 1px solid #e7e7e7;
  font-size:11px;
  color: #606060;
}

#breadcrumbs {
  float: left;
  color: #a1a1a1;
}

#breadcrumbs a {
  color: #a1a1a1;
}

#breadcrumbs a.active {
  color: #444;
}

#main {
  margin:20px 15px;
}

#leftColumn {
  float: left;
 
}


#mainColumn {
  float: left;
  width: 700px;
}

#rightColumn {
 width: 210px;
 float:right;
}


#mainColumn #mainColumn { width: 580px; }
#mainColumn #content { width:920px; }
.newFrontpage #mainColumn #content { width:100% }
#mainColumn .group { width:100%; }

.newLogin #rightColumn {
  width: 310px;
  /*position: absolute;
  right: 10px;
  top:236px;*/
  float:right;
}

.newLogin #rightColumn h1 {
  text-transform: uppercase;
  color: #0067aa;
  font-size: 120%;
  margin:20px 0 5px;
}

.newLogin #rightColumn h2 {
  color: #0067aa;
  font-size:13px;
}

.newLogin #rightColumn img {
  float: left;
  margin: 4px 5px 0 0;
}

.newLogin .news {
  padding:10px 0 0;
  float:left;
  font-size: 11px;
  width: 310px;
  border-bottom:1px solid #DEDEDE;
}

.right_article {
  position:absolute;
  right:362px;
  top:312px;
  width:250px;
}

#content {
  padding: 0 10px;
}


.newLogin .article-content {
  padding-bottom: 10px;
}

.status {
  border:1px solid #e7e7e7;
  padding:4px;
  color: #606060;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

/* TODO: add styles for customer footer */

#footer {
  margin-top: 10px;
  background-image: url(../GFX/gradient_footer.jpg);
  background-repeat: repeat-x;
  height: 84px;
}

.footerContent p{
  line-height:2em;
  padding-top:15px;
  color: #fff;
}

.footerContent a {
  color: #fff;
  text-decoration: underline;
}

.footerContent a:hover,
.footerContent a:active {
  text-decoration: none;
}



/******************
## COMMON STYLES ##
******************/
h4.boxTitle {
  color: #fff;
  background: #a1a1a1;
  padding: 5px 20px;
  margin-bottom: 0;
}

div.box {
  border-bottom: 1px solid #f0f0f0;
}

div.box .content {
  padding: 15px 10px;
}

/*************************
## SUMMARY|ARTICLE LIST ##
*************************/

#content .odd {
  width: 650px;
}


#content .even {
  width: 650px;
}


#content .summary,
#content .article {
  padding: 20px 0 10px;
}

#content .summary img {
  float:left;
  margin-right: 10px;
}

.summarydate {
  color: #0062a6;
  font-size:11px;
}


#content .summary h1,
#content .summary h2 {
  text-transform: uppercase;
  color: #0067aa;
  font-size: 120%;
}


.newLogin .article h1 {
  text-transform: uppercase;
  color: #0067aa;
  font-size: 120%;
}

.newLogin #content .article .text {
  font-size:110%;
  line-height:1.4em;
}

.newFrontpage .article h1 {
  text-transform: uppercase;
  color: #0067aa;
  font-size: 120%;
}

#content .article h1 {
  font-size: 120%;
  color: #0067aa;
}

#content .article h2 {
  color: #0067aa;
  font-size: 120%;
}

#content .article h3 {
  color: #606060;
  font-size: 115%;
}

#content .article h4 {
  color: #606060;
  font-size: 110%;
}

#content a {
  color: #0062a6;
}


h1 .white,
h2 .white {
  padding-right:10px;
}

#content .article .text {
  font-size: 125%;
}

#content .summary .text{
  margin-bottom: 3px;
  color: #606060;
  line-height: 1.3em;
}

div.statusArticle {
  clear: left;
  float: left;
  width: 350px;
}

div.statusArticle .article p {
  padding-top: 5px;
}

div.aboutAFR {
  float: right;
  width: 300px;
}


#authsearch {
    float: right;
    width: 300px;
}

#content #authsearch .even.last {
  width: {width: 300px;}
}

#content div.statusArticle .article.odd {
  width: 350px;
}

/* TODO: get latest css from standardmaler.no, and add style to own stylesheet */
/*************************
## OBJECT COMMENTS VIEW ##
*************************/
#comments {
   padding: 20px 0;
   border-bottom: 1px solid #F0F0F0;
}

#comments dt {
  background: url(../GFX/quote.gif) top left no-repeat;
  padding-left: 25px;
}

#comments dd {
  padding-left: 25px;
  margin-top: 4px;
  margin-bottom: 14px;
}

form#commentForm {
  width: 100%;
  margin: 0;
  padding: 20px 0;
}

form#commentForm fieldset {
  padding: 0;
}

#commentForm input.block {
  width: 40%;
}

/*****************
## IDIUM FOOTER ##
*****************/

.idium {
  float:right;
  margin:0 10px;
}

.idium a:hover,
.idium a:active {
  text-decoration: none;
}

.idium,
.idium a {
  font-family: 'Century Gothic', Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: -8px;
}

.idium img {
  float: left;
  margin-top: -3px;
}

.idium span {
  font-family: Century Gothic,Verdana,Arial,helvetica,sans-serif;
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  padding: 0 0 0 6px;
  text-transform: lowercase;
  word-spacing: 3px;
  color: #000;
}


.kandidat_article {
  float:right;
  width: 300px;
  padding: 40px 0;
  margin:0;
}
#content .kandidat_article .article {
  margin:-1px 0 0;
  padding:0 0 10px;
}
.kandidat_article h1 {
 font-size: 120%;
 text-transform:uppercase;
 color: #0067aa;
}

/********************
 ### NEWSLETTER ###
********************/

.newLogin .logginn {
  height: 135px;
  padding: 40px 0;
  margin:0;
  float:left;
  width: 235px;
}

.newLogin .logginn #loginForm {
  width: 250px;
}

.newLogin .logginn h1 {
 font-size: 120%;
 text-transform:uppercase;
 color: #0067aa;
}

.newLogin .logginn label {
  display: block;
  padding: 7px 0 1px;
  color: #606060;
}

.newLogin .logginn input#id_brukernavn,
.newLogin .logginn input#id_passord {
  font-size: 11px;
  color: #606060;
  padding: 5px 0 5px 3px;
  width: 200px;
  margin: 0 3px 3px 0;
}

.newLogin .logginn .submit {
 border: 0;
 background: #0062a6;
 width: 70px;
 padding: 4px;
 margin: 10px 3px 0 0;
 font-family: Verdana;
 color: #fff;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

.newLogin .logginn #loginForm.formAutologin {
  padding-top:41px;
  text-align:center;
  width:250px;
}
.logginn .submitAutologin {
  -moz-border-radius:5px 5px 5px 5px;
  background:none repeat scroll 0 0 #0062A6;
  border:0 none;
  color:#FFFFFF;
  font-family:Verdana;
  padding:9px;
  text-align:center;
}
.logginn .submitAutologin:hover {
  border:solid 1px;
  padding:8px;
}
.logginn .submitAutologin:focus {
  border:solid 2px;
}

.newLogin #newsletter {
  float: left;
  width: 300px;
  padding: 40px 0;
  margin: 0; 
  height:135px;
}

.newFrontpage #newsletter {
  float: left;
  clear: left;
  width: 350px;
  padding: 20px 0;
  margin: 0; 
  height:135px;
}

#newsletter h1 {
 font-size: 120%;
 text-transform:uppercase;
 color: #0067aa;
}

#newsletter p {
 font-size: 12px;
 color: #606060;
 line-height: 2em;
 margin-bottom: 2px;
}


#newsletter .text  {
  width: 240px;
  margin: 0 3px 3px 0;
  font-size: 11px;
  color: #606060;
  height:15px;
  padding:5px 0 5px 3px;
}

#newsletter .submit {
 border: 0;
 background: #0062a6;
 width: 50px;
 padding: 4px;
 margin: 10px 3px 0 0;
 font-family: Verdana;
 color: #fff;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}



#newsletterResponse {
  line-height: 1.4em;
  margin-bottom: 3px;
  font-size: 11px;
}

#newsletter .response {
  font-size: 11px;
}

/********************
## FORSIDE NYHETER ##
*********************/

#fnews {
  clear: left;
  color: #606060;
  float: left;
  font-size: 10px;
  padding-top: 20px;
  width: 350px;
}

#fnews h1 {
  font-size: 14px;
  text-transform: uppercase;
  color: #0067aa;
}

#fnews h4 { margin-bottom: 2px; }

#fnews h4 a {
  font-size: 13px;
  color: #000;
}

#fnews a { font-size: 13px; }

#fnews .summary {
  padding: 10px 0;
  width:350px;
  margin: 0;
  clear:both;
}

.newFrontpage #content #fnews .even.last {
  width:auto;
  float:none;
}

.newFrontpage #content .odd,
.newFrontpage #content .even {width: 300px;}

/*****************
## NETTSTEDKART ##
*****************/

.sitemap h1 {
  font-size: 14px;
  text-transform: uppercase;
  color: #0067aa;
  margin-bottom:20px;
}



/**************
## REMEMBER ##
**************/

#remember {
  padding-bottom: 20px;
}

#remember h1 {
  font-size: 14px;
  text-transform: uppercase;
  color: #0067aa;
  margin-bottom:20px;
}

#content #remember .odd {
  background-color: #f3f3f3;
  padding: 5px 0 0;
}

#content #remember .even {
  background-color: #f8f8f8;
  padding: 5px 0 0;
}

#content #remember .even,
#content #remember .odd {
  width: 580px;
  margin: 1px 0;
}

#content #remember p {
  padding-left: 5px;
}

/*********
## RSS ##
*********/

.mottarss {
  padding-top:11px;
  margin:0;
  padding-bottom:6px;
  background: url(../GFX/rssfeed2.gif) right 7px no-repeat;
}

.mottarss h1 {
  font-size: 14px;
  text-transform: uppercase;
  color: #0067aa;
}

#rss {
  padding:20px 0 15px;
}



#rss h1 {
  font-size: 14px;
  text-transform: uppercase;
  color: #0067aa;
  margin-bottom: 2px;
}

#rss .rssdate {
  padding-top: 10px;
  font-size:11px;
}

#rss .rssahref {
  border-bottom:1px solid #E7E7E7;
  padding-bottom:10px;
  padding-top:3px;
} 


/*************
### SEARCH ###
*************/

.results h1 {
  font-size: 16px;
  text-transform: uppercase;
  color: #0067aa;
}

.search_result {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom:10px;
}

.queryString,
.totalHits {
  padding-bottom: 10px;
}

.totalHits {
  border-bottom: 5px solid #e7e7e7;
}

.paginator {
  padding-top: 5px;
}

.prev {
  float: left;
}

.next {
 float: right;
}

.pages {
  text-align: center;
}

.pages span {
  margin: 0 5px;
}

/***********
## NAVTOP ##
***********/

#navTop {
  display:inline;
  padding: 5px 15px 0 0;
  float:right;
}

#navTop li a { 
  padding:0 5px;
  color: #0062a6;
}

#navTop li a:hover,
#navTop li a:active,
#navTop li a.current {
 color: #000;
}


#navTop ul,
#navTop li{
  display:inline;
  /*border-left: 1px solid #e7e7e7;*/
}

#navTop li {
  padding: 0 5px;
  border-right: 1px solid #0062a6;
}

/***************
## INNLOGGING ##
***************/

.login h1,
#recoverPassword h1 {
  font-size: 14px;
  text-transform: uppercase;
  color: #0067aa;
}

#loginForm .input {
color:#4C4C4C;
display:block;
height:20px;
margin:5px 0 10px;
padding:4px 0 2px 3px;
width:300px;
}

#loginForm input.button,
#kandidatLoginForm input.button {
  -moz-border-radius:5px 5px 5px 5px;
  background-color:#0062a6; 
  border:1px solid #0062a6;
  color:#FFFFFF;
  float:right;
  font-size:11px;
  font-weight:bold;
  padding:3px;
  text-transform:uppercase;
}

.login{
  position:relative;
}

#loginForm {
  padding-bottom: 20px;
}

#loginForm fieldset {
  width: 307px;
}

#recoverPassword form fieldset {
  padding-top:10px;
}

#recoverPassword .email {
  color:#4C4C4C;
  display:block;
  height:20px;
  margin:5px 0 10px;
  padding:4px 0 2px 3px;
  width:300px;
}

#recoverPassword {
  background:none repeat scroll 0 0 transparent;
  padding-bottom: 20px;
  display: none;
}

#recoverPassword.true,
#recoverPassword.false {
  display:block;
}

#content form p {
  margin: 5px 0 8px 0;
}


/*************
## CLEARFIX ##
*************/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1px;
}
.clearfix {
  display: block;
 }


#fp_poll .questionbox h1 {
  margin-top: 20px;
}

div.alternatives { color: #606060; }

#question {
  padding: 5px 0;
  font-weight: normal;
  color: #000;
}

.quantity {
  color: #0062A6; 
}

div.alternative {
  padding: 5px 0;
}

div.alternative input.radio {
  margin-right: 5px;
  position: relative;
  top: 2px;
}

form#dailyQuestionForm .submitFields input.button {
    -moz-border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0 0 #0062A6;
    border: 0 none;
    color: #FFFFFF;
    font-family: Verdana;
    margin: 10px 3px 0 0;
    padding: 4px;
    width: 50px;
}

/* End hide from IE-mac */

/***************/
/* AUTH SEARCH */
/***************/


#authSearchForm {}
#authSearchResult li {
  list-style: none;
  padding: 5px;
}
.authSearchResultRow {}
.authSearchName {
  margin-right: 10px;
}
.authSearchBank {}
.authSearchResultOdd {
  background: #F3F3F3;
}

/* Overlay */
#authsearch-overlay {background-color:#000; cursor:wait;}

/* Container */
#authsearch-container {font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:450px;}
#authsearch-container .authsearch-content {background-color:#333; color:#ddd; height:40px;}
#authsearch-container h1 {color:#d76300; font-size:20px; line-height:20px; margin:0; padding:0 0 6px 12px; text-align:left;}
#authsearch-container .authsearch-loading {background:url(../img/authsearch/loading.gif) no-repeat; height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;}
#authsearch-container .authsearch-message {text-align:center;}
.authsearch-error {color:red; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:92%;margin-left:0;margin-bottom:5px}
#authsearch-container br {clear:both;}
#authsearch-container form {margin:0; padding:0;}
#authsearch-container label {clear:left; display:block; float:left; font-weight:bold; padding-right:4px; text-align:right; width:100px;}
#authsearch-container .authsearch-input {background:#eee; border:1px solid #fff; font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; width:300px;}
#authsearch-container textarea {height:114px;}
#authsearch-container .authsearch-cc {cursor:default; font-size:14px; vertical-align:top;}
#authsearch-container .authsearch-top {background-color:#333; height:13px; margin:0; padding:0; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-radius:8px 8px 0 0;}
#authsearch-container .authsearch-bottom {background-color:#333; font-size:12px; height:13px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-radius:0 0 8px 8px;}
#authsearch-container .authsearch-bottom a,
#authsearch-container .authsearch-bottom a:link,
#authsearch-container .authsearch-bottom a:active,
#authsearch-container .authsearch-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;}
#authsearch-container .authsearch-bottom a:hover {color:#888;}
#authsearch-container .authsearch-button {background:#d76300; border:0; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
#authsearch-container .authsearch-button:hover {background:#f49000;}
#authsearch-container a.modal-close,
#authsearch-container a.modal-close:link,
#authsearch-container a.modal-close:active,
#authsearch-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
#authsearch-container a.modal-close:hover {color:#ccc;}