/* ===  GENERAL PAGE STRUCTURE   =========================================== */
/* This section contains styles that defines the size and position of the
   container and placeholder div's.
                                                                             */

#container {
	width: 950px;
	margin: 20px auto 20px auto;
	overflow: hidden;
}
#placeholder-top {
	padding: 0 0 0 0;
	margin-bottom: 1em;
}
#placeholder-left {
	float:left;
	width: 200px;
	margin-bottom: 10px;
	margin-top: 10px;
}
#placeholder-content-no-right {
    padding: 20px 0px 20px 20px;
    width: 730px;
    padding-top: 16px;
    float: left;
    overflow: hidden;
}
#placeholder-content {
	float: left;
	width: 510px;
	padding: 20px 10px 20px 20px;
	overflow: hidden;
}
#placeholder-right {
	width: 200px;
	margin-bottom: 20px !important;
	float: right;
	margin-top: 10px;
}
#placeholder-bottom {
	clear: both;
}
#placeholder-left .tile-content,
#placeholder-right .tile-content {
	padding: 10px;
}
#placeholder-left .tile-common,
#placeholder-right .tile-common {
    margin-bottom: 10px;
}
#placeholder-bottom .tile-content {
	padding: 5px 10px;
	margin: 0;
}
#placeholder-bottom .tile-content p {
	padding: .5em 0;
	margin: 0;
}
#extra-1, #extra-2, #extra-3, #extra-4, #extra-5, #extra-6, #extra-7, #extra-8 {
    display: none;	
}

/* ===   SPECIAL COREPUBLISH ELEMENT STRUCTURE   =========================== */
/* This section contains structure styles for HTML content not generated by
   the frontend templates. This can be output from system functions in the
   CorePublish backend, or HTML generated by system classes in the frontend
   code.
   
   It is rarely necessary to alter these style definitions.
                                                                             */
.clear {
    clear:both;	
}
.cpform-noborder {
	border: 0;
}
.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;
}
span.ajax-button-not-visible {
    display: none;
}
span.ajax-button-visible {
    display: inline !important;
}
#extended-debug-info {
    margin-top: 100px;
    font-family: monospace;
}
.programmatic-clearboth {
    height: 0px;
    width: 0px;
    overflow: hidden;
    clear: both;
}
.javascript-popup {
    display: none;
    left: 300px;
    top: 100px;
}
#content-link {
	display: none;
}


/* ===   VISUAL DESIGN (COLORS/FONT/BORDERS)   ============================= */
/* This section defines general visual styles for the site. The section is
   divided into sub-sections to improve readability.
                                                                             */

/* ---   VISUAL STYLING OF GENERAL HTML TAGS   ----------------------------- */

body, html {
	height: 100%;
}
body {
	color: #000;
	background: #c5ebfc;
	font-family: Verdana, Arial, Helvetical, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.6;
}
h1 {
	font-size: 1.8em; /* 10px x 2em = 20px */
	font-weight: normal;
}
h2 {
	font-size: 1.4em;
	font-weight: normal;
}
h3 {
	font-size: 1.2em;
}
a:link,
a:visited,
a:hover {
	color: #086c03;
	font-weight: bold;
	text-decoration: underline;
}
a:visited {
	color: #0b9b04;
	text-decoration: underline;
}
a:hover{
	color: #0b9b04;
	text-decoration: none;
}
img {
	border: 0;
}
/* To set list styles for article content you will have to style the article
   content spesifically. Search for ".full-articledisplay ul".               */
ul,
ul li {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
}
form {
	margin: 0;
	padding: 0;
}
input,
textarea,
select {
	padding: 3px;
	border: 1px solid #7aca76;
}


/* ---   COMMON TILE VISUAL STYLING   -------------------------------------- */
/* In this section you will find visual style definitions for classes common
   for all tiles, or a set of tiles (eg. all tiles in a placeholder).
                                                                             */

input.submit,
.cpform-button {
	background: #7aca76;
	color: #fff;
	border: 1px solid #086c03;
	font-weight: bold;
	padding: 0 .5em 0 .5em;
	margin: .5em 0;	
	font-size: 1em;
}
span.required-field {
    color: #f00;
    font-weight: bold;
}
#placeholder-content h1,
#placeholder-content-no-right h1 {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	padding-bottom: .6em;
}
#placeholder-content h3,
#placeholder-content-no-right h3 {
	margin: 0;
	padding: 0;
}
#placeholder-content p,
#placeholder-content-no-right p {
	margin: 0 0 1em 0;
	padding: 0;
}
#placeholder-left h3,
#placeholder-right h3 {
	margin: 0;
	padding: .5em 0 .5em 10px;
}
#placeholder-right h3 {
	padding-left: 10px;
}
#container {
	background:#fff;
	border: 10px solid #fff;
	border-top: 0;
}
#placeholder-top {
	color: #fff;
	text-decoration: none;
	border-top: 10px solid #fff;
	background: #fff;
}
#placeholder-left .tile-content,
#placeholder-right .tile-content {
	background-color: #f1f2e7;
	border: 2px solid #7aca76;
}
#placeholder-left .small-articledisplay-nolayout div.tile-content,
#placeholder-right .small-articledisplay-nolayout div.tile-content {
	background: none;
	border: none;
	padding: 0px;
}
#placeholder-content,
#placeholder-content-no-right {
	background-color: #fff;
}
#placeholder-content form,
#placeholder-content-no-right form {
	padding: 10px;
}
#placeholder-bottom {
	color: #086c03;
}
#placeholder-bottom .tile-content {
	background: #7aca76;
}
#placeholder-left h3,
#placeholder-right h3 {
	background: #7aca76;
	color: #086c03;
}
#placeholder-content form,
#placeholder-content-no-right form {
	background: #f1f2e7;
}
#placeholder-left h3,
#placeholder-right h3 {
	font-size: 1em;
	font-weight: bold;
}
div.entitycomment td,
table.calendar-header td,
table.calendar-layout td,
div.searchlog-container td,
div.webshop-checkout td {
    vertical-align: top;	
}

/* ===   SPECIFIC TILE STYLING   =========================================== */
/* This section contains both structure and visual styling for specific tiles.
   The section is divided into sub-sections where definitions for a given tile
   are grouped together. We try to reuse definitions where possible. This
   means that there can be tile definitions for a tile outside the tiles
   sub-section.
                                                                             */

/* ---   LANGUAGE SELECTOR   ------------------------------------------------*/

#placeholder-top .language-selector h3 {
	display: none;
}
#placeholder-top .language-selector {
	position:absolute;
	top: 40px;
	margin: 0.1em 0 0 510px;
	width: 425px;
	text-align:right;
}
#placeholder-top .language-selector ul,
#placeholder-top .language-selector li {
	display: inline;
	padding-left: 5px;
}

/* ---   PAGE HEADER   ------------------------------------------------------*/

#placeholder-top .page-header span.logo {
	font-size: 2.5em;
}
#placeholder-top .page-header span.logo a:link,
#placeholder-top .page-header span.logo a:visited,
#placeholder-top .page-header span.logo a:hover {
    color: #fff;
}
#placeholder-top .page-header {
	position: absolute;
	top: 40px;
	padding-left: 10px;
}
#placeholder-top .page-header span.logo {
	padding: 0;
	margin: 0;
}

.tile-topimage{
	width: 750px;
	height: 154px;
	float: left;
}

.tile-logo {
	border-top: 2px solid #7ACA76;
	border-right: 2px solid #7ACA76;
	width: 198px;
	height: 152px;
	float: left;
}

.tile-logo a {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}

/* ---   HORIZONTAL MENU   --------------------------------------------------*/

#placeholder-top .horizontal-menu h3 {
	display: none;
}
#placeholder-top .horizontal-menu {
	width: 950px;
	height: auto;
	padding: 2em 0 0 0;
}
#placeholder-top .horizontal-menu ul,
#placeholder-top .horizontal-menu li {
	list-style: none;
	margin: 0;
	margin-top: -1.5em!important;
	padding: 10px 8px .3em 0;
	display: block;
	float: left;
}
#placeholder-top .horizontal-menu ul {
	float: right;
}
#placeholder-top .horizontal-menu li {
	margin-left: 15px;
}
#placeholder-top .horizontal-menu a,
.language-selector a {
	color: #fff;
}
#placeholder-top .horizontal-menu a:visited,
.language-selector a:visited {
	color: #7aca76;
}

/* ---   HORIZONTAL HOVER MENU   --------------------------------------------*/

.hover-menu h3 {
    display: none;
}
.hover-menu a:link,
.hover-menu a:visited,
.hover-menu a:hover {
    color: #fff;
}
.hover-menu {
    float: right;
}
.popup-root div {
    display: inline;
    padding-right: 20px;
    position:absolute;
    z-index:50;
}
.popup-root div div {
    display: block;
    width: 180px;
    padding-right: 10px;
    white-space: nowrap;
}
.hovermenuitem span {
    padding: 0;
    display: block;
}
.hovermenuitem a:link,
.hovermenuitem a:visited,
.hovermenuitem a:hover {
    color: #086c03;
}
.hovermenuitem {
    top:16px;   /* hovermenu sub offset to parent */
    left:40px;  /* hovermenu sub offset to parent */
    position:absolute;
    padding: 10px;
    z-index: 100;
    background: #7aca76;
    color: #086c03;
    border: 2px solid #086c03; 
}




.hovermenuitem {
    z-index: 110; 
}
.hovermenuitem
.hovermenuitem {
    z-index: 120;
}
.hovermenuitem
.hovermenuitem
.hovermenuitem {
    z-index: 130;
}
.hovermenuitem
.hovermenuitem
.hovermenuitem
.hovermenuitem {
    z-index: 140;
}
.hovermenuitem
.hovermenuitem
.hovermenuitem
.hovermenuitem {
    z-index: 150;
}






/* ---   ARTICLEDISPLAY   ---------------------------------------------------*/

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

/* ---   SITELOCATOR   ------------------------------------------------------*/

.sitelocator {
	float: left;
	width: 950px;
	padding: 5px 0 8px 0;
	background: #7aca76;
	color: #086c03;
}
.sitelocator li {
	background: url(images/sitelocator_separator_master.gif) no-repeat right .65em;
}
.sitelocator h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding-left: 10px !important;
	display: block;
	float:left;
}
.sitelocator ul,
.sitelocator li {
	list-style: none;
	display: block;
	float:left;
	padding-right: 10px !important;
	padding-left: 5px !important;
}
.sitelocator ul {
}
.sitelocator li.last {
	background: none;
}

/* ---   VERTICAL MENU   ----------------------------------------------------*/

.vertical-menu .tile-content {
	padding: 10px 0;
}
.vertical-menu ul {
	line-height: 2.5;
}
.vertical-menu li {
	padding-left: 10px;
    border-top: 1px dashed #7aca76;
}

.vertical-menu li li {
	border-bottom: #7aca76 dashed 1px;
}
.vertical-menu li.first {
    border: 0;
}

.vertical-menu li li {
	border-bottom: 0;
	margin-right: 0px;
	margin-left: -10px;
	padding-left: 30px;
}
.vertical-menu li li li {
	border-bottom: 0;
	margin-right: 0px;
	margin-left: -30px;
	padding-left: 50px;
}
.vertical-menu li.active {
    background: url(images/verticalmenu-active-bg.gif) repeat-x;
}

/* ---   LINK TOOLBAR   -----------------------------------------------------*/

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

/* ---   ARTICLE DISPLAY   --------------------------------------------------*/

#placeholder-content .digest,
#placeholder-content-no-right .digest {
	font-weight: bold;
	font-size: 1em;
	margin: 10px 0 10px 0;
}
.small-articledisplay p {
	padding: 0;
	padding-bottom: 10px;
	margin: 0;
}

/* ---   PAGE FOOTER   ------------------------------------------------------*/

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

#coretrek-colofon {
    position: absolute;
	padding: .5em 10px;
	margin: 10px 0;
}

/* ---   NEWSLETTER AND SUGGESTION FORM   -----------------------------------*/

.newsletter-form .tile-content input.textinput,
.login-form .tile-content input.textinput,
.suggestionform .tile-content input.textinput,
.small-searchinput .tile-content input.textinput {
	width: 95%;
	margin-bottom: .5em;
}
.newsletter-form .tile-content span {
	margin: 1em 0;
}
.suggestionform .tile-content textarea {
	width: 95%;
	font-size: 120%;
}
#newsletter-form-register div {
    margin: 10px auto 10px auto;
}

/* ---   LOGIN FORM   -------------------------------------------------------*/

#login-form-error,
#login-form-message,
#newsletter-form-error,
#newsletter-form-message,
.suggestionform .suggestionform-error,
.suggestionform .suggestionform-message,
#searchlog-container-error-message,
#entitycomment-form-error,
#entitycomment-form-message {
    color: #962727;
    font-weight: bold;
    border: 1px solid #888;
    padding: 5px;
    margin-bottom: 5px;
    text-align: center;
}
#login-form-message,
#newsletter-form-message,
#entitycomment-form-message,
.suggestionform .suggestionform-message {
    color: #279634;
}
#login-form-changepassword,
#login-form-lostpassword-container {
    display: none;
}

/* ---   ARTICLE COMMENT   --------------------------------------------------*/

.entitycomment {
	margin: 40px 0 15px 0;
}
.entitycomment h3 {
	padding: 0;
	margin: 0;
}
.entitycomment h2,
.entitycomment-form h3 {
	padding: 5px;
	margin: 0;
}
.entitycomment ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 10px 0;
}
#placeholder-content .entitycomment li,
#placeholder-content .entitycomment-form-content {
	border-top: none;
	padding: 5px;
	margin: 0;
}
#placeholder-content .entitycomment li {
    list-style-type: none;
	border-top: 1px solid #7aca76;
	border-bottom: 1px solid #7aca76;
	margin-bottom: 10px;
}
#placeholder-content .entitycomment-trackback {
    padding-top: 30px;	
}
#placeholder-content .entitycomment-trackback li {
    list-style-type: none;
    background-color: #f1f2e7;
    border-top: 1px solid #7aca76;
    border-bottom: 1px solid #7aca76;
    margin-bottom: 10px;
}
.entitycomment-trackback p {
    font-style: italic;	
}
.entitycomment-byline {
    color: #888;
    font-size: .75em;
    font-style: italic;
}
.entitycomment .tile-content {
    padding: 0;
    margin: 0;
}
.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;
}

/* ---   CAPCTHA   ----------------------------------------------------------*/

.capctha-info-container {
    padding-bottom: 15px;	
}
.captcha-regenerate {
	float: left;
}
.captcha-info {
    float: right;
}
.capctha-end {
    height: 1px;
    overflow: hidden;
    clear: both;	
}

/* ---   ARTICLE/RSS LISTS   ------------------------------------------------*/

#placeholder-right .newsarchivelink li,
#placeholder-left .newsarchivelink li {
	margin: 0 0 -1em 0;
	padding-top: 1em;
	border-top: #7aca76 dashed 1px; 
}
.small-calendarlist .tile-content li,
.small-articlelist li,
.small-rsslist li,
.metadatarelationlist li {
	padding: 0 0 1em 0;
}
#placeholder-left .small-rsslist h3,
#placeholder-right .small-rsslist h3 {
    background: #7aca76 url(images/rss-icon.gif) no-repeat right;
    background-position: 179px 8px;
}
#placeholder-left .metadatarelationlist h3,
#placeholder-right .metadatarelationlist h3 {
    background: #7aca76 url(images/relation-icon.gif) no-repeat right;
    background-position: 176px 8px;
}
#placeholder-content .small-rsslist h3 {
    font-size: 1.5em;
    margin: 0 0 15px 0 !important;
    padding-left: 20px;
    background: transparent url(images/rss-icon.gif) no-repeat left;
}
#placeholder-content .small-rsslist h3 a {
    color: #000;
    font-weight: normal;
}
#placeholder-content .small-rsslist ul {
    margin-bottom: 20px;
}
#placeholder-content .small-rsslist li a {
    display: inline;
}
#placeholder-content .small-rsslist span.date {
    display: block;
}
.list-navigation,
.list-navigation-text {
	text-align: center;
}
.full-articlelist-twocolumn,
.full-articledisplay,
.full-articlelist {
	padding-bottom: 2em;
}
.full-articlelist ul li,
.full-articlelist-twocolumn ul li {
    padding-bottom: 15px;
}
.full-articlelist ul li {
    clear: both;
}
.full-articlelist .articlelist-link-internal ul li,
.full-articlelist-twocolumn .articlelist-link-internal ul li {
    clear: none;
    padding: 0 0 10px 0;
}
.full-articlelist-twocolumn li.odd {
    clear: both;
    float: left;
    width: 245px;
}
.full-articlelist-twocolumn li.even {
    float: right;
    width: 245px;
}

/* ---   SLIDESHOW   --------------------------------------------------------*/

.slideshow {
    margin-bottom: 10px;
}
.slideshow div.tile-content {
    text-align: center;
}
#placeholder-content .slideshow form {
    background: none;
    display: inline;
    padding: 0;
}
#placeholder-content .slideshow-before {
    margin-top: 5px;
}
#placeholder-content .slideshow-image {
    padding: 0px 0 10px 0;
}
.slideshow-before {
    clear: both;
}
.slideshow-previous span,
.slideshow-next span {
	display: none;
}
.slideshow-previous,
.slideshow-next {
    height: 8px;
    width: 9px;
    background: url(images/next.gif) no-repeat;
    border: none;
    float: right;
    padding-bottom: 10px;
}
.slideshow-previous {
    background-image: url(images/previous.gif);
    float: left;
}
.slideshow .tile-content,
.random-image .tile-content {
    text-align: center;
    padding: 10px;
}
.slideshow .tile-content,
.random-image .tile-content {
    text-align: center;
}
#placeholder-content .slideshow .tile-content,
#placeholder-content-no-right .slideshow .tile-content {
    padding: 0px;
}

/* ---   IMAGEFOLDER   ------------------------------------------------------*/
.multimediafolder div.multimediafolder-item {
    float: left;
    height: 145px;
    width: 135px;
    overflow: hidden;	
}
.multimediafolder div.multimediafolder-item a:link,
.multimediafolder div.multimediafolder-item a:visited,
.multimediafolder div.multimediafolder-item a:hover {
    font-weight: normal;
    font-size: 0.75em;
    text-decoration: none;
}
.multimediafolder table {
    width: 100%;	
    border-collapse: collapse;
}
.multimediafolder th {
    text-align: left;
    background-color: #7aca76;
    color: #46485a;	
}
.multimediafolder td {
    padding: 2px 5px 3px 5px;	
}
.multimediafolder td.even {
    background-color: #f1f2e7;	
}

/* ---   CALENDAR   ---------------------------------------------------------*/

.calendar-previous,
.calendar-next {
    height: 8px;
    width: 9px;
    background-image: url(images/previous.gif);
    background-repeat: no-repeat;
    border: none;
}
.calendar-next {
    background-image: url(images/next.gif);
}
.small-calendar-popup {
    display: none;
}
.datepicker table,
.small-calendar table {
	width: 100%;
	border-collapse: collapse;
}
.datepicker td,
.small-calendar td {
	text-align: center;
}
.small-calendar .calendar-header td.previous,
.small-calendar .calendar-header td.next {
	width: 15%;
	text-align: left;
}
.small-calendar .calendar-header td.next {
    text-align: right;
}
.small-calendar ul,
.small-calendar li {
	margin: .5em 0;
}
.small-calendarlist .tile-content li {
	padding: 0 0 1.4em 0;
}
.small-calendarlist .tile-content li a,
.small-articlelist li a,
.small-rsslist li a,
.metadatarelationlist li a {
	display: block;
}
.small-calendar-popup {
	position: absolute;
	width: 300px;
	background: url(images/popup_calendar.png);
	border: 2px solid #fff;
	text-align:left;
	padding: 10px;
}
#placeholder-right .small-calendar-popup {
	margin-left: -300px;
}
.small-calendar-popup h4 {
	font-size: 120%;
	padding: 0;
	margin: 0;
}
.small-calendar-popup-close {
    text-align: right;
}
a.window-close-button {
    text-indent: 9999px;
    border: 0px;
    background: url(images/close.gif) no-repeat;
    display: block;
    width: 14px;
    height: 14px;
    overflow: hidden;
    margin-left: 0;
    margin-right: auto;
	margin-bottom: 10px;
}
.small-calendar div.tile-content div.small-calendar-popup ul {
    list-style-type: none;
	margin: 0;
	padding: 0;
}
.datepicker-popup table.calendar-layout td,
.small-calendar .calendar-layout td {
	border: 1px solid #7aca76;
	background: #fff;
}
.datepicker-popup td.today,
.small-calendar td.today {
	background: #7aca76;
	font-weight: bold;
}
.datepicker .calendar-layout td.inactive,
.small-calendar td.inactive {
	background: #f1f2e7;
}

/* ---   SEARCH   -----------------------------------------------------------*/

.full-searchinput {
    margin-bottom: 30px;
}
.full-searchinput input.textinput {
    width: 300px;
}

/* ---   DATEPICKER   -------------------------------------------------------*/

.datepicker-popup {
    display: none;
    padding: 10px;
    margin-left: 10px;
    background: url(images/popup_calendar.png);
	border: 2px solid #fff;
    width: 200px;
    text-align: center;
}
.datepicker {
    display: inline;
    padding-right: 20px;
}
.datepicker input {
    width: 75px;
}
.advanced-searchinput select {
    width: 400px;
}
.advanced-searchinput input.searchstring {
    width: 335px;
}
.datepicker-nav {
    display: inline;
}
.datepicker-nav a:link,
.datepicker-nav a:visited,
.datepicker-nav a:hover {
    text-decoration: none;
}
.datepicker-previousyear {
    padding-right: 5px;
}
.datepicker-nextyear {
    padding-left: 5px;
}
.datepicker-popup table.calendar-header {
    font-weight: bold;
}
.datepicker-nav {
    font-size: .75em;
}
.datepicker-nav a:link,
.datepicker-nav a:visited,
.datepicker-nav a:hover {
    text-decoration: none;
}
.datepicker-previousyear {
    padding-right: 5px;
}
.datepicker-nextyear {
    padding-left: 5px;
}
.advanced-searchinput select,
.advanced-searchinput input {
    margin-top: 5px;
}

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

.full-productdisplay-priceorder {
    float: right;
    background: #f1f2e7;
    padding: 5px 15px 10px 25px;
    margin: 10px 0 5px 5px;
}
#placeholder-content .amount form,
#placeholder-content-no-right .amount form {
    display: inline;
    padding: 0;
    margin: 0;
    background-color: transparent;
}
.full-productdisplay-priceorder .amount input {
    margin: 0;
}
#placeholder-content .webshop-checkout .tile-content form {
    background-color: transparent;
}
.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 #7aca76;
    margin-left: 5px;
    text-align: center;
}
.webshop-step-indicator li.step-done {
    border: 2px solid #7aca76;
    background-color: #f1f2e7;
    font-weight: bold;
}
.webshop-step-indicator li.active {
    border: 2px solid #568699;
    background-color: #f1f2e7;
    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 fieldset {
    margin-bottom: 10px;
    background-color: #f1f2e7;
}
.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.error {
    border: 2px solid red;
}
.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;
    padding: 5px 10px 5px 10px;
    margin-left: 10px;
    background-color: #f1f2e7;
}

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

#placeholder-left .iframe-tile iframe,
#placeholder-right .iframe-tile iframe {
    width: 176px;
    border: none;
    padding: 0;
    margin: 0;
}
#placeholder-content .iframe-tile h3 {
    display: none;
}
#placeholder-content .iframe-tile iframe {
    margin-top: 10px;
    width: 510px;
    border: none;
}
#placeholder-content-no-right .iframe-tile iframe {
    margin-top: 10px;
    width: 730px;
    border: none;
}

/* ---   DIRECT EDIT   ------------------------------------------------------*/

div.directedit-link-container {
    text-align: right;
}
div.directedit-link-container ul {
    list-style-type: none;
    margin: 0 0 10px 0;
    padding: 0;
}
div.directedit-link-container li {
    display: inline !important;
}
.small-articledisplay div.directedit-link-container li {
	margin: 0px;
    padding-bottom: 2px;
}
div.directedit-link-container li a:link,
div.directedit-link-container li a:visited,
div.directedit-link-container li a:hover {
    padding: 0px 0px 4px 20px;
    margin-left: -5px;
    height: 16px;
    text-transform: none;
    background-repeat: no-repeat;
    border: 0px;
    text-decoration: none;
}
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   ---------------------------------------------------------*/

#lightbox-overlay {
    z-index: 999;
    background-color: #fff;
    position: fixed;
    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: hidden;
    width: 750px;
    max-height: 75%;  
    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;
}

/* ---   TOOLTIP   ----------------------------------------------------------*/

#tooltip a:link,
#tooltip a:visited,
#tooltip a:hover {
    color: #000;	
}
#tooltip {
	color: #000;
}
#tooltip-top {
    background: url(images/tooltip-top.gif) no-repeat;
    height: 14px;
}
#tooltip-content {
	padding: 5px 10px 5px 10px;
	background: #fff588;
	border-right: 1px solid #746f32;
	border-bottom: 1px solid #746f32;
}


/* ------------------------------------------------------------------------- */
/*     Design -  2007 MUX MediaLab, Norway                                   */
/*     CSS    -  2007 CoreTrek and MUX MediaLab (www.muxmedialab.no)         */
/* ------------------------------------------------------------------------- */