@CHARSET "UTF-8";

/* -------------------------------------------------------------------------- */
/* 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: 8pt arial, sans-serif; margin: 0; padding: 0; color: #333;
                          background: #fff; }
a:visited, a:link       { 
	color: #a6ce39; 
	text-decoration: none; 
	font-weight: bold; 
	color: #8bbe01; 
}
a:hover                 { color: #8bbe01; text-decoration: underline; font-weight: bold; }
a img                   { border: 0; }
h1                      { font-size: 1.6em; font-weight: normal; }
h2                      { font-size: 1.3em; }
h3, h4                  { font-size: 1.2em; }
fieldset                { margin-bottom: 10px; padding: 15px 10px 10px 10px; }


/* -------------------------------------------------------------------------- */
/* 2. Container/placeholder positioning                                       */
/* -------------------------------------------------------------------------- */

#container {
	color: #333;
	margin: 0px auto 30px auto;
	width: 956px;
	padding: 0px 0px 0px 0px;
/*	background: #fff url(images/container_bg.gif) repeat-x bottom;*/
}

#placeholder-top {
	padding: 0px;
	background-color: #fff;
	background-image: url(images/locus_top_background_ruler_956x20.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0px;
	height: 111px;
	
/*	background-color: #fff0f0;*/
}

#placeholder-subtop {
	margin: 0px;
	padding: 0px;
	/*background-color: #ff0000;*/
}
#placeholder-menu {
	clear: both;
	border: 0px;
	border-bottom: 1px solid #f2f9fb;
	margin: 0px 0px 10px 0px;
}
#placeholder-left {
	clear:both;
	float: left;
	margin: 0 15px 20px 0;
	width: 167px;
}
/*#placeholder-left               { position: fixed; top:415px; width: 160px; margin: 0 15px 20px 0; }*/
#placeholder-right              { float: right; width: 200px; margin: 0 0 20px 0; }
#placeholder-content {
	float: left;
	padding: 0 10px 10px 10px;
	margin-bottom: 20px;
	width: 760px;
	padding: 0px;
	/*border: 1px solid #c2c2c2;*/
	
	width: 794px;
	width: 774px;
}
#placeholder-bottom             { clear: both; padding: 5px 0 0 0; }

#content-link                   { display: none; }
.content-wrapper {
    float: left;
    width: 644px;
}
#placeholder-twocols {
    width: 634px;
    margin-right: 10px;
    margin-bottom: 20px;
}
#placeholder-left-3col {
	float: left;
	width: 312px;
	padding: 0 10px 0 0;
}
#placeholder-content-3col {
	float: left;
	width: 312px;
	padding: 0 10px 0 0;
}
#placeholder-right-3col {
	float: left;
	width: 312px;
}
/* -------------------------------------------------------------------------- */
/* 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            { /*border: 1px solid #c2c2c2;*/ margin-bottom: 10px; }
.tile-content           { padding: 10px; }
.tile-bottom            { clear: both; }
#placeholder-left h3,
#placeholder-right h3   { background: #676767 url(images/tile_header_bg.gif) repeat-y top right;
                          margin: 0 0 5px 0; padding: 10px 10px 10px 10px; font: bold .9em arial, sans-serif;
                          color: #fff; text-transform: uppercase; }
                          
#placeholder-menu .tile-content,
#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; }
                          
#placeholder-left h3 a,
#placeholder-right h3 a                         { color: #fff; font: bold .9em arial, sans-serif; padding: 0px; }


/* -------------------------------------------------------------------------- */
/* 4. Non tile spesific common styles                                         */
/* -------------------------------------------------------------------------- */

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

input.textinput             { height: 1.2em; }
.textinput,                 /* do not specify input for this, as it should also work on textareas */
input.amountfield           { border: 1px solid #c2c2c2; background: url(images/input_bg.gif) repeat-x top;
                              padding-top: 6px; font-size: 0.9em; }
input.inputerror            { border: 1px solid red; }
input.submit {
	margin: 10px 0 10px 0;
	padding: 2px 10px 2px 10px;
	border: none;
	background-color: #000;
	color: #0a468e;
	text-transform: uppercase;
	font: bold 0.8em verdana, sans-serif;
}
               
.ajax-button-not-visible    { display: none; }
.ajax-button-visible        { display: block !important; }

.button-next                { display: block; height: 21px; width: 28px; background: url(images/buttons.gif) no-repeat -28px top; }
.button-previous            { display: block; height: 21px; width: 28px; background: url(images/buttons.gif) no-repeat; }
                
#tooltip-top                { background: url(images/tooltip/tooltip-top.gif) no-repeat 5px 0; overflow: hidden; height: 14px; width: 33px; }
#tooltip-content            { background: #fff588; padding: 10px; border-right: 1px solid #ccc255; border-bottom: 1px solid #ddd366; }

.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. Specific 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.
*/

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

/* -- PAGE HEADER -- */
#placeholder-top .page-header {
	float: left;
	padding: 0px 0px 0px 20px;
}
.page-header .logo {
	font-size: 1.85em;
	font-weight: bold;
}

/* -- VERTICAL MENU IN TOP PLACEHOLDER ("quicklaunch") -- */
#placeholder-top .vertical-menu {
	font-weight: bold;
	text-align: right;
	margin: 25px 0px 2px 0px;
	float: right;
	padding: 0px;
}
#placeholder-top .vertical-menu h3        { display: none; }
#placeholder-top .vertical-menu a {
	color: #666;
	text-decoration: none;
}
#placeholder-top .vertical-menu a:hover {
	text-decoration: underline;
}
#placeholder-top .vertical-menu ul        { list-style-type: none; padding: 0; margin: 0; }
#placeholder-top .vertical-menu li {
	border-left: 1px solid #666;
	padding: 0 10px 0 10px;
	display: inline;
	
	padding: 0px 10px 0px 10px;
}
#placeholder-top .vertical-menu li.first  { border-left: none; }
#placeholder-top .vertical-menu li.last {
	padding-right: 0px;
}

/* -- HORIZONTAL MENU IN TOP PLACEHOLDER ("language selector") -- */
#placeholder-top .horizontal-menu {
	font-weight: bold;
	text-align: right;
	margin-bottom: 5px;
	float: right;
	clear: right;
	padding: 0px;
}

#placeholder-top .horizontal-menu h3        { display: none; }
#placeholder-top .horizontal-menu a {
	color: #c4e1ee;
	color: #8dbcd1;
	text-decoration: none;
}
#placeholder-top .horizontal-menu a:hover {
	text-decoration: underline;
}
#placeholder-top .horizontal-menu ul        { list-style-type: none; padding: 0; margin: 0; }
#placeholder-top .horizontal-menu li {
	border-left: 1px solid #8dbcd1;
	padding: 0 10px 0 10px;
	display: inline;

	padding: 0px 10px 0px 10px;
}
#placeholder-top .horizontal-menu li.first  { border-left: none; }
#placeholder-top .horizontal-menu li.last {
	padding-right: 0px;
}

/* -- SMALL SEARCH INPUT IN TOP PLACEHOLDER -- */
/* -- search input in top placeholder -- */
#placeholder-top .small-searchinput,
#placeholder-top .small-searchinput-intra {
	float: right;
	width: 191px;
	clear: right;
	width: 220px;
}
#placeholder-top .small-searchinput-intra {
	margin-top: 25px;
	width: 300px;
}
#placeholder-top .small-searchinput h3,
#placeholder-top .small-searchinput-intra h3 {
	display: none;
}
#placeholder-top .small-searchinput div,
#placeholder-top .small-searchinput-intra div {
	margin: 0px;
	padding: 0px;
}
#placeholder-top .small-searchinput .textinput,
#placeholder-top .small-searchinput-intra .textinput {
	width: 156px;
	height: 16px;
	border: 1px solid #ccc;
	background-image: none;
	background-color: #ffffff;
	float: right;
	margin: 0px;
	padding: 0px;
}
#placeholder-top .small-searchinput .submit,
#placeholder-top .small-searchinput-intra .submit {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	float: right;
	width: 28px;
	height: 18px;
}
.small-searchinput-intra select {
	float: right;
	border: 1px solid #ccc;
	height: 18px;
	margin-left: 5px;
}
/* -- LOCUS MAIN MENU IN MENU PLACEHOLDER -- */
#placeholder-menu .locus-main-menu {
	font-weight: bold;
	font-size: 1.25em;
	margin: 0px;
	padding: 0px;
}
/*
#placeholder-menu .locus-main-menu a {
   margin: 0px;
   padding: 0px;
}
*/

#placeholder-menu .locus-main-menu ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px
}
#placeholder-menu .locus-main-menu li {
    float: left;
    padding: 0px;
    margin: 0px 1px 0px 0px;
}
#placeholder-menu .locus-main-menu li.last {
    margin-right: 0px;
}
#placeholder-menu .locus-main-menu a,
#placeholder-menu .locus-main-menu a:visited {
	color: #8dbcd1;
	text-decoration: none;
}
#placeholder-menu .locus-main-menu li.active a {
	color: #fff;
}
#placeholder-menu .locus-main-menu li .left,
#placeholder-menu .locus-main-menu li .right {
	float: left;
	width: 8px;
	height: 22px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/locus_menu_off_left_8x22.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#placeholder-menu .locus-main-menu li .right {
	background-image: url(images/locus_menu_off_right_8x22.gif);
}
#placeholder-menu .locus-main-menu li .center {
    float: left;
    height: 22px;
    padding: 2px 0px 0px 0px;
	background-image: url(images/locus_menu_off_center_5x22.gif);
	background-repeat: repeat-x;
	background-position: top left;
}
#placeholder-menu .locus-main-menu li.active .left {
	background-image: url(images/locus_menu_on_left_8x22.gif);
}
#placeholder-menu .locus-main-menu li.active .center {
	background-image: url(images/locus_menu_on_center_5x22.gif);
}
#placeholder-menu .locus-main-menu li.active .right {
	background-image: url(images/locus_menu_on_right_8x22.gif);
}


/* -- SITELOCATOR -- */
#placeholder-menu .tile-common, 
#placeholder-menu .tile-content {
   margin: 0px;
   padding: 0px;
   border: 0px;
}

#placeholder-menu .sitelocator {
   clear: both;
   color: #b8b8b8;
   margin:2px 0 5px 0;
}
#placeholder-menu .sitelocator a,
#placeholder-menu .sitelocator a:visited {
   text-decoration: none;
   color: #b8b8b8;
}
#placeholder-menu .sitelocator a:hover {
   text-decoration: underline;
}

#placeholder-menu .sitelocator h3 {
   display: none;
}
#placeholder-menu .sitelocator ul {
   list-style-type: none; 
   margin: 0; 
   padding: 0; 
}
#placeholder-menu .sitelocator li {
   float: left; 
   margin: 0 3px 0 0; 
   padding: 0px 0px 0px 10px;
   background-image: url(images/locus_sitelocator_arrow_8x7.gif);
   background-position: 1px 3px;
   background-repeat: no-repeat;
}
#placeholder-menu .sitelocator li.first {
   padding-left: 0px;
   background-image: none;
}

/* -- ARTICLE DISPLAY -- */
.full-articledisplay                        { clear: both; width:735px; width: 100%; }
.full-articledisplay h1                     { margin:0; color:#0a468e; font-size:1.5em; font-weight:bold; }
.full-articledisplay h2,                    
.full-articledisplay h3                     { margin:0;padding:0; color:#666666; font-size:1em; font-weight:bold; }
.full-articledisplay p                      { margin:0 0 10px 0;padding:0; }
.full-articledisplay .digest                { font-weight: bold; margin-bottom: 10px; }
.full-articledisplay .mainContent           { width: 410px; }
.full-articledisplay .mainContentNoImage    { width: 690px; width: 100%;}
.full-articledisplay .articlepublishdate    { font-style: italic; padding:0 0 10px 0;display:block; }
.full-articledisplay .image-,        
.full-articledisplay .image-default,        
.full-articledisplay .image-right           { float:right; width: 308px;}
.full-articledisplay .image-left,        
.full-articledisplay .image-center,        
.full-articledisplay .image-middle          { float:right; } /* Bør sjekkes om dette skal stiles på en annen måte */
.full-articledisplay .backtocategory        { clear:both;} 
.full-articledisplay .backtocategory a      { color: #8bbe01; font-style:italic; text-decoration:none;} 
.full-articledisplay .backtocategory a:hover{ text-decoration:underline;} 
h2.digest                                   { font-size: 1em; }


/* -- ARTICLE LIST -- */
#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 { clear: none; padding: 0 0 10px 0; }
.articlelist-link-internal ul li            { margin: 0 0 0 15px; /*list-style-image: url(images/link_marker.gif);*/ }
.list-navigation-text,
.list-navigation                            { /*text-align: center; */}	
.list-navigation-text                       { margin-bottom: 10px; }


/* -- SMALL ARTICLE LIST -- */
.small-articlelist .tile-content            { font-size: .9em; }
.small-articlelist li                       { padding-bottom: 10px; }
.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.gif); }

/* 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 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
*/
.small-rsslist h3 span              { display: block; width: 100%; background: url(images/feed_icon.png) no-repeat right 1px; }
.small-rsslist li.last a            { padding-bottom: 0px; }
         
                
/* -- LEFT CATEGORY MENU -- */
#placeholder-left .vertical-menu                      { font-size: 1.05em; width:160px; margin:0 0 0 3px; }
#placeholder-left .vertical-menu .tile-content        { padding: 0; margin: 0; }
#placeholder-left .vertical-menu h3                   { display: none; }
#placeholder-left .vertical-menu ul li.first          { }
#placeholder-left .vertical-menu ul li                { padding: 2px 0 2px 12px; font-weight: bold; background: url('images/locus_submenu_liststyle.png') no-repeat 0 6px; list-style-type: none}
#placeholder-left .vertical-menu ul li ul li          { padding: 2px 0 2px 10px; font-weight: normal; background:none; }
#placeholder-left .vertical-menu ul li ul li.last     { padding: 2px 0 0 10px; }
#placeholder-left .vertical-menu ul li ul li.first    { }
#placeholder-left .vertical-menu a                    { text-decoration: none; display:block; }
#placeholder-left .vertical-menu ul li.active a       { color: #8bbe01; }
#placeholder-left .vertical-menu ul li.active ul li a { color: #999999; font-weight:normal;}
#placeholder-left .vertical-menu ul li ul li a        { color: #999999; font-weight:normal;}
#placeholder-left .vertical-menu ul li a              { color: #666666; font-weight:bold; }
#placeholder-left .vertical-menu ul li a:hover        { color: #8bbe01; }
#placeholder-left .vertical-menu ul li ul li a:hover  { color: #8bbe01; }

#placeholder-left .expanded                           {  }
#placeholder-left .collapsed                          {  }

/*
#placeholder-left .expanded                           { background: url(images/menu_expanded.gif) no-repeat 10px 12px; }
#placeholder-left .collapsed                          { background: url(images/menu_collapsed.gif) no-repeat 10px 9px; }
*/



/* -- PAGE FOOTER -- */

#placeholder-bottom .small-articledisplay-nolayout      { background: url(images/footer_line.png) repeat-x; width:100%; text-align:center;padding:10px 0 0 0; }
#placeholder-bottom .small-articledisplay-nolayout      { color: #999999; }
#placeholder-bottom .small-articledisplay-nolayout a    { color: #999999; }
#placeholder-bottom .small-articledisplay-nolayout p    { display: inline; font-size: .85em; }

.small-articledisplay-nolayout                          { float: left; }
#placeholder-bottom .small-articledisplay-nolayout                          { float: none; }
.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 input             { margin-bottom: 0px; }
.full-searchinput input.textinput   { width: 250px; }
.full-searchinput .error            { margin-top: 10px; }
.advanced-searchinput select,
.advanced-searchinput input         { margin-top: 5px; }


/* -- SMALL SEARCH INPUT -- */
#placeholder-right input.textinput,
#placeholder-left input.textinput   { width: 170px; }
.small-searchinput input.submit,
.small-searchinput-intra input.submit     { float: right; }


/* -- CALENDAR -- */
table.calendar-header                       { width: 100%; }
table.calendar-layout                       { border-collapse: collapse; border-spacing: 0px; width: 100%; }
.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: 124px; text-align: center; }
.calendar-header td.next                    { width: 28px; }
.calendar-header td.previous                { width: 28px; padding: 0px; }
.small-calendar ul                          { padding: 10px 0 0 15px; }
.small-calendar ul li                       { list-style-image: url(images/link_marker.gif); }
.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; }
              
              
/* --- DATEPICKER -- */
.datepicker-popup                           { width: 180px; background: #fff; border: 1px solid #c2c2c2; padding: 10px; }
.calendar-header td                         { border: 0; }
.full-searchinput input.datepickerinput     { width: 100px; }
                

/* -- 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; height: 70px; overflow: hidden; text-align: center; } */
.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; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#lightbox                       { width: 100%; height: 100%; position: fixed; top: 0; left: 0; }
#lightbox-container             { z-index: 1000; position: relative; border: 1px solid #dedede; top: 50px; margin: auto;
                                  overflow: auto; width: 750px; max-height: 90%; background: #fff; }
#lightbox-spinner               { background: #fff url(images/lightbox/spinner.gif) center no-repeat; width: 220px; height: 19px;
                                  margin: 15% auto; }
#lightbox-container             { padding: 15px 20px 10px 20px; }
#lightbox-close-container       { position: absolute; right: 0; }
#lightbox-close span            { display:none; }
#lightbox-close                 { display: block; width: 101px; height: 9px; margin-right: 10px;
                                  background: url(images/lightbox/close-no.png) no-repeat 10px; }
#lightbox .tile-common          { border: 0px; }


/* --- EMAIL THIS PAGE IN LIGHTBOX ------------------------------------------ */
#lightbox .suggestionform label             { display: block; }
#lightbox .suggestionform input.textinput   { width: 300px; margin-bottom: 5px; }
#lightbox .suggestionform input.captcha     { width: auto; }
#lightbox .suggestionform textarea          { width: 300px; }
#lightbox .suggestionform h3                { display: none; }
#lightbox .suggestionform                   { width: 320px; margin-left: auto; margin-right: auto; }


/* ---  LINKTOOLBAR   ---------------------------------------------------------*/            
#placeholder-content .linktoolbar                   { margin: 10px 0 10px 0; padding: 10px; }
#placeholder-content .linktoolbar .tile-bottom      { clear: both; }

/* This section will be applicable on the left/right placeholders */
.linktoolbar ul                                     { padding: 0; margin: 0; }
.linktoolbar li                                     { padding: 0 0 5px 0; margin: 0; list-style-type: none; }
.linktoolbar a                                      { padding-left: 25px; }

/* Here we override the content and content-no-right styles */
#placeholder-content-no-right .linktoolbar h3,
#placeholder-content .linktoolbar h3                { display: none; }
#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-content-no-right .linktoolbar li,
#placeholder-content .linktoolbar li                { white-space: nowrap; margin: 0; padding: 0; float: left; }
#placeholder-content-no-right .linktoolbar ul,
#placeholder-content .linktoolbar ul                { margin: 0 0 0 0; padding: 0; list-style-type: none; }

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


/* --- 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 ----------------------------------------- */
#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                               { border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2;
                                                  padding: 10px 0 10px 0; margin: 0 0 10px 0; }
.entitycomment-urls                             { float: right; font-weight: bold; }
.entitycomment-byline                           { color: #888; font-size: .8em; font-style: italic; }
.entitycomment-form-content table               { width: 100%; }
.entitycomment-form-content input               { width: 325px; }
.entitycomment-form-content textarea            { width: 325px; }
.entitycomment-form-content textarea            { height: 100px; }
.entitycomment-form-content .submit             { width: auto; }
.entitycomment-urls                             { text-align: right; }
#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 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; }

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

.hidden {
   display: none;
}

/* -- locusFrontpageArticleList ------------------------ */
.locusFrontpageArticleList {
    float: left;
    width: 605px;
    height: 246px;
    margin: 0 10px 10px 0;
    margin: 0 76px 10px 0;
    padding: 0;
    /*background-color: #ff0000;*/
}
.locusFrontpageArticleList .left {
    float: left;
    width: 285px;
    height: 100%;
    margin-right: 49px;
    background-repeat: no-repeat;
    background-position: top left;
/*    background-color: #0000ff;*/
}
.locusFrontpageArticleList .left .inner {
    position: relative;
    top: 154px;
    left: 0px;
    width: 212px; /* total 226 */
    height: 66px; /* total 80 */
    padding: 7px;
    /* the background image is a square non-transparent gif in msie6 */
    background-image: url(images/locus_frontpage_articlelist_white_226x80.png);
    background-position: top left;
    background-repeat: no-repeat;
}
.locusFrontpageArticleList .right {
   float: left;
   width: 271px;
   height: 100%;
/*   background-color: #e0ffe0;*/
}

.locusFrontpageArticleList .right h3 {
   margin: 0px 0px 2px 0px;
   padding: 0px;
   font-size:1.1em;
   color:#333333;
}

.locusFrontpageArticleList .right h3 a {
   text-decoration:none;
   color:#333333;
}

.locusFrontpageArticleList .right h2 {
   margin: 0px 0px 5px 0px;
   padding: 0px;
   color: #004990;
   font-size:1.4em;
}
.locusFrontpageArticleList .right ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   border: 0px;
}
.locusFrontpageArticleList .right li {
   list-style-type: none;
   margin: 0px;
   padding: 10px 0px 6px 0px;
   border: 0px;
   border-bottom: 1px solid #dfeff6;
}

/* -- locusCalendarList ---------------------------- */
.locusCalendarList {
   float: left;
   width: 275px;
}
.locusCalendarList h3 {
   margin: 0px 0px 5px 0px;
   padding: 0px;
   color: #004990;
}
.locusCalendarList ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   border: 0px;
}

.locusCalendarList li {
   list-style-type: none;
   margin: 0px;
   padding: 10px 0px 6px 0px;
   border: 0px;
   border-bottom: 1px solid #dfeff6;
}

/* -- login-form ----------------------------------- */
.login-form {
	margin-top: 20px;
	background-color: #ebf6f6;
	width: 284px;
}
.login-form .tile-content {
	margin: 0px;
	padding: 6px;
}
.login-form h3,
.login-form label {
	display: none;
}
.login-form input.textinput {
	float: left;
	width: 99px;
	height: 16px;
	border: 1px solid #cccccc;
	margin: 0px 6px 0px 0px;
	background-image: none;
	background-color: #ffffff;
	padding: 0px;
}
.login-form input.submit {
	width: 52px;
	margin: 0px 0px 0px 5px;
	background-image: none;
	background-color: transparent;
	padding: 0px;
}

/* -- login-form-changepassword --------------   */
#login-form-changepassword {
        display: block;
}

#login-form-changepassword .row {
        clear: both;
}

#login-form-changepassword .row label {
        display: block;
}

#login-form-changepassword .submit {
        width: auto;
}


/* Activity list on front page */

.frontpage .full-articlelist                            { float:left; margin: 0; padding: 0; width: 275px; }
.frontpage .full-articlelist .left {	margin-right: 61px; }
.frontpage .full-articlelist .no_thumbnails {	margin-right: 0; }
.frontpage .full-articlelist h2                         { font-size:1.4em}
.frontpage .full-articlelist h2,
.frontpage .full-articlelist h3                         { color: #004990; margin: 0; }
.frontpage .full-articlelist h3                         { margin: 10px 0 0 0; font-size:1.1em}
.frontpage .full-articlelist h3 a                       { color: #666666; text-decoration:none; }
.frontpage .full-articlelist li                         { margin: 0px 0 5px 0; border-bottom: 1px solid #dfeff6; }
.frontpage .full-articlelist .articlelist-link-internal { margin: 0 0 5px 0; }
.frontpage .full-articlelist .calendar-date             { display:none; }
.frontpage .full-articlelist p                          { margin:2px 0 2px 0; }



/* -- locusMainArticleDisplay -------------------------- */
.locusMainArticleDisplay {
   padding: 0px;
   margin: 0px 0px 10px 0px;
}
.locusMainArticleDisplay .left-wrapper {
   float: left;
   width: 380px;
   margin: 0px 8px 0px 0px;
   padding: 0px;
}
.locusMainArticleDisplay .right-wrapper {
   width: 568px;
   margin: 0px;
   padding: 0px;
}
.locusMainArticleDisplay .top {
   background-image: url(images/locus_subtop_mainarticle_top_right_8x8.gif);
   background-repeat: no-repeat;
   background-position: top right;
   background-color: #ecf5fa;
   height: 8px;
}
.locusMainArticleDisplay .center {
   background-color: #ecf5fa;
   padding: 0px 8px 0px 8px;
   margin: 0px;
   height: 223px;
   font-size:1.1em;
}
.locusMainArticleDisplay .bottom {
   background-image: url(images/locus_subtop_mainarticle_bottom_right_8x8.gif);
   background-repeat: no-repeat;
   background-position: top right;
   background-color: #ecf5fa;
   height: 8px;
}

.locusMainArticleDisplay .center h1,
.locusMainArticleDisplay .center h2,
.locusMainArticleDisplay .center h3 {
   margin: 0px;
   color: #0a468e;
   font-size:1.4em;   
   font-weight:bold;
}

#mainArticleDisplayContainer {
	border: 0px;
	border-bottom: 1px solid #dfeff6;
   margin: 0 0 10px 0; 
   padding: 0px;
   width:100%;  
   
}
#mainArticleDisplayContainer .left {
    float: left;
    width: 400px;   
    margin: 0 20px 10px 0;
    padding: 0;
}
#mainArticleDisplayContainer .right {
    margin: 0 0 10px 0;
    float:right;    
    width: 308px;
}

/* -- articlelist additions -------------------- */
#placeholder-content .full-articlelist {
	margin-top: 0px;
}

.full-articlelist li {
	padding-bottom: 7px;
	border-bottom: 1px solid #dfeff6;
	padding-top: 10px;
	
/*	background-color: #e0e0ff;*/
/*	padding: 0;*/
	padding-top: 10px;
}
.full-articlelist li.first {
	padding-top: 0;
	
}
.full-articlelist .right {
	float: right;
	width: 61px;
	padding: 0;
	margin: 0;
}
.full-articlelist .left {
	margin-right: 161px;
}
.full-articlelist p {
	margin: 0;
	padding: 0;
}
.list-navigation {
	padding: 10px 0px 0px 0px;
}
.list-navigation a img {
	vertical-align: middle;
	margin: 0px 5px 0px 5px;
}
.list-navigation a.first img {
	margin: 0px;
}

/* article list adjustments for 3column grid */
#placeholder-left-3col .full-articlelist,
#placeholder-content-3col .full-articlelist,
#placeholder-right-3col .full-articlelist {
    /* background-color: #ff0000; */
    margin-bottom: 20px;
}
#placeholder-left-3col .full-articlelist .left,
#placeholder-content-3col .full-articlelist .left,
#placeholder-right-3col .full-articlelist .left {
    margin-right: 70px;
}
#placeholder-left-3col .list-navigation,
#placeholder-content-3col .list-navigation,
#placeholder-right-3col .list-navigation{
    margin-bottom: 10px;
/* navigation in the center of the column */
/*    text-align: center;*/
}

/* Sitemap */

.sitemap h1                 { color: #004990; margin:0 0 0 0; }
.sitemap ul                 { margin:0 0 0 7px;padding:3px; }
.sitemap ul li              { list-style-type:none; /*font-size:1.1em;*/padding: 0 0 0 13px; }
.sitemap ul li a            { color:#666666; }
.sitemap ul li a:hover      { color:#8bbe01; text-decoration:none; }
.sitemap ul li ul li a      { color:#666666; }
.sitemap ul li ul li ul li a{ color:#999999; font-weight:normal;}

.sitemap ul li              { background: url('images/locus_sitemap_style1.png') no-repeat 0 5px; }
.sitemap ul li ul li        { background: url('images/locus_sitemap_style2.png') no-repeat 0 5px; }
.sitemap ul li ul li ul li  { background: url('images/locus_sitemap_style3.png') no-repeat 0 5px; }

.sitemap ul li ul li ul li  { /*list-style-image: none;*/ }


/* Category information article */

#placeholder-content .catinfo-articledisplay         { clear:both; margin: 0 0 30px 0; }
#placeholder-content .catinfo-articledisplay h2      { margin:0; color:#0a468e; font-size:1.5em; font-weight:bold; }


/* -- search info on top of search results -- */
.search-info {
	margin-bottom: 30px;
}
.search-info h1 {
	margin:0;
	color:#0a468e;
	font-size:1.5em;
	font-weight:bold;
}
span.date {
	font-style: italic;
	font-size: 0.8em;
}
span.header {
	font-size: 11px;
}

/* -- banner article in top placeholder */
/* TODO: adjust margin-right when new logo is out */
#placeholder-top .small-articledisplay-nolayout {
/*    background-color: #ff0000;*/
    width: 400px;
    margin-top: 25px;
    margin-left: 20px;
}

/* -- banner article images in columns -- */
#placeholder-left-3col .small-articledisplay-nolayout,
#placeholder-content-3col .small-articledisplay-nolayout,
#placeholder-right-3col .small-articledisplay-nolayout {
    margin-bottom: 20px;
}
#placeholder-left-3col .small-articledisplay-nolayout p,
#placeholder-content-3col .small-articledisplay-nolayout p,
#placeholder-right-3col .small-articledisplay-nolayout p {
    padding: 0;
    margin: 0;
}
#placeholder-left-3col .small-articledisplay-nolayout img,
#placeholder-content-3col .small-articledisplay-nolayout img,
#placeholder-right-3col .small-articledisplay-nolayout img {
    border: 1px solid #ccc;
    padding: 1px;
}

/* -- twoColumn article display */
.locusTwoColumnArticleDisplay {
}
.locusTwoColumnArticleDisplay .left {
    float: left;
    width: 312px;
    margin-right: 10px;
}
.locusTwoColumnArticleDisplay .right {
    float: left;
    width: 312px;
}
.locusTwoColumnArticleDisplay .right img {
    padding: 2px;
    
}
.locusTwoColumnArticleDisplay h1 {
   margin: 0px;
   color: #0a468e;
   font-size:1.4em;   
   font-weight:bold;
}

/* -- employees list -- */

.employee {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.employee .left {
	float: left;
	width: 60px;
	background-color: #f0f0f0;
}
.employee .right {
	margin-left: 70px;
}
.employees .navigation {
	margin: 20px 0;
}
.employees .navigation img {
	vertical-align: middle;
}

/* -- START rounded corners on images -------------------------------------- */

.rounded2_wrapper {
	/* no border means no corners in msie7. needs to be set */
	border: 1px solid white;
	position: relative;
	margin: 0;
	padding: 0;
}

.rounded2_wrapper div.rounded2 {
   margin: 0;
   padding: 0;
   background-repeat: no-repeat;
   position: absolute;
   top: 0;
   left: 0;
}

.rounded2_wrapper .topleft2 {
	background-image: url(images/topleft_white_11x11.png);
	background-position: top left;
}

.rounded2_wrapper .topright2 {
	background-image: url(images/topright_white_11x11.png);
	background-position: top right;
}

.rounded2_wrapper .bottomleft2 {
	background-image: url(images/bottomleft_white_11x11.png);
	background-position: bottom left;
}

.rounded2_wrapper .bottomright2 {
	background-image: url(images/bottomright_white_11x11.png);
	background-position: bottom right;
}

/* -- END rounded corners on images ---------------------------------------- */


.frontpageflash {
	display: block;
	width: 956px;
	height: 239px;
	margin: 10px 0 11px 0;
	padding: 0;
}