@CHARSET "UTF-8";



/*

    SiteComponents version:

    6.6.4, tag SC_6_6_4, created Wed Aug 19 13:39:28 +0200 2009



    Disclaimer



    While we make every effort to ensure that this code is fit for its intended

    purpose, we make no guarantees as to its functionality. CoreTrek AS will

    accept no responsibility for the loss of data or any other damage or

    financial loss caused by use of this code.





    Copyright



    This programming code is copyright of CoreTrek AS. Permission to run this

    code is given to approved users of CoreTrek's publishing system CorePublish.



    This source code may not be copied, modified or otherwise repurposed for use

    by a third party without the written permission of CoreTrek AS.



    Contact webmaster@coretrek.com for information.



*/





/* -------------------------------------------------------------------------- */

/* 1. General HTML elements                                                   */

/* -------------------------------------------------------------------------- */



/*

   If you are using the font size toggler (fontsize.js) either by itself or by

   using the linktoolbar tile, font size provided here will be overriden by

   the javascript. Remember to set the default font size as the smallest font

   size in the font size selector javascript configuration.



   See fontsize.js for more detals.

*/

html                    { height: 100%; }





body {

    height: 100%;

    font: 16px verdana, arial, sans-serif;

    margin: 0;

    padding: 0;

    color: #333;

/* repeated body background is set by layoutSwitcher */

/*	background-image: url(images/themes/background_coarse_body_198x292.jpg);*/

    background-repeat: repeat;

    background-position: top left;

}



/* TODO: adjust general font sizes */

p	{ font-size:0.75em; line-height:1.33em;}



a, a:visited {

   color: #333;

   text-decoration: none;

}

p a, p a:visited {

   color: #EE180D;

   text-decoration: none;

}

p a:hover {

   color: #B4B4B4;

   text-decoration: none;

}



#fBloggDump a:hover,

a:hover                 { color: #ee180d; }



a img                   { border: 0; }

/* TODO: adjust general font sizes */

h1                      { font-size: 1.75em; font-family:"FlorisJW04 Bold"; color: #333; font-weight:normal; }



h2                      { font-size: 1.3em; font-weight:normal; font-family:"FlorisJW04 Bold"; color: #333; margin: 0 0 3px 0; padding: 0;}



h3, h4                  { font-size: 1.125em; font-weight:normal; font-family:"FlorisJW04 Bold"; color: #333; letter-spacing:0.02em; margin: 0; padding: 0;}



fieldset                { margin-bottom: 10px; padding: 15px 10px 10px 10px; }



/* TESTING

    <h5 class="noSifrVerdana">Dette er en lang overskrift med ÆØÅ og mange bokstaver. Hvordan ser den ut?</h3>

    <h5 class="noSifrFloris">Dette er en lang overskrift med ÆØÅ og mange bokstaver. Hvordan ser den ut?</h3>

    <h5 class="withsifrVerdana">Dette er en lang overskrift med ÆØÅ og mange bokstaver. Hvordan ser den ut?</h3>

    <h5 class="withsifrFloris">Dette er en lang overskrift med ÆØÅ og mange bokstaver. Hvordan ser den ut?</h3>

*/



h5 						{ font-size:1.125em; margin:3px 0; }

.noSifrVerdana 			{ font-family:Verdana, Arial, Helvetica, sans-serif; }

.noSifrFloris 			{ font-family:"FlorisJW04 Bold"; }

.withSifrVerdana 		{ font-family:Verdana, Arial, Helvetica, sans-serif;  }

.withSifrFloris 		{ font-family:"FlorisJW04 Bold"; font-weight:bold;}



/* -------------------------------------------------------------------------- */

/* 2. Container/placeholder positioning                                       */

/* -------------------------------------------------------------------------- */



#container {

   background-repeat: no-repeat;

   background-position: top left;

   width: 1020px;

   margin: 0 auto;

   padding: 0;

}



#toptop {

   width: 1020px;

   height: 40px;

   margin: 0;

   padding: 0;

   background-position: top left;

   background-repeat: no-repeat;

}


#topleft{

   float: left;

   width: 35px;

   height: 262px;

   margin: 0;

   padding: 0;

   background-position:top left;

   background-repeat: no-repeat;

}



#topright{

   float: left;

   width: 40px;

   height: 262px;

   margin: 0;

   padding: 0;

   background-position:top left;

   background-repeat: no-repeat;

}



.frontpage #topleft,

.frontpage #topright {

   height: 225px;

}



#top-wrapper {

   float: left;

   width: 945px;

   margin: 0;

   padding: 0;

   background-repeat: no-repeat;

   background-position: top left;

}



#content-wrapper {

   background-position: top left;

   background-repeat: repeat-y;

   margin: 0;

   padding: 0 40px 0 35px;

}

#content-inner-wrapper {

   margin: 0;

   padding: 8px 0 0 0;

   width: 945px;

}



#content-wrapper-2columns {

   width: 945px;

   margin: 0;

   padding: 0;

   background-image: url(images/fasett_content_column_background_225x20.gif);

   background-repeat: repeat-y;

   background-position: 720px 0;

}

#content-wrapper-3columns {

   width: 945px;

   margin: 0;

   padding: 0;

   background-image: url(images/fasett_content_column_background_225x20.gif);

   background-repeat: repeat-y;

   background-position: 480px 0;

}

#placeholder-top {

   position: relative;

   padding: 0;

   border-bottom: 5px solid #dde0e0;



   /*absolute height of placeholder*/

   height: 260px;

   margin: 0;



   height: 220px;

}



#placeholder-subtop {

   margin: 0;

   padding: 19px 0 0 0;

   height: 17px;

   overflow: hidden;

}



#placeholder-left {

   clear:both;

   float: left;

   width: 465px;

   margin: 0 15px 0 0;

   padding: 0;

}



#placeholder-left-nomiddle {

   float: left;

   width: 705px;

   margin: 0 15px 0 0;

   padding: 0;

}



#placeholder-left-full,

#placeholder-content-full {

   width: 945px;

   margin: 0;

   padding: 0;

}



#placeholder-content-full { margin: 0 0 15px 0; }



#placeholder-small1,

#placeholder-small2,

#placeholder-small3,

#placeholder-small4 {

   float: left; width: 225px; margin: 0 15px 0 0; padding: 0; overflow: hidden;

}

#placeholder-small4 {

   margin-right: 0;

}



#placeholder-left-narrow {

   float: left;

   width: 225px;

   margin: 0 15px 0 0;

   padding: 0;

}



#placeholder-middle-half {

   float: left;

   width: 465px;

   margin: 0 15px 0 0;

   padding: 0;

}



#placeholder-middle-noright {

    float: left;

    width: 705px;

    margin: 0;

    padding: 0;

}



#placeholder-middle {

   float: left;

   width: 203px;

   margin: 0 15px 0 0;

   padding: 17px 11px;

   width: 225px;

   padding: 0;

}



#placeholder-right-wrapper { 

   float: right; width: 465px; margin: 0; padding: 0; border: none; 

}

#placeholder-right-frontpage {

   width: 465px;   margin: 0;   padding: 0;

}

#placeholder-right-wide-frontpage {

   float: left;   width: 300px;   margin: 0;   padding: 0 15px 0 0;

}

#placeholder-right-narrow-frontpage {

   float: left;   width: 150px;   margin: 0;   padding: 0;

}



#placeholder-right {

   float: left;

   width: 225px;

   margin: 0;

   padding: 0;

}



#content-wrapper-2columns #placeholder-right {

   padding: 17px 11px;

   width: 203px;



   /*adjusting for programmatic white-space*/

   padding: 0;

   width: 225px;

}





#placeholder-content-no-right,

#placeholder-content            { float: left; padding: 10px; margin-bottom: 20px; width: 510px; border: 1px solid #c2c2c2; }



#placeholder-content-no-right   { width: 717px; }



#placeholder-bottom {

    clear: both;

    margin: 22px 0 0 0;

    padding: 21px 0 10px 0;

    border-top: 1px solid #b4b4b4;

}



#content-link                   { display: none; }





/* -------------------------------------------------------------------------- */

/* 3. Common tile styling                                                     */

/* -------------------------------------------------------------------------- */



/*

   IMPORTANT INFO:

   What we do here is to set the style for the til common classes. We do two

   things:



    1. We add border, header and other stuff to create "tile-look". In the

       default design, this layout is used in the left and right placeholders.

    2. We then remove this layout for tiles in placeholder-top,

       placeholder-content, placeholder-content-no-right and placeholder-bottom.



    Since 2. overrides the default tile styles for the listed placeholder, you

    need to be equally specific when setting any of these styles.



*/

.tile-common {

}



.tile-content {

}



.tile-bottom            { clear: both; }





#placeholder-top .tile-content,

#placeholder-top .tile-common,

#placeholder-top .tile-common h3,

#placeholder-bottom .tile-content,

#placeholder-bottom .tile-common,

#placeholder-bottom .tile-common h3,

#placeholder-content .tile-content,

#placeholder-content .tile-common,

#placeholder-content .tile-common h3,

#placeholder-content-no-right .tile-content,

#placeholder-content-no-right .tile-common,

#placeholder-content-no-right .tile-common h3 {

   border: none;

   margin: 0;

   padding: 0;

}



#placeholder-content .tile-bottom               { clear:none; }



#placeholder-content-no-right .tile-bottom      { clear:none; }







/* -------------------------------------------------------------------------- */

/* 4. Non tile spesific common styles                                         */

/* -------------------------------------------------------------------------- */



.ctwebform-element-validationerror,

.error                      { color: #f00; font-weight: bold; }

.error                      { margin-bottom: 10px; }



.message                    { color: #000; font-weight: bold; margin-bottom: 10px; }



input.textinput {

/*

   height: 1.2em;

*/

}



.ctform-textinput input,

.ctform-textinput textarea,

td.ctwebform-element-type-textarea textarea,

td.ctwebform-element-type-text input,

.textinput,                 /* do not specify input for this, as it should also work on textareas */

input.amountfield           {

   /*

   border: 1px solid #c2c2c2;

   background: #fff url(images/input_bg.gif) repeat-x top;

   padding-top: 6px; font-size: 0.9em;

   */

}



td.ctwebform-element-container-validationerror input,

td.ctwebform-element-container-validationerror textarea,

.ctform-element-container-validationerror textarea,

.ctform-element-container-validationerror input,

input.inputerror            { border: 1px solid red; }



.ctform-submit input,

input.ctwebform-element-type-reset,

input.ctwebform-element-type-submit,

input.ctwebform-element-type-button,

td.ctwebform-element-type-submit input,

button.submit,

input.submit                {

   /*

   margin: 10px 0 10px 0;

   padding: 2px 10px 2px 10px;

   border: none;

   background-color: #000;

   color: #fff;

   text-transform:

   uppercase;

   font: bold 0.8em verdana, sans-serif;

   */

}



img.cp-mmarchive-image-left { margin: 3px 6px 3px 0; }



img.cp-mmarchive-image-right{ margin: 3px 0 3px 6px; }



select                      { border: 1px solid #c2c2c2; }



.ajax-button-not-visible    { display: none; }



.ajax-button-visible        { display: block !important; }



.button-small-next          { display: block; height: 15px; width: 15px; background: url(images/buttons.png) no-repeat -15px top; }



.button-small-previous      { display: block; height: 15px; width: 15px; background: url(images/buttons.png) no-repeat; }



.button-small-last          { display: block; height: 15px; width: 15px; background: url(images/buttons.png) no-repeat -45px top; }



.button-small-first         { display: block; height: 15px; width: 15px; background: url(images/buttons.png) no-repeat -30px top; }



.button-next                { display: block; height: 25px; width: 25px; background: url(images/buttons.png) no-repeat -25px -15px; }



.button-previous            { display: block; height: 25px; width: 25px; background: url(images/buttons.png) no-repeat 0 -15px; }



#tooltip { display:none; }



#tooltip-top                { background: url(images/tooltip/tooltip-top.gif) no-repeat 5px 0; overflow: hidden; height: 14px; width: 33px; }



#tooltip-bottom             { background: url(images/tooltip/tooltip-bottom.gif) no-repeat 5px 0; overflow: hidden; height: 14px; width: 33px; display: none; }



#tooltip-content            { background: #fff588; padding: 10px; border-right: 1px solid #ccc255; border-bottom: 1px solid #ddd366; }



.flipped-y #tooltip-bottom  { display: block; }



.flipped-y #tooltip-top     { display: none; }



.flipped-y #tooltip-content { border-bottom: none; }



.captcha-info               { padding-left: 80px; }



.captcha-regenerate,

.captcha-info               { font-weight: bold; font-size: .8em; }



.error-container #placeholder-top   { height: 60px; }



#extended-debug-info                { color: #aaa; }





/* -------------------------------------------------------------------------- */

/* 5. General bullet-less listing (eg. verical menu and small article list)   */

/* -------------------------------------------------------------------------- */



.full-articlelist ul,

.small-articlelist ul,

.vertical-menu ul           { list-style-type: none; margin: 0; padding: 0; }



.full-articlelist li li,

.small-articlelist li li,

.vertical-menu li li        { padding-left: 10px; }





/* -------------------------------------------------------------------------- */

/* 6. Spesific styling for tiles and other components                         */

/* -------------------------------------------------------------------------- */



/*

   Some of the tiles have been styled using id selectors. Because of this we

   need to use the full id-element path to override these styles. See section

   "3. Common tile styling" for more details.



   NOTICE:

   While styling the top placeholder layout I hit about every IE6 bug there is!

   Well, atleast 3 of them. When doing any changes here, please validate that

   the design still holds together on IE6.

*/



.spinner                                    { width: 16px; height: 16px; overflow:hidden; background: url(images/spinner.gif) no-repeat top center; }



#ctstatistics-noscript-iframe               { display: none; }



/* -- LOGO TILE -- */

#placeholder-top .logo-tile {
   position: relative;
   margin: 0;
   padding: 0;
   overflow:hidden;

}

#placeholder-top .logo-tile #mainLink {
    position:relative;
    display:block;
    z-index:1;
}

#placeholder-top .logo-tile .additionalLink {
    position:absolute;
    display:block;
    z-index:10;
}



#placeholder-top .logo-tile .tile-top,

#placeholder-top .logo-tile .tile-bottom {

   display: none;

}



.logo-tile .logo                            { font-size: 1.85em; font-weight: bold; }



/* -- HORIZONTAL MENU IN TOP PLACEHOLDER -- */



#placeholder-top .horizontal-menu {

   border-top: 1px solid #dde0e0;

   border-left: 1px solid #dde0e0;

   border-bottom: 1px solid #b4b4b4;

   float: left;

   width: 667px;

   height: 25px;



   overflow: hidden;

   padding: 0;



   margin: 0;

   position: absolute;

   top: 193px;

   left: 0;



}



#placeholder-top .horizontal-menu .tile-content {

   padding: 0 0 1px 0;

   margin: 0;

   height: 23px;

   overflow: hidden;

}



#placeholder-top .horizontal-menu ul {

   margin: 0;

   padding: 0;

}



#placeholder-top .horizontal-menu ul li {

   float: left;

   text-transform: uppercase;

   font-size: 0.75em;

   margin: 0;

   background-image: url(images/fasett_menu_separator_2x12.gif);

   background-repeat: no-repeat;

   background-position: right 7px;



   padding: 5px 16px 7px 14px;

   letter-spacing:1px;

   text-align:center;

   padding: 0 2px 0 0;

}



#placeholder-top .horizontal-menu ul li:hover {

    margin-left:-2px;

    padding-left:2px;

}



#placeholder-top .horizontal-menu ul li.first:hover {

    margin-left:0;

    padding-left:0;

}



#placeholder-top .horizontal-menu ul li.last {

   background-image: none;

}



#placeholder-top .horizontal-menu ul li.active,

#placeholder-top .horizontal-menu ul li.main-active {

   background-image: none;

   background-color: #ee180d;

   margin-left: -2px;

   padding-left: 2px;

}



#placeholder-top .horizontal-menu ul li.not-active:hover { background: #EE180D; color:#FFFFFF;}

#placeholder-top .horizontal-menu ul li.not-active:hover a,

#placeholder-top .horizontal-menu ul li.not-active:hover a:visited { color:#FFFFFF; }



#placeholder-top .horizontal-menu ul li a,

#placeholder-top .horizontal-menu ul li a:visited {

   text-decoration: none;

   color: #333;

}



#placeholder-top .horizontal-menu ul li a:hover { text-decoration: none; color:#FFFFFF; }



#placeholder-top .horizontal-menu ul li.active a,

#placeholder-top .horizontal-menu ul li.main-active a { color: #ffffff; }





/* -- REPEAT FOR BLOG !! HORIZONTAL MENU IN TOP PLACEHOLDER -- */



#placeholder-top .horizontal-blog-menu {

   border-top: 1px solid #dde0e0;

   border-left: 1px solid #dde0e0;

   border-bottom: 1px solid #b4b4b4;

   float: left;

   width: 667px;

   height: 25px;



   overflow: hidden;

   padding: 0;



   margin: 0;

   position: absolute;

   top: 233px;

   left: 0;



}



#placeholder-top .horizontal-blog-menu .tile-content {

   padding: 0 0 1px 0;

   margin: 0;

   height: 23px;

   overflow: hidden;

}



#placeholder-top .horizontal-blog-menu ul {

   margin: 0;

   padding: 0;

}



#placeholder-top .horizontal-blog-menu ul li {

   float: left;

   text-transform: uppercase;

   font-size: 0.75em;

   letter-spacing:0.09375em;

   margin: 0;

   background-image: url(images/fasett_menu_separator_2x12.gif);

   background-repeat: no-repeat;

   background-position: right 7px;

   list-style-type:none;



   /* TODO adjust font size + padding top/bottom when sifr font is ok */

   padding: 5px 16px 7px 14px;



}



#placeholder-top .horizontal-blog-menu ul li.first {

   padding-left: 17px;

}



#placeholder-top .horizontal-blog-menu ul li.last {

   background-image: none;

}



#placeholder-top .horizontal-blog-menu ul li.active,

#placeholder-top .horizontal-blog-menu ul li.main-active {

   background-image: none;

   background-color: #ee180d;

   position: relative;

   left: -2px;

}





#placeholder-top .horizontal-blog-menu ul li.first {

   left: 0px;

}



#placeholder-top .horizontal-blog-menu ul li a,

#placeholder-top .horizontal-blog-menu ul li a:visited {

   text-decoration: none;

   color: #333;

}



#placeholder-top .horizontal-blog-menu ul li a:hover {

   text-decoration: none;

   color:#EE180D;

}



#placeholder-top .horizontal-blog-menu ul li.active a,

#placeholder-top .horizontal-blog-menu ul li.main-active a {

   color: #ffffff;

}



/* START LANGUAGE SELECTOR (vertical menu) IN TOP PLACEHOLDER */



#placeholder-top .vertical-menu {

   border-top: 1px solid #dde0e0;

   border-right: 1px solid #dde0e0;

   border-bottom: 1px solid #b4b4b4;



   width: 89px;

   height: 25px;



   overflow: hidden;



   background-image: url(images/fasett_flag_union_jack_18x13.gif);

   background-repeat: no-repeat;

   background-position: 57px 7px;



   position: absolute;

   margin: 0;

   padding: 0;

   left: 855px;

   top: 193px;

}



#placeholder-top .englishmenu {

   background-image: url(images/fasett_flag_norway_18x13.gif);

}



#placeholder-top .vertical-menu ul {

   margin: 0;

   padding: 0;

}



#placeholder-top .vertical-menu ul li {

   float: left;

   padding: 2px 12px;

}



#placeholder-top .vertical-menu ul li a,

#placeholder-top .vertical-menu ul li a:visited { text-decoration: none; color: #333; font-size: 0.6875em; color:#7c7c7c }



#placeholder-top .vertical-menu ul li.active a {

}



#placeholder-top .vertical-menu ul li a:hover {

    text-decoration: none;

    color:#EE180D;

}



/* STOP LANGUAGE SELECTOR (vertical menu) IN TOP PLACEHOLDER */





/* START MENU LEVEL 2 IN PLACEHOLDER-SUBTOP */



#placeholder-subtop .horizontal-menu {

   height: 37px;

   overflow: hidden;

   margin: 0;

   padding: 0;

}



#placeholder-subtop .horizontal-menu .tile-content,

#placeholder-subtop .horizontal-menu ul {

   padding: 0;

   margin: 0;

}



#placeholder-subtop .horizontal-menu ul li {

   float: left;

   list-style-type: none;

   font-size: 12px;

   padding: 0 12px 0 10px;

   margin: 0;

   background-image: url(images/fasett_menu_separator_level2_2x11.gif);

   background-repeat: no-repeat;

   background-position: right 2px;

}



#placeholder-subtop .horizontal-menu ul li.first {

   padding-left: 17px;

}



#placeholder-subtop .horizontal-menu ul li.last {

   background-image: none;

}



#placeholder-subtop .horizontal-menu ul li a {

   text-decoration: none;

}



#placeholder-subtop .horizontal-menu ul li a,

#placeholder-subtop .horizontal-menu ul li a:visited {

   text-decoration: none;

   color: #333;

   font-weight: normal;

}



#placeholder-subtop .horizontal-menu ul li.active a {

    font-weight: bold;

}



#placeholder-subtop .horizontal-menu ul li a:hover {

    text-decoration: none;

    color:#EE180D;

}



/* STOP MENU LEVEL 2 IN PLACEHOLDER-SUBTOP */





#placeholder-top .language-selector         { float: right; }



#placeholder-top .language-selector h3,

#placeholder-top .horizontal-menu h3        { display: none; }



#placeholder-top .language-selector a,

#placeholder-top .horizontal-menu a {

/*

   color: #fff;

*/

}



#placeholder-top .language-selector ul,

#placeholder-top .horizontal-menu ul {

   list-style-type: none;

/*

   padding: 0;

   margin: 0;

*/

}



#placeholder-top .language-selector li,

#placeholder-top .horizontal-menu li {

/*

   border-left: 2px solid #fff;

   padding: 0 10px 0 10px;

   display: inline;

*/

}



#placeholder-top .language-selector li.first,

#placeholder-top .horizontal-menu li.first {

/*

   border-left: none;

*/

}



/* -- SITELOCATOR -- */

#placeholder-top .sitelocator               { background: #fff url(images/top_bg.gif) repeat-x; clear: both; padding: 18px 0 0 10px; font-size: 1em; color: #000; }



#placeholder-top .sitelocator h3            { float: left; color: #000; text-transform: none; font: bold .8em verdana, sans-serif; }



#placeholder-top .sitelocator ul            { float: left; list-style-type: none; margin: 0; padding: 0; }



#placeholder-top .sitelocator li            { float: left; margin: 0; padding: 0 0 0 8px;font: normal .8em verdana, sans-serif; }





/* -- ARTICLE DISPLAY -- */

.full-articledisplay {

   clear: both;

   margin: 0;

   padding: 0;

}



.full-articledisplay img.largeimage {

   border: 1px solid #dde0e0;

   margin: 0 0 20px 0;

   padding: 0;

}



.full-articledisplay .left {

   float: left;

   width: 210px;

   margin: 0 15px 0 0;

   padding: 0 15px 0 0;



   padding-top: 0;

}



#placeholder-middle-half .full-articledisplay .left {

  display: none;

}





.full-articledisplay .left hr {

   border: 0;

   border-top: 1px solid #dde0e0;

   margin: 15px 0;

   padding: 0;

}



.full-articledisplay .right {

   float: left;

   width: 465px;

   margin: 0;

   padding: 0;

    overflow:hidden;}



.full-articledisplay .left h1,

.full-articledisplay .right h1 {

   padding: 0;

   margin: 0 0 25px 0;

   font-size:1.9em;

   font-family:"FlorisJW04 SemiBold";

   margin: -6px 0 12px;



}



.full-articledisplay .left h1 {

   margin-bottom: -3px;

}

.full-articledisplay .left .digest 					{ margin: 0 0 25px 0; padding: 0; font-family:FlorisJW04; font-size:1.167em; line-height:1px; }

.full-articledisplay .right .digest 				{ margin: 0 0 25px 0; padding: 0; }

.full-articledisplay .left .digest.extraingress p 	{ margin-top:0; }

.full-articledisplay .left .digest a				{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.928em; }

.full-articledisplay .left a:hover					{ color:#B4B4B4; }



.full-articledisplay .right .digest {

    font-weight:bold;

}



#content-wrapper-2columns #placeholder-left-nomiddle .full-articledisplay .left .digest p strong { font-weight:bold; font-family:FlorisJW04; }





.full-articledisplay .left .digest2 {

   margin: 0 0 25px 0;

   padding: 0;

}



.full-articledisplay .left .digest2 p {

   margin: 0 0 5px 0;

   padding: 0;

   /* TODO adjust font size left-ingress2 full article */

}



.full-articledisplay .left .digest3 {

   margin: 0 0 25px 0;

   padding: 0;

}



.full-articledisplay .left .digest3 {

   margin: 0;

   padding: 0;

   font-size:0.75em;



   /* TODO adjust font size left-ingress3 (extra fields) full article */

}



.full-articledisplay .left a { margin: 0; padding: 0; font-size:0.813em; color:#EE180D;}







.full-articledisplay .right p {

   margin-top: 0;

}





.full-articledisplay .preString				{ margin-bottom:30px; display:block; font-size:0.75em; }



/*

.full-articledisplay .digest                { font-weight: bold; margin-bottom: 10px; }

*/

h2.digest                                   { font-size: 1em; }



.small-articledisplay .digest p             { margin: 0 0 10px 0; }



.small-articledisplay 						{ padding: 17px 11px 12px 11px; }



.small-articledisplay .tile-top,

.small-articledisplay .tile-bottom  {

   display: none;

}



.small-articledisplay .tile-heading {

   margin: 0;

   padding: 0;

}

.small-articledisplay .tile-heading h2 {

   margin: 0 0 8px 0;

   padding: 0;

   font-size:1.125em;

}



#placeholder-left-narrow .small-articledisplay-nolayout h3 {

    font-size: 2.5em; /* 40px */

    margin-top: -10px;

}

#placeholder-left-narrow .small-articledisplay-nolayout .digest {

    font-size: 0.875em; /* 14px */

    font-family:FlorisJW04;

}



#placeholder-middle .small-articledisplay { padding: 17px 11px 12px 11px; }





#placeholder-middle .small-articledisplay .tile-content	p{

    font-family:"FlorisJW04 Light";

    font-size:1.125em;

}



.small-articledisplay h3 {

   padding-bottom: 11px;

   border-bottom: 1px solid #d3d3ce;

   margin-bottom: 11px;

   font-family:Verdana, Arial, Helvetica, sans-serif;

   font-size:0.688em;

   font-weight:bold;

}



.small-articledisplay tile-content h3 {

   border-bottom: 0;

   font-size:1.125em

}



.small-articledisplay img {

   border: 1px solid #dde0e0;

   padding: 0;

   margin: 0 0 13px 0;

}



.small-articledisplay .tile-content,

.small-articledisplay .tile-content img {

   padding: 0;

   margin: 0;

}



.small-articledisplay .tile-content h1 {

   margin-top: 0;

   padding-top: 0;

   margin-bottom: 5px;

   font-size:1.125em;

}



.small-articledisplay .tile-content p {

   margin: 0 0 5px 0;

   padding: 0;

}



.small-articledisplay .tile-content p a {

   color: #333333;

}

.small-articledisplay .tile-content p a:hover {

   color: #EE180D;

}













/* -- ARTICLE LIST -- */

.full-articlelist-message { padding-bottom: 10px; }

.full-articlelist-message .search-text,

.full-articlelist-message .hits { font-weight: bold; }



#placeholder-content-no-right .full-articlelist-twocolumn h3,

#placeholder-content .full-articlelist-twocolumn h3,

#placeholder-content-no-right .full-articlelist h3,

#placeholder-content .full-articlelist h3   { margin-top: 30px; }



.full-articlelist ul,

.full-articlelist-twocolumn ul              { list-style-type: none; padding: 0; margin: 0; }



.full-articlelist ul li                     { clear: both; }



.full-articlelist-twocolumn li.odd          { float: left; clear: both; width: 48%; /* 245px; */ }



.full-articlelist-twocolumn li.even         { float: right; width: 48%; /* 245px; */ }



.full-articlelist .articlelist-link-internal ul li,

.full-articlelist-twocolumn .articlelist-link-internal ul li,

.full-articlelist-threecolumn .articlelist-link-internal ul li{ clear: none; padding: 0 0 10px 0; }



.articlelist-link-internal ul 				{ margin-left:0px; padding-left: 0px; }

.articlelist-link-internal ul li a,

.articlelist-link-internal a          		{ font-size:0.8125em; color:#ee180d;}

.articlelist-link-internal ul li a:hover,

.articlelist-link-internal a:hover          { color:#B4B4B4;}



.full-articlelist-search-result                 { font-size:0.75em; }

.full-articlelist-search-result ul li.odd,

.full-articlelist-search-result ul li.even      { border-top: 1px #dde0e0 solid;  }

.full-articlelist-search-result em.hit			{ font-style:normal; }

.full-articlelist-search-result  h3				{ font-size:1.5em; padding: 5px 0 4px 0;}

.full-articlelist-search-result  .articlelist-link-internal	{ font-size:1.23em;}



.list-navigation-text,

.list-navigation                            { text-align: center; font-size:0.75em; }



.list-navigation-text                       { margin-bottom: 10px; font-size:0.75em; }



.list-thumbnail-left                        { float: left; padding-right: 10px; }



.list-thumbnail-right                       { float: right; padding-left: 10px; }



.list-thumbnail-center                      { text-align: center; padding-bottom: 10px; }





/* -- SMALL ARTICLE LIST -- */

.small-articlelist {

   padding: 15px 11px 13px 11px;

}



.small-articlelist h3 {

   padding-bottom: 10px;

   border-bottom: 1px solid #d3d3ce;

   margin-bottom: 13px;

   font-size: 0.75em;

   font-family:Verdana, Arial, Helvetica, sans-serif;

   font-weight:bold;

}



.small-articlelist .tile-content ul li .entry-prefix {

   display: none;

}

.small-articlelist p {

   margin-bottom: 18px;

}



.small-articlelist .tile-content            { font-size: 0.625em; }



.small-articlelist li                       { padding-bottom: 5px; }



.small-articlelist a                        { display: block; }



.small-articlelist .newsarchivelink         { font-weight: bold; }



.small-articlelist .newsarchivelink a       { padding-bottom: 0px; }



.small-articlelist .newsarchivelink ul li   { margin-left: 15px; list-style-image: url(images/link_marker.png); }



/* Some minor tweaks to fix small-articlelist layout in content area */

#placeholder-content .small-articlelist h3          { margin-bottom: 10px; }



#placeholder-content-no-right .small-articlelist h3 { margin-bottom: 10px; }



#placeholder-content .small-articlelist             { margin-bottom: 10px; }





.small-articledisplay.font .tile-heading h2		{ margin:0; }





/* -- SPLIT ARTICLE LIST -- */

.split-articlelist-twocolumn,

.split-articlelist-threecolumn              { list-style-type: none; padding: 0; margin: 0; }



.split-articlelist-twocolumn ul,

.split-articlelist-threecolumn ul				{ clear:both; list-style-type: none; margin: 0; padding: 0;}



.split-articlelist-twocolumn li img,

.split-articlelist-threecolumn li img			{ border: 1px solid #dde0e0; }



.split-articlelist-twocolumn ul.large p		{ margin:4px 0 0; }

.split-articlelist-twocolumn p				{ margin:4px 0 0; }



/* large */

.split-articlelist-twocolumn ul.large object		{ border: 1px solid #dde0e0; }



.split-articlelist-twocolumn ul.large li.large div:first-child {

   border: 1px solid #dde0e0;

   margin: 0 0 16px 0;

   padding: 0;

}



#placeholder-left .split-articlelist-twocolumn ul.large object		{ border: 0; margin:0; }



#placeholder-left .split-articlelist-twocolumn ul.large h3			{ font-size:1.75em; margin-top:14px; }



/* medium */

.split-articlelist-twocolumn ul.medium		{ margin-top: 16px;}

.split-articlelist-twocolumn li.medium		{ margin-bottom: 18px; }

.split-articlelist-twocolumn li.medium	img,

.split-articlelist-threecolumn li img 		{ margin-bottom: 10px; }

.split-articlelist-twocolumn ul.medium	li.bottom {

   padding-bottom: 9px;

}



.split-articlelist-twocolumn ul.medium .articlelist-link-internal li { margin-top: -2px; }





/* small */

.split-articlelist-twocolumn ul.small {

   background-color:#eceded;

   padding:17px 17px 18px;

   padding-top: 18px;

   padding-left: 18px;

}

#placeholder-left .split-articlelist-twocolumn li.small						{ margin-bottom:6px; letter-spacing:0.005em; }

#placeholder-left .split-articlelist-twocolumn li.small h2 {

   font-family:Verdana, Arial, Helvetica, sans-serif;

   font-size:0.6875em;

   font-weight:bold;

   letter-spacing:0.005em;

   border-bottom: 1px solid #B4B4B4;

   margin:0 0 10px 0;

   padding-bottom: 6px;

}



#placeholder-left .split-articlelist-twocolumn li.small h3					{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.625em; letter-spacing:-0.03em; }

#placeholder-left .split-articlelist-twocolumn li.small .preString			{ color:#333; }

#placeholder-left .split-articlelist-twocolumn li.small .preString .separator {

   padding: 0 8px;

}

#placeholder-left .split-articlelist-twocolumn li.small a:hover .preString	{ color:#EE180D; }

#placeholder-left .split-articlelist-twocolumn li.last.small {

   margin-bottom:8px;

   border-bottom: 1px solid #b4b4b4;

   padding-bottom:11px;

}



#placeholder-left .split-articlelist-twocolumn a.archiveLink {

   margin: 0 0 20px 75px;

   font-size:0.6875em;

   text-align:center;

}

#placeholder-left .split-articlelist-twocolumn ul.small a.archiveLink img	{ border: 1px solid #dde0e0; padding:1px; margin:2px 5px -3px 0; }

#placeholder-left .split-articlelist-twocolumn ul.small a.archiveLink span	{ margin-top:-3px; color:#EE180D;}

#placeholder-left .split-articlelist-twocolumn ul.small a:hover.archiveLink span	{ margin-top:-3px; color:#B4B4B4;}



.split-articlelist-twocolumn li.odd          { float: left; clear: both; width: 225px; }

.split-articlelist-twocolumn li.even         { float: right;  width: 225px; }



/* Three column */



.split-articlelist-threecolumn              { float:right; width:100%; }



.split-articlelist-threecolumn ul.medium li img { }

.split-articlelist-threecolumn ul.medium li { padding-bottom: 11px; }

.split-articlelist-threecolumn li.one 	{ float:left; margin-right:10px; width:225px; clear:left;  display:inline; }

.split-articlelist-threecolumn li.two 	{ float:left; margin-right:10px; width:225px; }

.split-articlelist-threecolumn li.three	{ float:left; margin:0; width:225px; }



.split-articlelist-threecolumn  p		{ margin: 4px 0 7px; }



/* -- SMALL ENTITY LIST -- */

/*

   The entity list contains some info after the link. Since the link is set to

   block in small-articlelist we need to override that here. Since the entity

   list is general, and we want paranthesis around the entity score - we add

   this here. This do not work in all browsers, but it is not a critical design

   criteria. If the paranthesis is important to you, you may need to split the

   tile template into more spesialized templates for general entities, articles

   etc.

*/

.small-entitylist a                         { display: inline; }



/* -- RSS LIST --

   Most of this is already styles using the small article list above as the rss-

   reader tile is also set with the small-articlelist class.



   Lets just add the feed icon to the header background

*/

#placeholder-right-wide-frontpage .small-articlelist { padding:0px; }

#placeholder-right-wide-frontpage .small-rsslist li a { color:#EE180D; }
#placeholder-right-wide-frontpage .small-rsslist li a:hover { color:#777; }

#placeholder-right-wide-frontpage .small-rsslist li.first { margin-top:3px; }
#placeholder-right-wide-frontpage .small-rsslist li.last {border-bottom: 1px solid #D3D3CE; padding-bottom:8px; margin-bottom: 9px; }


.small-rsslist h3                   { margin-bottom: 5px; }

.small-rsslist h3 span              { display: block; width: 100%; }

.small-rsslist li                   { font-size: 12px; }

.small-rsslist li a                 { font-size: 14px; color:#EE180D; border-top: 1px solid #D3D3CE; margin: 4px 0 4px; padding-top: 8px; }

.small-rsslist li a:hover           { color: #777; }

.small-rsslist li.first a            { padding-top: 0px; border-top: none; margin:0; }

.small-rsslist li.last a            { padding-bottom: 0px; }

.small-rsslist li .date                 { font-size: 10px; color:#777; }




/* START COMMON BANNER STYLES */

.small-articledisplay-noayout {

   margin: 0 0 15px 0;

   padding: 0;

}



#placeholder-bottom h3,

.small-articledisplay-nolayout .tile-top,

.small-articledisplay-nolayout .tile-bottom {

   display: none;

}



.small-articledisplay-nolayout .tile-content {

   margin: 0;

   padding: 0;

}



.small-articledisplay-nolayout .tile-content p {

   margin: 0 0 14px 0;

   padding: 0;

}



.small-articledisplay-nolayout .tile-heading {

   margin: 0;

   padding: 0;

}



.small-articledisplay-nolayout .tile-heading h2 {

   margin: 0 0 8px 0;

   padding: 0;

   font-size:1.125em;



}



.small-articledisplay-nolayout h1 {

   margin: 0 0 2px 0;

   padding: 0;

   font-size: 1.125em;

}



.small-articledisplay-nolayout h3 {

   margin-bottom: 11px;

}

.small-articledisplay-nolayout img {

   border: 1px solid #dde0e0;

}

/* STOP COMMON BANNER STYLES */



#placeholder-left-narrow .small-articledisplay-nolayout .digest p{

    font-family:FlorisJW04;

    font-size: 1em;

}





#placeholder-left-full .small-articledisplay-nolayout { width:210px; margin-right:15px; padding-right:15px; float:left;}





/* -- PAGE FOOTER -- */

#placeholder-bottom .small-articledisplay-nolayout {

   margin: 0;

   padding: 0;

   float: none;

   color:#666666;

}



#placeholder-bottom .small-articledisplay-nolayout .tile-top,

#placeholder-bottom .small-articledisplay-nolayout .tile-bottom {

   display: none;

}



#placeholder-bottom .small-articledisplay-nolayout p {

   padding: 0;

   margin: 0;

}



#placeholder-bottom .small-articledisplay-nolayout .tile-content {

   margin: -4px 0 0 0;

   padding: 0 0 0 50px;

}



#placeholder-bottom .small-articledisplay-nolayout .tile-content img {

   border: 0;

   vertical-align: middle;

}



#placeholder-bottom .small-articledisplay-nolayout p {

   font-size: .6875em;

}



.small-articledisplay-nolayout .tile-content,

.small-articledisplay-nolayout                          { border: 0; padding: 0; margin: 0; }



#coretrek-colofon                   { float: right; font-size: .85em; }



#coretrek-colofon a                 { color: #fff }



#extra-5                            { clear: both; height: 5px; }





/* -- FULL SEARCH INPUT -- */





.full-searchinput                   { padding: 12px 0 30px 0; }



.full-searchinput label             { float: left; width: 70px; font-size:0.75em; margin-top:2px;}



.full-searchinput input             { margin-bottom: 0px; }



.full-searchinput input.textinput   { width: 250px; }



.full-searchinput .error            { margin-top: 10px; }



.full-searchinput .searchinput      { width: 187px; float: left; }



/* -- ADVANCED SEARCH INPUT --  */

.advanced-searchinput label                     { float: left; width: 90px; margin: 8px 0 0 0; padding-right: 10px; text-align: right; }



.advanced-searchinput select                    { margin-top: 5px; margin-left: 100px; }



.advanced-searchinput input                     { margin-top: 5px; }



.advanced-searchinput .datepickers .textinput   { width: 90px; }



.advanced-searchinput .datepickers-bottom       {display: block; clear: both; }



/* -- SMALL SEARCH INPUT -- */

#placeholder-right input.textinput,

#placeholder-left input.textinput   { width: 170px; }



.small-searchinput input.submit     { /*float: right;*/ }



#placeholder-top .small-searchinput {

   width: 187px;

   border-top: 1px solid #dde0e0;

   border-bottom: 1px solid #b4b4b4;

   padding: 2px 0 2px 0;

   height: 21px;

   overflow: hidden;



   margin: 0;

   position: absolute;

   top: 193px;

   left: 668px;



}



.full-searchinput .searchinput,

#placeholder-top .small-searchinput .tile-content {

   height: 17px;

   border: 1px solid #dde0e0;

   padding: 1px;

   margin: 0;

}



.full-searchinput input.textinput,

#placeholder-top .small-searchinput input.textinput {

   float: left;

   width: 134px;

   height: 15px;

   border: 0;

   margin: 0 0 0 0;

   padding: 2px 10px 0 10px;

   text-align: left;

   font-size: 0.6875em;

   font-family:Verdana, Arial, Helvetica, sans-serif;

   color:#B4B4B4;

}



.full-searchinput input.submit,

#placeholder-top .small-searchinput input.submit {

   float: right;

   width: 28px;



}



#placeholder-top .small-searchinput tile-top,

#placeholder-top .small-searchinput h3,

#placeholder-top .small-searchinput tile-bottom {

   display: none;

}



/* -- CALENDAR -- */

table.calendar-header                       { width: 100%; padding-bottom: 10px; }



table.calendar-layout                       { border-collapse: collapse; border-spacing: 0px; width: 100%; margin-top: 10px; }



.calendar-layout th                         { width: 12%; }



.calendar-layout td                         { border: 1px solid #c2c2c2; text-align: center; }



.datepicker .calendar-layout td.inactive,

.calendar-layout td.inactive                { background-color: #eee; }



.calendar-header td                         { width: 100%; text-align: center; }



.calendar-header td.next                    { width: 15px; }



.calendar-header td.previous                { width: 15px; padding: 0px; }



.small-calendar ul                          { padding: 10px 0 0 15px; }



.small-calendar ul li                       { list-style-image: url(images/link_marker.png); }



.calendar_goto_links ul                     { margin: 0; }



.small-calendar-popup                       { position: absolute; width: 250px; }



.small-calendar-popup .top                  { background: url(images/tooltip/tooltip-top.gif) no-repeat 5px 0;

                                              height: 10px; text-align: right; }



.small-calendar-popup .top a                { font-size: 0.8em; padding-right: 15px; position: relative; top: 12px; left: -4px;

                                              background: url(images/small-close.gif) no-repeat right 2px; }



.small-calendar-popup .content              { background: #fff588; padding: 20px 10px 10px 10px; border-right: 1px solid #ccc255;

                                              border-bottom: 1px solid #ddd366; }



.small-calendar-popup .content h4           { margin: 0 0 0 0; }



.small-calendar-popup .content              { text-align: left; }



.small-calendar-popup .content ul           { margin: 5px 0 0 15px; padding: 0; }



.small-calendarlist p                       { margin-top: 0; }



.hasevents { background: #fff8aa; }



/* --- DATEPICKER -- */

.datepicker-popup table.calendar-layout     { background: #fff; width: 100%; }



.calendar-layout                            { width: 180px; background: #fff; border: 1px solid #c2c2c2; padding: 10px; }



.calendar-header td                         { border: 0; padding: 0;}



input.datepickerinput                       { width: 100px; }



a.datepicker-select span                    { display: none; }



a.datepicker-select                         { border: 0; display: block; background: url(images/calendar-icon.png); width: 16px; height: 16px;}



.datepicker-nextyear,

.datepicker-previousyear                    { margin-bottom: 5px; }



.datepicker-nav span                        { display: none; }



.datepicker-nav a                           { display: block; width: 15px; height: 15px; }



.datepicker table                           { border-collapse: collapse; border-spacing: 0; padding: 0; }



/* -- MULTIMEDIAFOLDER -- */

.multimediafolder table                     { width: 100%; border-collapse: collapse; border-spacing: 0px; }



.multimediafolder th                        { text-align: left; border-bottom: 2px solid #c2c2c2; }



.multimediafolder td                        { padding: 4px 2px 2px 2px; border-bottom: 1px solid #c2c2c2; }



.multimediafolder tr.last td                { border-bottom: 0px; }



.multimediafolder-item                      { float: left; width: 170px; height: 170px; }





/* -- SLIDESHOW -- */

.slideshow-previous span                    { display: none; }



.slideshow-next span                        { display: none; }



.slideshow-next                             { float: right; }



.slideshow-previous                         { float: left; }



.slideshow-before                           { padding-top: 10px; clear: both; }



.slideshow-thumbnails                       { white-space: nowrap; overflow: hidden; text-align: center; }



.slideshow-thumbnails img                   { width: 50px; height: 50px; padding: 10px; }



.slideshow-thumbnails div                   { background: url(images/thumbnail-canvas.png) no-repeat center; width: 100px; float: left; }



.slideshow-thumbnails div.active            { background: url(images/thumbnail-canvas-active.png) no-repeat center; }



.slideshow-image                            { text-align: center; margin-bottom: 30px; }



/* -- LOGIN FORM -- */

.login-form-link                            { padding-bottom: 10px; }



#login-form-logout p                        { margin: 0; }





/* -- DIRECT EDIT -- */

.directedit-link-container                          { float: right; padding-left: 20px; }



#placeholder-bottom .directedit-link-container      { float: left;  padding: 0 20px 0 0; }



.directedit-link-container a,

#placeholder-bottom .directedit-link-container a    { color: #000; }



.directedit-link-container ul                       { margin: 0 0 5px 0; padding: 0px; }



.directedit-link-container ul li                    { float: left; list-style-type: none; padding-right: 10px; }



.directedit-link-container-bottom                   { clear: both; }



div.directedit-link-container li a                  { float: left; display: block; height: 16px; width: 16px; background-repeat: no-repeat; }



div.directedit-link-container li span               { display: none; }



div.directedit-link-container li a.edit-article     { background-image: url(images/directedit/article-edit.gif); }



div.directedit-link-container li a.new-article      { background-image: url(images/directedit/article-new.gif); }



div.directedit-link-container li a.delete-article   { background-image: url(images/directedit/article-delete.gif); }



div.directedit-link-container li a.new-category     { background-image: url(images/directedit/category-new.gif); }



div.directedit-link-container li a.edit-category    { background-image: url(images/directedit/category-edit.gif); }



div.directedit-link-container li a.delete-category  { background-image: url(images/directedit/category-delete.gif); }





/* ---   LIGHTBOX   ---------------------------------------------------------*/



/*

       Because of a Firefox bug (Linux/OS X) causing Flash to become invisible

       when rendered above a fixed layer with background opacity. This will

       happen when e.g. displaying an article with Flash content inside the

       lightbox. To fix this the lightbox javascript will override the

       background color setting it to a transparent PNG image. Make sure that

       the image has the same color and opacity as the background styled here.

       The lightbox.js will by default set opacity to 80% and set background

       image to: projectroot/html/images/lightbox/ff-overlay-img.png



       More info: http://www.findmotive.com/2006/10/02/firefox-flash-bug-update/

*/



#lightbox-overlay               { z-index: 999; background-color: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#lightbox                       { overflow: auto; width: 990px; height: 100%; padding: 0; margin: 0; position: absolute; top: 0; left: 0; font-family: Verdana, Arial}
#lightbox-container             { z-index: 1000; position: relative; margin: auto; }
#lightbox-spinner               { background: url(images/spinner-large.gif) no-repeat center center; }
#lightbox-container             { padding: 0; top: 25px; width:990px }
#lightbox-close-container       { z-index: 1000; position: absolute; right: 0; }
#lightbox-close span            { display:none; }
#lightbox-close                 { display: block; width: 60px; height: 30px; margin: 3px 12px 0 0; }
#lightbox-start                 { 

   height: 6px; background: url(images/lightbox/fasett-start-center_30x6.png) repeat-x;

   position: relative; margin: 0 78px 0 7px;

}

#lightbox .tile-content {
    margin: 10px 0 0 0;
}

#lightbox-content h1,
#lightbox-content h2,
#lightbox-content h3 {
    font-family: Verdana, Arial;
}

#lightbox-start div.left        { 

   background: url(images/lightbox/fasett-start-left_7x6.png) no-repeat; position: absolute;
   left: -7px; top: 0px; bottom: -6px; width: 7px; 

}

#lightbox-start div.right       { 
   z-index: 100; background: url(images/lightbox/fasett-start-right_79x36.png) no-repeat;
   position: absolute; right: -79px; top: 0px; bottom: -24px; width: 79px; height: 36px;
}

#lightbox-outer-content         {

   border: 1px solid #fff; padding: 0 10px 0 10px;
   background: #fff; position: relative;
   padding: 0; margin: 0 13px 0 6px;

}



#lightbox-content               {  }



#lightbox-content-left          { 

   background: url(images/lightbox/fasett-content-left_7x30.png) repeat-y;

   position: absolute; bottom: 14px; width: 7px; 

   top: 6px; left: 0px;

}



#lightbox-content-right         { 

   background: url(images/lightbox/fasett-content-right_14x30.png) repeat-y;

   position: absolute; bottom: 14px; width: 14px;

   top: 36px; right: -1px;

}



#lightbox-end                   { 

   height: 14px; background: url(images/lightbox/fasett-end-center_30x14.png) repeat-x;

   position: relative; margin: 0 13px 0 7px;

}



#lightbox-end div.left          { 

   background: url(images/lightbox/fasett-end-left_7x14.png) no-repeat;

   position: absolute; top: 0px; left: -7px; bottom: 0px; width: 7px;

}



#lightbox-end div.right         { 

   background: url(images/lightbox/fasett-end-right_14x14.png) no-repeat; 

   position: absolute; top: 0px; right: -14px; bottom: 0px; width: 14px;

}



#lightbox .tile-common          { border: 0px; }



/* --- ARTICLE DISPLAY IN LIGHTBOX ------------------------------------------ */



#lightbox .full-articledisplay { width: 705px;}





/* --- EMAIL THIS PAGE IN LIGHTBOX ------------------------------------------ */

.suggestionform label             { display: block; }



.suggestionform input.textinput   { width: 300px; margin-bottom: 5px; }



.suggestionform input.captcha     { width: auto; }



.suggestionform textarea          { width: 300px; }



.suggestionform h3                { display: none; }



.suggestionform                   { width: 320px; margin-left: auto; margin-right: auto; }



.subpost-entitycomment-form       { width: 700px; }



/* --- CONTENT PLACEHOLDER IN LIGHTBOX  ------------------------------------- */



#lightbox-placeholder-content               { width: 500px; }



#lightbox-placeholder-content .tile-content { padding: 0; }



/*#lightbox .entitycomment-form-content table { width: 400px; } */



/* ---  LINKTOOLBAR   --------------------------------------------------------*/



#placeholder-left .split-articlelist-twocolumn .linktoolbar,

#placeholder-right-wide-frontpage .full-videoarticledisplay .linktoolbar,

#placeholder-content .linktoolbar                   { margin: 10px 0 10px 0; padding: 10px; }



#placeholder-right-wide-frontpage .full-videoarticledisplay .linktoolbar .tile-bottom,

#placeholder-content .linktoolbar .tile-bottom      { clear: both; }





/* This section will be applicable on the left/right placeholders */

#placeholder-right .linktoolbar 			{ padding:15px 10px 10px 10px; font-size:100%; font-weight:normal; }

#placeholder-right .linktoolbar li			{ font-size:0.75em; }

#placeholder-right .linktoolbar h3			{ display:none; }

#placeholder-right .linktoolbar .share		{ display:none; }



.linktoolbar ul                                     { padding: 0; margin: 0; }



.linktoolbar li                                     { padding: 0 0 10px 0; margin: 0; list-style-type: none; }



.linktoolbar a                                      { padding-left: 25px; }



/* Here we override the content and content-no-right styles */

#placeholder-left .split-articlelist-twocolumn .linktoolbar h3,

#placeholder-right-wide-frontpage .full-videoarticledisplay .linktoolbar h3,

#placeholder-content-no-right .linktoolbar h3,

#placeholder-content .linktoolbar h3                { display: none; }



#placeholder-left .split-articlelist-twocolumn .linktoolbar a,

#placeholder-right-wide-frontpage .full-videoarticledisplay .linktoolbar a,

#placeholder-content-no-right .linktoolbar a,

#placeholder-content .linktoolbar a                 { color: #1b485a; font: 0.75em verdana, sans-serif; padding:0 15px 0.5em 20px;

                                                      height: 16px; display: block; float: left; }



#placeholder-left .split-articlelist-twocolumn .linktoolbar li,

#placeholder-right-wide-frontpage .full-videoarticledisplay .linktoolbar li,

#placeholder-content-no-right .linktoolbar li,

#placeholder-content .linktoolbar li                { white-space: nowrap; margin: 0; padding: 0; float: left; }



#placeholder-left .split-articlelist-twocolumn .linktoolbar, ul,

#placeholder-right-wide-frontpage .full-videoarticledisplay .linktoolbar ul,

#placeholder-content-no-right .linktoolbar ul,

#placeholder-content .linktoolbar ul                { margin: 0 0 0 0; padding: 0; list-style-type: none; }



#placeholder-left .split-articlelist-twocolumn ul.large li.large .linktoolbar .share,

#placeholder-right-wide-frontpage .full-videoarticledisplay .linktoolbar .share {

    float: left; width: 32px; font-size: 0.8em; margin: 0; padding: 0; border: none;

}



#placeholder-left .split-articlelist-twocolumn .linktoolbar li,

#placeholder-left .split-articlelist-twocolumn .linktoolbar li.first,

#placeholder-left .split-articlelist-twocolumn .linktoolbar li.last,

#placeholder-right-wide-frontpage .full-videoarticledisplay .linktoolbar li,

#placeholder-right-wide-frontpage .full-videoarticledisplay .linktoolbar li.first,

#placeholder-right-wide-frontpage .full-videoarticledisplay .linktoolbar li.last {

    float: right; width: 20px; padding-top: 2px;

}



#placeholder-left .split-articlelist-twocolumn ul.large li.large,

#placeholder-right-wide-frontpage .full-videoarticledisplay .tile-content {

    position: relative;

}

#placeholder-left .split-articlelist-twocolumn .linktoolbar,

#placeholder-right-wide-frontpage .full-videoarticledisplay .linktoolbar {

    position: absolute; bottom: 0; right: 3px; margin: 0; padding: 0; width: 100px;

}

#placeholder-left .split-articlelist-twocolumn .linktoolbar a,

#placeholder-right-wide-frontpage .full-videoarticledisplay .linktoolbar a {

    padding-bottom: 0;

}



#placeholder-left .split-articlelist-twocolumn .linktoolbar a,

#placeholder-right-wide-frontpage .full-videoarticledisplay .linktoolbar a {

    padding-left: 0;

}

/*

Using CSS sprite technique to limit the amount of requests done by a page load.

All linktoolbar icons are collected into one image. We use background offset to

control what image is visible.

*/

.font_size_link                                     { background: url(images/linktoolbar/icons.gif) no-repeat left -251px; }



.print_link                                         { background: url(images/linktoolbar/icons.gif) no-repeat left -51px; }



.tipafriend_share_link                              { background: url(images/linktoolbar/icons.gif) no-repeat left top; }



.facebook_share_link                                { background: url(images/linktoolbar/icons.gif) no-repeat left -201px; }



.delicious_share_link                               { background: url(images/linktoolbar/icons.gif) no-repeat left -101px; }



.kudos_share_link                                   { background: url(images/linktoolbar/icons.gif) no-repeat left -301px; }



.digg_share_link                                    { background: url(images/linktoolbar/icons.gif) no-repeat left -151px; }



.nettby_share_link                                  { background: url(images/linktoolbar/icons.gif) no-repeat left -401px; }



.reddit_share_link                                  { background: url(images/linktoolbar/icons.gif) no-repeat left -451px; }



.linkedin_share_link                                { background: url(images/linktoolbar/icons.gif) no-repeat left -351px; }



.twitter_share_link                                 { background: url(images/linktoolbar/icons.gif) no-repeat left -500px; }





/* --- IFRAME TILE ---------------------------------------------------------- */

.iframe-tile iframe         { width: 100%; }





/* -- WEBSHOP --------------------------------------------------------------- */

.full-productdisplay-priceorder                 { float: right; border: 1px solid #c2c2c2; padding: 5px 15px 10px 25px;

                                                  margin: 10px 0 5px 5px; }



#placeholder-content form                       { display: inline; padding: 0; margin: 0; background-color: transparent; }



.full-productdisplay-priceorder .price,

.full-productdisplay-priceorder div             { text-align: center; margin-top: 3px; }



.full-productdisplay-priceorder input,

.full-productdisplay-priceorder select          { margin-top: 5px; }





.full-productdisplay-priceorder label           { float: left; width: 50px; margin-top: 7px; clear: both; }



.full-productdisplay-priceorder .price          { font-size: 1.25em; font-weight: bold; }



.webshop-step-indicator                         { float: right; }



.webshop-step-indicator ul                      { margin: 0px; padding: 0px; }



.webshop-step-indicator li                      { list-style-type: none; display: block; float: left; width: 20px; border: 2px solid #c2c2c2;

                                                  margin-left: 5px; text-align: center; }



.webshop-step-indicator li.step-done            { border: 2px solid #c2c2c2; background-color: #c2c2c2; font-weight: bold; }



.webshop-step-indicator li.active               { border: 2px solid #568699; background-color: #74b2c7; color: #000; font-weight: bold; }



.webshop-checkout table                         { width: 100%; border-collapse: collapse; border-spacing: 0px; margin-bottom: 20px; }



.webshop-checkout table tr.even                 { background-color: #fff; }



.webshop-checkout table tr.basetotal td         { border-bottom: 3px double #000; padding-top: 10px; }



.webshop-checkout table tr th                   { text-align: left; font-style: italic; padding-bottom: 10px; }



.webshop-checkout table tr th.right-align       { text-align: right; }



.webshop-checkout table tr.productrow td        { vertical-align: top; }



.webshop-checkout table td.currency             { text-align: right; font-family: monospace; width: 100px; }



.webshop-checkout table tr.productrow td.input,

.webshop-checkout table tr.productrow td.remove { text-align: right; }



.webshop-checkout table tr.productrow td input.amountfield { width: 30px; text-align: right; }



.webshop-checkout div.shippingtext              { clear: both; padding-top: 15px; }



.webshop-checkout input.submit                  { float: right; }



.webshop-checkout div.errormessage fieldset     { border: 2px solid #f00; }



#placeholder-content .list-productdisplay form,

#placeholder-content-no-right .list-productdisplay form { background-color: transparent; display: inline; }



.webshop-list-priceorder                        { float: right; margin-left: 10px; border: 1px solid #c2c2c2; text-align: right; padding: 0 .7em 0 .7em; }



.webshop-list-price                             { font-size: 1.25em; font-weight: bold; padding-top: 10px; float: left; margin-right: 15px; }



.webshop-list-priceorder .after                 { clear: both; }





/* -- ENTITY COMMENT FORM GENERAL (copied to Blog for Blog styling ) ----------------------------------------- */



#placeholder-content .entitycomment,

#placeholder-content-no-right .entitycomment    { margin-top: 30px; }



.entitycomment ul                               { margin: 0 0 30px 0; list-style-type: none; padding: 0; }



.entitycomment li                               { padding: 5px 0 5px 0; margin: 0; }

.entitycomment li.name							{ float:left; padding-right: 10px; }



.entitycomment-urls,

.entitycomment-byline                           { color: #888; font-size: .8em; font-style: italic; }



.entitycomment-form								{ background-color:#eceded; padding:10px; }

.entitycomment-form	h3							{ font-family:Verdana, Arial, Helvetica, sans-serif; padding: 10px 0; margin-bottom:10px; border-bottom:1px solid #B4B4B4; }



.entitycomment-form-content table               { width: 100%; }



.entitycomment-form-content input               { width: 430px; }

.entitycomment-form-content input#name			{ width: 210px; }

.entitycomment-form-content input#email			{ width: 210px; }





.entitycomment-form-content textarea            { width: 430px; }



.entitycomment-form-content textarea            { height: 100px; }



.entitycomment-form-content .submit             { width: auto; }





#entitycomment-form-message                     { margin: 10px 0 10px 0; padding: 10px; border: 1px solid #c2c2c2; text-align: center; }



#entitycomment-form-error                       { margin: 10px 0 10px 0; padding: 10px; border: 1px solid #c2c2c2; text-align: center; }



.entity-comment-post-tag-offensive              { float: right; }



/* -- entity comment tree list -- */

.entitycomment .treelist div.post-body          { margin: 0 0 10px 0; padding: 2px; }



.entitycomment .treelist ul                     { margin: 0 0 10px 0; padding: 0; }



.entitycomment .treelist li                     { border: 0; padding: 0; margin: 0; }



.entitycomment .treelist ul li                  { margin-left: 20px; padding: 0; }



.entitycomment .treelist .headerblock           { padding: 5px; }



.entitycomment .treelist .headerblock div       { }



.entitycomment .treelist .headerblock h3,

.entitycomment .treelist li.collapsed .headerblock .entitycomment-byline,

.entitycomment .treelist li.collapsed .headerblock .entitycomment-urls

                                                { display: inline; clear:none; float:left; }



.entitycomment-trackback-link                   { float: right; }



.entitycomment-form-quoted                      { font-style: italic; margin-bottom: 20px; }



.entitycomment .treelist .headerblock,

.entitycomment .treelist .entitycomment-byline,

.entitycomment .treelist .entitycomment-urls,

.entitycomment .treelist .headerblock a:link,

.entitycomment .treelist .headerblock a:visited,

.entitycomment .treelist .headerblock a:hover               { color: #000; }



.entitycomment .treelist li.collapsed .headerblock,

.entitycomment .treelist li.collapsed .entitycomment-byline,

.entitycomment .treelist li.collapsed .entitycomment-urls,

.entitycomment .treelist li.collapsed .headerblock a:link,

.entitycomment .treelist li.collapsed .headerblock a:visited,

.entitycomment .treelist li.collapsed .headerblock a:hover  { color: #333; }



.entitycomment .treelist form,

.entitycomment .treelist .entitycomment-byline              { padding-top: 3px; }



.entitycomment .treelist li                                 { clear: both; padding-bottom:25px; }



.entitycomment .treelist h3                                 { font-size: 1em; }



.entitycomment .treelist a.toggler                          { float: left; margin-right: 10px; width: 16px; height: 16px; display: block; background: url(images/comments/collapse.gif) no-repeat; }



.entitycomment .treelist li.collapsed a.toggler             { background: url(images/comments/expand.gif) no-repeat; }



.entitycomment .treelist a.toggler span                     { display: none; }



.entitycomment .treelist li.collapsed .headerblock          { margin-bottom: 10px; }



.entitycomment .treelist li.collapsed .entitycomment-urls,

.entitycomment .treelist li.collapsed div.post-content,

.entitycomment .treelist li.collapsed li                    { display: none; }



.entitycomment .treelist div.post-body .buttons             { float: left; }



/* -- ENTITY RATINGS --------------------------------------------- */

.rating-label                                   { font-size: .75em; text-align: center; }



.agreedisagreerating .rating-label              { padding: 0 10px 0 3px; }



.starrating                                     { width: 85px; height: 40px; overflow:hidden; background: url(images/spinner.gif) no-repeat top center; }



.starrating fieldset                            { display: none; }



/* -- ENTITY TABBED LIST ----------------------------------------- */

.tabbedentitylist .tile-content                 { padding: 0; }



.tabbedentitylist h3                            { display:none; }



#placeholder-left .tabbedentitylist .tab h3,

#placeholder-right .tabbedentitylist .tab h3    { display: block; margin: 0px;font-size: 1.1em; }



.tabbedentitylist .tab div                      { padding: 10px; }



/* -- STYLE FOR LOGIN PAGE --------------------------------------- */

body.login #container                       { background: none; width: 300px; margin: 50px auto 0 auto;  }



body.login #placeholder-left,

body.login #placeholder-right,

body.login #placeholder-top,

body.login #placeholder-bottom              { display: none; }



body.login #placeholder-content-no-right    { width: auto; background: #fff; padding: 20px; text-align: center; }



body.login #placeholder-content-no-right .login-form  h3 { margin-bottom: 20px; }



body.login .login-form label                { display: block; position: absolute; width: 90px; text-align: left; }



body.login .login-form input.textinput      { margin: 0 0 5px 100px; }



body.login .login-form input.submit         { margin-top: 20px; }



/* -- FORM STYLES (AppbaseFormViewFefault -> CtForm, and CtWebForm) -- */

.form-tile label                            { display: block; padding-top: 5px; }

.ctwebform-element-validationerror          { display: block; }





/* A nasty clear-both to make msie render pages properly. */

/* The div MUST have content, such as a nbsp, even though */

/* font-size is set to zero. The div takes up no space.   */

div.clear-both {

        margin: 0px;

        padding: 0px;

        border: 0px;

        height: 0px;

        line-height: 0;

        font-size: 0px;

        clear: both;

}





/* START ROTATING BANNER */

#rotatingBanner {

   margin: 0 0 15px 0;

   padding: 0;

}

#rotatingBanner img {

   border: 1px solid #dde0e0;

}



#rotatingBanner .smallWrapper {

   height: 72px;

   overflow: hidden;

   padding: 0;

   margin: 0 0 15px 0;

}

#rotatingBanner .smallWrapper .left {

   float: left;

   width: 225px;

   margin: 0 15px 0 0;

   padding: 0;

}

#rotatingBanner .smallWrapper .right {

   float: right;

   width: 225px;

   margin: 0;

   padding: 0;

}

#rotatingBanner .largeWrapper {

   margin: 0;

   padding: 0;

}

#rotatingBanner .largeWrapper .largeArticle { } 



#rotatingBanner .smallWrapper .smallWrapperLeft {

    float: left;

    width: 225px;

    height: 72px;

    position:relative;

}



#rotatingBanner .smallWrapper .smallWrapperRight {

    float: right;

    width: 225px;

    height: 72px;

    position:relative;

}



#rotatingBanner .smallWrapper .smallBanner {

    position:absolute;

    left:0px;

    top:0px;

    width: 225px;

    height: 72px;

}



/* STOP ROTATING BANNER */





.hidden {

   display: none;

}



/* START DOUBLE ROLLING BANNER */



.doubleRollingBanner {

   height: 72px;

   width: 465px;

   padding: 0;

   margin: 0 0 15px 0;

   border: 0;

}



.doubleRollingBanner p {

   margin: 0;

   padding: 0;

}



.doubleRollingBanner .banner {

   float: left;

   margin: 0;

   padding: 0;

}



.doubleRollingBanner .odd {

   margin-right: 15px;

}



/* STOP DOUBLE ROLLING BANNER */





/* START VIDEO ARTICLE DISPLAY */

.full-videoarticledisplay {

   float: left;

   width: 294px;

   margin: 0 15px 21px 0;

   padding: 3px 3px 10px 3px;

   background-color: #eceded;

}



.full-videoarticledisplay .videocontainer {

   margin: 0 0 16px 0;

}



.full-videoarticledisplay .tile-content {

   padding: 0 6px 0 6px;

}



.full-videoarticledisplay .tile-content a 	{ color:#EE180D; font-size:1em; }



.full-videoarticledisplay h3 				{ padding: 0 6px 0px 6px; }



.full-videoarticledisplay .digest p			{ margin: 4px 0 2px 0;}





/* STOP VIDEO ARTICLE DISPLAY */



/* START NARROW BANNER */

.narrow-banner {

   width: 132px;

   border: 1px solid #dde0e0;

   padding: 9px 8px 0 8px;

   margin: 0 0 25px 0;

}



.narrow-banner .tile-content p {

   padding-bottom: 12px;

}



.narrow-banner h2 {

font-size: 1.125em;

}



.narrow-banner img { border: none;}



#placeholder-right-narrow-frontpage .narrow-banner {margin: 0 0 15px 0;}



/* STOP NARROW BANNER */



/* START FASETT METADATA VIEW */

.fasett-metadata-view {

   margin: 0 0 36px 0;

   padding: 0;

}

.fasett-metadata-view h2 {

   margin: 0;

   padding: 0;

   font-size: 1em;

font-weight: bold;

}

.fasett-metadata-view hr {

   margin: 10px 0 13px 0;

   padding: 0;

   border: 0;

   border-top: 1px solid #b4b4b4;

}

.fasett-metadata-view ul,

.fasett-metadata-view li {

   margin: 0;

   padding: 0;

}

.fasett-metadata-view li {

   list-style-type: none;

   margin-bottom: 7px;

}



/* STOP FASETT METADATA VIEW */



/* START METADATARELATIONLIST */



#placeholder-right .metadatarelationlist {

        margin: 0;

        padding: 17px 11px;

        margin: 0 0 26px 0;

   padding-top: 15px;

   margin-bottom: 0;

   padding-bottom: 13px;

}

#placeholder-right .metadatarelationlist .tile-top,

#placeholder-right .metadatarelationlist .tile-bottom {

        display: none;

}

#placeholder-right .metadatarelationlist h3 {

        padding: 0 0 10px 0;

        margin: 0 0 13px 0;

        font-size: 0.6875em;

        border: 0;

        border-bottom: 1px solid #b4b4b4;

        font-family:Verdana, Arial, Helvetica, sans-serif;

        font-weight:bold;



   padding-bottom: 7px;

   margin-bottom: 11px;

}

#placeholder-right .metadatarelationlist tile-content {

        margin: 0;

        padding: 0;

}

#placeholder-right .metadatarelationlist ul {

        margin: 0;

        padding: 0;

}

#placeholder-right .metadatarelationlist li {

        margin: 0 0 10px 0;

        padding: 0;

}

#placeholder-right .metadatarelationlist li a {

        color: #333333;

}

#placeholder-right .metadatarelationlist li a:hover {

        text-decoration: none;

        color:#EE180D;

}



/* STOP METADATARELATIONLIST */



.programmatic-whitespace {

        height: 15px;

}



/* START PLACEHOLDER RIGHT CATEGORY MENU */

#placeholder-right .vertical-menu			{ background-color:#eceded; padding:15px 10px 10px 10px; font-size:100%; font-weight:normal; }

#placeholder-right .vertical-menu li		{ float:left; padding-right:7px; margin-right:7px; background-image:url(images/fasett_menu_separator_2x12.gif);

                                            background-position:right 2px; background-repeat:no-repeat; font-size:0.75em; }

#placeholder-right .vertical-menu h3		{ border-bottom:1px solid #D3D3CE; margin-bottom:11px; padding-bottom:11px; }



/* STOP PLACEHOLDER RIGHT CATEGORY MENU */





/* START PLACEHOLDER RIGHT SMALL-ARTICLEDISPLAY */

#placeholder-right .small-articledisplay {

   background-color:#eceded;

   padding:11px 10px 7px 10px;

   font-size:100%;

   font-weight:normal;

}



#placeholder-right .small-articledisplay.font .tile-content p 	{ font-family:"FlorisJW04 Light"; font-size:1.125em; }



/* STOP PLACEHOLDER RIGHT SMALL-ARTICLEDISPLAY */





/* START FASETT BLOG */



#placeholder-middle-half .right h1				{ }

#placeholder-middle-half .right .digest			{ font-weight:bold; }





.blog-articlelist ul 							{ list-style-type:none; padding:0; }

.blog-articlelist.large .preString 				{ font-size:0.75em; padding-bottom:30px; }

#placeholder-middle-half .blog-articlelist.large .h2 					{ font-size:0.75em; padding-bottom:13px; }



.blog-articlelist.large .articlelist-link-internal .comments { color:#b4b4b4; font-weight:bold; font-size:0.75em; }



/* middle = news */

#placeholder-middle .blog-articlelist.small {

   padding: 40px 11px 11px;

}

#placeholder-middle .blog-articlelist.small ul 			{ margin:0; }

.blog-articlelist.small p 								{ margin:0; }

.blog-articlelist.small .comments 	{ color:#EE180D; display:block; }

.blog-articlelist.small ul 								{ margin-top:-2px; }

.blog-articlelist.small	h2 {

   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-size:0.6875em;

   font-weight:bold;

}

.blog-articlelist.small	h3 								{ padding-top:4px; margin:9px 0 4px 0; border-top:solid 1px #d3d3ce; }

.blog-articlelist.small	li.first h3						{ margin:10px 0 4px; border-top:solid 1px #D3D3CE; }

.blog-articlelist.small-image-header li.first h3        { margin: 6px 0 4px; border: none; }



#placeholder-right-frontpage .blog-articlelist.small		{ width:300px; }





/* STOP FASETT BLOGG */



/* START FASETT LINKLIST */



#placeholder-right-frontpage .linklist { width:300px; }

.linklist .image-header { padding: 8px 0px 4px 0px }

.linklist ul { list-style-type:none; padding:0; margin: 0; }

.linklist a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.75em; }

.linklist li div { margin: 4px 0 4px; padding-top:4px; border-top: solid 1px #d3d3ce; }



.linklist li.first div { border-top: none }



/* STOP FASETT LINKLIST */





/* START FASETT NEWSLETTER */



.newsletter-form							{ padding:0px 11px 0px 11px; }

.newsletter-form .tile-content				{ border-top: solid 1px #D3D3CE; padding-top:20px; margin-top:16px; }

.newsletter-form .message,

.newsletter-form .error						{ color:#EE180D; font-size:0.65625em; font-style:italic; }

.newsletter-form .newsletter-cancel			{ border-top: solid 1px #D3D3CE; font-size:0.65625em; padding-top:10px; margin-top:10px;}

.newsletter-form .newsletter-cancel a		{ color:#EE180D; }

.newsletter-form .newsletter-cancel a:hover	{ color:#B4B4B4; }

.newsletter-form label						{ font-size:0.59375em; display:block; text-transform:uppercase; }

.newsletter-form input						{ margin-bottom:10px; width:180px; border-top: 1px solid #333; border-left: 1px solid #333; }

.newsletter-form input.submit				{ display:block; width:33px; border-top: none; border-left: none; margin-left:150px; }



#placeholder-right .newsletter-form {

   padding-bottom: 17px;

}



/* STOP FASETT NEWSLETTER */







img.link {

   vertical-align: middle;

   border: 0;

   margin: 0 5px 0 0;

}



.preString {color:#666666; }



.largeFlash { margin-bottom: 15px; }

.largeFlash p { margin:0; width:705px; background-color:#000000; text-align:center; }



.flash1			{ margin-bottom:15px; width:465px; text-align:center; }

.flash1Layout 	{ background-color:#000000; }



.frontpage .flash1 { width: 290px; }







/* START FULL ARTICLELIST */

.full-articlelist.news-archive { margin-top: -5px;}

.full-articlelist.news-archive h1 { font-size: 2em; margin-top: 0; padding-top: 0;}

.full-articlelist.news-archive .list-item-wrapper { margin: 0 0 17px 0; padding: 0 0 17px 0; border-bottom: 1px solid #d3d3ce; }

.full-articlelist.news-archive .thumb-wrapper { float: left; width: 223px; margin: 0; padding: 0 17px 0 0; border: none; }

.full-articlelist.news-archive .text-wrapper { float: left; width: 373px; margin: 0; padding: 0; border: none; }

.full-articlelist.news-archive .text-wrapper p { margin: 0; padding: 2px 0; }

.full-articlelist.news-archive li {}

.full-articlelist.news-archive li.last,

.full-articlelist.news-archive .articlelist-link-internal,

.full-articlelist.news-archive .articlelist-link-internal ul,

.full-articlelist.news-archive .articlelist-link-internal ul li,

.full-articlelist.news-archive .articlelist-link-internal li,

.full-articlelist.news-archive .articlelist-link-internal a { margin: 0; padding: 0; border-bottom: none; }

/* STOP FULL ARTICLELIST */





/* FasettSisteUtvalgte  */

#placeholder-content-full .fasettSisteUtvalgte {

   background-color: #dedede; margin: 0 0 15px 0; padding: 10px 0 15px 15px; height: 153px; overflow: hidden;

}

#placeholder-content-full .fasettSisteUtvalgte .article-container {

   float: left; width: 210px; margin: 0 15px 0 0; padding: 0;

}

#placeholder-content-full .fasettSisteUtvalgte .article-container h2 {

   font-size: 1.8em;

}

#placeholder-content-full .fasettSisteUtvalgte .flash-container {

   float: left; width: 705px; margin: 0; padding: 0; height: 153px;

}





/* FasettPortfolioCategorymenu */

#placeholder-content-full .fasettPortfolioCategoryMenu {

    margin: 0 0 15px 0; padding: 0;

}

#placeholder-content-full .fasettPortfolioCategoryMenu .category {

    float: left; width: 223px; height: 378px; margin: 0 15px 0 0; padding: 0;

    border: 1px solid #dedede; overflow: hidden;

}

#placeholder-content-full .fasettPortfolioCategoryMenu .category.category3 {

    margin-right: 0;

}

#placeholder-content-full .fasettPortfolioCategoryMenu .category .header {

    padding: 6px 0 0 15px;

    margin: 0; border: none; border-bottom: 5px solid #eceeed;

    height: 33px; overflow: hidden;

    position: relative;

}

#placeholder-content-full .fasettPortfolioCategoryMenu .category .header h2 {

    /*display: inline; */

    text-transform: uppercase; font-size: 1.7em;

}

#placeholder-content-full .fasettPortfolioCategoryMenu .category .header img {

    margin: 0; vertical-align: super;

    position: absolute;

}

#placeholder-content-full .fasettPortfolioCategoryMenu .category.category0 .header img {

    top: 16px; right: 61px;

}

#placeholder-content-full .fasettPortfolioCategoryMenu .category.category1 .header img {

    top: 16px; right: 72px;

}

#placeholder-content-full .fasettPortfolioCategoryMenu .category.category2 .header img {

    top: 16px; right: 60px;

}

#placeholder-content-full .fasettPortfolioCategoryMenu .category.category3 .header img {

    top: 16px; right: 63px;

}



#placeholder-content-full .fasettPortfolioCategoryMenu .images {

    margin: 0; padding: 0; height: 235px; overflow: hidden;

}

#placeholder-content-full .fasettPortfolioCategoryMenu .images img {

    width: 225px;

}

#placeholder-content-full .fasettPortfolioCategoryMenu .category .article-body {

    padding: 10px 15px 5px 15px;

}

#placeholder-content-full .fasettPortfolioCategoryMenu .category .article-body p {

    margin: 0;

}



/* banner articles in portfolio frontpage grid's small placeholders */

.placeholder-small .tile-content {

    padding-bottom: 15px;

}



.placeholder-small .tile-common.small-articledisplay {

   padding: 0;

}

.placeholder-small .tile-common.small-articledisplay p,

.placeholder-small .tile-common.small-articledisplay-nolayout p {

   margin: 0 0 7px 0;

}



.placeholder-small .tile-common.small-articledisplay-nolayout ul  {

   margin: 0; padding: 0; list-style-type: none; border: none;

   border-top: 1px solid #dedede;

}

.placeholder-small .tile-common.small-articledisplay-nolayout li {

   font-size: 0.75em; border: none; padding: 7px 0;

   border-bottom: 1px solid #eeeeee;



}

.placeholder-small .tile-common.small-articledisplay h2,

.placeholder-small .tile-common.small-articledisplay-nolayout h2 {

   font-size: 1.15em;

}

.placeholder-small .tile-common.small-articledisplay li a,

.placeholder-small .tile-common.small-articledisplay-nolayout li a {

   color: #ee180d; text-decoration: none; 

}

.placeholder-small .tile-common.small-articledisplay li a:hover,

.placeholder-small .tile-common.small-articledisplay-nolayout li a:hover {

   color: #b4b4b4;

}

.placeholder-small .tile-common.small-articledisplay-nolayout img {

   border: none;

}



.placeholder-small .tile-common.small-articledisplay.hasPaddingLeft p,

.placeholder-small .tile-common.small-articledisplay-nolayout.hasPaddingLeft p,

.placeholder-small .tile-common.small-articledisplay.hasPaddingLeft ul,

.placeholder-small .tile-common.small-articledisplay-nolayout.hasPaddingLeft ul,

.placeholder-small .tile-common.small-articledisplay.hasPaddingLeft h2,

.placeholder-small .tile-common.small-articledisplay-nolayout.hasPaddingLeft h2 {

    margin-left: 20px;

}



.placeholder-small .tile-common.small-articledisplay.hasPaddingLeft p:first-child,

.placeholder-small .tile-common.small-articledisplay-nolayout.hasPaddingLeft p:first-child {

   margin-left: 0;

}



/* FasettFollow*/

.fasettFollow .tile-content { background-color: #eceded; padding: 8px 5px 0px 5px; }

.fasettFollow .media { width: 100%; border-bottom: 1px solid #dde0e0; padding-bottom: 8px; margin-bottom: 7px; }

/*.fasettFollow h3 {  padding: 0; margin: 0; float: left; }*/

.fasettFollow .left-wrapper { float: left;}

.fasettFollow .right-wrapper { padding-left: 0px; float: left; padding-top: 1px;}

.fasettFollow .follow-text { font-size: 0.8125em;  }

.fasettFollow .follow-link  { font-family: Verdana; font-size: 0.65625em;  }



.frontpage .newsletter-form								{ padding:0px 0px 0px 0px; }

.frontpage .newsletter-form .tile-content				{ background-color: #eceded; border-top: 0px; padding: 0px 6px 1px 6px; margin-top:0px; }

.frontpage .newsletter-form .message,

.frontpage .newsletter-form .error						{ color:#EE180D; font-size:0.65625em; font-style:italic; }

.frontpage .newsletter-form .newsletter-cancel			{ display: none; }

.frontpage .newsletter-form label						{ font-size:0.59375em; display:block; text-transform:uppercase; padding-bottom: 4px;}

.frontpage .newsletter-form input						{ margin-bottom:10px; width:135px; border-top: 1px solid #333; border-left: 1px solid #333; }

.frontpage .newsletter-form input.submit				{ display:block; width:33px; border-top: none; border-left: none; margin-left:105px; }



#placeholder-right-narrow-frontpage .small-articledisplay { background-color: #eceded; padding: 1px 5px 8px 5px; }

#placeholder-right-narrow-frontpage .small-articledisplay .tile-heading{ font-size: 0.8125em; background-image: url(images/fasett_minilogo.png); background-position: 0 1px; background-repeat: no-repeat; padding-left: 21px; padding-bottom: 5px;}

#placeholder-right-narrow-frontpage .small-articledisplay .tile-content p {font-family: Verdana; font-size: 0.65625em;}



#placeholder-left-nomiddle .linktoolbar      { padding-left: 240px;}

#placeholder-left-nomiddle .linktoolbar span { display: none;}

#placeholder-left-nomiddle .linktoolbar li   { float: left; }

#placeholder-left-nomiddle .linktoolbar ul   { float: left; }

#placeholder-left-nomiddle .linktoolbar .share { font-size: 0.75em; float: left; padding-right: 3px;}