/* ----------------------------------------------------------------------------------- */
/*                      CSS / Design -  2007 MUX MediaLab, Norway                      */
/*                                 www.muxmedialab.no                                  */
/* ----------------------------------------------------------------------------------- */


/* ======================= GENERAL PAGE STRUCTURE ======================= */

#content-link {
	position: absolute;
	top: 20px;
	left: 0px; 
	height: 20px;
}
#content-link a {
	
}
#menu-link {
	height: 15px;
	clear: both;
}
#container {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 120px;
}
#placeholder-top {
	position: absolute;
	top: 20px;
	height: 120px;
    width: 740px;
    padding: 0 5px 0 5px;
}
#placeholder-left {
	float:left;
	width: 165px;
	padding: 10px 25px 15px 30px;
	min-height: 100px;
	overflow: hidden;
}
#placeholder-content {
	float: left;
	width: 475px;
	padding: 50px 30px 0px 25px;
	overflow: hidden;
	min-height: 100px;
}
#placeholder-bottom {
	clear: both;
	padding: 20px 5px 0px 5px;
	height: 160px;
}
#placeholder-left .tile-content,
#placeholder-right .tile-content {
	padding: 0;
}
#placeholder-left .tile-common,
#placeholder-right .tile-common {
    margin-bottom: 0;
}
#placeholder-bottom .tile-content {
	padding: 0;
	margin: 0;
}
#placeholder-bottom .tile-content p {
	padding: 0;
	margin: 0;
}


/* ======================= LOOK AND FEEL (COLORS/FONT/BORDERS) ======================= */

/* ------ HTML TAGS LOOK'N'FEEL ------ */

body {
	color: #333132;
	background: #bbbdc0;
	font-family: Verdana, Arial, Helvetical, sans-serif;
	margin: 20px 0px 20px 0px;
	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: #333132;
	font-weight: bold;
	text-decoration: underline;
}
a:visited {
	font-weight: normal;
}
a:hover{
	color: #bb131a;
}
img {
	border: 0;
}
ul,
li {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
}
form {
	margin: 0;
	padding: 0;
}
input,
textarea,
select {
	font-size: 1em;
	padding: 2px;
	border: 1px solid #333132;
}
td {
    vertical-align: top;
}

/* ------ COMMON TILE LOOK'N'FEEL ------ */

input.submit,
.cpform-button {
	background: #bbbdc0;
	color: #333132;
	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 {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	padding-bottom: .6em;
}
#placeholder-content h3 {
	margin: 0;
	padding: 0;
}
#placeholder-content li li {
	margin: 0 0 2em 0;
	padding: 0;
}
#placeholder-content p {
	margin: 0 0 1em 0;
	padding: 0;
}
#placeholder-left h3 {
	margin: 0;
	padding: .5em 0 .5em 0;
}
#container {
	background: url(images/container-bg.png) repeat-y;
}
#placeholder-top {
	background: #bbbdc0 url(images/placeholder-top-bg.png) left bottom no-repeat;
}
#placeholder-left {
	background: url(images/placeholder-left-bg.png) 205px 0px no-repeat;
}
#placeholder-left .tile-content,
#placeholder-right .tile-content {
}
#placeholder-left .tile-common {
	padding-bottom: 30px;
}


#placeholder-left .small-articledisplay-nolayout div.tile-content,
#placeholder-right .small-articledisplay-nolayout div.tile-content {
	background: none;
	border: none;
	padding: 0px;
}
#placeholder-content {
	background: url(images/placeholder-content-bg.png) left top no-repeat;
}
#placeholder-content form,
#placeholder-content-no-right form {
	padding: 10px;
}


#placeholder-content .full-calendardisplay h1,
#placeholder-content .full-calendardisplay h2,
#placeholder-content .full-calendardisplay h3,
#placeholder-content .full-calendardisplay h3 a:link,
#placeholder-content .full-calendardisplay h3 a:visited,
#placeholder-content .full-articledisplay h1,
#placeholder-content .full-articledisplay h2,
#placeholder-content .full-articledisplay h3,
#placeholder-content .full-articledisplay h3 a:link,
#placeholder-content .full-articledisplay h3 a:visited,
#placeholder-content .full-articlelist h1,
#placeholder-content .full-articlelist h2,
#placeholder-content .full-articlelist h3,
#placeholder-content .full-articlelist h3 a:link,
#placeholder-content .full-articlelist h3 a:visited {
	color: #bb131a;
}
#placeholder-content h2.digest {
	color: #333132;
}

#placeholder-bottom {
	background: #bbbdc0 url(images/placeholder-bottom-bg.png) left top no-repeat;	
}
#placeholder-bottom .tile-common {
	float: right;
	width: 20%;
}
#placeholder-bottom .small-articledisplay  {
	width: 59%;
}


#placeholder-left h3,
#placeholder-right h3 {
}
#placeholder-content form,
#placeholder-content-no-right form {
	border: 1px #333132 solid;
}
#placeholder-left h3,
#placeholder-right h3 {
	font-size: 1em;
	font-weight: bold;
}


/* ======================= SPECIAL COREPUBLISH ELEMENT STRUCTURE ======================= */

.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;
}
#extra-5,
.programmatic-clearboth {
    height: 0px;
    width: 0px;
    overflow: hidden;
    clear: both;
}

#placeholder-content .article-image {
	float: right;
	padding: 0px 5px 5px 15px;
}
#placeholder-content .article-image .description {
	font-style: italic;
	padding-right: 10px;
}

/* ======================= SPECIFIC TILE STYLING ======================= */

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

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

#content-link a:link,
#content-link a:visited,
#content-link a:hover {
	color: #bbbdc0;
}

#menu-link a:link,
#menu-link a:visited,
#menu-link a:hover {
	color: #fff;
}

#placeholder-top .page-header span.logo {
	font-size: 2.5em;
}

#placeholder-top .page-header .text-logo a:link,
#placeholder-top .page-header .text-logo a:visited,
#placeholder-top .page-header .text-logo a:hover {
	font-weight: bold;
	text-decoration: none;
	text-transform:uppercase;
	font-size: 40px;	
}
#placeholder-top .page-header .img-logo-bw,
#placeholder-top .page-header .img-logo-wb {
	display: none;
}

#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 {
	float: left;
	padding: 5px 0 0 0;
	min-height: 70px;
}
#placeholder-top .page-header span.logo {
	padding: 0;
	margin: 0;
}

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

#placeholder-top .horizontal-menu h3 {
	display: none;
}
#placeholder-top .horizontal-menu {
	width: 500px;
	height: auto;
	padding: 35px 0 0 0;
	float: right;
}
#placeholder-top .horizontal-menu ul,
#placeholder-top .horizontal-menu li {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0;
	display: block;
	float: left;
}
#placeholder-top .horizontal-menu ul {
	float: right;
}
#placeholder-top .horizontal-menu li {
	margin-left: 0px;
	background: url(images/btn-top-start.png) top left no-repeat;
	padding: 0 0 0 10px;
}
#placeholder-top .horizontal-menu li.active,
#placeholder-top .horizontal-menu li.main-active {
	background: url(images/btn-top-start-active.png) top left no-repeat;	
}

#placeholder-top .horizontal-menu li a {
	display: block;	
	height: 30px;
	padding: 10px 10px 0 0;
	background: url(images/btn-top-end.png) top right no-repeat;
}
#placeholder-top .horizontal-menu li a {
	font-weight: normal;
	text-transform:uppercase;
	font-size: 0.9em;
	text-decoration: none;
}
#placeholder-top .horizontal-menu li.active a,
#placeholder-top .horizontal-menu li.active a:visited,
#placeholder-top .horizontal-menu li.main-active a,
#placeholder-top .horizontal-menu li.main-active a:visited {
	background: url(images/btn-top-end-active.png) top right no-repeat;
	color: #bb131a;
	font-weight: bold;
}


#placeholder-top .horizontal-menu a,
.language-selector a {
}
#placeholder-top .horizontal-menu a:visited,
.language-selector a:visited {
	font-weight: normal;
}

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

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

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

#placeholder-content .full-articledisplay li,
#placeholder-content .sitemap 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 {
	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;
	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 .tile-content {
	padding: 10px 0;
}
.vertical-menu ul {
	line-height: 2.0;	
}
.vertical-menu li {
	display: list-item;
	list-style: disc;
	list-style-position: outside;
	margin-left: 15px;
}
.vertical-menu li li {
}
.vertical-menu li li {
	border-bottom: 0;
	margin-right: 0px;
	margin-left: -25px;
	padding-left: 30px;
	list-style-position: inside;
}
.vertical-menu li li li {
	border-bottom: 0;
	margin-right: 0px;
	margin-left: -35px;
	padding-left: 50px;
}
.vertical-menu li.first {
	border: 0;
}
.vertical-menu li.active {
}

.vertical-menu li.active > a,
.vertical-menu li.main-active > a {
	color: #bb131a;
}

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

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

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

h2.digest,
#placeholder-content .digest,
#placeholder-content-no-right .digest {
	font-weight: bold;
	font-size: 1em;
}

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

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

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

#coretrek-colofon {
    /* position: absolute; */
	/*padding: .5em 10px; */
	/* margin: 10px 0; */
	float: left;
	width: 20%;		
}
#coretrek-colofon a,
#placeholder-bottom .small-articledisplay-nolayout a {
	font-size: 12px;
}
#coretrek-colofon a:visited,
#placeholder-bottom .small-articledisplay-nolayout a:visited {
	font-weight: normal;
}


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

.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;
}
.small-searchinput h3 {
	display: block;
}
.newsletter-form .tile-content span {
	margin: 1em 0;
}
.suggestionform .tile-content textarea {
	width: 95%;
	font-size: 120%;
}

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

#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: #bb131a;
    font-weight: bold;
    border: 1px solid #333132;
    padding: 5px;
    margin-bottom: 5px;
    text-align: center;
}
#login-form-message,
#newsletter-form-message,
#entitycomment-form-message,
.suggestionform .suggestionform-message {    
}

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

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

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

#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 {
	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: 183px 5px;
}

#placeholder-content .small-rsslist {
	float: left;
	width: 195px;
	padding: 10px;
	margin: 20px 20px 0 0;
	border: 1px #333132 solid;
	height: 400px;
	overflow: hidden;	
}
#placeholder-content .small-rsslist .tile-content {
	padding-top: 15px;
}

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

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

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

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

.full-articledisplay .tile-content,
.full-articlelist li p {	
	/* text-align: justify; */	
}
.full-articlelist li .bottom {
	clear: both;
}

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

.list-navigation,
.list-navigation-text {
	text-align: center;
}

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

.full-articlelist-twocolumn,
.full-articledisplay,
.full-articlelist {
	padding-bottom: 2em;
}
.full-articlelist-twocolumn li.odd {
    clear: both;
    float: left;
    width: 245px;
}
.full-articlelist-twocolumn li.even {
    float: right;
    width: 245px;
}

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

#login-form-changepassword,
#login-form-lostpassword-container {
    display: none;
}

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

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

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

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

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

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


.contrast-selector label {
	display: none;
}
.font-selector span.normal {
	font-size: 1.0em;
}
.font-selector span.medium {
	font-size: 1.15em;
}
.font-selector span.large {
	font-size: 1.30em;
}

#placeholder-top .font-selector,
#placeholder-top .contrast-selector {
	float: left;
	padding: 15px 0 0 25px;
}
#placeholder-top .font-selector {
	padding-top: 12px;
}

/* ======================= 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 {
    display: block;
    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);
}

/* ======================= END ======================= */