/*
- DEFAULT HTML STYLES
- CONTAINER STYLES
- SPAN STYLES
- HEADLINE STYLES
- PARAGRAPH STYLES
- LIST STYLES
- LINK STYLES
- IMAGE STYLES
- TABLE STYLES
- FORM STYLES
- BODY STYLES
- DIVERSE STYLES
*/
/*
OVERVIEW OF MAIN CONTAINERS (divs's) IN LAYOUT:
--------------wrapper-----------------------------------------
| |
| -------------header--------------------------------------- |
| | contains: logo, localoffices, print, fontsize | |
| | PS: localoffices is not in use | |
| ---------------------------------------------------------- |
| |
| --------------mainNav------------------------------------- |
| | -------------nav--------------- -----searchpanel--- | |
| | | | | not in use | | |
| | ------------------------------- ------------------- | |
| ---------------------------------------------------------- |
| |
| ---------------------breadcrumbs-------------------------- |
| | not in use | |
| ---------------------------------------------------------- |
| |
| --------------------contentWrapper------------------------ |
| | | |
| / LAYOUT ALTERNATIVE 1 / |
| | ----col1------ ------col2Wide---------------------- | |
| | | | | | | |
| | | content | | content | | |
| | | goes here | | goes here | | |
| | | | | | | |
| | | | | | | |
| | -------------- ------------------------------------ | |
| | | |
| / LAYOUT ALTERNATIVE 2 / |
| | ----col1------ ------col2---------- ----col3----- | |
| | | | | | | | | |
| | | content | | content | | content | | |
| | | goes here | | goes here | | goes here | | |
| | | | | | | | | |
| | | | | | | | | |
| | -------------- -------------------- ------------- | |
| | | |
| / LAYOUT ALTERNATIVE 3 / |
| | ----col1------ ------col2Wide---------------------- | |
| | | | | --innerCol2-- ---innerCol3--- | | |
| | | | | | | | | | | |
| | | content | | | content | | content | | | |
| | | goes here | | | goes here | | goes here | | | |
| | | | | | | | | | | |
| | | | | | | | | | | |
| | | | | ------------- --------------- | | |
| | -------------- ------------------------------------ | |
| ---------------------------------------------------------- |
| |
| --------------------footer-------------------------------- |
| | | |
| ---------------------------------------------------------- |
--------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------------------------
DEFAULT HTML STYLES
---------------------------------------------------------------------------------------------
*/
html {height:100%; width:100%;}
body {padding:0px;margin:0px;font-size:67.5%;font-family:Verdana,Arial, sans-serif; height:100%; width:100%;}
h1 {padding:0px;margin:0px;font-size:1.4em;font-weight:bold;padding-bottom:7px;}
h2 {padding:0px;margin:0px;font-size:1.3em;font-weight:bold;}
h3 {padding:0px;margin:0px;font-size:1.2em;font-weight:bold;}
h4 {padding:0px;margin:0px;font-size:1.1em;font-weight:normal;}
p {padding:0px;margin:0px;padding-bottom:10px;}
ul {}
ol {}
/*RIKTIG REKKE: LoVe HAte*/
a:link {color:#000;text-decoration:underline;}
a:visited {color:#000;text-decoration:underline}
a:hover {color:#0084d5;text-decoration:underline;}
a:active {color:#000;text-decoration:underline;}
form {margin:0;padding:0;}
/*
---------------------------------------------------------------------------------------------
CONTAINER STYLES
---------------------------------------------------------------------------------------------
*/
div#wrapper {padding-bottom:20px;width:980px;margin:0 auto;}
div#header {width:980px;float:left;overflow:hidden;}
div#logo {float:left;padding:16px 0 0 19px;}
div#global {float:left;width:455px;padding-top:30px;padding-left:20px;}
div#banner {float:right;}
div#breadCrumb {float:left;overflow:hidden;width:600px;padding:10px 0 15px 180px;font-size:0.9em;}
div#contentWrapper {clear:both;width:980px;overflow:hidden;}
div#contentWrapper div#menu {width:180px;float:left;overflow:hidden;}
div#content-col2 {float:left;width:460px;padding-right:14px;}
div#content-col3 {float:left;width:326px !important;overflow:hidden;}
div#content-col3 table {width:326px !important;overflow:hidden;}
div#content-col3 .modul div.pageroller p {padding-bottom:0;}
div#content-col3 div.modul {width:324px;overflow:hidden;float:left;border:1px solid #c7c5b5;margin-bottom:10px;}
div.modulCampain {background-color:#cccccc;width:326px;overflow:hidden;float:left;margin-bottom:10px;}
div#footer {float:left;width:100%;margin:10px 0;padding:10px 0 0 0;background:#dadad9 url(../Images/bgFooter.jpg) repeat-x bottom left;font-size:0.9em;}
div.footerContainer {float:left;width:100%}
div.footerContainer div.left {float:left;width:275px;padding-left:10px}
div.footerContainer div.middle {float:left;width:330px;padding-left:10px}
div.footerContainer div.right {float:left;width:335px;padding-left:20px}
div.list {width:100%;overflow:hidden;float:left;padding-bottom:15px;}
div.left {float:left;width:654px;}
div.right {float:left;width:326px;}
div.ingress {font-weight:bold;font-size:1.1em;padding-bottom:7px;}
div.wrapContainer {float:left;width:100%;overflow:hidden;padding:10px 0}
div.xForm {clear:both}
/*
---------------------------------------------------------------------------------------------
SPAN STYLES
---------------------------------------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------------------------
HEADLINE STYLES
---------------------------------------------------------------------------------------------
*/
div#menu h2 {padding:0px;margin:0px;background-color:#c45e12;margin:0 0 0px 0;color:#ffffff;text-transform:uppercase;font-size:10px;padding:5px 0 5px 5px;}
div#content-col3 h2 {padding:0px;margin:0px;font-size:1.1em;display:block;background-color:#cccccc;padding:0 10px 2px 10px;color:#480e55;}
div#breadCrumb p {padding:0px;margin:0px;float:left;}
div#footer h3 {padding:0px;padding:0 0 2px 0}
div.campaignForm h2 {padding:0px;padding:5px 5px 5px 10px !important}
/*
*/
/*
---------------------------------------------------------------------------------------------
PARAGRAPH STYLES
---------------------------------------------------------------------------------------------
*/
p.movie {padding:10px 0 10px 0;}
p.ingress {font-weight:bold;font-size:1.1em;}
p.bodytext {font-size:1em;}
/*
---------------------------------------------------------------------------------------------
LIST STYLES
---------------------------------------------------------------------------------------------
*/
ul.menu {margin:0px;padding:0px;list-style:none;background-color:#480e55;float:left;overflow:hidden;width:980px;padding:0px 0 0px 0;}
ul.menu li {display:block;float:left;margin:0px;padding:0px;list-style:none;padding-right:40px;padding-left:40px;padding-top:3px;padding-bottom:5px;font-weight:bold;}
ul.menu li.first {margin-right:0px;margin-left:0px;}
ul.menu li.active {background-color:#987e9c;}
div.pagetree {padding-top:5px;}
div#menu ul {padding:0px;margin:0px;list-style:none;}
div#menu ul li, .webpart ul.listing {padding:0px;margin:0px;list-style:none;}
div#menu ul li.open ul li.open ul li.open a, div#menu ul li.open ul li.open ul li.open a:link,
div#menu ul li.open ul li.open ul li.open a:visited {background:transparent url(/Images/MenuLevelTwoOpen.gif) no-repeat scroll 26px 2px;}
div#global ul {float:right;padding:0px;margin:0px;list-style:none;padding-top:5px;padding-right:10px;}
div#global ul li {display:inline;padding:0px;margin:0px;}
div#breadCrumb ul {padding:0px;margin:0px;list-style:none;display:inline;}
div#breadCrumb ul li {padding:0px;margin:0px;display:inline;padding-left:8px;}
div#breadCrumb ul li ul {padding:0px;margin:0px;list-style:none;display:inline;}
div#breadCrumb ul li ul li {padding:0px;margin:0px;display:inline;padding-left:8px;background:transparent url(/Images/dividBreadCrumb.jpg) no-repeat 0px 3px;}
div#breadCrumb ul li ul li ul {padding:0px;margin:0px;list-style:none;display:inline;}
div#breadCrumb ul li ul li ul li {padding:0px;margin:0px;display:inline;padding-left:8px;
background:transparent url(/Images/dividBreadCrumb.jpg) no-repeat 0px 3px;}
div#footer div.footerText ul {width:876px;padding:0px;margin:0px;list-style:none;float:left;padding:0px 0px 0px 1px;border-top:2px solid #b4b1ad;
border-bottom:1px solid #8b847e;margin-top:9px}
div#footer div.footerText ul li {padding:0px;margin:0px;float:left;padding:2px 0px 3px 10px;}
div#footer div.footerText ul li.first {padding:0px;padding:2px 0px 3px 5px;}
ul.community {padding:0px;margin:0px;list-style:none;padding:10px 0 0 0;}
ul.community li {padding:0px;margin:0px;display:inline;}
/*
---------------------------------------------------------------------------------------------
LINK STYLES
---------------------------------------------------------------------------------------------
*/
ul.menu li a, ul.menu li a:link, ul.menu li a:visited {color:#ffffff;text-decoration:none;}
ul.menu li a:hover {text-decoration:underline;}
ul.menu li a:active {text-decoration:none;}
ul.menu li.active a, ul.menu li.active a:link, ul.menu li.active a:visited {color:#272525;text-decoration:none;}
ul.menu li.active a:hover {text-decoration:underline;}
ul.menu li.active a:active {text-decoration:none;}
/* nivå1 */
div#menu ul li a, div#menu ul li a:link, div#menu ul li a:visited,
div#content-col3 div.pagetree ul li a, div#content-col3 div.pagetree ul li a:link, div#content-col3 div.pagetree ul li a:visited
{padding:0px;color:#000000;text-decoration:none;padding-left:10px;display:block;padding-bottom:5px;}
div#menu ul li a:hover, div#content-col3 div.pagetree ul li a:hover {text-decoration:underline;}
div#menu ul li a:active, div#content-col3 div.pagetree ul li a:active {text-decoration:none;}
div#menu ul li.active a, div#menu ul li.open a:active, div#menu ul li.active a:visited,
div#content-col3 div.pagetree ul li.active a, div#content-col3 div.pagetree ul li.open a:active, div#content-col3 div.pagetree ul li.active a:visited
{background:transparent url(/Images/MenuLevelOneOpen.gif) no-repeat 0px 1px;}
div#menu ul li.open a, div#menu ul li.open a:link, div#menu ul li.open a:visited,
div#content-col3 div.pagetree ul li.open a, div#content-col3 div.pagetree ul li.open a:link, div#content-col3 div.pagetree ul li.open a:visited
{background:transparent url(/Images/MenuLevelOneOpen.gif) no-repeat 0px 1px;}
/* Nivå 2 */
div#menu ul li.open ul li a, div#menu ul li.open ul li a:link, div#menu ul li.open ul li a:visited,
div#content-col3 div.pagetree ul li.open ul li a, div#content-col3 div.pagetree ul li.open ul li a:link, div#content-col3 div.pagetree ul li.open ul li a:visited
{padding-left:25px;background:none;}
div#menu ul li.open ul li.open a, div#menu ul li.open ul li.open a:link, div#menu ul li.open ul li.open a:visited,
div#content-col3 div.pagetree ul li.open ul li.open a, div#content-col3 div.pagetree ul li.open ul li.open a:link, div#content-col3 div.pagetree ul li.open ul li.open a:visited {
background:transparent url(/Images/MenuLevelTwoOpen.gif) no-repeat 16px 2px;}
/* Nivå 3 */
div#menu ul li.open ul li.open ul li a, div#menu ul li.open ul li.open ul li a:link, div#menu ul li.open ul li.open ul li a:visited,
div#content-col3 div.pagetree ul li.open ul li.open ul li a, div#content-col3 div.pagetree ul li.open ul li.open ul li a:link, div#content-col3 div.pagetree ul li.open ul li.open ul li a:visited
{padding-left:35px;
background:none;}
div#content-col3 div.modul a, div#content-col3 div.modul a:link, div#content-col3 div.modul a:visited {
text-decoration:none;color:#000;}
div#content-col3 div.modul a:hover {text-decoration:underline;color:#0084d5;}
div#content-col3 div.modul a:active {}
div#content-col3 div.modulpurple h2 a, div#content-col3 div.modulpurple h2 a:link, div#content-col3 div.modulpurple h2 a:visited {color:#ffffff;}
div#breadCrumb ul li a, div#breadCrumb ul li a:link, div#breadCrumb ul li a:visited {color:#0084d5;text-decoration:none;}
div#breadCrumb ul li a:hover {color:#0084d5;text-decoration:underline;}
div#breadCrumb ul li a:active {color:#0084d5;text-decoration:none;}
p.movie a, p.movie a:link, p.movie a:visited {background:transparent url(/Images/movieIcon.jpg) no-repeat 0px 0px;padding-left:33px;padding-bottom:5px;
text-decoration:none;color:#000;}
p.movie a:hover {text-decoration:underline;}
p.movie a:active {text-decoration:none;}
ul.community li.tips a, ul.community li.tips a:link, ul.community li.tips a:visited {background:transparent url(/Images/tips.jpg) no-repeat 0px 2px;
padding-left:20px;color:#0084d5;text-decoration:none;}
ul.community li.tips a:hover {text-decoration:underline;}
ul.community li.facebook a, ul.community li.facebook a:link, ul.community li.facebook a:visited {background:transparent url(/Images/facebook.jpg) no-repeat 0px 0px;
padding-left:20px;color:#0084d5;text-decoration:none;}
ul.community li.facebook a:hover {text-decoration:underline;}
ul.community li.facebook a:active {}
ul.community li.nettby a, ul.community li.nettby a:link, ul.community li.nettby a:visited {background:transparent url(/Images/nettby.jpg) no-repeat 0px 0px;
padding-left:20px;color:#0084d5;text-decoration:none;}
ul.community li.nettby a:hover {text-decoration:underline;}
ul.community li.twitter a, ul.community li.twitter a:link, ul.community li.twitter a:visited {background:transparent url(/Images/Changemaker/twitter.png) no-repeat 0px 0px;
padding-left:20px;color:#0084d5;text-decoration:none;padding-top:1px;padding-bottom:1px}
ul.community li.twitter a:hover {text-decoration:underline;}
div#global ul li a {color:#000000;text-decoration:none;background:transparent url(/Images/dividGlobal.jpg) no-repeat 0px 3px;padding-left:10px;font-weight:bold;}
div#global ul li.first a {background-image:none;}
/*
---------------------------------------------------------------------------------------------
IMAGE STYLES
---------------------------------------------------------------------------------------------
*/
img {border:0px;}
div#logo img {float:left;}
img.ingressImg {padding-bottom:10px;}
div#footer div.footerText img {float:right;}
div.orange img {border-top:3px solid #e5971b;border-bottom:3px solid #e5971b;}
div.purple img {border-top:3px solid #480e55;border-bottom:3px solid #480e55;}
div.list img {float:left;padding:5px 10px 0 0;width:70px;overflow:hidden}
div.left img, div.right img {float:left}
div.right img {margin-bottom:5px;}
img.articleimage {float:left; padding-right:10px;padding-top:5px;padding-bottom:5px;}
div#content-col3 div.modul img {float:left;}
/*
---------------------------------------------------------------------------------------------
TABLE STYLES
---------------------------------------------------------------------------------------------
*/
table.report {border:1px solid #ccc;margin:15px 0 0 0;}
table.report tr th{background-color:#ccc;color:#480E55;text-align:left;padding:4px 10px;}
table.report tr td{text-align:left;padding:4px 10px;border-bottom:1px solid #eee;}
/*
---------------------------------------------------------------------------------------------
FORM STYLES
---------------------------------------------------------------------------------------------
*/
fieldset {border:0px;}
input.submit {color:#480e55;background-color:#ffffff;border:0px;font-weight:bold;}
input.sok {width:144px;}
#global fieldset {float:right;}
#global fieldset label {display:none}
div.campaignForm table input[type=submit] {background-color:#480e55;border:0px;color:#fff;text-transform:uppercase;padding:0px;padding:2px 7px;
font-size:0.9em;font-weight:bold;margin-top:15px;cursor:pointer;}
/*
---------------------------------------------------------------------------------------------
BODY STYLES
---------------------------------------------------------------------------------------------
*/
body.largeList div.list img {float:left;padding:5px 10px 0 0;width:70px;height:70px;}
body.wideArticle div#content-col3 {display:none;}
body.wideArticle div#content-col2 {width:786px}
/*
---------------------------------------------------------------------------------------------
DIVERSE STYLES
---------------------------------------------------------------------------------------------
*/
div#printLogo { display : none; }
div.clearer {clear:both;font-size:1px;line-height:1px;}
.hiddenTxt, .hiddenTxt a, .hidden {position: absolute;left: -1000px;width: 900px;display:none;}
div.relatedcategories{font-weight:bold;text-align:right;}
.modulwhite {background-color:#fff;}
span.smallDate {font-size:0.8em;}
table#id_matrix span.xformvalidator{color:Red;}
div.hidden {display: none;}
#hr3_hr2 {width:100% !important;}
.flexigrid { margin-top:5px; }
.flexigrid .bordertop {border-top-color:transparent !important;border-top-style:solid !important}
.flexigrid .borderleft {border-left-color:transparent !important;border-left-style:solid !important}
div#footer #footerBar { float:left; width:100%; }
div#footer #footerBar div.innerfooter { margin-left:5px;}
div#footer #footerBar div.footerCol { float:left; padding:0 5px 0 0; }
div#footer #footerBar div.footerCol.last { float:right; }
div#footer #footerBar ul { margin:0; padding:0; list-style-position:inside; list-style-type:none;}
div#footer #footerBar div.rightalignList ul li { text-align:right; display:block; white-space:nowrap; float:right; padding:0; }
div#footer #footerBar div.horisontalList ul { padding-top:5px; }
div#footer #footerBar div.horisontalList ul li { float:left; display:block; margin-right:5px; }
div#footer #footerBar div.horisontalList ul li a { text-decoration:none; margin-top:3px; }
div#footer #footerBar div.horisontalList ul li * { vertical-align:top; }
div#footer #footerBar div.horisontalList ul li img { margin:-3px 2px 0 0;}
/*from nca.css*/
#tipafriendHeader
{
cursor:pointer;
}
#tipafriendContent
{
display:none;
}
label.error
{
padding-top:30px;
padding-bottom:10px;
margin-top:30px;
margin-bottom:10px;
}
span.error {padding-top:30px;}
#error {padding-top:30px;}
div#contentWrapper {padding-top:5px;}
div#contentWrapper.index {padding-top:0;}
div#contentWrapper.index h2 {padding:0;margin:0;font-size:1.4em;font-weight:bold;padding-bottom:3px;}
div#contentWrapper.index h2 span {font-weight:normal;font-size:0.8em;}
div#contentWrapper.index h2 a, div#contentWrapper.index h2 a:link, div#contentWrapper.index h2 a:visited, div#contentWrapper.index h2 a:active{text-decoration:none;}
div#contentWrapper.index h2 a:hover {text-decoration:underline;}
div#contentWrapper.index p.ingress {font-size:1.0em; font-weight:normal;}
ul.news { padding:0; margin:0; }
ul.news li { padding:0; margin:0; width:100%; }
ul.news li.topNewsItem, ul.news li.introItem { list-style-position:outside; list-style-type:none; padding-bottom:5px; }
ul.news li.topNewsItem img { width:100%; }
ul.news li.simpleItem { list-style-position:inside; list-style-type:disc; }
ul.news li img {float:left !important;padding:0 5px 5px 0}
ul.news li.introItem img { width:70px; }
ul.news li.simpleItem a:link, ul.news li.simpleItem a:visited, ul.news li.simpleItem a:active{ text-decoration:none; }
ul.news li.simpleItem a:hover{ text-decoration:underline; }
.flexigrid div.fgCell.black { background-color:#000;}
.flexigrid div.fgCell.black p,
.flexigrid div.fgCell.black *, .flexigrid div.fbCell.black a, .flexigrid div.fbCell.black a:link, .flexigrid div.fbCell.black a:visited, .flexigrid div.fgCell.black a:active { color:#fff; }
.flexigrid div.fgCell.black h1 a, .flexigrid div.fgCell.black h1 a:link, .flexigrid div.fgCell.black h1 a:visited, .flexigrid div.fgCell.black h1 a:active{color:#cc0000;text-decoration:underline}
div.webpart div.padding {padding:5px 10px 5px 10px;}
div#content-col3 .webpart { margin-bottom:10px; }
div#content-col3 .webpart.last { margin-bottom:0; }
div#content-col3 .boxed { border-style:solid; border-width:1px; border-color:#e1e1e1; }
ul.bigSquare li { list-style-type:none; padding:0; margin:0;}
ul.bigSquare li a {background:transparent url(/Images/linkmarker.gif) no-repeat scroll 0 2px;display:block;padding-bottom:14px;padding-left:20px;list-style-position:outside;
list-style-type:none}
.flexigrid .cell.gradientgray .inner .webpart {background:#f1f1f1 url(/Images/bgWebpartFrontpage.jpg) repeat-x top left;float:left;width:100%}
.flexigrid .cell.gradientgray h2 {padding:0px;padding:4px 5px 3px 10px !important;color:#fff;font-size:100%;font-size:1.0em !important;}
.flexigrid .cell.gradientgray .inner .webpart .corner .padding h3 {font-size:100%;font-size:1.1em !important;clear:both;}
.flexigrid .cell.gradientgray .inner .webpart .corner .padding h3 img {float:left;padding: 0px 10px 0px 0}
.flexigrid .cell.gradientgray .inner .webpart .corner .padding h3 a, .flexigrid .cell.gradientgray .inner .webpart .corner .padding h3 a:link,
.flexigrid .cell.gradientgray .inner .webpart .corner .padding h3 a:visited, .flexigrid .cell.gradientgray .inner .webpart .corner .padding h3 a:active {color:#5b2762;text-decoration:none}
.flexigrid .cell.gradientgray .inner .webpart .corner .padding h3 a:hover {color:#5b2762;text-decoration:underline}
.flexigrid .cell.gradientgray .inner .webpart .corner .padding {padding:0px;padding:0 5px 0px 0px !important;border-top:2px solid #fff}
.flexigrid .cell.gradientgray ul.news { padding:0;margin:0;padding:10px !important}
.flexigrid .cell.gradientgray ul.news h2 {padding-left:0px !important}
ul.listing li a {text-decoration:none;font-weight:bold;}
h3.aud span {display:inline;padding-top:10px;width:240px}
/*custom Form - innsamlingsaksjonene*/
div.customForm {margin:15px 0 0 0;}
div.customForm div.row {display:block;clear:both;margin:0 0 10px 0;float:left;width:100%;}
div.customForm h2{display:block;clear:both;padding:15px 0 8px 0;}
div.customForm label {width:200px;clear:left;display:block;float:left;margin:0;padding:0;}
div.customForm select, div.customForm input {width:218px;display:block;clear:right;float:left;margin:0;padding:0px 0px;height:22px;}
div.customForm select {width:220px;height:22px;}
div.customForm textarea {margin:10px 0 10px 0;}
div.customForm span.star {width:5px;padding-left:5px;float:left;}
div.customForm span.validation {}/*must be changed*/
div.customForm div.row span {display:none;}
div.customForm label.wide {width:300px;clear:left;display:block;float:left;margin:0;padding:0;}
div.customForm select.number, div.customForm input.number {width:30px;display:block;clear:right;float:left;margin:0;padding:0;}
div.validationModul {border:1px solid #ccc;margin:10px 0 20px 0;width:420px;display:block;}
div.customForm input.customform {width:auto;}
/*Imageformatting*/
div.imgLeft {float:left;margin-right:15px;padding-bottom:15px;overflow:hidden}
div.imgRight {float:right;margin-left:15px;padding-bottom:15px;overflow:hidden}
div.imgWithTxt {float:left;overflow:hidden;width:100%;padding-bottom:15px;overflow:hidden}
div.imgLeft img, div.imgRight img, div.imgWithTxt img {padding-bottom:5px;float:left;}
p.imgTxt {color:#7a7a7a;}
div.imgLeft p, div.imgLeft, div.imgRight p, div.imgRight, div.imgWithTxt, div.imgWithTxt p {color:#7a7a7a;font-size:0.9em;}
div.imgLeft p, div.imgRight p, div.imgWithTxt p {padding:0px;margin:0px;}