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

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

/* 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: #18405a;
}

a:hover {
  text-decoration: underline;
}

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

/** 75% sets medium size to 12px in standard browsers **/
body {
  font: 75% Arial, Tahoma, Verdana, Helvetica, sans-serif;
  background-color: #9ca2a2;
  color: #000;
  margin: 0;
}

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

img {
  display: block;
}

input {
  font-size: 100%;
}

/********************
## Framework style ##
********************/
#wrapper {
  margin: 0 auto;
  width: 800px;
  padding: 0px 15px 0px 14px;
  background-image: url(/norbiobase.no/filestore/dev/GFX/bgWrapper.jpg);
  background-repeat: repeat-y !important;
}

#header {
  height: 130px;
  background-color: #2B2B2B:
}

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

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

#searchForm .query {
  width: 134px;
}

#breadcrumbs {
  color: #c2c2c2;
  width: 580px;
  font-size: 92%;
  padding: 20px;
}

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

#main {}

#leftColumn {
  float: left;
  width: 180px;
  max-width: 180px;
  padding-bottom: 195px;
}

#midColumn {
  float: left;
  width: 610px;
}

#content {
  padding: 0 10px 0 20px;
}

#footer {
  width: 800px;
  margin: 0px;
  height: 40px;
  background-image: url(../GFX/bgTopMenu.jpg);
  background-repeat: repeat-x !important;
}

/*#footer {
  border-top: 1px dashed #F4F4F3;
  padding: 15px 0px;
  margin-top: 15px;
  width: 800px;
}*/

#instructionsRight {
  margin-right: 35px;
  float:right;
  width:155px;
}

/******************
## COMMON STYLES ##
******************/

.error {
  color: #ff0000;
}

#logos {
  margin-bottom: 15px;
}

#leftColumn #logos {
  padding: 10px;
  margin-top: 10px;
}

#logos .logo {
  /*height: 53px;*/
}

/*#left #logos .logo {
  width: 225px;
}*/

#leftColumn #logos .logo {
  padding-bottom: 20px;
}

#logos .left {
  float: left;
  width: 185px;
  padding-left: 40px;
}

#logos .right {
  float: right;
  width: 208px;
  padding-top: 18px;
  padding-left: 17px;
}

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 p.text,
#content .article p.text, 
#left .summary p.text {
  line-height: 20px;
}*/

#content .odd {

}

#content .even {

}

#content .summary .text {
  margin-bottom: 0;
}

#content .summary,
#content .article {
  padding-bottom: 20px;
}

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

#content .summary h1,
#content .summary h2 { 
  font-size: 183%;
  color: #222;
}

#content .summary h1 a,
#content .summary h2 a {
  color: #222;
}

#left .summary h1,
#left .summary h2,
#left .article h1,
#left .article h2 {
  font-size: 183%;
}

#content .article h1 {
  font-size: 183%;
  font-weight: bold;
}

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

#content .article a {
  color: #00f;
}

.articleInfo {
  font-size: 92%;
  color: #C2C2C2;
  display: block;
  margin: 10px 0px 15px 0px;
  border-top: 1px solid #f4f4f3;
  border-bottom: 1px solid #f4f4f3;
  padding: 8px 0px;
}

.authorArticle {
  color: #73ACD0;
}

.summary img {
  border: solid 3px #eaeae2;
}

.readmore {
  /*float: right; */
  /*margin-top: 13px;*/
  /*width: 105px;*/
  display: block;
  /*margin-right: 20px;*/
  padding-top: 10px;
  /*line-height: 22px;*/
}

.readmore a {
  color: #18405a;
}

.summary img {
  float: left;
  margin: 0px 10px 5px 0px;
}

/*img.readme {
  border: 0px;
  float: right;
  margin: -23px 0px 0px 10px;
}*/

.logoUrl {
  left: 5px;
  position: relative;
  top: 10px;
  width: 200px;
}

/********************
## Advanced Search ##
********************/
#searchInstructions {
  margin: 0px;
  padding: 20px 0px 190px 0px;
  background: #ecf1e8;
  width: 180px;
}

#searchInstructions .searchHead {
  padding: 8px;
  padding-left: 20px;
  border-bottom: 1px solid #dce4d6;
  font-size: 117%;
  font-weight: bold;
}

#searchInstructions .article-content {
  padding: 8px;
  padding-left: 20px;
}

#advSearch {
  float: left;
  display: block;  
}

#advSearch label { 
  font-size: 100%;
}

#searchForm.advancedSearch fieldset {
  border: 0px;
  padding:0px;  
}

#searchForm.advancedSearch input.block {
  display: inline;
  margin-bottom: 3px;
  margin-right: 15px;
}

#advSearch tr td.left {
  display: block;
  width: 150px;
}

#searchForm.simpleSearch table tr td {
  padding: 3px;  
  padding-right: 20px;
  width: 30%;
}

#searchForm.simpleSearch table tr td hr {
  height: 1px;
  border: 0px;
  border-bottom: 1px dashed #d6d6d5;
  background: none;
  font-size: 0px;
}

#instructions {
  margin-right: 15px; 
}

/********************
## Simple Search ##
********************/

#simpleSearch {
  float: left;
  display: block;  
}

#searchForm.simpleSearch fieldset {
  border: 0px;
  padding:0px;  
}

#searchForm.simpleSearch input {
  margin-right: 3px;
}

#searchForm.simpleSearch input.block {
  display: inline;
  margin-bottom: 3px;
  margin-right: 15px;
}

#simpleSearch tr td.left {
  display: block;
  width: 150px;
}

#searchForm.simpleSearch .search_subheading {
  font-size: 117%;
  font-weight: bold;
  margin-bottom: 7px;
  margin-top: 7px;
}

#searchForm.simpleSearch .company {
  font-weight: bold;
}

/*************************
## Database view ##
*************************/

.databaseView {
  width: 800px;
}

.databaseView div.companyHead {
  width: 600px;
}

.databaseView h1 {
  float: left;
}

.databaseView img.logo {
  float: right;
}

.databaseView img.extraImage {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}

.databaseView .shortcuts .shortcut {
  margin: 0px 15px 0px 0px;
}

.databaseView .shortcuts img {
  display: inline;
}

.databaseView .shortcuts img.shortcut {
  cursor: pointer;
}

.databaseView .shortcuts {
  margin: 10px 0 10px;
  display: block;
}

.databaseView table.dbview {
  width: 90%;
}

.databaseView table td.col1 {
  width: 20%;
}


.databaseView table td.col3  {
  width: 10%;
}

.databaseView table td.col2,
.databaseView table td.col4  {
  width: 30%;
}

.databaseView table td.bold  {
  font-weight: bold;
}

.databaseView h3 {
  font-weight: bold;
}

.briefDesc {
  width: 600px;  
  margin-top: 15px;
}

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

.paginator {
  text-align: center;
  margin-top: 15px;
  width: 400px;
}

.paginator .active {
  background: #f2f2f2;
  padding: 0 3px;
}

.paginator .next {
  float: right;
}

.paginator .prev {
  float: left;
}

.paginator .pages {
  margin: 0 50px;
}

#footer div.idium {
  margin-left: 20px;
  width: 410px;
  /*padding-left: 290px;*/
  padding: 10px 0px;
}

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

#footer div.idium span {
  font-family: 'Century Gothic', Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #000;
  text-transform: lowercase;
  word-spacing: 3px;
  line-height: 23px;
  padding-left: 6px;
}

#footer div.idium img {
  width: 25px;
  height: 25px;
  float: left;
}

/************
##  LOGIN  ##
************/

#content h3.formTitle {
  margin-top: 10px;
  margin-bottom: 5px;
}

#content .greenForm {
  margin-top: 5px;
  padding: 5px;
  background: #63b71b url('../GFX/login_bg.gif') top left repeat-x;
  color: #ffffff;
  font-weight: bold;
  width: 307px;
}

#content #login a {
  color: #ffffff;
  float: right;
}

#content .greenForm fieldset {
  border: 0px;
  padding: 0px;
}

#content .greenForm label {
  clear: left;
  display: block;
  float: left;
  margin-top: 1px;
  margin-right: 10px;
  width: 195px;
}

#content .greenForm label span {
  width: 70px;
  float: left;
  display: block;
  margin-bottom: 7px;
}

#content .greenForm input.text {
  width: 120px;
}

#content #recoverPassword {
  display: none;
}

#content form.password label input {
  clear: left;
  display: block;
  width: 190px;
}

#content form.password label span {
  width: auto;
}

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