/*
## 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;
}
#content h1 a,
#content h2 a,
#content h3 a,
#content h4 a,
#content h5 a{
   text-decoration: none; 
}
a {
  text-decoration: none;
  color: #f53933;
}
#leftColumn a, #rightColumn a {
  color:#fff;
}
#content a {
  text-decoration: underline;
}
#content a:hover {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

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

/** 75% sets medium size to 12px in standard browsers **/
body {
  font: 75% Arial, Verdana, Tahoma, Helvetica, sans-serif;
  background: #d8d8d8 url(../GFX/bg.jpg) top left repeat-x;
}

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%; }

h1 a, h2 a, h3 a, h4 a, h5 a{
  color:#101010;
  font-weight: bold;
}
img {
  display: block;
}

input {
  font-size: 100%;
}
#rightColumn .input {
  width:185px;
  padding:3px;
  margin-bottom:5px;
}
#rightColumn label {
  clear:both;
  float:left;
  width:100%;
}
/********************
## Framework style ##
********************/
#wrapper {
  margin: 0 auto 10px auto;
  padding:10px;
  width: 960px;
  border: 1px solid #d8d8d8;
  background: #fff;
}
.menuWrapper {
  background:transparent url(../GFX/Menu_bg.jpg) top left no-repeat;
}
#header {
  background:transparent;
  height: 115px;
  width: 980px;
  margin: 0 auto 10px auto;
}

#searchForm label{
  display:none;
}
#searchForm .button{
  float:right;
}
#advancedSearch {
  float:left;
}
#searchForm .query {
  padding:5px;
  width:188px;
  margin-bottom:10px;
}
#breadcrumbs {
  float: none;
  color: #1a1a1a;
  padding:10px 0px;
}

#breadcrumbs a {
  text-decoration:underline;
}

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

#leftColumn {
  float: left;
  display:inline;
  width: 220px;
}

div.roundedBoxWrapper,
li.roundedBoxWrapper {
  position:relative;
  background:#898989 url(../GFX/darkgrey_fade.jpg) top left repeat-x;
  padding:45px 10px 10px 10px;
  margin-bottom:10px;
}
div.roundedBoxWrapper.hidden {
  padding:38px 10px 0px 10px;
}
#content.roundedBoxWrapper, 
#comments.roundedBoxWrapper {
  background:#e4e4e4 url(../GFX/content_bg.jpg) top left repeat-x;
  border:1px solid #ececec;
}
#relatedInfo .roundedBoxWrapper, 
.lightBox.roundedBoxWrapper,
.frontpage .aktuelt {
  background:#e5e5e5 url(../GFX/alt_box_bg.jpg) top left repeat-x;
}
#relatedInfo .roundedBoxWrapper a,
#rightColumn .lightBox .roundedBoxWrapper a, 
#leftColumn .lightBox .roundedBoxWrapper a {
  color:#101010; 
  text-decoration:underline; 
}

h1.roundedBox, 
h2.roundedBox, 
h3.roundedBox {
  position:absolute;
  top:0;
  left:0;
  width:100%;  
  color:#fff;
  font-weight:bold;
  font-size:116%;
  padding:0px;
  margin:0px;
  cursor: pointer;
}

.frontpage #content h1.roundedBox span, 
.frontpage #content h2.roundedBox span, 
.frontpage #content h3.roundedBox span,
h1.roundedBox span, 
h2.roundedBox span, 
h3.roundedBox span {
  background:#878787 url(../GFX/marked_box.jpg) top left repeat-x;
  border:1px solid #6b5d5d;
  padding:10px;
  display:block;
  color:#fff;
}
.frontpage #content h1.roundedBox.highlight span, 
.frontpage #content h2.roundedBox.highlight span, 
.frontpage #content h3.roundedBox.highlight span,
h1.roundedBox.highlight span, 
h2.roundedBox.highlight span, 
h3.roundedBox.highlight span,
.hidden h1.roundedBox.highlight span, 
.hidden h2.roundedBox.highlight span, 
.hidden h3.roundedBox.highlight span {
  background:#da2420 url(../GFX/hover_bg-03.gif) top left repeat-x;
  border:1px solid #de382c;
}


.frontpage #content .hidden h1.roundedBox span, 
.frontpage #content .hidden h2.roundedBox span, 
.frontpage #content .hidden h3.roundedBox span,
.hidden h1.roundedBox span, 
.hidden h2.roundedBox span, 
.hidden h3.roundedBox span,
#content h1.roundedBox span,
#content  h2.roundedBox span,
#content  h3.roundedBox span,
#comments  h2.roundedBox span {
  background:#e5e5e5 url(../GFX/box_header_light.jpg) top left repeat-x;
  border:1px solid #dadada;
  padding:10px;
  display:block;
  color:#101010;
}

#mainColumn {
  float: left;
  width: 500px;
  padding:0px 10px;
  display:inline;
}
#rightColumn {
  float:right;
  width: 220px;
  display:inline;
}


/* FRONTPAGE */
.aktuelt {
  height:140px;
}
#mainColumn.frontpage {
  width: 730px;
  padding:0 10px 0 0;
}
#mainColumn #frontpagetoparticle.roundedBoxWrapper{
  width:710px;
}
#frontpagetoparticle.roundedBoxWrapper {
  padding-top:10px;
}
#mainColumn.frontpage div.roundedBoxWrapper {
  width:340px;
  float:left;
}
#mainColumn.frontpage div.roundedBoxWrapper.first {
  margin-right:10px;
}

/* TODO: add styles for customer footer */
#footer {
  padding:12px;
  color:#fff;
  font-weight:bold;
}
#footer a{
  text-decoration:underline;
  color:#fff;
  font-weight:bold;
}
/******************
## 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 .summary,
#content .article {
  margin-bottom:20px;
}
#content .summary img {
  float:left;
  margin-right:10px;
}
#content div.summary {
  width:100%;
  padding:0 0px 10px 0px;
}
.frontpage #content div.summary.first {
  padding:0px;
}
#content div.summary.first {
  width:100%;
  padding:10px 0px;
}

#content .odd {
  width: 100%;
}

#content .even {
  width: 100%;
}

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

#content .summary h1,
#content .summary h2 {
  font-size: 150%;
}

#content .article .text {
  font-size: 125%;
}
#content .article-content {
 
}
.readmore {
  font-weight:bold;
}
a.add {
  background: url(../GFX/add_icon_grey.gif) top left no-repeat;
  width:16px;
  height:16px;
  display:block;
  position:absolute;
  top:10px;
  right:5px;
}

a.add:hover {
  background:url(../GFX/add_icon.gif) top left no-repeat;
}
#leftColumn a.favorize, #rightColumn a.favorize {
  background: url(../GFX/star.gif) top left no-repeat;
  width:16px;
  height:16px;
  display:block;
  position:absolute;
  top:0;
  right:0;
}

#leftColumn  a.favorize:hover, #rightColumn  a.favorize:hover {
  background:url(../GFX/star.gif) 0px 16px;
}
#rightColumn  #currentFavorites a.favorize:hover {
  background:url(../GFX/star.gif) 0px 32px;
}

li {
  position:relative;
}

/* TODO: get latest css from standardmaler.no, and add style to own stylesheet */
/*************************
## UTILS                ##
*************************/
#utils {
  text-align:right;
  margin-bottom:10px;
}

/*****************
## USER MENU RIGHT ##
*****************/
.loginContainer {
  margin-bottom:10px;
}
.loginContainer, #userContainer {
}
#userMenu img {
  float:right;
  margin-left:10px;
  border:1px solid #fff;
}
#advSearch {
  background-color:#ccc;
}
/*****************
## PROSJEKT ##
*****************/
#projectlogo {
  margin:0px auto;
}
h1.roundedBox img, 
h2.roundedBox img, 
h3.roundedBox img{
  float:left;
  padding-right:5px;
}
#fileToUpload {
 width:150px;
 clear:both;
 margin:10px 0px;
}
#fileUpload input {
 display:block;
}
.uploadFile h1.roundedBox span img,
.uploadFile h2.roundedBox span img,
.uploadFile h3.roundedBox span img {
  position:absolute;
  top:-6px;
  right:0;
}
#projectInfo {
  position:relative;
}
#projectRichtext {
  margin:10px 0px;
  background-color:#efefef;
}
#leftColumn li.user,#rightColumn li.user {
  margin:10px 0px;
}
li.user a {
  color:inherit;
}
#leftColumn #projectDocuments {
  font-size:10px;
}
li.filefolder {
}
.loading a{
  font-weight:bold;
}

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

.idium {
  margin: 10px auto;
  width: 175px;
}

.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: #898989;
  text-transform: uppercase;
  text-decoration: none;
}

.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: -8px 0 0;
  padding: 0 0 0 6px;
  text-transform: lowercase;
  word-spacing: 3px;
  color: #000;
}


/*************
## 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 */

/*************************
## OBJECT COMMENTS VIEW ##
*************************/
#comments li.roundedBoxWrapper {
  padding: 38px 0px 0px 0px;
  margin-bottom:10px;
}

#comments div.content{ 
  padding:5px 10px 10px 10px;

}

#comments #startComment p{
}

#comments a {
}
#commentFormWrapper {
  padding:20px 10px 0px 10px;
}
#commentFormWrapper input.textField{
  padding:5px;
  width:445px;
}
#comments #commentnow {
}
#comments .roundedBox span a {
  font-size:12px;
  font-weight:normal;

}
#comments em {
  font-weight: normal;
  padding-left:10px;
}

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

form#commentForm fieldset {
  padding: 0;
}
#commentForm #comment {
  width:100%;
}
#commentForm input.block {
  display:block;
}
.block {
  display:block;
}
label.block {
  padding:3px 0px;
}

/******************
## PAGINATOR ##
******************/

.queryString {
  float: left;
}

.totalHits {
  float: right;
}

.paginator {
  clear: both;
  padding: 30px 0 20px 0;
}

.paginator .pages {
  float: left;
  display: inline;
  padding: 0;
}

.pages li {
  display: inline;
  float: left;
  padding: 0 2px;
}

.pages li a {
  padding: 5px;
  display: block;
  background: #2E84CB;
  color: #FFF;
}

.paginator .next {
  display: inline;
  float: left;
  padding: 5px;
  margin-right: 2px;
  background: #ccc;
  color: #101010;
}

.paginator .prev {
  display: inline;
  float: left;
  margin-right: 4px;
  padding: 5px;
  background: #ccc;
  color: #101010;
}

.paginator li.active {
  padding: 0 10px;
  background-color: none;
  line-height: 2em;
}

.paginator li.buffer {
  line-height: 3em;
}
.pages span{
  padding:3px;
}
.paginator li {
  color: #2E84CB;
  background-color: transparent;
}