/*
## layout.css - Contains style for page layout
*/

/* Normalizes margin and padding */
/*
body, dl, dt, dd, ul, ol li h1, h2, h3, h4, h5, pre, input, p, blockquote, th, td {
   margin: 0;
   padding: 0;
}
*/
 
* { 
  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,
#contant .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: #C4151C;
}

a:hover {
  text-decoration: underline;
}

ul, ol {
  padding-left: 20px;
}

/** 81% sets medium size to 13px in standard browsers **/
body {
  font: 81.5% Verdana, Arial, Helvetica, sans-serif;
  background-color: #F4F4F4;
}

h1, h2, h3, h4, h5 {
  font-weight: bold;
  color: #C4151C;
}

h1 { font-size: 130%; }
h2 { font-size: 125%; }
h3 { font-size: 110%; }

img {
  display: block;
}

input {
  font-size: 100%;
}

/*
## Framework style
*/
#wrapper {
  margin: 0 auto;
  width: 999px;
  padding: 10px 12px 0 15px;
  background: transparent url(wrapper.gif) no-repeat 0 0;
}

#header {
  height: 118px;
  direction: ltr;
  background: #FFF url(/frp.no/filestore/logo2.jpg) no-repeat 10px 40px;
  text-align: right;
}

#header.lokallag {
  border-bottom: 2px solid #F4F4F4;
}

/*
#top_container {
  background-color: #F5F5F5;
}
*/
#searchForm {
  float: right;
  height: 19px;
  width: 147px;
  overflow: hidden;
  padding: 2px 10px 0 10px;
  background-color: #C4151C;
}

#searchForm label {
  display: none;
}

#searchForm .query {
  width: 120px;
  font-size: 77%;
}

#searchForm .button {
  display: inline;
  margin-bottom: -2px;
  position: relative;
}

/*
#tools_container {
  padding: 5px 0;
}
*/
#breadcrumbs {
  float: left;
  clear: both;
  color: #A1A1A1;
}

#breadcrumbs a {
  color: #A1A1A1;
}

#breadcrumbs a.active {
  color: #444444;
}

#navTools {
  padding: 0;
  float: right;
  list-style: none;
}

#navTools li {
  float:  left;
  margin-left:  20px;
}

#navTools li a {
  color: #A1A1A1;
}

#navTools li img {
  display: inline;
  margin-right: 5px;
}

#main {
  padding-top: 20px;
  background: #FFF url(main.gif) repeat-y 184px 100px;
}

#leftColumn {
  float: left;
  width: 184px;
}

#midColumn {
  float: left;
  display: inline;
  width: 522px;
  padding: 0 20px;
  overflow: hidden;
}

#rightColumn {
  width: 222px;
  padding: 15px 15px 15px 10px;
  float: right;
  display: inline;
  margin-top: -15px;
  overflow: hidden;
}

#contentContainer {
  margin-left: 185px;
}

#logo {
  display: block;
  float: left;
  width: 500px;
  height: 114px;
  clear: left;
  margin-bottom: -24px;
  position: relative;
  z-index: 11;
}

#logo span {
  display: none;
}

#content {}

#footer {
  padding: 10px 10px 50px 10px;
  background: #F9F9F9 url(footer.gif) no-repeat 50% 100%;
  font-size: 77%;
  color: #C4151C;
}

/***********
 ## ADS ##
***********/

#rightColAds {
  clear: both;
}

#adTop {
  position: relative;
  margin-top: -20px;
  padding-bottom: 10px;
  background-color: #FFF;
  float: right;
}

#adHeader {
  margin-bottom: -24px;
  height: 114px;
  width: 480px;
  float: right;
  position: relative;
  z-index: 11;
}

#adContent {
  position: relative;
  margin: 10px 0 10px 0;
}

/******************
## COMMON STYLES ##
******************/
h4.boxTitle {
  color: #FFFFFF;
  background: #A1A1A1;
  padding: 5px 20px;
  margin-bottom: 0;
}

div.box {
  margin-bottom: 20px;
}

div.box .content {
  padding: 15px 10px;
}

#rightColumn div.box {
  margin-top: 15px;
  width: 229px;
  clear: both;
  padding: 0;
  background: transparent url(box.gif) repeat-y 0 0;
}

#rightColumn #politicianBox div.content {
  padding: 5px 10px;
}

#rightColumn #politicianBox select{
  width: 99%;
}

#rightColumn div.box .top {
  width: 100%;
  background: transparent url(boxTop.gif) no-repeat 0 0;
  font-size: 0;
  height: 10px;
}

#rightColumn div.box .bottom {
  width: 100%;
  background: transparent url(boxBottom.gif) no-repeat 0 100%;
  font-size: 0;
  height: 10px;
}

div.smallBox .content {
  padding: 5px 10px;
}

div.smallBox {
  margin-top: 15px;
  width: 150px;
  padding: 0;
  background: transparent url(smallBox.gif) repeat-y 50% 0;
}

div.smallBox .top {
x  float: left;
  width: 100%;
  background: transparent url(smallBoxTop.gif) no-repeat 50% 0;
  font-size: 0;
  height: 10px;
}

div.smallBox .bottom {
  width: 100%;
  background: transparent url(smallBoxBottom.gif) no-repeat 50% 100%;
  font-size: 0;
  height: 10px;
}

#frpTv {
  margin: 10px 0 0 5px;
}

#frpTvWindow {
  float: right;
  width: 800px;
  height: 500px;
  position: relative;
  margin-top: -20px;
  padding-bottom: 20px;
  background-color: #FFF;
}

#archive ul {
  padding-left: 0px;
  font-size: 77%;
}

#archive li {
  margin-bottom: 5px;
}

#archive a {
  display: block;
}

#archive h5 {
  font-size: 115%;
  font-weight: normal;
}

#archive em {
  font-style: normal;
  color: #A0A0A0;
}


/***************
## RELATED ##
***************/

#relationships {
  clear: right;
  float: right;
  position: relative;
  z-index: 999;
}

#relatedArticles, #relatedFiles {
  background-color: #E2E2D8;
}

#relatedArticles ul, #relatedFiles ul {
  padding: 0;
  list-style: none;
  font-size: 77%;
}

#relatedArticles li, #relatedFiles li {
  line-height: 18px;
  padding: 5px;
  border-bottom: 1px solid #D2D2C4;
}

#relatedArticles .even, #relatedFiles .even {
  background-color: #E9E9E2;
}

#relatedArticles a, #relatedFiles a {
  color: #000;
}



/*************
## LOGIN ##
*************/

#loginForm label {
	display: block;
}

#loginForm input {
  margin-bottom: 3px;
}

.loggedIn span {
  display: block;
  font-weight: bold;
}

#loginForm #forgotPassword {
  display: block;
}

#loginForm #loginContainer {
  padding: 0 10px;
}

/******************************
## SUMMARY|ARTICLE LIST ##
******************************/

div#content .summary, #content .article {
  border-top: 2px solid #DCDCDC;
}

div#content .withRelated {
  float: left;
  width: 360px;
  margin-right: 10px;
}

#content .first {
  clear: both;
}

#content div.odd {
  float: left;
  width: 252px;
  margin-right: 10px;
  overflow-x: hidden;
}

#content div.even {
  float: right;
  width: 250px;
  margin-left: 10px;
  overflow-x: hidden;
}

#content .wideArticle {
  width: 100%;
  float: none;
  margin: 0;
  clear: both;
}

#main h3 {
  font-size: 110%;
}

#main h4 {
  font-size: 100%;
}

#content .fileFolder {
  margin: 10px 0;
}

#content .summary, #content .article {
  padding: 20px 0;
}

#content .summary h1, #content .summary h2 {
  font-size: 125%;
}

#content h1 a.title, #content h2 a.title {
  color: #444444;
}

#content .summary img {
  float: left;
  margin-right: 10px;
}

#content .article .text {
  font-size: 125%;
}

#content .summary .readmore {
  float: left;
  display: block;
  background: transparent url(readmore.gif) no-repeat 0 1px;
}

#content .summary a.readmore:hover {
  text-decoration: none;
}

#content .summary .readmore span {
  margin-left: 20px;
}

#content .summary a.readmore:hover span {
  text-decoration: underline;
}

#content .summary a.frpTvSummary {
  display: inline;
  float: left;
  position: relative;
  margin: -4px 0 0 10px;
  width: 69px;
  height: 24px;
  z-index: 999;
  background: transparent url(frp-tv-summary.jpg) no-repeat 0 0;
}

#content .article a.frpTvSummary {
  display: inline;
  float: right;
  position: relative;
  z-index: 999;
  margin: 5px 0 0 10px;
  width: 150px;
  height: 100px;
  background: transparent url(Se-innslag-p-FrP-TV2.jpg) no-repeat 0 0;
}

#content .summary a.frpTvSummary span,
#content .article a.frpTvSummary span {
  display: none;
}

#content .article .print {
  display: block;
  padding-left: 25px;
  background: transparent url(print.gif) no-repeat 0 50%;
}

#content .summary .date,
#content .article .date,
#content .article .byline {
  display: block;
  font-style: normal;
  color: #A0A0A0;
  font-size: 70%;
}

.bottomPaginator {
  padding-top: 10px;
  border-bottom: none;
  border-top: 2px solid #C4151C;
}

#content hr.div {
  visibility: hidden;
  width: 100%;
  display: inline;
  float: left;
  clear: both;
}

/*************************
## 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%;
}

/* Comment: Polls */

#todayspoll {
  margin-bottom: 15px;
}
.pollmaster {
  width: 200px;
  margin: 0;
  font-size: 10px;
  padding-left: 5px;
}

.pollAlternative {
  padding: 3px;
  border-bottom: 1px solid #DDD;
}

.pollAlternative input {
  margin-right: 5px;
}

#todaysQuestion .first {
  margin-top: 5px;
}

#todaysQuestion .last {
  margin-bottom: 5px;
  border-bottom: none;
}

.poll {
  border: 1px solid #004c93;
  margin-bottom: 5px;
  width: 170px;
}
.result {
  background-color: #C0C0C0;
  padding-left: 3px;
}
.nullresult {
  padding-left: 3px;
}
.right {
  font-size: 10px;
}
.inner-right {
  padding: 0 8px;
}

form#todaysQuestion {
}

form#todaysQuestion button {
  padding: 0 5px;
  background-color: #C0C0C0;
}


/*************
## 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;
 }
/* End hide from IE-mac */








#kandidat { 
  min-height: 390px;
  height: auto!important;
  height: 390px;
  width: 800px;
  margin-top: -20px;
  position: relative;
  float: right;
  background-color: #FFF;
  background-repeat: no-repeat;
  background-position: 0 100%;
}

#kandidat ul {
  list-type-style: none;
}

#kandidat table { 
  width: 100%; 
  margin-bottom: 20px;

  border: 1px solid #EEE;
  border-collapse: collapse;
}

#kandidat table th {
  padding: 4px;

  background: #EEE;
  color: #D0161D;
  font: 11px/17px arial;
}

#kandidat table th.header {
  background: transparent;
  border: none;

  font: 16px/20px arial;
  color: #A00B0E;
}

#kandidat table td {
  padding: 4px;

  border-right: 1px solid #EEE;
  border-bottom: 1px solid #EEE;

  font: 11px/17px arial;
}

#kandidat table .mod td { background: #F6F6F6; }

#kandidat #quote { 
  float: right;
  display: inline;
  width: 370px;
  margin-top: 20px;

  font: 12px "century gothic", helvetica, arial, sans-serif;
}

#kandidat #quote h3 {
  display: inline;

  font: 3em "century gothic", helvetica, arial, sans-serif; 
  color: #85868A; 
}

#kandidat #quote span { 
  display: block; 
  margin-top: 10px;
}

#kandidat #quote h3 span {
  display: inline;
  margin: 0;
}

#kandidat .ul .top {
  float: left;
  display: inline;
  width: 100%;
  height: 12px;
 
  background: transparent url(attributestop.gif) no-repeat 0 100%;
}

#kandidat .ul {
  float: left;
  display: inline;
  width: 190px;

  background: transparent url(attributes.gif) repeat-y 0 0;

  font: 8px/15px arial, helvetica, sans-serif;
}



#kandidat .ul ul {
  padding: 15px 60px 15px 15px;

  background: transparent url(attributesbottom.gif) no-repeat 0 100%;

  list-style: none;
}

#kandidat li span {
  font-weight: bold;
  text-transform: uppercase;
}



/*            CV
##################################### */

#kandidat #cv {
  margin: 10px 15px;
}


/*            LENKER
##################################### */

#kandidat #links {
 clear: both;
 float: right;
 margin: 40px 20px 0 0;
 width: 190px;
 list-style: none;
 font-size: 12px;
}

#kandidat #links li {
  padding: 5px 0 5px 35px;
  margin-bottom: 15px;

  background: transparent url(listepil.gif) no-repeat 0 50%;
}

#kandidat #links a { 
  border-bottom: 1px dashed #D02828;

  color: #D02828;
}

#kandidat #links a:hover { 
  border-bottom: 1px solid #D02828;

  text-decoration: none; 
}




/*            TEMAER
##################################### */

#kandidat #tema {
  margin: 10px 15px;
}

#kandidat #tema h2 {
  font: 1.5em arial, helvetica, sans-serif;
  color: #D02828;
}

#kandidat #tema p {
  line-height: 17px;
}

#kandidat #tema .sentralt {
  margin-top: 20px;
}



/*            VÅRE KANDIDATER
##################################### */

#kandidat #kandidater ul {
  list-style: none;
}

#kandidat #kandidater li {
  margin: 10px 0 10px 35px;
  padding-left: 0px;
}

#kandidat #kandidater a {
  color: #B52525;

  border-bottom: 1px dashed #B52525;
}

#kandidat #kandidater a:hover {
  border-bottom: 1px solid #B52525;
  font-decoration: none;
}





#subjects {
  width: 400px;
  float: right;
  clear: right;
  list-style: none;
  position: relative;
  z-index: 10;
  top: 5px;
}

#subjects li {
  float: left;
  display: inline;
  width: 49%;
  height: 38px;
  margin-bottom: 10px;
  text-indent: -9999em;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

#subjects a { 
  display: block; 
  width: 100%;
  height: 100%;
}

#subjects a span {
  display: none;
}

#speaker {
  display: none;
}

#speaker2 {
  float: left;
  cursor: pointer;
  font-size: 0.75em;
  margin-top: 3px;
  margin-left: 5px;
}
