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

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
#placeholder-top {
    height: 60px;
	padding: 30px 0 0 0;
	margin-bottom: 1em;
}
#placeholder-left {
	float:left;
	width: 193px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left:7px;
}
#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;
	padding-top: 16px;
	overflow: hidden;
}
#placeholder-right {
	width: 193px;
	margin-bottom: 20px !important;
	float: right;
	margin-top: 10px;
	margin-right:7px;
}
#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;
}

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

.cpform-noborder {
	border: 0;
}
.list-thumbnail-left {
    float: left;
    padding-right: 10px;
    margin-bottom:3px;
}
.list-thumbnail-right {
    float: right;
    padding-left: 10px;
    margin-bottom:3px;
}
.list-thumbnail-center {
    text-align: center;
    padding-bottom: 10px;
    margin-bottom:3px;
}
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 {
	color: #000;
	background: #666666;
	font-family: Verdana, Arial, Helvetical, sans-serif;
	margin: 20px;
	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: #000000;
	font-weight: bold;
	text-decoration: underline;
}
a:visited {
	color: #666666;
	text-decoration: underline;
}
a:hover{
	color: #568699;
	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 #c8d6dc;
}
td {
    vertical-align: top;
}

/* ---   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: #666666;
	color: #fff;
	border: 1px solid #000000;
	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;*/
	background:url(images/bg.png) repeat-y;
	/*border: 10px solid #fff;*/
	border-top: 0;	
}
#placeholder-top {
	color: #666666;
	text-decoration: none;
	/*border-top: 10px solid #fff;*/
	background: #ffffff;
	background:url(images/bg-top.png) no-repeat;
	
}
#placeholder-left .tile-content,
#placeholder-right .tile-content {
	/*background-color: #f1f2e7;*/
	background-color: #e8e8e8;
	border: 2px solid #666666;
}
#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: #000000;
	background:url(images/bg-bottom.png) no-repeat bottom left;
}
#placeholder-bottom .tile-content {
	/*background: #c8d6dc;*/
}
#placeholder-left h3,
#placeholder-right h3 {
	/*background: #c8d6dc;*/	
	background-color: #e8e8e8;
	border-top: 2px solid #666666; 
	border-left: 2px solid #666666; 
	border-right: 2px solid #666666; 
	color: #1b485a;
	/*color: #000000;*/
}
#placeholder-content form,
#placeholder-content-no-right form {
	/*background: #f1f2e7;*/
	background: #e8e8e8;
}
#placeholder-left h3,
#placeholder-right h3 {
	font-size: 1em;
	font-weight: bold;
}


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

/* ---   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: #000000;*/
}
#placeholder-top .horizontal-menu a:visited,
.language-selector a:visited {
	/*color: #666666;*/
}

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

#placeholder-top .horizontal-popup-menu h3 {
	display: none;
}
#placeholder-top .horizontal-popup-menu {
	width: 950px;
	height: auto;
	padding: 2em 0 0 0;
}
#placeholder-top .horizontal-popup-menu ul,
#placeholder-top .horizontal-popup-menu li {
	list-style: none;
	margin: 0;
	margin-top: -1.5em;
	padding: 10px 8px .3em 0;
	display: block;
	float: left;
}
#placeholder-top .horizontal-popup-menu ul {
	float: right;
}
#placeholder-top .horizontal-popup-menu li {
	/*margin-left: 15px;*/
	width: 140px;
	text-align: center;
}
#placeholder-top .horizontal-popup-menu a {
    color: #fff;
}
#placeholder-top .horizontal-popup-menu a:visited {
	color: #c8d6dc;
}
#placeholder-top .horizontal-popup-menu ul li ul {
    /*margin-left: 100px;*/
    position: absolute;
    display: none;
    z-index: 10;
    background-color: #1b485a;
    padding-top: 10px !important;
}
#placeholder-top .horizontal-popup-menu ul li ul li {
    float: none;
    width: 120px;
}
#placeholder-top .horizontal-popup-menu ul li ul,
#placeholder-top .horizontal-popup-menu ul li ul li {
    padding: 5px;
    margin: 0;
}
#placeholder-top .horizontal-popup-menu li .hover {
    display: block;
}

/* ---   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;
	position:absolute;
	top: 100px;
	width: 950px;
	margin-left: -220px;
	padding: 5px 0 8px 0;
	/*background: #c8d6dc;*/
	color: #1b485a;
}
.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 #c8d6dc;*/
    border-top: 1px dashed #cccccc;
}
.vertical-menu li li {
	/*border-bottom: #c8d6dc dashed 1px;*/
	border-bottom: 1px dashed #cccccc;
}
.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.first {
	border: 0;
}
.vertical-menu li.active {
    /*background: url(images/verticalmenu-active-bg.gif) repeat-x;*/
    background:#898989;    
}

.vertical-menu li.active a {
	color:#ffffff;
}

/* ---   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;
	border:1px solid #000000;
}
.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 #c8d6dc;
	border-bottom: 1px solid #c8d6dc;
	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 #c8d6dc;
    border-bottom: 1px solid #c8d6dc;
    margin-bottom: 10px;
}
.entitycomment-trackback p {
    font-style: italic;	
}
.entitycomment-byline {
    color: #888;
    font-size: .75em;
    font-style: italic;
}
.entitycomment-captchaHelp {
    display: block;
    font-size: .75em;
    padding-bottom: 10px;
}
.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;
}
#captcha {
    width: 130px;
}
.entitycomment-form-content .submit {
    width: auto;
}
.entitycomment-urls {
	text-align: right;
}

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

.captcha-image {
    text-align: center;	
}
.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: #c8d6dc 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: #c8d6dc url(images/rss-icon.gif) no-repeat right;
    background-position: 179px 8px;
}
#placeholder-left .metadatarelationlist h3,
#placeholder-right .metadatarelationlist h3 {
    background: #c8d6dc 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 {
	clear:left;
}

.full-articlelist ul li,
.full-articlelist-twocolumn ul li {
    padding-bottom: 10px;
}
.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,
.slideshow-next {
    height: 8px;
    width: 9px;
    background-image: url(images/next.gif);
    background-repeat: 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;
}

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


.small-calendar .hasevents {
	font-weight:normal;
	font-size:14px;
}

.calendar-previous,
.calendar-next {
    height: 10px;
    width: 10px;
    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;
	padding-top:7px;	
}
.small-calendar .calendar-header {
	font-weight:bold;	
}

.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 #c8d6dc;
	background: #fff;
}
.datepicker-popup td.today,
.small-calendar td.today {
	background: #c8d6dc;
	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;
    border:1px solid #000000;
}

/* ---   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 #c8d6dc;
    margin-left: 5px;
    text-align: center;
}
.webshop-step-indicator li.step-done {
    border: 2px solid #c8d6dc;
    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);
}


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