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

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

/* Normalizes article content elements */
#content dl.fileObject,
#content h1,
#content h2,
#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 .article-content p,
#content form {
  margin-bottom: 12px;
}

img, fieldset {
  border: 0;
}

a {
  text-decoration: none;
  color: #066aa6;
}

a:hover,
#navSub a:hover {
  text-decoration: none;
  color: #aac735;
}

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

/** 75% sets medium size to 12px in standard browsers **/
body {
  font: 90% georgia, verdana, arial, helvetica, sans-serif;
  color: #333333;
}

#content .article .article-content h2,
#content .article .article-content h3,
#content .article .article-content h4,
#content .article .article-content h5 {
  color: #333;
  text-align: center;
  letter-spacing: 2px;
  line-height: 1.4em;
  font-size: 80%;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0px 15px;
}

h1, h2 {
  font-size: 195%;
  margin-bottom: 20px;  
}

h1 {
  color: #acacac;
  float: left;
  margin-bottom: 0px;
}

h3 {
  font-size: 85%;
  color: #767676;
  background: #fff url(../GFX/double-line.gif) repeat-x bottom left;
  margin-bottom: 0px;
  padding: 15px 5px 5px 5px;
}

/* replace this with above */
.subject {
  background: url(../GFX/double-line.gif) repeat-x bottom left;
  padding: 15px 5px 5px 5px;
  font-weight: bold;
  color: #767676;
}

img {
  display: block;
}

.summary img {
  width: 198px;
  height: 130px;
}

input {
  font-size: 100%;
}

/********************
## Framework style ##
********************/

.textinputField, .ncSelect, .ncOptionBox {
  font-size: 90%!important;
}

#wrapper {
  background: #fff;
}

#top {
  margin: 0 auto;
  width: 830px;
  padding: 25px 0px 0px 0px;
}

#headerContainer {
  background: #f2f2f2 url(../GFX/bg_tile.jpg) repeat top left;
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
}

#header {
  margin: 0px auto;
  width: 830px;
}

#navSubContainer {
  padding-top: 44px;
}

#search {
  border-bottom: 1px solid #c3c3c3;
}

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

#searchForm fieldset {
  float: right;
}

#searchForm .ncButtonRight {
  margin-right: 0;
}

#mailinglist .ncButtonRight {
  margin-right: 4px;
}

#searchForm .ncButton,
#mailinglist .ncButton,
#tipsForm .ncButton {
  font-size: 80%;
  font-weight: bold;
}

/*
#searchForm .button,
#mailinglist .button,
#tipsForm .button,
#objectResponse input {
  color: #878787;
  font-size: 75%;
  font-weight: bold;
  width: 43px;
  height: 21px;
  border: 0px;
  background: url(../GFX/bg-search-btn.gif) no-repeat center center;
  margin-bottom: 1px;
}

#tipsForm .button {
  background: url(../GFX/btn-tip-a-friend.gif) no-repeat center center;
  width: 50px;
}*/

/*#objectResponse input {
  background: url(../GFX/btn-tip-a-friend-new.gif) no-repeat center center;
  width: 56px;
}*/

#topRow #objectResponse {
  padding-left: 408px;
  clear:both;
  padding-bottom: 10px;
}

p.success,
p.nosuccess {
  color: #26ad3f;
  display: inline;
  float: left;
  padding-right: 10px;
  font-weight: bold;
  font-size: 75%;
  padding-bottom: 3px;
  line-height: 1.2em;
}

#newsletterAddUser #objectResponse {
  clear: both;
}

#newsletterAddUser p.success,
#newsletterAddUser p.nosuccess {
  display: block;
  padding: 10px 5px 0 5px;
}

#newsletterAddUser p.success {
  padding-bottom: 10px;
}

#mailinglist {
  clear: both;
}

#mailinglist .textinputWrapper {
  margin-bottom: 5px;
}



#mailinglist .ncButtonLeft {
  clear: left;
}

p.nosuccess {
  color: #ea4e3d;
}

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

#searchForm .query {
  width: 152px;
/*  height: 21px;
  border: 0px;
  margin-right: 10px;
  padding: 3px 2px 0px 2px;
  background: url(../GFX/bg-search-input.gif) no-repeat center right;*/
}
/*
#tipsForm .senderName,
#tipsForm .recipientEmail,
#tipsForm .senderEmail {
  width: 172px;
  height: 21px;
  border: 0px;
  margin-right: 5px;
  padding: 3px 2px 0px 2px;
  background: url(../GFX/bg-tip-a-friend.gif) no-repeat center right;
}
*/

#tipsForm #senderEmail,
#tipsForm #recipientEmail {
  width: 161px;
}

#tipsForm .ncButtonRight {
  margin-right: 0!important;
}

#footer a {
  color: #a2a2a2;
  text-decoration: underline;
}

#footer a:hover {
  color: #333;
}

#breadcrumbs {
  color: #878787;
}

#breadcrumbs a {
  color: #878787;
  text-decoration: underline;
}

#breadcrumbs a.active,
#breadcrumbs a:hover {
  color: #333;
}

#main {
  margin: 0 auto;
  width: 835px;
  min-height: 500px;
  height: auto !important;
  height: 500px;
}

#topRow {
  background: url(../GFX/double-line.gif) repeat-x bottom left;
  padding-top: 1px;
  padding-bottom: 5px;
  width: 830px;
  margin: 0px auto;
}

#leftColumn {
  float: left;
  width: 265px;
  padding-top: 10px;
}

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

#content {
  padding: 0px 0px 20px 20px;
  margin-left: 265px;
}

/* TODO: add styles for idium footer and customer footer */

#footerContainer {
  background: #f2f2f2 url(../GFX/bg_tile.jpg) repeat top left;
}

#footer {
  color: #a2a2a2;
  width: 830px;
  margin: 0px auto;
  padding: 30px 0 20px 0px;
  font-size: 75%;
}

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


/*****************
## TIP A FRIEND ##
*****************/

#tipsForm {
  clear: both;
  padding-bottom: 10px;
  padding-left: 423px;
}

#tipsForm input {
  margin-left: 5px;
}

#tipsForm .ncButton {
  margin: 0!important;  
}

/*************************
## SUMMARY|ARTICLE LIST ##
*************************/
/*
#content .summary,
#content .article {
  border-bottom: 1px solid #f0f0f0;
}
*/

#content .summary a:hover {
  /*color: #aac735;*/
}

#content .odd {
}

#content .even {
}

#content .article-content {
  float: left;
  padding: 15px 0px 20px 0px;
}

#content .article-content .text {
  padding: 15px 0px 0px 0px;
}

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

.summary h1 a,
.summary h2 a {
  text-decoration: none;
  border-bottom: dotted 1px #066AA6;
}

.summary h1 a:hover,
.summary h2 a:hover {
  text-decoration: none;
  border-bottom: dotted 1px #a5c526;
}

#content h1 a.title,
#content h2 a.title {
  color: #444;
}

.goto {
  text-transform: uppercase;
  padding: 11px 0px 10px 0px;
  font-size: 70%;
}

.gotoLine {
  text-transform: uppercase;
  padding: 12px 0px 13px 0px;
  font-size: 70%;
  background: url(../GFX/double-line.gif) repeat-x bottom left;
}

.goto a,
.gotoLine a {
  color: #878787;
  font-weight: bold;
}

#tip.goto a.active,
.goto a:hover {
  color: #333333;
  font-weight: bold;
}

.article .text {
  font-size: 110%;
  font-style: italic;
  color: #666666;
  line-height: 130%;
}

.relations {
  float: left;
}

.list ul {
  font-weight: bold;
  list-style-type: none;
  padding-left: 0px;
}

.list li {
  padding: 15px 5px;
  border-bottom: 1px solid #c3c3c3;
}

.list li a {
  font-size: 80%;
}

.list ul.media li a,
#sections .section ul.media li a:hover {
  display: block;
  font-weight: normal;
  padding-left: 20px;
  color: #AAC735;
  background-repeat: no-repeat;
  background-position: center left;
}

#rightSide {
  float: right;
  text-align: right;
}

#gotoTop a {
  text-decoration: none;
  color: #878787;
  padding-right: 10px;
  padding-bottom: 5px;
  background: url(../GFX/gototop-arrow.gif) no-repeat top right;
}

#gotoTop a:hover {
  color: #333;
  background: url(../GFX/gototop-arrow-hover.gif) no-repeat top right;
}

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

#gotoTop {
  font-size: 80%;
  font-weight: bold;
  padding: 2px 0px 3px 0px;
}

#credits,
#disclaimer {
  line-height: 180%;
}

.mediaplayer {
  padding-bottom: 10px;
}

#sections {
  clear: left;
  padding-bottom: 10px;
}

.section {
  float: left;
}

.section a.title {
  background-repeat: no-repeat;
  background-position: center top;
  display: block;
 /* width: 142px;*/
  height: 151px;
  color: #7b7b7b;
  font-style: italic;
  font-weight: bold;
  padding: 8px 20px 0px 20px;
  font-size: 90%;
}

* html .section a.title {
  background: none!important;
}

* html .section a.title:hover {
  background: #fcfcfc!important;
}

.section a:hover {
  background-color: #fcfcfc;
}

.section.pos1 {
  padding-right: 9px;
  border-right: 1px solid #DEDEDE;
}

.section.pos2 {
  padding: 0px 10px;
  border-right: 1px solid #DEDEDE;
}

.section.pos3 {
  padding: 0px 10px;
  border-right: 1px solid #DEDEDE;
}

.section.pos4 {
  padding-left: 9px;
}

.date {
  color: #909090;
  font-weight: bold;
  font-size: 75%;
}

.list .date {
  font-weight: normal;
}

#topSummary {
  padding: 20px 5px;
}

#topSummary p {
  font-size: 160%;
}

#subMenu,
.boxView {
  padding-right: 50px;
}

.boxPad {
  font-size: 75%;
  padding: 5px;
  line-height: 150%;
}

.boxPad .text {
  padding-bottom: 10px
}

#leftColumn .article {
  padding-bottom: 30px;
}

.boxPad p strong {
  float: left; width: 60px;
}

#employees {
  font-weight: bold;
  text-align: right;
}

#employees a {
  float: left;
  border-bottom: 1px dotted #066AA6;
  font-size: 105%;
}

#employees a:hover {
  border-bottom: dotted 1px #a5c526;
}

#employees li span {
  font-size: 70%;
  color: #878787;
  text-transform: uppercase;
}

.medium {

}

li.sortOrder a {
  color: #767676;
}

#location {
  padding: 20px 0px 50px 0px;
}

#paginator {
  text-align: center;
  color: #767676;
  text-transform: uppercase;
  padding: 10px;
}

#paginator .digits a,
#paginator .digits span {
  font-family: times new roman, verdana, sans-serif;
  padding: 4px 10px 8px 9px;
  margin: 0px 1px;
  color: #767676;
  background: url(../GFX/page-off.gif) no-repeat top left;
}

#paginator .digits span.active {
  color: #fff;
  background: url(../GFX/page-on.gif) no-repeat top left;
}

#paginator .prev,
#paginator .next {
  color: #767676;
  font-weight: bold;
  font-size: 70%;
  padding: 0px 10px;
}

#paginator p {
  text-transform: lowercase;
  padding: 10px;
  font-size: 75%;
}

.floatBox {
  float: left;
  color: #333;
  font-size: 120%;
  font-weight: bold;
  width: 215px;
  padding-bottom: 20px;
  padding-top: 10px;
}

.floatBox .text {
  font-size: 60%;
  color: #666666;
  text-transform: uppercase;
}

#employee {
  padding: 0px 5px;
}

#employee .leftContent {
  float: left;
  margin-right: 15px;
  border-top: 1px solid #c9c9c9;
  padding-top: 10px;
  clear: left;
  width: 200px;
  min-height: 250px;
}

#employee .article {
  margin-left: 215px;
}

#employee .article h3 {
  color: #767676;
  border-bottom: 1px solid #c9c9c9;
  text-transform: uppercase;
  font-size: 75%;
  background: none;
  padding: 0px;
  font-weight: bold;
  margin-bottom: 5px;
  padding-top: 10px;
}

#employee .article h4 {
  color: #666666;
  font-size: 70%;
  margin-bottom: 0px;
  padding: 10px 0px 5px 0px;
  font-weight: normal;
}

#employee .article h5 {
  color: #767676;
  margin-bottom: 0px;
  padding-right: 30px;
  font-size: 100%;
}

#employee .article p {
  line-height: 140%
}

#employee .article td {
  padding: 0px;
  font-size: 80%;
}

.areas {
  float: left;
  width: 220px;
}

.areas a {
  color: #fff;
  float: left;
  background: #b7b7b7;
  padding: 2px 5px;
  margin-right: 5px;
  font-size: 70%;
  margin-bottom: 3px;
  font-weight: bold;
  white-space: nowrap;
}

.areas a:hover,
#sections .section .areas a:hover {
  color: #fff;
  background: #a6c528;
}

.author p a {
  color: #4c4c4c;
  text-decoration: underline;
}

.author p a:hover {
  color: #066AA6;
}

/* MEDIAPLAYER */

			#flash{
				/*display:block;
				position:absolute;
				top:201px;*/
				width:830px;
				height:400px;
                                z-index: 1001;
position: relative;
			}

			#lightbox{
				display:none;
				position:absolute;
				top:0px;
				left:0px;
				width:100%;
				height:100%;
				background-color:#fff;
                                z-index: 1000;
			}
#fallback {
width: 830px;
height: 365px;
/*	position:absolute;
	display:block;
	border:0px;
	width:112px;
	height:33px;
	left:50%;
	top:50%;
	margin-top:-20px;
	margin-left:-66px; */
padding-bottom: 10px;
}

#leftColumn #fallback {
width: 400px;
height: 300px;
padding-top: 10px;
padding-bottom: 10px;
}

#fallback img.getFlash {
  float: right;
  margin-top: -38px;
  padding-right: 5px;
}

#findLawyer {
  margin-top: 2px;
}

#findLawyer option {
  cursor: pointer;
}

#findLawyer form {
  padding: 10px 0px;
}

#findLawyer select {
  background: #f0f0f0;
  width: 196px;
  display: block;
  color: #878787;
  margin-bottom: 10px;
}

#findLawyer .ncSelectWrapper {
  margin-bottom: 6px;
}

.list {
  margin-bottom: 20px;
}

form input {
  color: #767676;
}

#sections .section .goto {
  float: right;
  padding-bottom: 0px;
}

#sections .section .goto a.show {
  color: #fff;
  background: #066aa6;
  padding: 5px 5px;
  font-weight: bold;
  font-size: 75%;
  display: block;
}

#sections .section .goto a.show:hover {
  background-color: #aac735;
}

div.printImg {
  margin-top: 20px;
  position: relative;
  clear: left;
  display: none;
}

/*
#newsletterAddUser span {
  color:#4C4C4C;
  display:block;
  font-size:75%;
  padding: 15px 5px 10px 5px;
}*/

#printFooter {
  display: none;
}

#contact .list ul {
  font-weight: normal;
}

.sectionHover {
  background: #fff url(../GFX/bg_tile_mouseover.jpg) repeat scroll left top !important;
}

.linkHover {
  color: #aac735 !important;
}

#oneImage {
  margin-top: 12px;
  padding-bottom: 10px;
}

p.disclaimer {
  display: inline;
  text-decoration: underline;
}

p.disclaimer:hover {
  color: #333333;
  cursor: pointer;
}

#contactPerson,
#lawyers {
  width: 100%;
  float: right;
  margin-bottom: 30px;
}

#contactPerson ul,
#lawyers ul {
  margin-top: 15px;
  padding-left: 0;
  list-style: none;
  font-size: 83.3%;
  line-height: 1.6em;
}

#lawyers ul {
  font-size: 90.5%;
}

#contactPerson li,
#lawyers li {
  float: left;
  display: inline;
}

#lawyers li {
  width: 45%;
  margin-bottom: 10px;
}

#lawyers li.mod {
  padding-left: 9.5%;
}

#contactPerson li.image,
#contactPerson li.phone {
  padding-right: 17px;
}

#contactPerson li.name {
  font-size: 117%;
  width: 100px;
  padding-right: 17px;
}

#contactPerson li a,
#lawyers li a {
  font-weight: bold;
}

#contactPerson li.name span,
#lawyers li span {
  font-style: italic;
}

#contactPerson li span,
#contactPerson li.email a,
#lawyers li a {
  display: block;
}

#contactPerson li span.bold {
  font-weight: bold;
}

#contactPerson li span.italic {
  font-style: italic;
}

h3.fine {
  padding: 0;
  background: transparent url(../GFX/fineline.gif) repeat-x 0 50%;
  font-size: 75%;
  text-align: center;
  text-transform: uppercase;
}

h3.fine span {
  padding: 0 10px;
  background-color: #FFF;
}