








/* version: 3.0.0b1 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}

address,
caption,
cite,
code,
dfn,
th,
var {
	font-style:normal;
	font-weight:normal;
}
em { font-weight:normal}
strong {font-style:normal}

li {
	list-style:none;
}

caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
nobr {
	white-space: nowrap;
} 
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0b1
build: 1163
*/
/*
*
* The YUI CSS Foundation uses the *property and _property CSS filter
* techniques to shield a value from A-grade browsers [1] other than
* IE6 & IE7 (*property) and IE6 (_property)
*
/
Section: General Rules
*/
body {
	/* center the page */
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
/*
Section: Page Width Rules (#doc, #doc2, #doc3, #doc4)
*/
/*
Subsection: General
*/
.ds-d0, /* 100% */
.ds-d1, /* 750px */
.ds-d1f, /* 750px fixed */
.ds-d2, /* 950px */
.ds-d2f, /* 950px fixed */
.ds-d3, /* 974px */
.ds-d3f, /* 974px fixed */
.ds-d4, /* 1000px */
.ds-d4f, .ds-dd { /* 1000px fixed */
	margin: auto;
	text-align: left;
	width: 57.69em;
	*width: 56.25em; /* doc1*/
}

.ds-t1,
.ds-t2,
.ds-t3,
.ds-t4,
.ds-t5,
.ds-t6,
.ds-tfw, .ds-tsl, .ds-tsr, .ds-ttc {
	margin: auto;
	text-align: left;
	width: 100%;
}

/*
Subsection: 100% (doc)
*/
.ds-d0 {
	/* Left and Right margins are not a structural part of Grids. Without them Grids
	works fine, but content bleeds to the very edge of the document, which often
	impairs readability and usability. They are
	provided because they prevent the content from "bleeding" into the browser's chrome.*/
	margin: auto 10px;
	width: auto;
}
.ds-d0f {
	width: 100%;
}

/*
Subsection: 950 Centered (doc2)
*/
.ds-d2 {
	width: 73.076em;
	*width: 71.25em;
}
.ds-d2f {
	width: 950px;
}
/*
Subsection: 974 Centered (doc3)
*/
.ds-d3 {
	width: 74.923em;
	*width: 73.05em;
}
.ds-d3f {
	width: 974px;
}
/*
Subsection: 1000 Centered
*/
.ds-d4, .ds-dd {
	width: 76.923em;
	*width: 75.0em;
}
.ds-d4f {
	width: 1000px;
}
/*
Section: Preset Template Rules (.ds-t[1-6])
*/
/*
Subsection: General
*/

/* to preserve source-order independence for Gecko without breaking IE */
.ds-b {
	position: relative;
}
.ds-b {
	_position: static;
}
.ds-main .ds-b {
	position: static;
}
.ds-main {
	width: 100%;
}
.ds-t1 .ds-main,
.ds-t2 .ds-main,
.ds-t3 .ds-main,
.ds-tsl .ds-main,
.ds-ttc .ds-main {
	float: right;
	/* IE: preserve layout at narrow widths */
	margin-left: -25em;
}

.ds-t4 .ds-main,
.ds-t5 .ds-main,
.ds-t6 .ds-main,
.ds-tsr .ds-main {
	float: left;
	/* IE: preserve layout at narrow widths */
	margin-right: -25em;
}

.ds-ttc .ds-main .ds-main {
	float: left;
	margin: auto;
	margin-right: -25em;
}

.ds-tfw .ds-main {
	float: left;
}

/* Subsection: For Specific Template Presets */

/**
* Nudge down to get to 13px equivalent for these form elements
*/

/*
TODO Create t1-6's that are based on fixed widths
*/
/* t1 narrow block = left, equivalent of 160px */
.ds-t1 .ds-b, .ds-tsl .ds-b, .ds-ttc .ds-b {
	float: left;
	width: 12.30769em;
	*width: 12.00em;
}
.ds-t1 .ds-main .ds-b, .ds-tsl .ds-main .ds-b, .ds-ttc .ds-main .ds-b {
	margin-left: 13.30769em;
	*margin-left: 12.975em;
}
/* t2 narrow block = left, equivalent of 180px */
.ds-t2 .ds-b {
	float: left;
	width: 13.84615em;
	*width: 13.50em;
}
.ds-t2 .ds-main .ds-b {
	margin-left: 14.84615em;
	*margin-left: 14.475em;
}
/* t3 narrow block = left, equivalent of 300px */
.ds-t3 .ds-b {
	float: left;
	width: 23.0769em;
	*width: 22.50em;
}
.ds-t3 .ds-main .ds-b {
	margin-left: 24.0769em;
	*margin-left: 23.475em;
}
/* t4 narrow block = right, equivalent of 180px */
.ds-t4 .ds-b, .ds-tsr .ds-b {
	float: right;
	width: 13.8456em;
	*width: 13.50em;
}
.ds-t4 .ds-main .ds-b, .ds-tsr .ds-main .ds-b {
	margin-right: 14.8456em;
	*margin-right: 14.475em;
}
/* t5 narrow block = right, equivalent of 240px */
.ds-t5 .ds-b {
	float: right;
	width: 18.4615em;
	*width: 18.00em;
}
.ds-t5 .ds-main .ds-b {
	margin-right: 19.4615em;
	*margin-right: 18.975em;
}
/* t6 narrow block = equivalent of 300px */
.ds-t6 .ds-b {
	float: right;
	width: 23.0769em;
	*width: 22.50em;
}
.ds-t6 .ds-main .ds-b {
	margin-right: 24.0769em;
	*margin-right: 23.475em;
}

.ds-tfw .ds-main .ds-b {
	margin-left: 2em;
	margin-right: 2em;
}
.ds-ttc .ds-main .ds-b {
	*height: 2em;
}
.ds-ttc .ds-main .ds-b .ds-b {
	float: right;
	height: auto;
	margin: auto;
	width: 12.30769em;
	*width: 12.00em;
}
.ds-ttc .ds-main .ds-main .ds-b {
	margin: auto;
	height: auto;
	width: auto;
	float: none;
	margin-right: 13.30769em;
	*margin-right: 12.975em;
}
.ds-main .ds-b {
	float: none;
	width: auto;
}

/*
Section: Grids and Nesting Grids
*/

/*
Subsection: Children generally take half the available space
*/

.ds-gb .ds-u,
.ds-g .ds-gb .ds-u,
.ds-gb .ds-g,
.ds-gb .ds-gb,
.ds-gb .ds-gc,
.ds-gb .ds-gd,
.ds-gb .ds-ge,
.ds-gb .ds-gf,
.ds-gc .ds-u,
.ds-gc .ds-g,
.ds-gd .ds-u {
	float: left;
}

/*Float units (and sub grids) to the right */
.ds-g .ds-u,
.ds-g .ds-g,
.ds-g .ds-gb,
.ds-g .ds-gc,
.ds-g .ds-gd,
.ds-g .ds-ge,
.ds-g .ds-gf,
.ds-gc .ds-u,
.ds-gd .ds-g,
.ds-g .ds-gc .ds-u,
.ds-ge .ds-u,
.ds-ge .ds-g,
.ds-gf .ds-g,
.ds-gf .ds-u {
	float: right;
}

/*Float units (and sub grids) to the left */
.ds-g div.first,
.ds-gb div.first,
.ds-gc div.first,
.ds-gd div.first,
.ds-ge div.first,
.ds-gf div.first,
.ds-g .ds-gc div.first,
.ds-g .ds-ge div.first,
.ds-gc div.first div.first {
	float: left;
}

.ds-g .ds-u,
.ds-g .ds-g,
.ds-g .ds-gb,
.ds-g .ds-gc,
.ds-g .ds-gd,
.ds-g .ds-ge,
.ds-g .ds-gf {
	width: 49.1%;
}

.ds-gb .ds-u,
.ds-g .ds-gb .ds-u,
.ds-gb .ds-g,
.ds-gb .ds-gb,
.ds-gb .ds-gc,
.ds-gb .ds-gd,
.ds-gb .ds-ge,
.ds-gb .ds-gf,
.ds-gc .ds-u,
.ds-gc .ds-g,
.ds-gd .ds-u {
	width: 32%;
	margin-left: 2.0%;
}

/* Give IE some extra breathing room for 1/3-based rounding issues */
.ds-gb .ds-u {
	*width: 31.8%;
	*margin-left: 1.9%;
}

.ds-gc div.first,
.ds-gd .ds-u {
	width: 66%;
	_width: 65.7%;
}
.ds-gd div.first {
	width: 32%;
	_width: 31.5%;
}

.ds-ge div.first,
.ds-gf .ds-u {
	width: 74.2%;
	_width: 74%;
}

.ds-ge .ds-u,
.ds-gf div.first {
	width: 24%;
	_width: 23.8%;
}

.ds-g .ds-gb div.first,
.ds-gb div.first,
.ds-gc div.first,
.ds-gd div.first {
	margin-left: 0;
}

/*
Section: Deep Nesting
*/
.ds-g .ds-g .ds-u,
.ds-gb .ds-g .ds-u,
.ds-gc .ds-g .ds-u,
.ds-gd .ds-g .ds-u,
.ds-ge .ds-g .ds-u,
.ds-gf .ds-g .ds-u {
	width: 49%;
	*width: 48.1%;
	*margin-left: 0;
}

.ds-g .ds-gb div.first,
.ds-gb .ds-gb div.first {
	*margin-right: 0;
	*width: 32%;
	_width: 31.7%;
}

.ds-g .ds-gc div.first,
.ds-gd .ds-g {
	width: 66%;
}

.ds-gb .ds-g div.first {
	*margin-right: 4%;
	_margin-right: 1.3%;
}

.ds-gb .ds-gc div.first,
.ds-gb .ds-gd div.first {
	*margin-right: 0;
}

.ds-gb .ds-gb .ds-u,
.ds-gb .ds-gc .ds-u {
	*margin-left: 1.8%;
	_margin-left: 4%;
}

.ds-g .ds-gb .ds-u {
	_margin-left: 1.0%;
}

.ds-gb .ds-gd .ds-u {
	*width: 66%;
	_width: 61.2%;
}
.ds-gb .ds-gd div.first {
	*width: 31%;
	_width: 29.5%;
}

.ds-g .ds-gc .ds-u,
.ds-gb .ds-gc .ds-u {
	width: 32%;
	_float: right;
	margin-right: 0;
	_margin-left: 0;
}
.ds-gb .ds-gc div.first {
	width: 66%;
	*float: left;
	*margin-left: 0;
}

.ds-gb .ds-ge .ds-u,
.ds-gb .ds-gf .ds-u {
	margin: 0;
}

.ds-gb .ds-gb .ds-u {
	_margin-left: .7%;
}

.ds-gb .ds-g div.first,
.ds-gb .ds-gb div.first {
	*margin-left:0;
}

.ds-gc .ds-g .ds-u,
.ds-gd .ds-g .ds-u {
	*width: 48.1%;
	*margin-left: 0;
}

.ds-gb .ds-gd div.first {
	width: 32%;
}
.ds-g .ds-gd div.first {
	_width: 29.9%;
}

.ds-ge .ds-g {
	width: 24%;
}
.ds-gf .ds-g {
	width: 74.2%;
}

.ds-gb .ds-ge div.ds-u,
.ds-gb .ds-gf div.ds-u {
	float: right;
}
.ds-gb .ds-ge div.first,
.ds-gb .ds-gf div.first {
	float: left;
}

/* Width Accommodation for Nested Contexts */
.ds-gb .ds-ge .ds-u,
.ds-gb .ds-gf div.first {
	*width: 24%;
	_width: 20%;
}

/* Width Accommodation for Nested Contexts */
.ds-gb .ds-ge div.first,
.ds-gb .ds-gf .ds-u {
	*width: 73.5%;
	_width: 65.5%;
}

/* Patch for GD within GE */
.ds-ge div.first .ds-gd .ds-u {
	width: 65%;
}
.ds-ge div.first .ds-gd div.first {
	width: 32%;
}

/*
Section: Clearing. zoom for IE, :after for others
*/

#bd:after,
.ds-g:after,
.ds-gb:after,
.ds-gc:after,
.ds-gd:after,
.ds-ge:after,
.ds-gf:after,
.ds-t1:after,
.ds-t2:after,
.ds-t3:after,
.ds-t4:after,
.ds-t5:after,
.ds-t6:after,
.ds-tfw:after, .ds-tsl:after, .ds-tsr:after, .ds-ttc:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#bd,
.ds-g,
.ds-gb,
.ds-gc,
.ds-gd,
.ds-ge,
.ds-gf,
.ds-t1,
.ds-t2,
.ds-t3,
.ds-t4,
.ds-t5,
.ds-t6,
.ds-tfw, .ds-tsl, .ds-tsr, .ds-ttc {
	zoom: 1;
}

#ft { clear: left; }

.elm, .b-head, .b-content {
	display: block;
	width: auto;
}h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%;
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold;
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em 0;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	display: block;
	-moz-padding-start: 40px;
	-webkit-padding-start: 40px;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
/*ul li {
	list-style-type: disc; 
}*/
/* 2 deep unordered lists use a circle */
ol ul li, ul ul li {
	list-style: circle;
}
/* 3 deep (or more) unordered lists use a square */
ol ol ul li,ol ul ul li
ul ol ul li,ul ul ul li{
	list-style-type: square;
} 
dl dd {
	/*providing spacing for definition terms*/
	margin-left:1em;
}
th,td {
	padding: 1px;
	vertical-align: inherit;
	text-align: inherit;  
	/*borders and padding to make the table readable*/
/*	border:1px solid #000;
	padding:.5em;*/
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:left;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
input,textarea,select {
	margin: 1px 0 1px 0;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
#body_div input {width: auto;}
.flush {
	clear: both;
	display: block;
}
.highlight {
	background-color: #ffff6f;
}
blockquote {
	margin: 1em 20px;
	padding-left: 50px;
	min-height: 42px;
	background: transparent url(/dynsim/img/quote.gif) no-repeat;
}

blockquote.zand {
	margin: 1em 3em;
	padding: .5em;
	background-color: #f6ebc1;
	background: transparent;
}
blockquote.zand p {margin: 0;}

blockquote.modern {
	font: normal helvetica, sans-serif;
	margin: 10px 10px 10px 50px;
	padding: 2px 2px 2px 15px;
	border-left: 3px solid #ccc;
	background: transparent;
}/* Menu */
ul.menubar-h, ul.menubar-v {
	white-space: nowrap;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
ul.menubar-h li {
	float: left;
	display: inline;
	list-style: none;
}
ul.menubar-v li {
	display: block;
	list-style: none;
	width: 100%;
}
ul.menubar-h li a {
	white-space: nowrap;
	text-decoration: none;
}
ul.menubar-v li a {
	display:block;
	white-space: nowrap;
	text-decoration: none;
}
.menuitem, .menuitemHover {
	border: 0px;
	margin: 0;
	padding: 0;
}
.dropDownMenu tr.splitter td {
	padding: 0;
	border-spacing: 0;
}

/* CMS */
.b-content, b-head {
	width: auto;
	display: block;
	clear: both;
}

.cms-footer, .cms-footer .notes, .cms-footer .info, .cms-footer .buttonbar {
	display: block;
	width: auto;
	float: none;
	clear: both;
}

.cms-footer .info {
	margin: 8px 0 8px 0;
}

/* Messages */
div.warning, div.notice, div.error, div.important {
	display: block;
	width:auto;
	padding: 8px 5px 8px 45px;
	margin: 5px 0 5px 0;
}

div.warning p, div.notice p, div.error p, div.important p {
	padding: 0; margin: 0;
}

div.warning {
	border: solid #ffb400 2px;
	background:#fff4d9 url('/icons/emblem_warning.png') no-repeat 5px center;
}

div.notice {
	border: solid #b0c4de 2px;
	background:#f0f8ff url('/icons/emblem_notice.png') no-repeat 5px center;
}

div.error {
	border: solid #dd3333 2px;
	background:#ffeeee url('/icons/emblem_error.png') no-repeat 5px center;
}

div.important {
	border: solid #b0c4de 2px;
	background:#f0f8ff url('/icons/emblem_important.png') no-repeat 5px center;
}

div.warning p, div.notice p, div.error p, div.important p {
	background-color: transparent;
}

.dialog {
	border: solid #b0c4de 3px;
	background-color: #f0f8ff;
	padding: 10px;
	margin: 5px 2px 5px 2px;
	display: block;
	width: auto;
}
.dialog .buttonbar {
	padding-left: 20px;
}
.dialog h1 {
	font-size: 120%;
}
.dialog h2 {
	font-size: 110%;
}

#dialog #bd {
	min-height: 0;
}

/* elements */
.sidebar .elm, .extra .elm {
	margin: 0 5px 10px 5px;
	padding: 5px;
	border: solid 1px #eee;
	font-size: 85%;
}

.elm {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.extra .elm .elm, .sidebar .elm .elm {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

.elm h2 {
	background-color: inherit;
	color: inherit;
	font-size: 1.2em;
	margin: 3px 0 3px 0;
}
.elm>p:first-child {
	padding-top: 0;
}
.elm p, .elm td {
	background-color: inherit;
	color: inherit;
}
.elm ol, .elm ul, .elm dl {
	display: block;
	margin:0.6em 0;
	-moz-padding-start: 20px;
	-webkit-padding-start: 20px;
}
.elm ul ul, .elm ol ol, .elm ol ul, .elm ul ol {
	margin:0.2em 0;
}
.elm li{
	*margin:0.2em 0;
}
.elm-error {
	padding: 8px 5px 8px 45px !important;
	margin: 5px 0 5px 0 !important;
	border: solid #dd3333 2px !important;
	background:#ffeeee url('/icons/emblem_error.png') no-repeat 5px center !important;
}
.main .elm {
	width: auto;
	display: inline-block;
	text-align: inherit;
}
/* element templates */
.sidebar .elm-s, .extra .elm-s {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.sidebar .elm-noborder, .extra .elm-noborder,
.sidebar .elm-nb, .extra .elm-nb,
.sidebar .elm-ts, .extra .elm-ts,
.sidebar .elm-tr, .extra .elm-tr,
.sidebar .elm-trs, .extra .elm-trs,
.sidebar .elm-tsr, .extra .elm-tsr,
.sidebar .elm-tre, .extra .elm-tre,
.sidebar .elm-tse, .extra .elm-tse  {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 0;
	border: 0;
}

.elm-ts h2, .elm-tr h2, .elm-trs h2, .elm-tsr h2, .elm-tse h2, .elm-tre h2 {
	margin: 0;
	padding: 2px 2px 4px 13px;
	min-height: 20px;
	background-color: #e6e6e6;
	border: solid #e6e6e6 1px;
	border-bottom: 0;
	color: #000;
	background-image: url('/dynsim/img/elm-open.png');
	background-repeat: no-repeat;
	background-position: 2px 40%;
	cursor: pointer;
}
.elm h2.collapsed {
	background-repeat: no-repeat;
	background-position: 2px 40%;
	background-image: url('/dynsim/img/elm-collapsed.png');
	padding-left: 13px;
}
.elm-ts .content, .elm-tr .content, .elm-trs .content, .elm-tsr .content, .elm-tre .content, .elm-tse .content {
	border: solid #e6e6e6 1px;
	border-top: 0;
	padding: 5px;
}
.elm-tr .content, .elm-tsr .content, .elm-tre h2 {
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
}
.elm-tr h2, .elm-trs h2, .elm-tre h2 {
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
}
.elm-tse .content, .elm-tre .content {
	border: 0;
}

/* special elements */
.elm ul.content {
	border: 0;
	padding: 0;
}
.elm-list li.active a {
	text-decoration: underline;
}
body .elm-media, .elm-media .object, 
body .elm-image, .elm-image .content {
	text-align: center;
	padding-top: 5px;
}
.elm-media .content {
	text-align: left;
}

.elm-cms-img img.thumbnail {
	margin: 2px 5px 2px 0;
	display: inline-block;
}

.elm-family .selected {
	text-decoration: underline;
}

.elm-family .dtree .clip {
	overflow-y: visible;
	overflow-x: auto;
}
.elm-family .dtree .clip .clip {
	overflow: visible;
}
.elm-family .dtree .dTreeNode {
	white-space: nowrap;
	line-height: normal;
}
.elm-family .dtree .dTreeNode a {
	margin-left: 4px;
}

.elm-gallery .relation {
	display: block;
	width: auto;
}

.elm-rotator {
	padding-bottom: 1px;
}

/* element news */
.elm-news ul, .elm-events ul {
	padding: 0;
	margin: 0;
	-moz-padding-start: 0;
}
.elm-news li {
	list-style: none;
	margin: 1px 0 1px 0;
	border-top: solid 1px #eee;
}

.elm-news li:first-child {
	border-top:0;
	margin-top:0;
}

/* element events */
.elm-events li {
	list-style: none;
}
.elm-events .event-item {
	display: block;
	border-top: 1px solid #ccc;
	margin: 2px 0 2px 0;
}
.elm-events .event-item:first-child {
	border-top:0;
	margin-top:0;
}


.elm-events .event-date {
	font-size: 0.9em;
	font-style: italic;
}

.elm-events .event-title {
	padding-left: 8px;
	padding-bottom: 2px;
}

.elm-events .event-categories {
	margin: 2px 0 6px 8px;
	padding: 0;
	-moz-padding-start: 0;
	list-style: none;
}

.elm-events .event-categories li {
	list-style: none;
}

.elm-events .selected {
	text-decoration: underline;
}

.elm-events .event-nav {
	clear: both;
	display: block;
	width: auto;
}

.elm-events .event-prev {
	padding-top: 8px;
	display: inline;
	float: left;
}

.elm-events .event-next {
	padding-top: 8px;
	display: inline;
	float: right;
}

.elm .dtree .dTreeNode img {
	margin-top: -1px;
	margin-bottom: -1px;
}

.elm-survey-test table {
	width: 100%;
}

/* element overlays */
.elo-gray h2.solid {
	background-color: #ccc;
}
.elo-gray .content, .elo-gray h2, .sidebar .elo-gray, .extra .elo-gray {
	border-color: #ccc;
	color: #000;
}

/* fixes */
.ui-datepicker-calendar .ui-state-highlight { height: inherit }


/* Specials */
.specials {
	margin: 0 0 10px 0;
	display: block;
	clear: both;
	width: auto;
}

/* Special Item */

.specials div.first {
	margin-top: 10px;
	width: 100%;
	display: block;
	clear: both;
	border: solid 1px #ccc;
	background-color: #eee;
}

.specials .first .content img {
	margin: 0 8px 8px 0;
}

/* specials */

.specials .additional {
	width: 49%;
	margin: 10px 0 0 0;
	border: solid 1px #ccc;
	display: inline;
	float:left;
}

#specialsItem3, #specialsItem5, #specialsItem7, #specialsItem9,
#specialsItem11, #specialsItem13, #specialsItem15, #specialsItem17 {
	float:right;
}

.specials .additional .thumbnail {
	float:left;
	margin: 0px 10px 5px 0px;
}

.specials div.content {
	display: block;
	margin: 5px 10px 10px 10px;
}

.specials h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 10px 10px 5px 10px;
	display: block;
}

/* react */
.reaction {
	display: block;
	width: auto;
	margin: 4px 2px 4px 2px;
	padding: 4px;
	border: solid 1px #ccc;
}

.react-nav {
	display: block;
	width: auto;
	border: solid 1px #ccc;
	padding: 4px 2px 4px 10px;
	margin: 8px 0;
}

.reaction-message {
	border-top: solid 1px #ccc;
	padding-top: 4px;
	display: block;
	clear: both;
	width: auto;
}

.reaction-subject, .reaction-author, .reaction-editbtn {
	display: inline;
	width: auto;
}

.reaction-author {
	float: right;
}

.reaction-subject {
	font-weight:bold;
}

.reaction-modified {
	display: inline;
	color: #ccc;
	float: left;
	clear: left;
}

.reaction-editbtn {
	float: right;
	vertical-align: bottom;
}

.reaction .gallery {
	display: inline;
	width: auto;
	text-align: right;
	float: none;
}

.reaction .gallery .thumbnail, .reaction .gallery .content .ui-state-highlight,
.reaction .gallery .thumbnail p, .reaction .gallery .thumbnail a {
	width: 85px;
	height: 85px;
	line-height: 85px;
}

.reaction-new, .reaction-edit {
	display: block;
	float: none;
	width: auto;
}

.reaction-new table, .reaction-edit table {
	width: 100%;
}

.reaction-new, .reaction-edit {
	margin: 20px 0 10px 0;
}

input.reaction-edit-field, textarea.reaction-edit-content {
	display: block;
	width: 98%;
}

textarea.reaction-edit-content {
	height: 200px;
}

.reaction-edit-upload input {
	width: 320px;
}

/* Search */
.search-bar {
	height:8px;
	border: 1px solid #666;
}

.search-bar-a {
	background-color: #ccc;
	height:8px;
}

/* poll */
.poll {
	margin: 0px 0px 3px 0px;
	line-height:120%;
}

.poll-question {
	font-family: Verdana, Arial, sans-serif;
	font-weight:normal;
	font-size: 1em;
	margin-bottom: 8px;
}


.poll .poll-res-bar {
	background-color: #eee;
	border: 1px solid #000;
	height: 6px;
}

/* weblog */
.weblog, .weblog-item {
	clear: both;
	display: block;
	width: auto;
}

.weblog-options {
	float: right;
	clear: none;
	display: inline;
}

.weblog-bd {
	display: block;
	width: auto;
	margin: 2px 16px 16px 16px;
}body {
	background: #eee;
	line-height: 140%;
}

body, td {
	color: #000;
}

.space {
	padding: 2px; 
}

p {
	margin: 5px 0 5px 0;
	line-height: 150%
}

a, a:link, a:visited, a:active {
	text-decoration: none;
	font-weight:bold;
}

a:hover {
	text-decoration: underline;
	font-weight:bold;
}

h1 {
	font-size: 1.8em;
	line-height: 1em;
	padding: 0px 0px 7px 0;
	margin: 0 0 10px 0;
	font-weight:normal;
	border-bottom: solid #ccc 1px;
}

h1 a, h1 a:link, h1 a:visited, h1 a:active {
	text-decoration: none;
	font-weight: normal;
}

h1 a:hover {
	text-decoration: underline;
}

h2 {
	padding: 0px 0px 4px 0px;
	font-size: 1.5em;
	font-weight: bold;
}

h2 a:link {
	text-decoration: none;
}

h2 a:hover{
	text-decoration: underline;
}

h3 {
	font-size: 1em;
}

hr {
	border-color:#ccc -moz-use-text-color -moz-use-text-color;
	border-style:solid none none;
	border-width:1px 0 0;
	height:1px;
}

.ds-main p{font-size:93%;}body,td,p,.ds-main{color:#000000;}a,a:link,a:active,a:visited{color:#2C4D99}a:hover{color:#2C4D99}h1{font-size:131%;}h1{color:#2C4D99;}h1 a,h1 a:link,h1 a:active,h1 a:visited{color:#2C4D99}h1 a:hover{color:#2C4D99}











.backend {
	background-color: #ffffff;	
	color: #000000;
	float: left;
	margin: 20px 20px 20px 20px;
	width: 950px;
	clear: left;
}

.backend h1 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 10px;
}

.backend h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 10px;
}

.tableEdit {
	border-collapse: collapse;
	border-spacing: 0px;
}

.tableEdit td {
	background-color: #F9FBFD;
	border: 1px solid #D7E5F2;
	padding: 3px 2px 3px 8px;
	margin: 0px;
	text-align: left;
}

.tableEdit tr {
	vertical-align: top;
}

.backend input, .tableEdit td input, .tableEdit td select, .tableEdit td textarea {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #e5f2ff;
	color: #102132;
	border: 1px solid #284279;
	padding: 1px;
}

.backend input:focus, .tableEdit td input:focus, .tableEdit td select:focus, .tableEdit td textarea:focus {
	background-color: #ffffee;
	color: #000;
}

.tableEdit td input.cb,
.tableEdit td input[type=checkbox]{
	border: 0px;
	background-color: transparent;
	width: 16px;
	margin: 2px 5px -2px 5px !important;
}

.tableEdit tr.buttonbar,
.tableEdit tr.buttonbar td {
	border: 0px;
	background-color: transparent;
}

.tableEdit .fw {
	width: 98%;
}

.tableEdit input.btn {

}

.tableEdit textarea#body {
	background-color: #ffffff;
	color: #000000;
}

.tableEdit .splitter, .tableEdit .splitter td {
	background-color: #ffffff;
	color: #000000;
	border-left: 0px;
	border-right: 0px;
	height: 5px;
	padding: 0px;
}

.tableEdit td td {
	border: 0px; padding: 0px;
}

.tableEdit tr.th td, .tableEdit td.th,
.tableEdit th, .tableEdit .subset td {
	padding: 3px 8px 3px 8px;
	background-color: #e5f2ff;
	color:  #102132;
	font-weight: bold;
}

.tableEdit .th .tc-state-ico, .tableEdit th .tc-state-ico {
	padding: 2px 5px 2px 2px;
	margin: 0px 0px 0px -5px;
}

.tableEdit .th input[type=checkbox], .tableEdit th input[type=checkbox] {
	padding: 2px 5px 2px 0px;
}
.tableEdit tr.fieldset {
	cursor: pointer;
}
.tableEdit tr.fieldset td:hover {
	background-color: #7892b7;
	color: #fff;
}
.tableEdit .tf td, .tableEdit .tf {
	background-color: #F9FBFD;
	padding: 2px 2px 2px 2px;
}

.tableEdit table.site-colors {
	width: 100%;
}

.tableEdit table.site-colors td {
	background-color: #F9FBFD;
	border: 1px solid #D7E5F2;
	padding: 2px 2px 2px 8px;
}

.backend #treeOptions {
	float: left;
	clear: both;
}
.backend input.numeric{
	width: 50px;
}
.backend td input.color{
	width: 60px;
	font-familiy: "Lucida Console", "Courier New", Courier, monospace;
}

.backend#fman h1 {
	margin: 0px 0px 0px 10px;
}

.backend #fmanHead {
	margin: 0px 5px 0px 5px;
}

#fmanBody {
	margin: 5px;
	border: 1px solid #D7E5F2;
}

#fmanBody tr {
	border: 1px solid #D7E5F2;
}

#fmanBody tr.ftr-up, #fmanBody tr.ftr-dir, #fmanBody tr.ftr-file {
	padding: 1px 2px 1px 3px;
	cursor: pointer;
}

#fmanBody tr.ftr-up:hover td, #fmanBody tr.ftr-dir:hover td, #fmanBody tr.ftr-file:hover td {
	cursor: pointer;
	background-color: #e5f2ff;
	color:  #102132;	
}

#fmanBody tr.selected td {
	background-color: #e5f2ff;
}

#fmanBody td.ftc-id {
	padding: 1px;
	width: 80px;
	white-space: nowrap;
}

#fmanBody td.ftc-id div {
	display: inline;
}

.reactionTableEdit {
	width:
}

/* relations */
#relationEdit ul {
	list-style-position: outside;
	list-style-type: disc;
}

#relationEdit {
	width: 98%;
	max-width:600px;
}

.relSortable td { height: 32px; }
.relSortable td span { position: absolute; margin-left: -1.3em; }
.ui-state-highlight { height: 32px; }


.backend .relDetailTable {
	width: 600px;
}

.backend .relDetailHead img {
	margin:0 0px -3px 0 !important;
	padding:0;
	border:none;
}

.tableEdit .relationTable tr {
	border: 0px;
}

.tableEdit .relationTable td {
	padding: 1px;
}

.tableEdit td .tablesorter {
	margin: 0;
	background-color: transparent;
}

/* survey */
table#editSurvey {
	float: left;
	clear: both;
}

#editSurvey .relationsEdit tr td, 
#surveyEditQuestion .relationsEdit tr td {
	padding: 2px; 
}

#surveyStateEdit .tableEdit .img-select .buttons a {
	clear: none;
}

.editSurveyAnsw {
	width:auto;
	display:block;
	border:solid #000 1px;
	margin:5px;
	padding:5px;
}

.editSurveyAnsw h3 {
	margin-top: 0px;
	padding-top: 0px;
	white-space: nowrap;
}

.editSurveyAnsw h3 input.name {
	width:50%;
	display:inline;
}

.editSurveyAnsw .AnswDim {
	margin: 0px;
	padding: 2px;
}

.editSurveyAnsw .aDetail {
	width: 100%;
}

.editSurveyAnsw .AnswDim input {
	text-align: right;
	padding-right: 5px;
}

/* image select */
.img-select .buttons a {
	margin: 5px;
}

.img-select .buttons a.img-btn-del {
	clear: left;
}

.img-select .thumbnail {
	text-align:center;
	border: 1px solid #000;
	float:left;
	margin:2px 10px 2px 0px;
	vertical-align: middle;
}

.img-select .thumbnail img {
	vertical-align: middle;
}

.img-select.empty .thumbnail,
.img-select.empty .img-btn-del {
	display: none;
}

/* User management */
.group-item {
	display: block;
	width: auto;
	border: solid 1px #ccc;
	margin: 6px 2px 6px 2px;
	padding: 4px;
	max-width: 400px;
}

.group-icon {
	display: inline;
	margin-left: 8px;
}
.group-name {
	display: inline;
}

.group-desc, .group-link {
	clear: both;
	display: block;
	width: auto;
	margin-left: 16px;
}

.group-list {
	width: 98%;
}

.group-list tr {
	border-bottom: solid 1px #eee;
}

.table-template, .table-attrib {
	width: 98%;
}

.relSortable .ui-state-disabled {
	opacity: .7; 
	filter:Alpha(Opacity=7-);
	background-color: #ffffee;
}
.relSortable .ui-state-disabled td {
	background-color: #ffffee;
}

.backend input:hover, .backend textarea:hover { box-shadow: 0 0 5px #2c4d99; }
input:focus, .backend input:focus, .backend textarea:focus { box-shadow: 0 0 8px red; }
.ui-dialog { box-shadow: 0 0 10px #999; !important }

/*
#editTop {
 background-color: #F9FBFD;
 color: <color.backend.cell.text>;
 border: 1px solid #D7E5F2;
 border-collapse: collapse;
 width: 710px;
}

*/.secStatusNode, .secOverviewFilter {
	width:98%;
	border:solid #ccc 2px;
	background-color: #fff;
	margin:5px 5px 2px 5px;
	padding:2px;
	float:left;
}

#dialog .secStatusNode, #dialog .secOverviewFilter {
	border: 0;
}

.secStatusNode table {
	margin-top: 10px;
}

.secStatusNode table tr {
	vertical-align: top;
}

.secStatusNode table td {
	font-size: 9px;
	text-align: center;
}

.secStatusNode table th {
	font-size: 10px;
	text-align: center;
	color: #000;
	font-weight: normal;
	border-top: solid #ccc 1px;
}

#dialog .secStatusNode table th {
	border-top: 0;
}

.secStatusNode .secDeny {
	background-color: #d12f19;
	color: #ffffff;
}

.secStatusNode .secAllow {
	background-color: #529214;
	color: #ffffff;
}

.secStatusNode .secNeutral {
	background-color: #dff4ff;
	color: #000000;
}

.secStatusNode .secMixed {
	background-color: #F5DA34;
	color: #000000;
}

.secStatusNode .secAccess td {
	border-top: solid #fff 2px;
}

.secProperties {
	color: #999999;
}

.secHelperTip {
	max-width: 240px;
	*width: 240px;
}

.secPath {
	border-bottom:solid #ccc 1px;
}.gallery {
	clear: both;
	width: auto;
	display: block;
	padding: 1px;
	margin: 0px;
	text-align: center;
}

.gallery .vignette {
	display: block;
	width: auto;
	height: 200px;
	border: 0px;
	margin: 2px 4px 8px 4px;
	padding: 0px;
	text-align: center;
}

.gallery .vignette p {
	height: 200px;
	min-height: 200px;
	margin: 0px;
	padding: 0px;
	vertical-align:middle;
	text-align: center;
}

.gallery .vignette img {
	border: solid #cccccc 2px;
	vertical-align:middle;
}

.gallery .content {
	clear: both;
	width: 100%;
	display: table;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.gallery .thumbnail, .gallery .content .ui-state-highlight {
	border: solid #aaa 1px;
	background-color:#eee;
	float: left;
	display: table-cell;
	width: 80px;
	height: 80px;
	line-height:80px;
	margin: 3px;
	padding: 4px;
	list-style-type: none;
	vertical-align:middle;
	text-align:center;
}

.gallery .active {
	border-color: #990000;
}

.gallery .content .ui-state-highlight {
	list-style-type: none;
}

.gallery .thumbnail p, .gallery .thumbnail a {
	margin: 0px;
	padding: 0px;
	vertical-align:middle;
	text-align:center;
	width: auto;
	display:block;
}

.gallery .thumbnail>p, .gallery .thumbnail>a {
	width: 80px;
	height: 80px;
	display: table-cell;
}

.gallery .thumbnail p {
	*position: relative;
}
.gallery .thumbnail a {
	*position: absolute;
	*left: 50%;
	*top: 50%;
}
.gallery .thumbnail p img {
	*position: relative;
	*left: -50%;
	*top: -50%;
}

.gallery .thumbnail img {
	padding:0; border: 0; margin: 0;
	vertical-align:middle;
	text-align:center;
}

.gallery .thumbnail:hover {
	background-color: #ccc;
}
.gallery .thumbnail:hover img {
	opacity: 0.7;
}

.gallery #edit {
	width: 100%;
	float: left;
	border: 0px;
	text-align: center;
	padding:5px;
}.webshop {
	display: block;
	width: auto;
}

/* tws narrow block = left, equivalent of 240px */
body .ds-tws .ds-b {
	float: left;
	width: 18.4615em;
	*width: 18.00em;
}
body .ds-tws .ds-main .ds-b {
	margin-left: 19.4615em;
	*margin-left: 18.975em;
}
body .ds-tws .ds-main {
	margin-left: -25em;
}
body .ds-tws .ds-main .ds-b {
	float: none;
	width: auto;
}

.ws-nav {
	margin-left: 10px;
	padding-top: 10px;
	float:left;
	width:250px;
	min-height: 500px;
	overflow: auto;
}

.ws-nav h2, .ws-nav h3 {
	padding:0px;
}

.webshop #ws_title {
	width: auto;
	display: block;
}

.webshop #ws_title h1 {
	padding-top:0px;
}

.webshop #ws_main {
	width: auto;
	display: block;
}

.webshop #ws_main td {
	padding: 2px 5px 2px 2px;
}

.webshop .ws_splitter {
	height: 1px;
}

.webshop .ws_splitter hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
}

.webshop #ws_price {
	display: block;
	width: auto;
	margin: 10px 0px 16px 0px;
	white-space: nowrap;
}

.webshop p {
	display: block;
	width: auto;
}

.webshop #ws_price .buttons {
	margin-left: 20px;
	float: left;
	clear: right;
	display: block;
}

.price {
	font-size: 1.1em;
	font-weight: bold;
}

.webshop #ws_price .price {
	font-size: 1.2em;
	font-weight: bold;
}

.webshop #ws_relations, .webshop #ws_accessories, .webshop #ws_advertlist {
	display: block;
	clear: both;
	width: auto;
	margin: 20px 0px 20px 0px;
	padding-top: 10px;
}

.webshop .cart #ws_advertlist {
	border: solid #ccc 2px;
	padding: 10px;
}

.webshop #ws_relations table, .webshop #ws_accessories table, #ws_advertlist table {
	border-top: solid #999 1px;
}

.webshop #ws_relations .price, .webshop #ws_accessories .price, #ws_advertlist .price {
	
}

.webshop #ws_bottom {
	display: block;
	width: auto;
}

.webshop .ws_logintype {
	display: block;
	width: auto;
	margin: 10px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	border: solid #eee 2px;
}

.webshop .olFilter {
	float:left;
	height:120px;
	border: solid #cccccc 2px;
	margin: 2px;
	padding: 3px;
}
.webshop .olFilter h3 {
	margin: 0px 0px 5px 0px;
	line-height:18px;
}
.webshop .olFilter .content {
	height: 98px;
	display: block;
	width: auto;
	overflow:auto;
}

.webshop #invAddress {
	padding: 5px;
	margin: 5px;
	float: left;
	width: 30%;
	border: solid #cccccc 2px;	
}

.webshop #delAddress {
	padding: 5px;
	margin: 5px;
	float: left;
	width: 30%;
	border: solid #cccccc 2px;
}

.webshop #invAddress h2, .webshop #delAddress h2 {
	padding: 0px 0px 5px 0px;
	margin: 0px;
}

.webshop #invHead {
	margin: 5px;
	float: left;
	width: 95%;
}

.webshop #invHead #orderCode {
	font-weight:bold;
}

.webshop #invList {
	width: 95%;
	margin: 5px;
	clear: left;
}

.webshop #invFoot {
	margin: 5px;
	clear: left;
}

.webshop #purgeFilter {
	float:right;
	border: solid #cccccc 1px;
	padding: 2px 2px 2px 8px;
	width:500px;
}

.webshop #purgeFilter .buttons {
	float:right;
	padding: 2px;
}

.webshop #purgeFilter #purgeOptions {
	float:left;
	padding-top: 5px;
	margin: 0px;
}

.webshop #wsolist {
	clear:left;
}

.webshop .dialog_warning {
	width: auto;
	border: #eee solid 2px;
}

.ws-nav #progress {
	clear: right;
	float: left;
	width: 220px;
	margin-top: 20px;
}

.ws-nav #progress p {
	width: 200px;
	margin: 2px 0px 0px 5px;
	padding: 0px;
	float: left;
}

.ws-nav #progress .prdone a, .ws-nav #progress .prdone {
	color: green;
	font-weight: bold;
}

.ws-nav #progress .prcurrent a, .ws-nav #progress .prcurrent {
	color: blue;
	font-weight: bold;
}

.ws-nav #progress .prtodo a, .ws-nav #progress .prtodo {
	color: #000;
	font-weight: bold;
}

.webshop .paymentOption {
	margin: 5px;
	padding: 5px;
	float: left;
	width: 500px;
	clear: left;
	border: solid #eeeeee 2px;
}

.webshop .paymentOption p {
	padding-left: 30px;
}

.webshop .catIndex {
 	clear: both;
	display: block;
	width: auto;
}

.webshop .catIndex .item {
	border: solid #ccc 1px;
/* 	float: left; */
/* 	clear: both; */
	display: block;
	width: auto;
	*width: 96%;
	height: auto;
	margin: 5px 0 5px 0;
	padding: 10px;
}

.webshop .catIndex .thumbnail {
	background-color: transparent;
	float: left;
	margin: 5px 10px 5px 0;
	text-align: center;
	width: 128px;
	height: auto;
	min-height: 64px;
	display:table-cell;
	vertical-align:middle;
}

.webshop .catIndex .splitter {
	display: none;
}

.webshop .catIndex h2 {
	margin: 5px 5px 0px 0px;
}

.webshop .catIndex p {
	margin: 0; padding: 0
}

.webshop .catIndex .item:hover {
	background-color: #ffffe0;
}

.webshop .catIndex .buttons {
	vertical-align: text-bottom;
	margin: 10px 10px 5px 10px;
	float: right;
}

.webshop .catIndex .price {
	float: left;
	margin-top: 10px;
	vertical-align: text-bottom;
}

.webshop .catIndex p, .webshop .catIndex h2 {
	float: none;
	margin-left: 138px;
}

.webshop .gallery {
	display: block;
	clear: right;
	float: none;
	text-align: center;
	width: auto;
	padding: 1px;
}

.webshop .gallery ul, .webshop ul.gallery, .webshop .gallery li {
	list-style:none;
	-moz-padding-start: 0px;
	margin: 0;
}

.webshop .gallery .thumbnail {
	border: solid #000099 1px;
	background-color:#eeeeee;
	float: left;
	width: 48px;
	height: 48px;
	line-height: 48px;
	margin: 2px;
	padding: 0px;
}

.webshop .gallery .vignette {
	height: 140px;
	width: 160px;
	display: table-cell;
	clear: both;
	float: none;
	vertical-align: middle;
}

.webshop .gallery .vignette img {
	vertical-align: middle;
}

.webshop .gallery .thumbnail a:hover, .webshop .gallery .thumbnail p:hover {
	background-color: #9999bb;
}

.webshop .gallery .thumbnail p, .webshop .gallery .thumbnail a {
	height: 48px;
	width:48px;
	margin: 0px;
	padding: 0px;
	display:table-cell;
	vertical-align:middle;
}

.webshop .gallery .thumbnail img {
	vertical-align:middle;
}.survey {
}

.survey h1 {
	clear: left;
}

.survey h2 {
	clear: left;
}

.survey input.numeric{
	width: 50px;
}
.survey input[type=radio], .survey .radio,
.survey input[type=checkbox], .survey .cb {
	border: 0px;
}

.survey .blob {
	clear: both;
	display: block;
}

.survey .question {
	border: 2px solid #ccc;
	width: auto;
	margin: 10px 5px 5px 5px;
	padding: 2px;
	clear: both;
	display: block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.survey .question .qst-head {
	clear: left;
	display: block;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	margin: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}

.survey .question .qst-body {
	clear: left;
	display: block;
	padding: 2px 5px 4px 5px;
}

.survey .edit {
	float: right;
	padding: 2px;
}

.survey .qst-tip {
	float: right;
	padding: 2px;
}

.survey .question .qst-content {
	clear: left;
	display: block;
	width: auto;
}

.survey .qst-dropdown .qst-content,
.survey .qst-num .qst-content
{
	margin: 5px 5px 5px 10px;
}

.survey .qst-text .qst-content,
.survey .qst-rank .qst-content,
.survey .qst-scale .qst-content,
.survey .qst-constsum .qst-content {
	width: auto;
}

.survey .qst-scale .qst-content {
	margin: 5px 10px 5px 10px;
}

.survey .qst-scale .qst-content table {
	width: 100%;
}

.survey .qst-text input,
.survey .qst-text textarea {
	width: 95%;
	margin: 2px 5px 5px 10px;
}

.survey .qst-text .status {
	margin: 0px 5px 5px 10px;
	color: #009900;
	font-style: italic;
}
.survey .scale-slider {
	padding-left: 10px;
	padding-right: 10px;
}

.survey .ans-constsum input {
	width: 50px;
	padding-left: 4px;
	border: 0;
}

.survey .ans-constsum input:hover {
	width: 50px;
	padding-left: 4px;
	border: 0;
	background-color: #e5f2ff;
}

.survey .ans-constsum .ans-input {
	_width: 88px;
	border: 1px solid #999;
	padding: 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.survey .ans-constsum .ans-input img {
	margin:0 0 -3px 0 !important;
	padding: 0;
	width:16px;
	height:16px;
}

.survey .ans-constsum .caption {
	padding-left: 10px;
}

.survey .qst-constsum span.credits {
	font-weight: bold;
	font-size: 120%;
}
.survey .qst-constsum .negative {
	color: #900;
}
.survey .qst-constsum .positive {
	color: #090;
}
.survey .qst-constsum .status {
	padding: 2px 10px 2px 10px;
}

.survey .qst-sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
.survey .qst-sortable li { list-style:none; margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
.survey .qst-sortable li span { position: absolute; margin-left: -1.3em; }

.survey .qst-eval-elm-ok {
	border-left: solid 2px green;
	padding-left: 5px;
}

.survey .qst-eval-elm-nok {
	border-left: solid 2px red;
	padding-left: 5px;
}

.survey .qst-eval-elm .answers {
	margin: 5px 5px 0 5px;
}

.survey .qst-eval-elm .answers .qst-eval-ok {
	font-weight: bold;
	color: green;
/*	padding-left: 20px;
	background: url('/icons/tick.png') no-repeat left top;*/
}

.survey .qst-eval-elm .answers .qst-eval-nok {
	font-weight: bold;
	color: red;
}

.survey .qst-eval-elm .feedback {
	margin: 10px;
	font-style:italic;
}

.survey .qst-evaluate-score h2 {
	margin: 10px 0 0 0;
	padding: 2px 2px 2px 2px;
	border-bottom: solid #ccc 1px;
}
.survey .qst-evaluate-score p {
	font-size: 120%;
	margin: 2px;
	padding: 2px;
}

.survey .qst-eval .feedback-item {
	font-size: 120%;
	margin: 2px 2px 0 8px;
	padding-left: 20px;
	background: url('/icons/information.png') no-repeat left top;
}

.survey .qst-warning {
	border: 2px solid #e00;
}

.survey .buttons {
	margin-top: 20px;
}

.notification {
	border:3px solid #d55b5b;
	background-color:#ffcdcd;
	padding:5px;
}

.survey .answer {
	clear: left;
	display: block;
	width: auto;
	margin: 3px 5px 2px 5px;
}

.survey .answer input.radio {
	margin: 0px 5px 0px 0px;
}

.survey .answer label {
	cursor: pointer; cursor: hand;
}

.survey .nav {
	clear: both;
	float: left;
}

.elm-survey-nav .dtree {
	color: #999;
	font-weight: normal;
}

.elm-survey-nav .dtree a {
	color: #000;
	font-weight: bold;
}

.elm-survey-nav .dtree a.nodeSel {
	color: #ff4c2f;
	font-weight: bold;
}

#survey-pid-list {
	width: 95%;
}

.surveyo-noborder .question, .survey .qsto-noborder {
	background-color: inherit;
	border: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}

.surveyo-noborder .question .content, .survey .qsto-noborder .content {
	background-color: inherit;
}.menuitem {
	text-align: left;
	font-weight: normal; 
	color: #666;
	background-color: #fff;
	height: 20px;
	padding: 0 5px 0 5px;
	font-weight: bold;
}

.menuitemHover {
	text-align: left;
	font-weight: bold; 
	color: #fff;
	background-color: #000;
	height: 20px;
	padding: 0 5px 0 5px;
}

.dropDownMenu {
	margin-left: 0;
	min-width: 160px;
	font-size: 93%;
	line-height: 120%;
	border: 1px solid #ccc;
}

.dropDownMenu tr.splitter td {
	height: 1px;
	margin: 0;
	padding: 0;
	background-color: #ebebeb;
}

/* menu 1 */

#ds-menu {
	height:24px;
}

ul#menubar {
	font-size: 100%;
	display: block;
	float: none;
	width: auto;
	background-color: #eee;
}

ul#menubar li {
	border-right:1px solid #fff;
	height: 24px;
	cursor:pointer;
}

ul#menubar a {
	display:block;
	font-weight:bold;
	line-height:normal;
	margin:0;
	padding:3px 10px 2px 10px;
	text-decoration:none;
}

ul#menubar a, ul#menubar a:link, ul#menubar a:visited {
	color:#000;
}

ul#menubar .menu_hover, ul#menubar .menu_hover a:link, ul#menubar .menu_hover a:visited, ul#menubar .menu_hover a:hover {
	background-color: #000;
	color: #fff;
}

/* menu 2 */

#ds-menu2 {
	background-color: #fff;
	background-image:url('/dynsim/img/cwf-bg.gif');
	height:28px;
}

ul#menubar2 {
	line-height: 24px;
	margin-top: 7px;
}
ul#menubar2 li a {
	padding: 0.1em 0.3em .1em 0.3em;
	font-weight: normal;
}

.menu2, .menu2 a {
	color: #000;
}

.menu2_hover, .menu2_hover a:link, .menu2_hover a:visited, .menu2_hover a:active {	
	background-color: #000;
	color: #fff;
}

#menubar2 {
	font-size: 85%;
	margin: 5px 5px 0 10px;
	vertical-align: text-bottom;
	float: right;
	text-align: right;
	width: auto;
}

#menubar2 .splitter {
	color: #333;
}/* BUTTONS */
.buttonbar {
	display:block;
	float:left;
	clear:both;
	width: 100%;
}

tr.buttonbar {
	float: none;
	clear: none;
	display: table-row;
}

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 4px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:9px;
    line-height:120%;
    text-decoration:none;
    font-weight:normal;
    color:#565656;
    cursor:pointer;
    padding:4px 6px 5px 5px; /* Links */
}
.buttonbar .buttons a, .buttonbar .buttons button {
    margin: 8px 4px 0 0;
}

.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 0 -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(/dynsim/font/MaterialIcons-Regular.eot); /* For IE6-8 */
	src: local('Material Icons'),
		local('MaterialIcons-Regular'),
		url(/dynsim/font/MaterialIcons-Regular.woff2) format('woff2'),
		url(/dynsim/font/MaterialIcons-Regular.woff) format('woff'),
		url(/dynsim/font/MaterialIcons-Regular.ttf) format('truetype');
}

.ds-icon {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  /* Preferred icon size */
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
}

// Rules for sizing the icon.
.ds-icon.md-18 { font-size: 18px; }
.ds-icon.md-24 { font-size: 24px; }
.ds-icon.md-36 { font-size: 36px; }
.ds-icon.md-48 { font-size: 48px; }

// Rules for using icons as black on a light background.
.ds-icon.md-dark { color: rgba(0, 0, 0, 0.54); }
.ds-icon.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

// Rules for using icons as white on a dark background.
.ds-icon.md-light { color: rgba(255, 255, 255, 1); }
.ds-icon.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }#jHelperTipContainer {
	min-width: 200px;
	max-width: 300px;
	padding: 3px;
	border:2px solid #999;
	background:#EEE;
	color:#000;
	text-align: left;
}

#jHelperTipContainer h2 {
	font-size: 1em;
	margin: 0px;
	padding: 0px 5px 2px 5px;
	text-decoration: underline;
}

#jHelperTipContainer p, .helperTip p {
	margin: 0px; 
	padding: 0px; 
}
#bd {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	font-size: 100%; /* 13px */
	min-height: 400px;
}
#ft {
	padding-top: 0;
	font-size: 93%; /* 12px */
	min-height: 40px;
}

#ft .ds-u {
	margin: 0;
	padding: 10px;
	text-align:center;
}

#ft p {
	margin: 0; padding: 0;
}

#ft a {
	text-decoration: underline;
}

.header-banner {
	background-repeat:no-repeat;
}

#page-icons {
	margin-top: 7px;
}

#sb {
	border: solid #666 1px;
	background-color: #eee;
	width:172px;
	height:1.4em;
	float: right;
}

#sb input {
	border:0;
	padding:1px;
	float:left;
	width:95%;
	background-color:transparent;
	font-weight:bold;
}

#sb #magGlass {
	float:right;
	margin: -1.6em 0.5em 0 0;
}

ol.children li a {
	line-height: 150%;
}

.specials div.first {
	border: solid 1px #ccc;
	background-color: #eee;
}

.specials .additional {
	border: solid 1px #ccc;
	background-color: transparent;
}

.reaction {
	margin: 8px 40px 4px 10px;
	padding: 4px 4px 4px 10px;
	border-color: #eee;
}

.poll .poll-res-bar {
	border-color: #D0112A;
}

.webshop .item h2 {
	font-size: 120%;
}

.webshop .dtree {
	font-size: 85%;
}

.webshop .dtree a:hover {
	border: 0;
}

.webshop .dtree .dTreeNode {
	margin-top: 0;
	padding-top: 0;
	line-height: 90%;
}

.webshop .dtree a.node, .dtree a.nodeSel {
	margin: 0;
	line-height: 100%;
	padding: 0px 5px 2px 5px;
}

.webshop .dtree .clip {
	white-space: nowrap;
	overflow: hidden;
}

.webshop .dtree .clip:hover {
	overflow: visible;
	background-color: #fff;
}

.webshop .dtree .clip:hover a:hover {
	background-color: #fff;
}

.ds-dd{margin:auto;text-align:left;width:76.923em;*width:75em;min-width:1000px;}.ds-t1 .ds-b, .ds-tsl .ds-b, .ds-ttc .ds-b {float:left;width:15.385em;*width:15em}.ds-t1 .ds-main .ds-b, .ds-tsl .ds-main .ds-b, .ds-ttc .ds-main .ds-b {width:auto;*height: auto;margin-left:16.154em;*margin-left:15.75em}.ds-tsr .ds-b {float:right;width:15.385em;*width:15em}.ds-tsr .ds-main .ds-b {margin-right:16.154em;*margin-right:15.75em}.ds-t1 .ds-main,.ds-tsl .ds-main,.ds-ttc .ds-main{margin-left:-16.231em}.ds-ttc .ds-main .ds-b .ds-b{margin:auto;width:15.385em;*width:15em;}.ds-ttc .ds-main .ds-main .ds-b{margin:auto;width:auto;margin-right:16.154em;	*margin-right:15.75em;}.ds-tsr .ds-main,.ds-ttc .ds-main .ds-main{margin-right:-16.231em;}.ds-main .ds-b {float: none;width: auto}.ds-ttc .ds-main .ds-b{*height: auto;}.ds-ttc .ds-main .ds-main .ds-b{display: block;}.sidebar .elm{font-size:85%;}.extra .elm{font-size:85%;}#path{font-size:8px;}#path{color:#464a54;background-color:#ffffff;}#path a,#path a:link,#path a:active,#path a:visited{color:#464a54}#path a:hover{color:#D0112A}#ft,#ft p{color:#ffffff;background-color:#2C4D99;}#ft a,#ft a:link,#ft a:active,#ft a:visited{color:#ffffff}#ft p a,#ft p a:link,#ft p a:active,#ft p a:visited{color:#ffffff}#ft a:hover,#ft p a:hover{color:#ffffff}body{background-color:#fff}.header-banner{background-image:url('http://okvib.okkn.nl/fman/152.jpg');height:254px}.menuitem{background-color:#ffffff;color:#363636;}.menuitemHover{background-color:#993333;color:#ffffff;}.dropDownMenu{border-color:#333333}ul#menubar{background-color:#f5f5f5}#ds-menu{background-color:#f5f5f5}#menubar{font-size:93% !important}ul#menubar a,ul#menubar a:link,ul#menubar a:visited{color:#2C4D99}ul#menubar .menu_hover,ul#menubar .menu_hover a:link,ul#menubar .menu_hover a:visited,ul#menubar .menu_hover a:hover,.menu_hover,.menu_hover a:link,.menu_hover a:visited,.menu_hover a:hover{background-color:#f5e9d2;color:#000000;}ul#menubar .menu_active,ul#menubar .menu_active a:link,ul#menubar .menu_active a:visited,ul#menubar .menu_active a:hover,.menu_active,.menu_active a:link,.menu_active a:visited,.menu_active a:hover{background-color:#dddddd;color:#666666;}ul#menubar .menu_ac,ul#menubar .menu_ac a:link,ul#menubar .menu_ac a:visited,ul#menubar .menu_ac a:hover,.menu_ac,.menu_ac a:link,.menu_ac a:visited,.menu_ac a:hover{background-color:#d9d6d9;color:#777777;}ul#menubar2 li{border-right-color:#666666}ul#menubar2 a,ul#menubar2 a:link,ul#menubar2 a:visited{color:#000000}ul#menubar2 .menu2_hover,ul#menubar2 .menu2_hover a:link,ul#menubar2 .menu2_hover a:visited,ul#menubar2 .menu2_hover a:hover,.menu2_hover,.menu2_hover a:link,.menu2_hover a:visited,.menu2_hover a:hover{background-color:#993333;color:#ffffff;}ul#menubar2 .menu2_active,ul#menubar2 .menu2_active a:link,ul#menubar2 .menu2_active a:visited,ul#menubar2 .menu2_active a:hover,.menu2_active,.menu2_active a:link,.menu2_active a:visited,.menu2_active a:hover{background-color:#993333;color:#ffffff;}ul#menubar2 .menu2_ac,ul#menubar2 .menu2_ac a:link,ul#menubar2 .menu2_ac a:visited,ul#menubar2 .menu2_ac a:hover,.menu2_ac,.menu2_ac a:link,.menu2_ac a:visited,.menu2_ac a:hover{background-color:#ded3d3;color:#000000;}#ds-bc{background-color:#ffffff}.sidebar .elm{background-color:#fafafa;}/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(/dynsim/img/colorbox/5/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(/dynsim/img/colorbox/5/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(/dynsim/img/colorbox/5/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(/dynsim/img/colorbox/5/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(/dynsim/img/colorbox/5/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(/dynsim/img/colorbox/5/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(/dynsim/img/colorbox/5/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(/dynsim/img/colorbox/5/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(/dynsim/img/colorbox/5/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/dynsim/img/colorbox/5/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(/dynsim/img/colorbox/5/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}body, td {
	font-family: arial,helvetica,clean,sans-serif;
	color: #000;
		
}
.reaction { border-left: solid 2px #d0112a; }
.gb-reaction { border-left: solid 2px #4e76bc; }

.dropDownMenu {
	-o-box-shadow: 5px 5px 3px #ddd;
	-icab-box-shadow: 5px 5px 3px #ddd;
	-khtml-box-shadow: 5px 5px 3px #ddd;
	-moz-box-shadow: 5px 5px 3px #ddd;
	-webkit-box-shadow: 5px 5px 3px #ddd;
	box-shadow: 5px 5px 3px #ddd;
}
	
.specials div.first, .specials div.additional {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.sidebar .elm-news {line-height: 190%;}
.extra .elm-news {line-height: 190%;}

#menubar li {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

#menubar2 li {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.elo-exp1 h2.solid {
	background-color: #993333;
	color: #fff;
}
.elo-exp1 .content, .elo-exp1 h2, .sidebar .elo-exp1 , .extra .elo-exp1 {
	background-color: #fff;
	border-color: #993333;
	color: #1b3875;
}
.elo-exp1 h2.open {
	background-image: url('/dynsim/img/elm-open.png');
}
.elo-exp1 h2.collapsed {
	background-image: url('/dynsim/img/elm-collapsed.png');
}

.elo-exp2 h2.solid {
	background-color: green;
	color: #fff;
}
.elo-exp2 .content, .elo-exp2 h2, .sidebar .elo-exp2 , .extra .elo-exp2 {
	border-color: green;
	color: #000;
}

.elo-exp3 h2.solid {
	background-color: #ccc;
}
.elo-exp3 .content, .elo-exp1 h3, .sidebar .elo-exp3 , .extra .elo-exp3 {
	border-color: #ccc;
	color: #000;
}

.elo-exp4 h2.solid {
	background-color: #ccc;
}
.elo-exp4 .content, .elo-exp4 h3, .sidebar .elo-exp4 , .extra .elo-exp4 {
	border-color: #ccc;
	color: #000;
}

.elo-exp5 h2.solid {
	background-color: #ccc;
}
.elo-exp5 .content, .elo-exp5 h3, .sidebar .elo-exp5 , .extra .elo-exp5 {
	border-color: #ccc;
	color: #000;
}

.survey .question, .survey .qst-outer {
	border: 0;
	padding: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #f6f6f6;
	margin-bottom: 25px;
}
.survey .question .qst-head {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 0;
	padding: 2px 10px 2px 10px;
	border: 0;
	min-height: 20px;
	background: #dcdcdc url(img/qst-head-bg.png) repeat-x center center;
}
.survey .qst-warning .qst-head {
	background: #cc3333 url(img/qst-err-head-bg.png) repeat-x center center;
	color: white;
}
.survey .question .qst-body {
	padding: 0 0 2px 0;
	margin: 2px 7px 5px 7px;
	border-bottom: #ff694e solid 1px;
}

.survey .question .qst-content {
	padding: 8px 2px 8px 2px;
}
.survey .qst-scale .ui-slider {
	background-image: url(img/qst-slider-bg.png);
	border-color: #ddd;
}
.survey .qst-scale .ui-slider .ui-slider-handle {
	background: #4e8dac url(img/qst-slider-handle.png) center center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-color: #5e8aa0;
}
.survey .qst-scale .ui-slider .ui-slider-handle-ok {
	background: green url(img/qst-slider-handle-ok.png) center center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-color: green;
}

.sidebar .elm ol, .sidebar .elm ul, .extra .elm ol, .extra .elm ul {
	-moz-padding-start: 0;
	-webkit-padding-start: 0;
	padding-left: 12px;
}
.sidebar .elm-news ol, .sidebar .elm-news ul, .extra .elm-news ol, .extra .elm-news ul {
	padding-left: 7px;
}
.sidebar .elm h2, .extra .elm h2 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 0;
	padding: 2px 10px 2px 10px;
	min-height: 20px;
	background: #dcdcdc url(img/qst-head-bg.png) repeat-x center center;
	color: #666;
}
.elm-survey-nav .dtree>.dTreeNode:first-child { display:none; }/* float patching */
.buttonbar {
	display: block;
	width: auto;
}
.backend {
	float: none;
	clear: both;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
}

#queryReport td {
	white-space:nowrap;
	font-size: 11px;
}

table.relSortable {
	width: 100%;
}

.reaction {
	display: block;
	width: auto;
}

#links li {
	padding-bottom: 10px;
}

#path {
	font-size: 90%;
}

.webshop .gallery .thumbnail, .webshop .gallery .thumbnail p, .webshop .gallery .thumbnail a {
	width: 48px;
	height: 48px;
}
.webshop .gallery .thumbnail {
	line-height: 48px;
}