/* ========    CtFrontendCssService:  start of file style.css     ======== */
@CHARSET "UTF-8";

#shadow_bottom,
#shadow_top 					{ display:none; }

body                              { color: #333; font-family: Arial, Helvetical, sans-serif; font-size: 10px; line-height: 1.6em; padding: 0; margin: 0; background: #c4c4c4 url(images/bg.png) repeat-y top; height: 100%;}
h1                                { font-size: 1.8em; font-weight: normal; color: #ee2e24; border-top: 1px #fff solid; border-bottom: 1px #fff solid; }
h2                                { font-size: 1.4em; font-weight: normal; }
a:link,
a:visited,
a:hover                           { color: #8f0000; font-weight: bold; text-decoration: underline; }
a:hover                           { text-decoration: none; }
img                               { border: 0; }
ul,
ul li                             { display: block; list-style: none; padding: 0; margin: 0; }
form                              { margin: 0; padding: 0; }
input,
textarea,
select                            { padding: 1px 1px 0px 2px; border: 1px solid #c8d6dc; }
td                                { vertical-align: top; }

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

.imgwrapper { float: left; max-width:450px; overflow:hidden; margin:0 10px 0 0;}
.txtwrapper { float: left;  }

/* -- PLACEHOLDERS -- */
#container                        { width: 824px; height: 101%; margin: 49px auto 0 auto; border: 1px solid #fff; background: #fff; overflow: hidden; }
#placeholder-top                  { color: #000; text-decoration: none; height: 185px; padding: 0; margin-bottom: 1em; }
#placeholder-left                 { float: left; width: 187px; margin: 0; }
#placeholder-right                { float: left; width: 187px; margin: 0; }
#placeholder-content              { float: left; width: 627px; margin-left: 10px; background: #edeced; overflow: hidden; }
#placeholder-content.withright    { margin-right:10px; width:564px; min-height:1px; }
#extended-debug-info              { margin-top: 100px; font-family: monospace; }

/* -- COMMONS -- */
#placeholder-right .tile-common,
#placeholder-left .tile-common    { margin-bottom: 1px; }
input.submit,
.cpform-button                    { color: #ee2e24; font-size: 1em; font-weight: bold; margin: .5em 0; padding: 0 1px 0 1px; cursor: pointer; border: none; background: #e7e7e8; }
span.required-field               { color: #f00; font-weight: bold; }

/* -- LISTS -- */ 
.small-articledisplay ul,
.full-articledisplay ul           { margin: 1em; }
.small-articledislplay ul li ul,
.full-articledisplay ul li ul     { margin: 0; }
.small-articledisplay ul li,
.full-articledisplay ul li,
.sitemap ul li                    { display: list-item; list-style: square; list-style-position: outside; margin: 0 2em; padding: 0; }
.full-articledisplay li ul,
.sitemap li ul                    { margin-bottom: 1em; }

/* -- LOGO -- */
.page-header                      { float: right; }
.page-header span.logo            { font-size: 2.5em; }
.page-header span.logo a:link,
.page-header span.logo a:visited,
.page-header span.logo a:hover    { color: #fff; }
.page-header span.logo            { padding: 0; margin: 0; }

/* -- LANGUAGE SELECTOR -- */
.language-selector                { float: right; margin: 10px; }
.language-selector h3             { display: none; }
.language-selector ul,
.language-selector li             { display: inline; padding-left: 5px; }
.language-selector a              { color: #fff; }
.language-selector a:visited      { color: #c8d6dc; }

/* -- TOOLBAR -- */
#placeholder-content .linktoolbar h3 { display: none; }
#placeholder-content .linktoolbar { text-align: right; font-size: 80%; }

/* -- MENU -- */
.vertical-menu a                  { color: #000; text-decoration: none; font-weight: normal; }
.vertical-menu ul li a            { font-weight: bold; }
.vertical-menu ul li a:hover      { text-decoration: none; cursor: default; }
.vertical-menu ul li li a         { color: #666; font-weight: normal; }
.vertical-menu ul li li a:hover   { color: #c1c2c4; text-decoration: none; cursor:pointer; }
.vertical-menu ul li li a:visited { color: #666; text-decoration: none; }
.vertical-menu h3                 { display: none; }
.vertical-menu ul                 { line-height: 18px; }
.vertical-menu ul li              { color: #000; text-transform: uppercase; padding-left: 10px; border-top: 1px solid #fff; background: #c1c2c4; }
.vertical-menu li li              { background: #e7e7e8; text-transform: none; }
.vertical-menu li li              { border-bottom: 0; margin-right: 0px; margin-left: -10px; padding-left: 10px; }
.vertical-menu li li li           { border-bottom: 0; margin-right: 0px; margin-left: -10px; padding-left: 20px; }
.vertical-menu li.first.active:before { content: "> "; }
.vertical-menu li.active          { background: #d7d5d6; }
.vertical-menu li.active a,
.vertical-menu li.active a:visited { color: #a30234; }
.vertical-menu li.active li a,
.vertical-menu li.active li a:visited { color: #666; }
.vertical-menu li li.active:before { content: "> "; }

/* -- ARTICLE DISPLAY --*/
#placeholder-content h1           { margin: 0; padding: 12px; line-height: 1.2em; padding-bottom: .6em; }
#placeholder-content h2           { margin: 0; padding: 0 12px 0 12px; }
#placeholder-content h3           { margin: 0; padding: 0; }
#placeholder-content p            { margin-bottom: 1em; padding: 0; }
#placeholder-right h3,
#placeholder-left h3              { color: #000; text-transform: uppercase; margin: 0; padding: 1px 0 1px 10px; border-bottom: 1px solid #fff; background: #c1c2c4; }
#placeholder-content .digest      { font-weight: bold; font-size: 1em; margin: 10px 0 10px 10px; }
#placeholder-right .tile-content,
#placeholder-left .tile-content   { background-color: #e7e7e8; }
#placeholder-right .small-articledisplay-nolayout .tile-content,
#placeholder-left .small-articledisplay-nolayout .tile-content { background: none; border: none; padding: 0; }
.small-articledisplay p           { padding: 0; padding-bottom: 10px; margin: 0; }
.cpform-noborder                  { border: 0; }
.full-articledisplay,
.full-articlelist                 { padding: 0; margin: 0; overflow: hidden; }
#placeholder-content p            { margin: 0 0 1em; }


#placeholder-content.withright .full-articledisplay { width:564px; overflow:hidden; }

/* -- ARTICLE LIST -- */
.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; }
.full-articlelist ul li           { margin: 0; padding-left: 8px; border-top: 1px solid #fff; }
.full-articlelist ul li.last      { border-bottom: 1px solid #fff; }
.full-articlelist ul              { padding: 0;}
.articlelist-link-internal ul li  { border: none; display: none; }
.full-articlelist-message         { margin-left: 10px; }
.list-navigation,
.list-navigation-text             { text-align: center; }

#placeholder-bottom a             { font-weight: bold; }

#placeholder-content .tile-content p { padding-left: 12px; padding-right: 10px; }

/* Do some flicking on table and cells to get 1 px border on all sides */
#placeholder-content .tile-content { margin-bottom: -1px; }
#placeholder-content .tile-content td { border-left: 1px solid #fff; border-bottom: 1px solid #fff; padding-left: 12px; }
#placeholder-content .tile-content td p { padding-left:0px; padding-right: 0px; }
#placeholder-content .tile-content table { margin-left: -1px; }

/* -- ARTICLE SEARCH -- */
.full-searchinput                 { margin-bottom: 30px; }
.full-searchinput input.textinput { width: 300px; margin-top: 3px; margin-bottom: 3px; }
.small-searchinput h3             { font-size: 1em; }
.small-searchinput .tile-content  { padding: 0 0 0 10px; }
.small-searchinput input.textinput { width: 114px; margin: 3px 0 3px 0; }
#placeholder-content form         { padding: 10px; } 


/* Tool tip */

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


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

/* ---   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 is fixed for IE6 in the IE6 stylesheet */
#lightbox-overlay               { z-index: 999; background-color: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

#lightbox                       { overflow: auto; width: 100%; height: 100%; padding: 0; margin: 0; position: absolute; top: 0; left: 0; }

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

#lightbox-close-container       { z-index: 1000; position: absolute; right: 0; }

#lightbox-close span            { display:none; }

#lightbox-close                 { display: block; width: 30px; height: 30px; margin: 3px 12px 0 0; }

#lightbox-start                 { height: 26px; background: url(images/lightbox/start-center.png) repeat-x; position: relative; margin: 0 51px 0 39px; }

#lightbox-start div.left        { background: url(images/lightbox/start-left.png) no-repeat; position: absolute; left: -38px; top: 0px; bottom: -6px; width: 38px; }

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

#lightbox-outer-content         { border: 1px solid #fff; padding: 0 10px 0 10px; background: #fff; position: relative; margin: 0 26px 0 14px; }

#lightbox-content               { font-size: 1.1em; }

#lightbox-content-left          { background: url(images/lightbox/content-left.png) repeat-y; position: absolute; left: 0px; top: 32px; bottom: 34px; width: 14px; }

#lightbox-content-right         { background: url(images/lightbox/content-right.png) repeat-y; position: absolute; right: 12px; top: 50px; bottom: 34px; width: 14px; }

#lightbox-end                   { height: 34px; background: url(images/lightbox/end-center.png) repeat-x; position: relative; margin: 0 50px 0 38px; }

#lightbox-end div.left          { background: url(images/lightbox/end-left.png) no-repeat; position: absolute; left: -38px; top: 0px; bottom: 0px; width: 38px; }

#lightbox-end div.right         { background: url(images/lightbox/end-right.png) no-repeat; position: absolute; right: -38px; top: 0px; bottom: 0px; width: 38px; }

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

#lightbox-placeholder-content   { overflow: hidden; width: 750px; }

/* LB redesign */


.lb-content h3 {	
	margin:0;
}

#lightbox-outer-content  {
	background: #ebebeb;
	border:none;
	margin:0 9px;
	padding:10px;
	position:relative;
}

#lightbox-close-container { width:26px; height: 25px; right:25px; top:25px; background: url(images/lb_close.png) no-repeat; }
#lightbox-close { width:26px; height: 25px; margin:0;}


#lightbox-start { 
	height: 9px;	 
	background: url(images/cal_tm.png) repeat-x; 
	position:relative; 
	margin: 0 9px 0 9px;
}

#lightbox-start	div.left {  height: 9px; width:9px; background: url(images/cal_tl.png) no-repeat; position: absolute; left: -9px; }
#lightbox-start	div.right {   height: 9px; width:9px; background: url(images/cal_tr.png) no-repeat; position: absolute; right: -9px; }

#lightbox-end { 
	height: 9px;	 
	background: url(images/cal_bm.png) repeat-x; 
	position:relative; 
	margin: 0 9px 0 9px;
}

#lightbox-end div.left { height: 9px; width:9px; background: url(images/cal_bl.png) no-repeat; position: absolute; left: -9px; }
#lightbox-end div.right { height: 9px; width:9px; background: url(images/cal_br.png) no-repeat; position: absolute; right: -9px; }

#lightbox-content-left { bottom: 9px; top: 9px; width: 9px; background: url(images/cal_lm.png) repeat-y; position:absolute; left: 0px;}
#lightbox-content-right { bottom: 9px; top: 9px; width: 9px; background: url(images/cal_rm.png) repeat-y; position:absolute; right: 0px;}


/* Small calendar */

.small-calendar table							{ border-collapse: collapse; width:187px; color:#808080; font-weight:bold; font-size:12px; }
.small-calendar .calendar-header				{ background: #fff; }

.small-calendar .calendar-header td				{ vertical-align: middle; text-align:center; }

.small-calendar .calendar-header td.next,
.small-calendar .calendar-header td.previous 	{ width: 25px;}

.small-calendar .calendar-header td.next .ajax-button-not-visible input { border: none; color: #939598; background: url(images/calendar_next.png) no-repeat 0 5px;}
.small-calendar .calendar-header td.previous .ajax-button-not-visible input { border: none; color: #939598; background: url(images/calendar_previous.png) no-repeat 0 5px;}
	
.small-calendar .calendar-layout th,
.small-calendar .calendar-layout td				{ width: 23px; height: 27px; border:1px solid #fff; vertical-align: middle; text-align:center; }
.small-calendar .calendar-layout td.hasevents   { background: #808080;  }
.small-calendar .calendar-layout td.hasevents a { color:#fff;  }

.small-calendar .calendar-layout td.today	{ color:#8F0000; }

.small-calendar .calendar-layout .small-calendar-popup 	{ color: #808080; margin: 0 0 0 -30px; }

.small-calendar-popup .outer-content { position:relative; }

.small-calendar-popup .tm { height: 9px; background: url(images/cal_tm.png) repeat-x; position:relative; margin: 0 9px 0 9px; }
.small-calendar-popup .tl { height: 9px; width:9px; background: url(images/cal_tl.png) no-repeat; position: absolute; left: -9px;}
.small-calendar-popup .tr { height: 9px; width:9px; background: url(images/cal_tr.png) no-repeat; position: absolute; right:-9px;}


.small-calendar-popup .content { background: #ebebeb; margin: 0 9px 0 9px; position:relative; padding:5px  }

.small-calendar-popup .lm { bottom: 0px; top: 9px; width: 9px; background: url(images/cal_lm.png) repeat-y; position:absolute; left: 0px; }
.small-calendar-popup .rm { bottom: 0px; top: 9px; width: 9px; background: url(images/cal_rm.png) repeat-y; position:absolute; right: 0px;}
.small-calendar-popup .bm { height: 9px; background: url(images/cal_bm.png) repeat-x; position:relative; margin: 0 9px 0 9px; }
.small-calendar-popup .bl { height: 9px; width:9px; background: url(images/cal_bl.png) no-repeat; position: absolute; left: -9px;}
.small-calendar-popup .br { height: 9px; width:9px; background: url(images/cal_br.png) no-repeat; position: absolute; right:-9px;}

.small-calendar .calendar-layout td.hasevents .small-calendar-popup a { color: #FB4F14; }
.small-calendar ul 								{ padding: 5px; }

#placeholder-right .small-calendar h3			{ font-size:12px; background: #808080; color: #fff; text-transform: none; height:20px; padding:4px 0 2px 10px; }

#placeholder-right .small-calendar h4	{ margin: 10px 0 5px 0 } 

.small-calendar .small-calendar-popup-close 	{ position:absolute; top:5px; right:5px; height: 13px; width: 13px; background: url(images/cal_close.png) no-repeat; }



/* ========    CtFrontendCssService:  end of file style.css     ======== */

/* ========    CtFrontendCssService:  start of css from design editor     ======== */

/* -- Design Editor generated style -- */

body {
}

.full-articledisplay .header h1 {
}

.full-articledisplay .digest {
}

.full-articledisplay .article-content {
}

.full-articlelist h3 {
}

.full-articlelist p {
}

.vertical-menu ul li {
}

.vertical-menu ul li a {
}

.vertical-menu ul li li {
}

.vertical-menu ul li li li {
}

.small-articledisplay h3 {
}

.small-articledisplay .tile-content p {
}

.back-button a {
}

.home-button a {
}

#placeholder-top {
}

#placeholder-content {
}

#placeholder-bottom {
}

/* ========    CtFrontendCssService:  end of css from design editor     ======== */