/* HTML-tagger */
 body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; width: 100%; background-image: url(../images/bg_body.gif); background-repeat: no-repeat; background-color: #F6E4EA;} 
/*
body { width: 100%; background-image: url(../images/bg_body.gif); background-repeat: no-repeat; background-color: #E9F4F8;}
*/
/* Linker */
a {  font-size: 0.9em; color: #D74073; text-decoration: none}
a:link {  font-size: 0.9em; color: #D74073; text-decoration: none}
a:active {  font-size: 0.9em; color: #D74073; text-decoration: none}
a:hover {  font-size: 0.9em; color: #D74073; text-decoration: underline}

/* Sorte tekstlinker*/
.blacklink a {  font-size: 1.0em; color: #000000; text-decoration: none}
.blacklink a:link {  font-size: 1.0em; color: #000000; text-decoration: none}
.blacklink a:active {  font-size: 1.0em; color: #000000; text-decoration: none}
.blacklink a:hover {  font-size: 1.0em; color: #000000; text-decoration: underline}

.whiteTxt{color:#ffffff;}
.whiteTxt a{color:#ffffff;font-weight:bold;}
.whiteTxt a:visited{color:#ffffff;font-weight:bold;}
.whiteTxt a:link{color:#ffffff;font-weight:bold;}
.whiteTxt a:active{color:#ffffff;font-weight:bold;}
.whiteTxt a:hover{color:#ffffff;font-weight:bold;}

.lesmerfp a {  font-size: 0.9em; color: #ffffff; text-decoration: underline;}
.lesmerfp a:link {  font-size: 0.9em; color: #ffffff; text-decoration: underline;}
.lesmerfp a:active {  font-size: 0.9em; color: #ffffff; text-decoration: underline;}
.lesmerfp a:hover {  font-size: 0.9em; color: #ffffff; text-decoration: underline;}

.pil a {  font-size: 0.9em; color: #ffffff; text-decoration: none;}
.pil a:link {  font-size: 0.9em; color: #ffffff; text-decoration: none;}
.pil a:active {  font-size: 0.9em; color: #ffffff; text-decoration: none;}
.pil a:hover {  font-size: 0.9em; color: #ffffff; text-decoration: none;}

.scroll {
	height: 5.5em; 
	overflow:auto;
	scrollbar-base-color:#D74073;
	scrollbar-arrow-color:#ffffff;	
}

.tips a {  font-size: 0.9em; color: #D74073; text-decoration: underline;}
.tips a:link {  font-size: 0.9em; color: #D74073; text-decoration: underline;}
.tips a:active {  font-size: 0.9em; color: #D74073; text-decoration: underline;}
.tips a:hover {  font-size: 0.9em; color: #D74073; text-decoration: underline;}

.tipspil a {  font-size: 0.9em; color: #D74073; text-decoration: none;}
.tipspil a:link {  font-size: 0.9em; color: #D74073; text-decoration: none;}
.tipspil a:active {  font-size: 0.9em; color: #D74073; text-decoration: none;}
.tipspil a:hover {  font-size: 0.9em; color: #D74073; text-decoration: none;}


.stoett a {  font-size: 0.9em; color: #D74073; text-decoration: underline; font-weight:bold;}
.stoett a:link {  font-size: 0.9em; color: #D74073; text-decoration: underline; font-weight:bold;}
.stoett a:active {  font-size: 0.9em; color: #D74073; text-decoration: underline; font-weight:bold;}
.stoett a:hover {  font-size: 0.9em; color: #D74073; text-decoration: underline; font-weight:bold;}

.stoettpil a {  font-size: 0.9em; color: #D74073; text-decoration: none; font-weight:bold;}
.stoettpil a:link {  font-size: 0.9em; color: #D74073; text-decoration: none; font-weight:bold;}
.stoettpil a:active {  font-size: 0.9em; color: #D74073; text-decoration: none; font-weight:bold;}
.stoettpil a:hover {  font-size: 0.9em; color: #D74073; text-decoration: none; font-weight:bold;}



.blueTxt {color: #0094c2;}
.pinkTxt {color: #962C47;}


/* Tabellceller */
tr { text-align: left; vertical-align: top}
td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; padding: 0; color: #962C47; text-align: left; vertical-align: top;}

/* Formfelter */
/* Generell stil for alle inputfelter (lys gra ramme rundt) */
input { border: 1px solid #cccccc;}
/* Knapp ("submit")*/
.btn {color: #ffffff; font-weight: normal; background-color: #962C47;border:1px none #ffffff;}

/* Radioknapper uten ramme */
.radio { border: 1px none #ffffff;}

/* Innholdstabeller (generelle) */
.standard  { border-collapse: collapse; border-spacing: 0; width: 100%}
.standardheight  { border-collapse: collapse; border-spacing: 0; width: 100%; height:100%;}

.tbl80  { border-collapse: collapse; border-spacing: 0; width: 80%}
.tbl20  { border-collapse: collapse; border-spacing: 0; width: 20%}

/* Grid forside for UI-template */
.griduileft { width: 8%; height: 99%;}
.griduicenter { width: 84%; height: 99%; padding-top: 0px; background-color:#FFFFFF;}
.griduifpright { width: 8%; height: 99%;} 
.griduibottom { height:1%}

/* Grid for toppinformasjonen (over navigering) i toppen */
.topfieldleft { width:60%; padding-left:32px; padding-right:10px; padding-bottom:10px; vertical-align:bottom; white-space:nowrap; background-color:#F6E4EA;}
.topfieldcenter { width:30%; padding-right:10px; padding-bottom:10px; text-align:right; vertical-align:bottom; white-space:nowrap; background-color:#F6E4EA;}
.topfieldright { width:10%; padding-left:10px; padding-bottom:10px; text-align:right; vertical-align:bottom; white-space:nowrap; background-color:#F6E4EA;}

.toptextleft { font-size: 2.2em; color:#D74073;} 
.toptextleft a {  font-size: 1.0em; color: #D74073; text-decoration: none}
.toptextleft a:link {  font-size: 1.0em; color: #D74073; text-decoration: none}
.toptextleft a:active {  font-size: 1.0em; color: #D74073; text-decoration: none}
.toptextleft a:hover {  font-size: 1.0em; color: #D74073; text-decoration: none}


.toptextleftsub { font-size: 1.0em; color:#DF678E;font-weight:bold;}
.toptextcenter { font-size: 1.4em; color:#DF678E;}

/* Meny, skifting av bakgrunnsfarge */
.menucell0 { width: 16%; background-image: url(/Collections/htdocs/includes/images/bg_menu0.jpg); background-repeat: repeat-x; background-position: left top; padding-left: 7px; padding-right: 7px; border-right-width: 2px; border-right-style: solid; border-right-color: #ffffff; cursor: hand;}
.menucell1 { width: 16%; background-image: url(/Collections/htdocs/includes/images/bg_menu1.jpg); background-repeat: repeat-x; background-position: left top; padding-left: 7px; padding-right: 7px; border-right-width: 2px;	border-right-style: solid; border-right-color: #ffffff; cursor: hand;}

/* Innholdstabell for toppmeny */
.menucontent100 { width:100%; padding-left:8px; padding-right:4px; padding-top:8px; padding-bottom:10px; background-color:#ffffff;}
.topmenucontent { width: 100%; display: block; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; cursor: hand; white-space:nowrap;}
/* Toppmeny (ikke valgt) */
#topmenu { display: block; width: 100%; height: 100%; font-size: 0.9em; color:#ffffff ; text-decoration: none; font-weight: bold; padding-right: 0px;}
#topmenu a { display: block; width: 100%; height: 100%; font-size: 0.9em; color:#ffffff ; text-decoration: none; padding-right: 0px; padding-left: 0px; padding-top:8px; padding-bottom:8px;}
#topmenu a:link { display: block; width: 100%; height: 100%; font-size: 0.9em; color: #ffffff; text-decoration: none; padding-right: 0px; padding-left: 0px; padding-top:8px; padding-bottom:8px;}
#topmenu a:active { display: block; width: 100%; height: 100%; font-size: 0.9em; color: #ffffff; text-decoration: none; padding-right: 0px; padding-left: 0px; padding-top:8px; padding-bottom:8px;}
#topmenu a:hover {display: block; width: 100%; height: 100%; font-size: 0.9em; color: #ffffff; text-decoration: none; padding-right: 0px; padding-left: 0px; padding-top:8px; padding-bottom:8px;}
/* Toppmeny (valgt) */
#topmenuselected { display: block; width: 100%; height: 100%; font-size: 0.9em; color:#ffffff ; text-decoration: none; font-weight: bold; padding-right: 0px;}
#topmenuselected a { display: block; width: 100%; height: 100%; font-size: 0.9em; color:#ffffff ; text-decoration: none; padding-right: 0px; padding-left: 0px; padding-top:8px; padding-bottom:8px;}
#topmenuselected a:link { display: block; width: 100%; height: 100%; font-size: 0.9em; color: #ffffff; text-decoration: none;  padding-right: 0px; padding-left: 0px; padding-top:8px; padding-bottom:8px;}
#topmenuselected a:active { display: block; width: 100%; height: 100%; font-size: 0.9em; color: #ffffff; text-decoration: none; padding-right: 0px; padding-left: 0px; padding-top:8px; padding-bottom:8px;}
#topmenuselected a:hover { display: block; width: 100%; height: 100%; font-size: 0.9em; color: #ffffff; text-decoration: none; padding-right: 0px; padding-left: 0px; padding-top:8px; padding-bottom:8px;}

/* Grid for innhold/content */
.content100right { width:100%; padding-left:8px; padding-right:8px; background-color:#ffffff; text-align:right}
.content100 { width:100%; padding-left:8px; padding-right:8px; background-color:#ffffff;}
.content75 { width:75%; padding-left:8px; padding-right:8px; background-color:#ffffff;}
.content70 { width:70%; padding-left:8px; padding-right:8px; background-color:#ffffff;}
.content60 { width:60%; padding-left:8px; padding-right:8px; background-color:#ffffff;}
.content66 { width:66%; padding-left:8px; padding-right:8px; background-color:#ffffff;}
.content50 { width:50%; padding-left:8px; padding-right:8px; background-color:#ffffff;}
.content40 { width:40%; padding-left:8px; padding-right:8px; background-color:#ffffff;}
.content40details { width:40%; padding-left:8px; padding-right:8px; background-color:#FCF2F6;}
.content30 { width:30%; padding-left:8px; padding-right:8px; background-color:#ffffff;}
.content33 { width:33%; padding-left:8px; padding-right:8px; background-color:#ffffff;}
.content25 { width:25%; padding-left:8px; padding-right:8px; background-color:#ffffff;}

.content100_details { width:100%; padding-left:0px; padding-right:8px; background-color:#ffffff;}
.content66_details { width:66%; padding-left:0px; padding-right:0px; background-color:#ffffff;}
.content33_details { width:33%; padding-left:0px; padding-right:0px; background-color:#ffffff;}


.tblgivers { width:100%; background-color:#FCF2F6; padding-left:8px; padding-right:8px; padding-top:20px; padding-bottom:20px;}

/* Innholdstabeller */
.tbltp { width:100%; padding-left:8px; padding-right:8px;}
.tblblue { width:100%; background-color:#3c98c7; padding-left:8px; padding-right:8px; padding-top:20px; padding-bottom:20px; border-right:solid; border-right-color:#ffffff;}
.tblbrown { width:100%; background-color:#9c673d; padding-left:8px; padding-right:8px; padding-top:20px; padding-bottom:20px; border-right:solid; border-right-color:#ffffff;}

/* Rosa sløyfe : Nye farger (RDE-20.09.06) */
.tblleft { width:100%; background-color:#962C47; padding-left:8px; padding-right:8px; padding-top:20px; padding-bottom:20px; border-right:solid; border-right-color:#ffffff;border-right-width:7px;}
.tblmiddle { width:100%; background-color:#D74073; padding-left:8px; padding-right:8px; padding-top:20px; padding-bottom:20px; border-right:solid; border-right-color:#ffffff;border-right-width:7px;}
.tblright { width:100%; background-color:#EAA1BB; padding-left:8px; padding-right:8px; padding-top:20px; padding-bottom:20px;  color:#ffffff;}


/* Overskrifter */
h1 { font-size: 1.25em;font-weight:normal;}
h2 { font-size: 1.15em;font-weight:normal;}
h3 { font-size: 1.0em;font-weight:normal;}
.white {color:#ffffff;}
.white a {color:#ffffff;}
.white a:link {color:#ffffff;}
.white a:active {color:#ffffff;}
.white a:hover {color:#ffffff;}
.brown {color:#79592f;}
.darkbrown {color:#673f20;}
.pink{color:#D74073;}

.sum { font-size: 2.6em;font-weight:bold;color:#ffffff;padding-top:5px;padding-bottom:5px;}
.sumheading { font-size: 1.6em;font-weight:normal;color:#ffffff;}


/* Kampanjetekst (overskrift) */
.campaignwhite {font-size: 1.3em; font-weight:normal; color:#ffffff;}
.campaignwhite a {font-size: 1.3em; font-weight:normal; color:#ffffff;text-decoration: underline;}
.campaignwhite a:link {font-size: 1.3em; font-weight:normal; color:#ffffff;text-decoration: underline;}
.campaignwhite a:active {font-size: 1.3em; font-weight:normal; color:#ffffff;text-decoration: underline;}
.campaignwhite a:hover {font-size: 1.3em; font-weight:normal; color:#ffffff;text-decoration: underline;}

.campaignwhitetxt {font-size: 1.7em; font-weight:normal; color:#ffffff;}
.campaignwhitetxt a {font-size: 1em; font-weight:normal; color:#ffffff;text-decoration: none;}
.campaignwhitetxt a:link {font-size: 1em; font-weight:normal; color:#ffffff;text-decoration: none;}
.campaignwhitetxt a:active {font-size: 1em; font-weight:normal; color:#ffffff;text-decoration: none;}
.campaignwhitetxt a:hover {font-size: 1em; font-weight:normal; color:#ffffff;text-decoration: none;}

/* Innlogging på forsiden (hvit tekst) */
.logintextfp { width: 1%; color:#ffffff; padding-right: 10px; padding-bottom: 10px; padding-top: 10px; white-space: nowrap; vertical-align: middle;}
/* Innlogging */
.logintext { width: 1%; padding-right: 10px; padding-bottom: 10px; padding-top: 10px; white-space: nowrap; vertical-align: middle;}
.loginfield { width: 99%; white-space:nowrap; padding-right: 10px; vertical-align: middle;}
.loginbtn { padding-right: 10px; vertical-align: middle; text-align: right;}
.tflogin { width: 100%;}
.btnlogin {	color: #ffffff; font-weight: normal; background-color: #962C47;border:1px none #ffffff;}

/* Liste ut kommentarer */
.listcommentsdate { width: 1%; padding-right: 10px; white-space: nowrap;}
.listcommentscomment { width: 99%; padding-right: 10px;}

/* Liste over innsamlere på forsiden*/
.listcollectionheadingname { width:60%; padding-left: 0px; padding-right: 10px; color: #962C47;}
.listcollectionheadingsum { width:40%; padding-left: 0px; padding-right: 40px; white-space:nowrap; text-align: right; color: #962C47;}
.listcollectionname { width:60%; padding-left: 0px; padding-right: 10px; padding-bottom: 2px; vertical-align:bottom;}
.listcollectionsum { width:40%; padding-left: 0px; padding-right: 40px; padding-bottom: 2px; white-space:nowrap; vertical-align:bottom; text-align: right}

/* Totalbeløp for innsamling (skala og pengestabel)*/
.collectiontotal { width:100%; background-color:#f1ede8; padding-left:30px; padding-right:30px; padding-top:30px; padding-bottom:30px;}

/* Tabellcelle for tekstfelter (diverse skjema)*/
.tfcontent1 { width:1%; padding-left: 0px; padding-right: 10px;}
.tfcontent50 { width:50%; padding-left: 0px; padding-right: 10px;}
.tfcontent99 { width:99%; padding-left: 0px; padding-right: 10px;}
.tfcontent100 { width:100%; padding-left: 0px; padding-right: 10px;}

/* Formfelter */
/* Textfield */
.tf100 { width:100%;}
.tf80 { width:80%;}
.tf30 {width:30%;}
/* Textarea */
.ta100 { width:100%;}
.ta80 { width:80%;}

/* Søkefelter og snarveier til forhåndsdefinerte søk */
.searchfield { width:35%; padding-right:10px;}
.searchlast { width:20%; padding-right:10px; white-space:nowrap;}
.searchall { width:45%; padding-right:10px; white-space:nowrap;}

/* Søkeresultat, oversikt over innsamlinger*/
.searchlistheading { white-space:nowrap; padding-right:20px;}
.searchlistheadingamount { text-align: right; white-space:nowrap; padding-right:20px;}
.searchlistcollection { width:20%; padding-right:20px; padding-bottom:15px;}
.searchlistdescription { width:50%; padding-right:20px; padding-bottom:15px;}
.searchlistname { width:20%; padding-right:20px; padding-bottom:15px;}
.searchlistamount { text-align: right; width:10%; padding-right:20px; padding-bottom:15px;}

/* Bilde for en innsamling*/
/*.imgcollection { margin-right: 10px; margin-bottom: 10px;}*/

.sloyfe{position:absolute;top:50;margin-left:-90px;}

.img-shadow {
  float:left;
  background: url(/Collections/htdocs/includes/images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/Collections/htdocs/includes/images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 6px !important;
  margin: 10px 0 0 3px;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  /*border: 1px solid #a9a9a9;*/
  margin: -6px 6px 6px -6px;
  /*padding: 4px;*/
}