/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */

.cc-cookies { position:relative; width: 90%; left: 0; top: 0; padding: 0.5em 5%; background: #565656; background: rgba(86,86,86,0.95); color: #fff; font-size: 13px; font-weight: 700; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); z-index: 100; text-align: center; color: #fff; }
.cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline;cursor:pointer; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; margin-left: 10px; margin-top: 5px;}
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }

@media screen and (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
}

@media screen and (max-width: 480px) {
.cc-cookies { position: relative; float: left; }
}

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
dfn {
	font-style: normal;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input, textarea {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-border-radius: 0px;
}
button {
	padding: 0px;
}
section, article, header, footer, nav, aside {
	display: block;
}

/*! jQuery UI - v1.10.1 - 2013-02-15
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 201;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
.ui-button-text-only .ui-button-text {
	padding: .3em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("/image/shared/default/jqueryui/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(/image/shared/default/jqueryui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #b9b9b9;
	background: #e6e6e6;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url(/image/shared/default/jqueryui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url(/image/shared/default/jqueryui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #888;
	background: #fbf9ee url(/image/shared/default/jqueryui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(/image/shared/default/jqueryui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
	background-position: 16px 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(/image/shared/default/jqueryui/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(/image/shared/default/jqueryui/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(/image/shared/default/jqueryui/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(/image/shared/default/jqueryui/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(/image/shared/default/jqueryui/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(/image/shared/default/jqueryui/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/image/shared/default/jqueryui/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: rgb(10, 17, 32);
        opacity: .6;
        filter: Alpha(Opacity=60);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(/image/shared/default/jqueryui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 *
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/image/shared/default/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
	background: transparent url('/image/shared/default/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('/image/shared/default/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/image/shared/default/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/image/shared/default/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 0px;
}

#fancybox-right:hover span {
	left: auto;
	right: 0px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/image/shared/default/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/image/shared/default/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/image/shared/default/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/image/shared/default/fancybox/fancybox.png');
	background-position: -40px -182px;
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/image/shared/default/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/image/shared/default/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/image/shared/default/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/image/shared/default/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-size: 1.2em;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/image/shared/default/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	bottom: 18px;
	height: 30px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	display: none;
}

#fancybox-title-float-main {
	background: #A0A0A0;
	color: #FFFFFF;
	line-height: 20px;
	font-weight: bold;
	padding: 3px 6px;
}

#fancybox-title-float-right {
	display: none;
}

/* system.css */
body.wholepage * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

sup, sub {
	line-height: 1px;
	font-size: 0.85em;
}
sub {
	vertical-align:	sub;
}
sup {
	vertical-align:	super;
}
blockquote{
	background:#f9f9f9;
	border-left:1em solid #eee;
	margin:1.5em 1em;
	padding:.5em 1em;
	quotes:"\201C""\201D";
}
blockquote:before{
	color:#808080;
	content:open-quote;
	font-size:4em;
	line-height:.1em;
	margin-right:.25em;
	vertical-align:-.4em;
}
blockquote :first-child{
	display:inline;
}
blockquote :last-child{
	margin-bottom:0;
}
.brclear {
	clear: both;
	height: 0;
	margin: 0;
	font-size: 1px;
	line-height: 0;
}

.icon {
	width: 16px;
	height: 16px;
}

.paging, .simplePagerNav {
	margin-top: 4px;
	margin-bottom: 1px;
	width: 100%;
	text-align: center;
}
.paging .icon {
	vertical-align: bottom;
}
.paging_current_page, .simplePagerNav .currentPage {
	border: 1px solid #CCCCCC;
	padding-left: 2px;
	padding-right: 2px;
}
.simplePagerNav {
	list-style-type: none !important;
	display: block;
	margin: 0;
	padding: 0;
}
.simplePagerNav li {
	list-style-type: none !important;
	display: inline;
	margin: 0 2px !important;
	padding: 0;
}

.perpage-current {
	text-decoration: underline;
}

.error-popup {
	margin: 10px;
}

.inline_error {
	color: #C00000;
}
.inline_warning {
}

/* Standard list table style */

/* Row colors */
.list .even td, .even {
	background: #F0F0F0;
	color: #303030;
}
.list .odd td, .odd {
	background: #FFFFFF;
	color: #303030;
}

.list tr.selected td, .list tr.odd.selected td {
	background: #FFFFC0;
}

.list tr.even.selected td {
	background: #F0F0AE;
}

fieldset .odd td, fieldset .odd {
	background: none;
}

.list {
	width: 100%;
}

.list .catname {
	vertical-align: top;
	border-bottom: 1px solid #DCE1F0;
}

/*.list thead tr, .list .header, */
.list thead td, .list .header td {
	line-height: 2em;
	height: 2em;
	white-space: nowrap;
}

.list thead a, .list .header a {
	color: #333333;
}

.list td {
	padding: 2px 5px 2px 3px;
	vertical-align: top;
}

.list thead td, .list .header td {
	white-space: nowrap;
}

.list img {
	vertical-align: middle;
}
.list-hover td {
	background: #E0E0E0 !important;
}

.checkboxtd {
	text-align: center;
}
.checkboxtdlightblue {
	text-align: center;
	background: #EFEFEF;
}
.checkboxcolumn {
	width: 16px;
}

/* toolbar styles */
.toolbartd, #content .toolbartd {
	min-height: 24px;
	font-size: 11px;
	padding: 1px;
	white-space: nowrap;
	position: relative;
}

.toolbartd, .tbar {
	font-family: arial, sans-serif;
	color: #333333;
	font-weight: normal;
}
.toolbartd *, .tbar * {
	font-size: 11px;
	color: #333333;
}

#latus-bar {
	height: 25px;
	position: fixed;
	top: 0px;
	z-index: 998;
	width: 958px;
	-moz-box-shadow: 0 0 8px 3px #888;
	-webkit-box-shadow: 0 0 8px 3px #888;
	box-shadow: 0 0 8px 3px #888;
	border: 0px !important;
	border-top-right-radius: 0px !important;
	border-top-left-radius: 0px !important;
}

#adminmenu ul li a{
	font-family: 'Ubuntu', sans-serif;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);

}
#adminmenu ul li a:hover {
	font-weight: bold;
}

.admin_mode_button {
	top: 4px;
	/* seems overkill, but watch a site with the crossfader in the header ;-) */
	z-index: 999;
	position: fixed;
	margin: 1px;
	margin-left: 935px;
	width: 16px;
	height: 16px;
	border: 0px;
	-moz-box-shadow: 0 0 1px 2px #888;
	-webkit-box-shadow: 0 0 1px 2px #888;
	box-shadow: 0 0 1px 2px #888;
}
#latus-bar .toolbartd form {
	position: relative;
	display: inline;
	width: auto;
}

.toolbartd a:hover {
	text-decoration: none !important;
}

.toolbartd .input-text {
	float: none;
	height: 14px;
	margin: 0;
}

#content .tbar {
	position: absolute;
	right: 0;
	padding-left: 5px;
}

.tbar {
	white-space: nowrap;
	cursor: move;
	vertical-align: middle;
	padding: 2px 2px;
	z-index: 200;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
}

.tbar a {
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	margin: 0 1px 0 0;
	padding: 1px;
}

.tbar .paragraph-type-title {
	float: left;
	padding: 3px 5px 0 0;
	font-size: 0.9em;
	font-weight: bold;
	color: #606060;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.toolbartd select {
	width: 10em;
	padding: 0;
}

.toolbardiv{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}

#content {
	position: relative;
}
#addparagraphtoolbar {
	clear: both;
	position: absolute;
	bottom: -0.5em;
	right: 30px;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
}

#addparagraphtoolbar select {
	/*margin-bottom: 1px;*/
	/*padding: 1px;*/
}
/*
* html #addparagraphtoolbar select {
	padding: 3px;
}
*/
.toolbartd .paragraph_content {
	height: 21px;
}

.toolbartd .paragraph_content form {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	height: 20px;
}

/* icon */
.toolbartd img {
	/*	margin: 0;*/
	width: 16px;
	height: 16px;
	vertical-align: middle;
	/*display: inline-block;*/
}

img.separator {
	width: 2px;
	height: 16px;
}

img.dropmenu {
	width: 7px;
	height: 16px;
}

* html #set_builder_type {
	height: 16px;
}

/* Toolbar pulldown menu */

/* Toolbar pulldown filter form */
.filter_form {
	border: 1px solid #999999;
	position: absolute;
	width: 250px;
	background: #F0F0F0;
	vertical-align: middle;
	display: none;
}

.list td.permreadtrue {
	background: #C0EEC0;
}

.list td.permreadfalse {
	background: #EEC0C0;
}

.list td.inpublicationtrue {
	background: green;
}

.list td.inpublicationfalse {
	background: #FF0000;
}

.refreshcaptcha {
	margin-right: 5px;
	vertical-align: top;
	width: 150px;
}

.langbutton {

}

.langbuttonselected {
	border: 1px solid red;
}

.printr {
	margin: 5px;
	padding: 3px;
	font-family: monospace;
	font-size: 10px;
	text-align: left;
	clear: both;
	background: #FFFFFF;
	color: #333333;
	width: auto;
	white-space: pre;
}
.printr * {
	font-family: monospace;
	font-size: 10px;
}

.hosting-co2-neutral {
	text-align: right;
}
.hosting-co2-neutral img {
	width: 64px;
	height: 34px;
}

/* ControlPanel */
.permission_true {
	background: #90EE90;
}

.hide-element {
	display: none;
}

/* Diff styles */
del {
	background-color: #FFCCCC;
}
ins {
	background-color: #CCFFCC;
	text-decoration: none;
}

/* First news category on one line */
.news_category1 {
	float: none !important;
	margin-right: 3em;
}
.news_category {
	float: left;
	clear: both;
}
#Google_Maps {
	margin-top: 1em;
}
#Google_Maps * {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
}
.gm_normal,
.gm_big {
	padding: 3px;
	width: 100%;
	height: 400px;
	margin-bottom: 1em;
}
.gm_normal {
	width: 320px;
	height: 250px;
}
.gm_input,
.gm_small {
	width: 220px;
	height: 120px;
}
.gm_small span {
	display: none;
}
.gm_big * {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
}
.gm_input {
	width: 50%;
	display: inline;
}
.map-list-row {
	margin-bottom: 1em;
}

/* UserControl */
#password {
}
#password-strength {
	width: 200px;
	float: left;
	margin-left: 5px;
	border: 0 solid #FFFFFF;

}
.password-strength-bar {
	padding: 1px 3px;
	display: inline-block;
	border: 0 solid #FFFFFF;
}
.password-min-char {
	/*font-style: italic;*/
}
.password-used-earlier {
	display: none;
}

/* Admin pulldown menu */
ul#adminmenu {
	position: relative;
	z-index: 999;
	display: block;
}
ul#adminmenu ul {
	display: none;
	border: 1px solid #999999;
	box-shadow: 0px 6px 8px rgba(0,0,0,0.2);
}
ul#adminmenu li {
	display: block;
	float: left;
	margin: 0;
}
ul#adminmenu > li {
	display: inline-block;
	float: left;
}
ul#adminmenu li li a {
	display: block;
	padding: 4px 3px 5px 10px;
}

ul#adminmenu > li > a.selon {
	padding: 4px 2px 4px 9px;
}

* html ul#adminmenu > li > a.selon {
	padding: 5px 2px 4px 9px;
}

ul#adminmenu ul li:last-child a, ul#adminmenu ul li.last-child a {
	border-right: none;
}

ul#adminmenu li:hover,
ul#adminmenu li.hover,
ul#adminmenu li {
	position: relative;
}

ul#adminmenu ul {
	width: 180px;
	position: absolute;
	top: 100%;
	left: 0;
}

/* IE 7 needs inline block */
ul#adminmenu ul li {
	border-right: none;
	width: 100%;
	display: inline-block;
}

ul#adminmenu ul ul {
	background: #F0F0F0;
	left: 100%;
	top: 0;
}
ul#adminmenu, ul#adminmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 0px;
}
ul#adminmenu {
	float: left;
	margin-right: 3px;
}

#adminmenu ul a {
	background: #F0F0F0;
	border: 0;
}
#adminmenu a.hassub {
	background: #F0F0F0 url(/image/shared/default/icons/has_sub1.gif) no-repeat right center;
}
#adminmenu a:link, #adminmenu a:visited {
	color: #333333;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

#adminmenu ul a:hover {
	background: #dddddd url(/image/shared/default/jqueryui/ui-bg_glass_100_dddddd_1x400.png) 50% 50% repeat-x;
	color: #333333;
	text-decoration: none;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 3px 2px 4px 9px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	font-weight: bold;
}


.sitemap-default ul.sitemap-level-1,
.sitemap-default ul.sitemap-level-1 ul {
	list-style-type: none;
	background: url(/image/shared/default/icons/menu_bar.gif) repeat-y;
	margin: 0;
	padding: 0;
}
.sitemap-default ul.sitemap-level-1 ul {
	margin-left: 10px;
}
.sitemap-default li {
	padding: 0 19px !important;

}
.sitemap-default ul.sitemap-level-1 li {
	list-style-type: none;
	margin: 0;
	padding: 0 19px;
	background: url(/image/shared/default/icons/menu_tee.gif) no-repeat;
}
.sitemap-default ul.sitemap-level-1 li.last {
	background: #fff url(/image/shared/default/icons/menu_corner.gif) no-repeat;
}

.footer-sitemap {
	display: none;
}
.footer-sitemap ul {
	list-style-type: none;
	padding-left: 10px;
}
.footer-sitemap .sitemap-level-1 {
	display: block;
	margin-top: 10px;
	width: 100%;
	height: 120px;
}
.footer-sitemap .sitemap-level-1 li {
	width: 20%; /* 5 items */
	display: block;
	float: left;
	padding-left: 0;
	margin-left: 0;
}
.footer-sitemap .sitemap-level-1 li li {
	width: auto;
	display: list-item;
	float: none;
}

.input-date {
	background: url(/image/shared/default/icons/calendar.png) no-repeat top right;
	cursor: pointer;
}
.ui-datepicker {
	z-index: 2;
}

.prikbord_form_label {
	width: 45px;
}
#prikbord_form_naam,
#prikbord_form_publ,
#prikbord_form_title {
	width: 150px;
	border: 1px inset #E1E1DE;
}
#prikbord_form_bericht {
	width: 100%;
	border: 1px inset #E1E1DE;
}

.pb_submit {
	text-align: right;
}
.pb_submit input {
	background: #C2CAD4;
	border: 1px solid #84929C;
}

.prikbord_item {
	float: left;
	width: 230px;
	margin-right: 7px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	position: relative;
	min-height: 147px;
}
* html .prikbord_item {
	height: 147px;
}
.pb_item_header {
	padding: 0px 5px;
	font-size: 12px;
	font-weight: normal;
	color: #907765;
	margin-bottom: 1px;

}
.pb_item_datum {
	float: right;
}
.pb_item_content {
	padding: 5px;
}
.pb_item_delete {
	position: absolute;
	right: 5px;
	bottom: 5px;
}

.bizcase {
	margin: 0 0 2em 0;
}

.buttonrow a {
	margin-left: 5px;
	margin-right: 5px;
}

/* styles must overrule; we want the buttonrow to always be aligned to the right in a tab pane */
.ui-tabs .buttonrow {
	float: right !important;
	padding: 0 1.4em !important;
}

.menupositioninput {
	height: auto !important;
	padding: 2px 0.5em 0 !important;
	margin: 0 0 0.25em 0;
	cursor: pointer;
}

.menupositioninput img {
	vertical-align: middle;
}

.wholepage-empty {
	text-align: left;
}

.euro {
	float: left;
	width: 1em;
	margin-left: -1em;
	height: 20px;
	line-height: 20px;
}

.tab-row h2 {
	cursor: pointer;
}

.toolbartd .input-text {
	width: auto;
}

.dashboard-item-content li {
	list-style: none !important;
	margin: auto !important;
}

.dashboard-advanced li {
	padding: 0 !important;
	margin: 0 !important;
}

.editormenu {
	display: none;
}

.input-xsmall {
	width: 2.5em !important;
}

.newline {
	clear: both;
}

.ic_image {
	width: 100%;
}

hr {
	color: #C0C0C0;
	background-color: #C0C0C0;
	height: 1px;
}

#modaldialogglossary {
	padding: 0.5em 30px 0.75em 20px;
	background: #F0F0F0;
}
.glossary_popup .glossary-content {
	padding: 0.5em 0 0.75em 0;
}
.glossary_popup .buttonrow {
	position: absolute;
	bottom: 0.75em;
	right: 30px;
}

/* numbered list */
ol {
	list-style-position: none;
	list-style-type: decimal;
}
/* news reset */
.news-item-list-default,
.news-item-list-default li {
	list-style-type: none;
	padding-left: 0;
}

.pc_paragraph {
	width: 100%;
	position: relative;
	clear: both;
}

#ms_edit .upload-image-preview {
	float: right;
}

#contentwrapper li {
	list-style-position: outside;
}

label.error {
	z-index: 10;
	padding-right: 1em;
}
label.error .ui-state-error {
	white-space: nowrap;
	padding-right: 3em;
}

div.text-style-focus {
	background: #F0F0F0;
	padding: 0.75em 10px;
	margin: 0.3em 0;
}
span.text_style_highlight {
	font-style: italic;
	font-weight: bold;
}

#addparagraphtoolbar button img.icon {
	margin-top: 0px;
	position: relative;
}
/* sortable */
.ui-sortable-helper {
	background: #FFFFFF;
	border: 1px dashed #AAAAAA;
	cursor: move;
}
.ui-sortable-placeholder {
	background: #EEEEEE !important;
	/*border: 1px dashed #CCCCCC;*/
}

.menu-sortable .ui-sortable-placeholder {
	background: inherit;
}
.menu-sortable .ui-sortable-helper {
	background: #C0C0C0;
}

/* @todo create separate drag handle */
/*.menu-sortable .menu-item:hover {
	background: url(/image/shared/default/icons/arrow_out.png);
	background-repeat: no-repeat;
	background-position: center right;
}*/

.page-name-prefix {
	width: 9.4em;
	overflow: hidden;
	float: left;
}

.cal-toggle {
	cursor: pointer;
}
.cal-toggle img {
	vertical-align: bottom;
}

.image-album-thumbnail {
	padding-top: 10px;
}

.fieldset-survey {
	padding-right: 30px;
}
.survey_slider {
	width: 85%;
	float: left;
	margin: 0 10px;
	cursor: move;
}

.survey_slider_value {
	font-weight: bold;
	width: 5%;
	float: left;
	text-align: right;
}

.survey_slider_value.low {
	color: #C00000;
}

.survey_slider_value.medium {
	color: #FE6400;
}

.survey_slider_value.high {
	color: #00C000;
}

.surveyquestion {
	margin: 0 0 1.5em 0;
}

.surveyquestion em {
	display: block;
	padding: 0.5em 0 0 0;
	color: #808080;
}
.surveyquestion label {
	display: block;
}
.surveyquestion label span.possibleanswer {
	display: block;
	float: left;
	/*width: 85%;*/
	line-height: 1.4em;
	margin: 0 0 0.5em 0;
}

.surveyquestion label input {
	float: left;
	width: 5%;
	height: 1.4em;

}
.surveyquestion label .surveyquestion_number {
	display: block;
	float: left;
	width: 1.5em; /* set the width of the question number to the margin of the answer stuff to align nicely */
	font-weight: bold;
	clear: both;
}

.surveyquestion label .surveyquestion_text {
	display: block;
	float: left;
	width: 90%;
	font-weight: bold;
}
.surveyquestion .input-text,
.surveyquestion textarea {
	width: 100%;
	margin-bottom: 0;
}


.price {
	white-space: nowrap;
	text-align: right;
}

.ui-dialog-content {
	text-align: left;
}

.droppable-hover {
	background: #FFFFC0;
}

.list_imgcategories .droppable {
	float: left;
	list-style: none;
	margin: 0 2em 0 0;
}

.list_imgcategories li {
	padding: 3px 0;
	line-height: 1.5em;
	width: 160px;
	cursor: pointer;
	overflow: hidden;
	padding: 0 0 0 20px;
	background: transparent url('/image/shared/default/icons/tag.png') no-repeat left center;
}

.ui-tabs-nav, .ui-tabs-nav li {
	list-style-type: none;
}

/* Prevent FoUC */
.tab-page {
	display: none;
}

.plupload li {
	list-style: none !important;
}
.plupload_start {
	display: none !important;
}


/* drag and drop styles */
.good-target {
	border-color: green !important;
	background-color: #CCFFCC !important;
}

.droppable-hover {
	background-color: #CCCCCC !important;
}

#loading {
	display: none;
	position: fixed;
	top: 3px;
	right: 20px;
	width: 40px;
	height: 40px;
	background: url('/image/shared/default/ajax-loader-big.gif') no-repeat;
}
#loading.html5{
	background: none;
}

.template-fields {
	/*	display: none;*/
}

/* Poll */
/* Bar Graphs */

.graph {
	position: relative;
}

.bar-title {
	position: relative;
	float: left;
	line-height: 20px;
	margin-right: 17px;
	font-weight: bold;
	text-align: right;
}

.bar-container {
	position: relative;
	float: left;
	height: 10px;
	margin: 0px 0px 15px;
	width: 100%;
}

.bar-container div {
	background-color: #cc4400;
	height: 20px;
}

.bar-container div.own-vote {
	background-color: #0044cc;
	height: 20px;
}

.bar-container strong {
	position: absolute;
	right: -16px;
	top: 0px;
	overflow: hidden;
}

#poll-results p {
	/*  text-align: center;*/
}

/* Feedback */
#feedback {
	text-align: left;
	position: fixed;
	bottom: 0;
	height: 80px;
	background: #DDDDDD;
	width: 100%;
	border-top: solid 3px #C0C0C0;
	margin: 0;
	padding: 10px 0;
	clear: both;
}

#feedback.error {
	background: #FFDDDD;
	border-top: solid 3px #FFC0C0;
}

#feedbackimage {
	float: left;
	width: 10%;
	text-align: center;
}
#feedbackimage img {
	margin: 0 20px;
}
#feedbackcontent {
	float: left;
	width: 90%;
}

button .ui-icon {
	float: left;
}

/* Image select / upload */
#import-images li {
	list-style: none;
	margin: 0 0 20px 0;
}

.image_preview {
	height: 60px;
}

.imageid {
	font-size: 0.9em;
}

#thumbnailcontainer li {
	display: block;
	list-style: none;
	width: 21%;
	float: left;
	text-align: center;
	padding: 4px;
	overflow: hidden;
	height: 80px;
	margin: 0px;
	border-radius: 5px;
}
#thumbnailcontainer li.selected {
	background: #F0F0AE;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
}
#thumbnailcontainer li:hover {
	box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
}

#enlargement {
	padding: 10px;
	z-index: 2;
	height: 150px;
	position: absolute;
	background: #FFFFFF;
	border: solid 1px #C0C0C0;
	display: none;
	text-align: center;
}

#enlargement div {
	padding: 10px 0 0 0;
	text-align: left;
}

#imgcount {
	width: 400px;
	margin: 0 auto;
	float: left;
	padding: 2px 40px 0 40px;
}

.toolbartd .input-checkbox {
	margin: 0;
}

.disabled, .disabled * {
	cursor: default !important;
	color: #C0C0C0;
}

.paragraph-form .advanced_editor {
    display: inline;
}

/* Align button styles */
button img, button {
	vertical-align: middle;
}


.more-info {
	display: none;
}
.more-info-button {
	float: left;
	margin: -2px 1px 0px -16px;
	cursor: pointer;
}
.more-info-button:hover {
	/*background-color: #FFFFFF;*/

}

.more-info-message {
	display: none;
	clear: both;
	position: relative;
	left: -10px;
}

.more-info-message div {
	padding: 1em;
	margin: 0 0 0 10px;
}

.icon-light {
/*	background-image: url("/image/shared/default/jqueryui/ui-icons_888888_256x240.png") !important;*/
}

.pagereactionform {
	display: none;
}

.toolbartd select#para_template {
    width: 150px;
}

span.icon {
	display: inline-block;
	width: 16px;
	height: 16px;
}
.icon-filetype-actionscript {
	background-image: url(/image/shared/default/icons/filetypes/actionscript.png);
}
.icon-filetype-asp {
	background-image: url(/image/shared/default/icons/filetypes/asp.png);
}
.icon-filetype-bmp {
	background-image: url(/image/shared/default/icons/filetypes/bmp.png);
}
.icon-filetype-c {
	background-image: url(/image/shared/default/icons/filetypes/c.png);
}
.icon-filetype-code {
	background-image: url(/image/shared/default/icons/filetypes/code.png);
}
.icon-filetype-dir {
	background-image: url(/image/shared/default/icons/filetypes/dir.png);
}
.icon-filetype-doc {
	background-image: url(/image/shared/default/icons/filetypes/doc.png);
}
.icon-filetype-excel {
	background-image: url(/image/shared/default/icons/filetypes/excel.png);
}
.icon-filetype-exe {
	background-image: url(/image/shared/default/icons/filetypes/exe.png);
}
.icon-filetype-flash {
	background-image: url(/image/shared/default/icons/filetypes/flash.png);
}
.icon-filetype-gif {
	background-image: url(/image/shared/default/icons/filetypes/gif.png);
}
.icon-filetype-html {
	background-image: url(/image/shared/default/icons/filetypes/html.png);
}
.icon-filetype-jpg {
	background-image: url(/image/shared/default/icons/filetypes/jpg.png);
}
.icon-filetype-locked {
	background-image: url(/image/shared/default/icons/filetypes/locked.png);
}
.icon-filetype-mdb {
	background-image: url(/image/shared/default/icons/filetypes/mdb.png);
}
.icon-filetype-mp3 {
	background-image: url(/image/shared/default/icons/filetypes/mp3.png);
}
.icon-filetype-office {
	background-image: url(/image/shared/default/icons/filetypes/office.png);
}
.icon-filetype-paint {
	background-image: url(/image/shared/default/icons/filetypes/paint.png);
}
.icon-filetype-pdf {
	background-image: url(/image/shared/default/icons/filetypes/pdf.png);
}
.icon-filetype-php {
	background-image: url(/image/shared/default/icons/filetypes/php.png);
}
.icon-filetype-png {
	background-image: url(/image/shared/default/icons/filetypes/png.png);
}
.icon-filetype-powerpoint {
	background-image: url(/image/shared/default/icons/filetypes/powerpoint.png);
}
.icon-filetype-ruby {
	background-image: url(/image/shared/default/icons/filetypes/ruby.png);
}
.icon-filetype-text {
	background-image: url(/image/shared/default/icons/filetypes/text.png);
}
.icon-filetype-tif {
	background-image: url(/image/shared/default/icons/filetypes/tif.png);
}
.icon-filetype-txt {
	background-image: url(/image/shared/default/icons/filetypes/txt.png);
}
.icon-filetype-unknown {
	background-image: url(/image/shared/default/icons/filetypes/unknown.png);
}
.icon-filetype-unlocked {
	background-image: url(/image/shared/default/icons/filetypes/unlocked.png);
}
.icon-filetype-visualstudio {
	background-image: url(/image/shared/default/icons/filetypes/visualstudio.png);
}
.icon-filetype-word {
	background-image: url(/image/shared/default/icons/filetypes/word.png);
}
.icon-filetype-xls {
	background-image: url(/image/shared/default/icons/filetypes/xls.png);
}
.icon-filetype-zip {
	background-image: url(/image/shared/default/icons/filetypes/zip.png);
}

div.socialmediabuttons {
	padding: 2em 0 0 0;
}

.socialmedialink span {
	display: none;
}

.socialmedialink {
	display: block;
	float: left;
	background: #FF0000;
	height: 20px;
	width: 20px;
	margin: 0 10px 0 0;
}

.socialmedialink.hyves {
	background: transparent url("/image/shared/social-icons/Hyves_small.png") no-repeat 2px 2px;
}

.socialmedialink.twitter {
	background: transparent url("/image/shared/social-icons/Twitter_small.png") no-repeat 2px 2px;
}

.socialmedialink.linkedin {
	background: transparent url("/image/shared/social-icons/LinkedIn_small.png") no-repeat 2px 2px;
}

.ui-tabs .ui-tabs-nav, .ui-tabs .ui-tabs-nav > li {
	list-style: none !important;
}

body > .cke_panel_block, body.htmlarea {
	text-align: left;
	background: #FFFFFF;
	color: #303030;
	padding-bottom: 0;
}
body.htmlarea * {
/*	color: #303030; Why this? */
}

.cke_dialog_body {
	text-align: left;
}
.cke_show_borders table td, .cke_show_borders table th {
	border: 1px dotted #D3D3D3 !important;
}

label.cke_dialog_ui_labeled_label {
	float: left;
	width: 120px;
	line-height: 20px; /*needs to be in px, as the border of the input needs to be added for IE comp. */
	margin: 0 0 0.25em 0;
	clear: both;
	text-align: left;
	line-height: 20px;
}

div.cke_dialog_ui_input_text {
	float: left;
	width: 90px;
}

input.cke_dialog_ui_input_text {
	width: 90px;
	height: 16px; /*needs to be in px, as the border needs to be added for IE comp. */
	padding: 3px 5px 0;
	border: none;
	background: url('/image/shared/balanced_text_image/bg_input.png') top left no-repeat;
	float: left;
}

.cke_dialog_contents td label{
	white-space: nowrap;
}

.cke_dialog_ui_html {
	padding: 0;
}

select.cke_dialog_ui_input_select {
	width: 8.5em;
	float: left;
}

.cke_resizer {
	display: none !important;
}
.cke_dialog_footer {
	text-align: right;
}
.cke_dialog_footer_buttons {
	width: 1px !important; /*to make sure it aligns to the right side... */
	float: right;
	margin: 0 5px 20px 0;
}

.cke_menuitem {
	font-size: 1em;
}


.scroll-pane {
	overflow: auto;
	width: 99%;
	float: left;
	border: 0 solid #999999 !important;
}
.scroll-content {
	/* width: 2440px;*/
	height: 152px;
	float: left;
}
.scroll-content-item {
	width: 122px;
	height: 142px;
	float: left;
	margin: 0 20px 0 0;
	text-align: center;
	background: none;
	border: 0 solid #999999 !important;
	cursor: pointer;
}
.scroll-bar-wrap {
	background: #F0F0F0;
	border: 0;
	clear: left;
	padding: 0 4px 0 2px;
	margin: 0 -1px -1px -1px;
}
.scroll-bar-wrap .ui-slider {
	background: #F0F0F0;
	border: 0;
	height: 20px;
	margin: 0 auto;
}
.scroll-bar-wrap .ui-handle-helper-parent {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.scroll-bar-wrap .ui-slider-handle {
	top: 1px;
	height: 16px;
}
.scroll-bar-wrap .ui-slider-handle .ui-icon {
	margin: -8px auto 0;
	position: relative;
	top: 50%;
}

.scroll-pane {
	background: none !important;
}
.scroll-content-item-image {
	height: 122px;
}
.scroll-content-item-title {
	line-height: 30px;
	display: block;
	font-size: 12px;
	overflow: hidden;
}

#content .tbar a:hover {
	background: #F0F0F0;
}

#message-container {
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-bottom: 15px;
}

#builder-type-button.seldown {
	background: #FFFF00;
	padding: 3px;
}

label.formkey, .buttonrow {
	clear: both;
}

.toggle-on {
	background: #8ae234;
}
.search-result-count {
	font-weight: bold;
}

/* Fix buttonset double border */
.ui-buttonset .ui-button {
	margin-right: -1px;
}

.hidden {
	display: none;
}


/*classes for plus & minus buttons */
.plusminus {
	display: inline !important;
	width: 25px !important;
	float: left !important;
}
.plusminus button {
	height: 10px !important;
	width: 20px !important;
	padding: 0 !important;
	margin: 0 0 0 1px !important;
	float: left !important;
	display: inline !important;
}
.plusminus span {
	line-height: 10px !important;
	height: 10px !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 8px !important;
}
.plusminus .minus {
	margin: 1px 0 0 1px !important;
}

.normale-prijs-tijdens-aanbieding {
    text-decoration: line-through;
}

.aanbieding-prijs {
    font-weight: bold;
    color: #aa0000;
}

.aanbieding-image img {
	width: 60px;
}

.product-fancy {
	text-align: left;
}

.product-fancy img {
	margin: 2em 0;
}

.column-right {
	text-align: right;
}
.toolbar-label-select select, .toolbar-label-select label, .toolbar-label-select img {
	float: left;
}

.toolbar-label-select label {
	padding-top: 4px;
}

/*
Fix for iPad videojs spinner bug
http://help.videojs.com/discussions/problems/139-loading-icon-spinning-under-play-button
*/
.vjs-spinner {
	display: none !important;
	visibility: hidden;
}

#button_save span, .button.save span {
	background: transparent url('/image/shared/default/icons/save.png') 0.6em no-repeat;
	padding-left: 2.5em;
}

#button_cancel span, .button.cancel span {
	background: transparent url('/image/shared/default/icons/cancel.png') 0.6em no-repeat;
	padding-left: 2.5em;
}

#button_send span, .button.send span {
	background: transparent url('/image/shared/default/icons/email.png') 0.6em no-repeat;
	padding-left: 2.5em;
}

#button_edit span, .button.edit span {
	background: transparent url('/image/shared/default/icons/pencil.png') 0.6em no-repeat;
	padding-left: 2.5em;
}

#button_add span, .button.add span {
	background: transparent url('/image/shared/default/icons/add.png') 0.6em no-repeat;
	padding-left: 2.5em;
}

#button_delete span, .button.delete span {
	background: transparent url('/image/shared/default/icons/delete.png') 0.6em no-repeat;
	padding-left: 2.5em;
}

#button_list span, .button.list span, #button_overview span, .button.overview span {
	background: transparent url('/image/shared/default/icons/table.png') 0.6em no-repeat;
	padding-left: 2.5em;
}

#button_download span, .button.download span, #button_link span, .button.link span {
	background: transparent url('/image/shared/default/icons/link.png') 0.6em no-repeat;
	padding-left: 2.5em;
}

#button_refresh span, .button.refresh span {
	background: transparent url('/image/shared/default/icons/arrow_refresh.png') 0.6em no-repeat;
	padding-left: 2.5em;
}

.link_imageselector, #imageremove, #videoselector, #builder-type-button {
	padding: 0.3em 0.3em 0;
}


/* Form edit styles */
.latus-form-edit > fieldset {
	padding-left: 0;
	padding-right: 0;
}
.latus-form-edit legend {
	padding: 0 30px 0 20px;
}
.latus-form-edit .form-field {
	clear: both;
	position: relative;
	padding: 5px 30px 5px 20px;
}
.latus-form-edit .form-field.hover,
.latus-form-edit .form-field.ui-sortable-helper {
	border: 1px solid #999999;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	margin: -1px -1px;
	cursor: move;
}
.latus-form-edit .ui-sortable-placeholder {
	border: 2px dashed #999999;
}

.form-field-toolbar {
	opacity: 0.85;
	display: none;
	position: absolute;
	right: 0px;
	top: -22px;
	height: 20px;
	margin: -1px -2px;
	padding: 1px;
	width: 100%;
	text-align: right;
	border: 1px solid #999999;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.latus-form-edit .form-field.hover .form-field-toolbar,
.latus-form-edit .form-field.ui-sortable-helper .form-field-toolbar {
	display: block;
}
.form-field-toolbar button .ui-button-text {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 16px;
	background-position: 1px;
}
.form-field-form fieldset {
	padding-left: 5px;
	padding-right: 5px;
}
.form-field-value-container {
	display: none;
}
.form-field-value-container button.delete .ui-button-text {
	padding-right: 0;
}
.form-field-value-container input {
	float: none !important;
}
.latus-form-edit .form-field-form .buttonrow {
	padding: 0;
}
/* form properties */
.form-thanks-mail-fields {
	display: none;
}

.video-thumbnail-cell img {
	width: 100px;
}

	.toolbar-search-input {
		position: absolute;
		right: 5px;
		width: 200px;
		height: 20px;
	}
	.toolbar-search-input #search {
		position: absolute;
		right: 0px;
		top: 2px;
	}



/* page_server.css */
.htmlarea {
	/*margin-left: -2px;*/
	/*margin-right: -3px;*/
}

/* paragraph hover styles */
.selectparagraph {
	border: 1px dashed #7293BE;
	margin: -1px;
	position: relative;
}

.unselectparagraph {
	border-width: 0;
	margin: 0;
}

/* 
VideoJS Default Styles (http://videojs.com)
Version 2.0.2

REQUIRED STYLES (be careful overriding)
================================================================================ */
/* Box containing video, controls, and download links.
   Will be set to the width of the video element through JS
   If you want to add some kind of frame or special positioning, use another containing element, not video-js-box. */
.video-js-box { text-align: left; position: relative; line-height: 0 !important; margin: 0; padding: 0 !important; border: none !important;  }

/* Video Element */
video.video-js { background-color: #000; position: relative; padding: 0; }

.vjs-flash-fallback { display: block; }

/* Poster Overlay Style */
.video-js-box img.vjs-poster { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; }
/* Subtiles Style */
.video-js-box .vjs-subtitles { color: #fff; font-size: 20px; text-align: center; position: absolute; bottom: 40px; left: 0; right: 0; }

/* Fullscreen styles for main elements */
.video-js-box.vjs-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; }
.video-js-box.vjs-fullscreen video.video-js,
.video-js-box.vjs-fullscreen .vjs-flash-fallback { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.video-js-box.vjs-fullscreen img.vjs-poster { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-spinner { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-controls { z-index: 1003; }
.video-js-box.vjs-fullscreen .vjs-big-play-button { z-index: 1004; }
.video-js-box.vjs-fullscreen .vjs-subtitles { z-index: 1004; }

/* Styles Loaded Check */
.vjs-styles-check { height: 5px; position: absolute; }
/* Controls Below Video */
.video-js-box.vjs-controls-below .vjs-controls { position: relative; opacity: 1; background-color: #000; }
.video-js-box.vjs-controls-below .vjs-subtitles { bottom: 75px; } /* Account for height of controls below video */

/* DEFAULT SKIN (override in another file)
================================================================================
Using all CSS to draw the controls. Images could be used if desired.
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. */

/* Controls Layout 
  Using absolute positioning to position controls */
.video-js-box .vjs-controls {
  position: absolute; margin: 0; opacity: 0.85; color: #fff;
  display: none; /* Start hidden */
  left: 0; right: 0; /* 100% width of video-js-box */ 
  width: 100%;
  bottom: 0px; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
  height: 35px; /* Including any margin you want above or below control items */
  padding: 0; /* Controls are absolutely position, so no padding necessary */
}

.video-js-box .vjs-controls > div { /* Direct div children of control bar */
  position: absolute; /* Use top, bottom, left, and right to specifically position the control. */
  text-align: center; margin: 0; padding: 0;
  height: 25px; /* Default height of individual controls */
  top: 5px; /* Top margin to put space between video and controls when controls are below */

  /* CSS Background Gradients 
     Using to give the aqua-ish look. */
  /* Default */ background-color: #0B151A;
  /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px;
  /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 12px;

  /* CSS Curved Corners */
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;

  /* CSS Shadows */
  box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; -moz-box-shadow: 1px 1px 2px #000;
}

/* Placement of Control Items 
   - Left side of pogress bar, use left & width
   - Rigth side of progress bar, use right & width
   - Expand with the video (like progress bar) use left & right */
.vjs-controls > div.vjs-play-control       { left: 5px;   width: 25px;  }
.vjs-controls > div.vjs-progress-control   { left: 35px;  right: 165px; } /* Using left & right so it expands with the width of the video */
.vjs-controls > div.vjs-time-control       { width: 75px; right: 90px;  } /* Time control and progress bar are combined to look like one */
.vjs-controls > div.vjs-volume-control     { width: 50px; right: 35px;  }
.vjs-controls > div.vjs-fullscreen-control { width: 25px; right: 5px;   }

/* Removing curved corners on progress control and time control to join them. */
.vjs-controls > div.vjs-progress-control {
  border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0;
  border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;
}
.vjs-controls > div.vjs-time-control { 
  border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0;
  border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0;
}

/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-play-control { cursor: pointer !important; }
/* Play Icon */
.vjs-play-control span { display: block; font-size: 0; line-height: 0; }
.vjs-paused .vjs-play-control span {
  width: 0; height: 0; margin: 8px 0 0 8px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 10px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 5px solid rgba(0,0,0,0); border-bottom: 5px solid rgba(0,0,0,0);
}
.vjs-playing .vjs-play-control span {
  width: 3px; height: 10px; margin: 8px auto 0;
  /* Drawing the pause bars with borders */
  border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff;
}

/* Progress
-------------------------------------------------------------------------------- */
.vjs-progress-holder { /* Box containing play and load progresses */
  position: relative; padding: 0; overflow:hidden; cursor: pointer !important;
  height: 9px; border: 1px solid #777;
  margin: 7px 1px 0 5px; /* Placement within the progress control item */
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.vjs-progress-holder div { /* Progress Bars */
  position: absolute; display: block; width: 0; height: 9px; margin: 0; padding: 0;
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.vjs-play-progress {
  /* CSS Gradient */
  /* Default */ background: #fff;
  /* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777));
  /* Firefox */ background: -moz-linear-gradient(top,  #fff,  #777);
}
.vjs-load-progress {
  opacity: 0.8;
  /* CSS Gradient */
  /* Default */ background-color: #555;
  /* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#aaa));
  /* Firefox */ background: -moz-linear-gradient(top,  #555,  #aaa);
}

/* Time Display
-------------------------------------------------------------------------------- */
.vjs-controls .vjs-time-control { font-size: 10px; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; }
.vjs-controls .vjs-time-control span { line-height: 25px; /* Centering vertically */ }

/* Volume
-------------------------------------------------------------------------------- */
.vjs-volume-control { cursor: pointer !important; }
.vjs-volume-control div { display: block; margin: 0 5px 0 5px; padding: 4px 0 0 0; }
/* Drawing the volume icon using 6 span elements */
.vjs-volume-control div span { /* Individual volume bars */
  float: left; padding: 0;
  margin: 0 2px 0 0; /* Space between */
  width: 5px; height: 0px; /* Total height is height + bottom border */
  border-bottom: 18px solid #555; /* Default (off) color and height of visible portion */
}
.vjs-volume-control div span.vjs-volume-level-on { border-color: #fff; /* Volume on bar color */ }
/* Creating differnt bar heights through height (transparent) and bottom border (visible). */
.vjs-volume-control div span:nth-child(1) { border-bottom-width: 2px; height: 16px; }
.vjs-volume-control div span:nth-child(2) { border-bottom-width: 4px; height: 14px; }
.vjs-volume-control div span:nth-child(3) { border-bottom-width: 7px; height: 11px; }
.vjs-volume-control div span:nth-child(4) { border-bottom-width: 10px; height: 8px; }
.vjs-volume-control div span:nth-child(5) { border-bottom-width: 14px; height: 4px; }
.vjs-volume-control div span:nth-child(6) { margin-right: 0; }

/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-fullscreen-control { cursor: pointer !important; }
.vjs-fullscreen-control div {
  padding: 0; text-align: left; vertical-align: top; cursor: pointer !important; 
  margin: 5px 0 0 5px; /* Placement within the fullscreen control item */
  width: 20px; height: 20px;
}
/* Drawing the fullscreen icon using 4 span elements */
.vjs-fullscreen-control div span { float: left; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 0; text-align: left; vertical-align: top; }
.vjs-fullscreen-control div span:nth-child(1) { /* Top-left triangle */
  margin-right: 3px; /* Space between top-left and top-right */
  margin-bottom: 3px; /* Space between top-left and bottom-left */
  border-top: 6px solid #fff; /* Height and color */
  border-right: 6px solid rgba(0,0,0,0);  /* Width */
}
.vjs-fullscreen-control div span:nth-child(2) { border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen-control div span:nth-child(3) { clear: both; margin: 0 3px 0 0; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen-control div span:nth-child(4) { border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
/* Icon when video is in fullscreen mode */
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(1) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(2) { border: none; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(3) { border: none; border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(4) { border: none; border-top: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }

/* Download Links - Used for browsers that don't support any video.
---------------------------------------------------------*/
.vjs-no-video { font-size: small; line-height: 1.5; }

/* Big Play Button (at start)
---------------------------------------------------------*/
div.vjs-big-play-button {
  display: none; /* Start hidden */ z-index: 2;
  position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -43px 0 0 -43px; text-align: center; vertical-align: center; cursor: pointer !important;
  border: 3px solid #fff; opacity: 0.9;
  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
  
  /* CSS Background Gradients */
  /* Default */ background-color: #0B151A;
  /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 40px;
  /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 40px;

  /* CSS Shadows */
  box-shadow: 4px 4px 8px #000; -webkit-box-shadow: 4px 4px 8px #000; -moz-box-shadow: 4px 4px 8px #000;
}
div.vjs-big-play-button:hover {
  box-shadow: 0px 0px 80px #fff; -webkit-box-shadow: 0px 0px 80px #fff; -moz-box-shadow: 0px 0px 80px #fff;
}

div.vjs-big-play-button span {
  display: block; font-size: 0; line-height: 0;
  width: 0; height: 0; margin: 20px 0 0 23px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 40px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 20px solid rgba(0,0,0,0); border-bottom: 20px solid rgba(0,0,0,0);
}

/* Spinner Styles
---------------------------------------------------------*/
/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
.vjs-spinner { display: none; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; z-index: 1; margin: -50px 0 0 -50px;
  /* Scaling makes the circles look smoother. */
  transform: scale(0.5); -webkit-transform:scale(0.5); -moz-transform:scale(0.5);
}
/* Spinner circles */
.vjs-spinner div { position:absolute; left: 40px; top: 40px; width: 20px; height: 20px; background: #fff;
  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
  border: 1px solid #ccc; /* Added border so can be visible on white backgrounds */
}
/* Each circle */
.vjs-spinner div:nth-child(1) { opacity: 0.12; transform: rotate(000deg) translate(0, -40px) scale(0.1); -webkit-transform: rotate(000deg) translate(0, -40px) scale(0.1); -moz-transform: rotate(000deg) translate(0, -40px) scale(0.1); }
.vjs-spinner div:nth-child(2) { opacity: 0.25; transform: rotate(045deg) translate(0, -40px) scale(0.2); -webkit-transform: rotate(045deg) translate(0, -40px) scale(0.2); -moz-transform: rotate(045deg) translate(0, -40px) scale(0.2); }
.vjs-spinner div:nth-child(3) { opacity: 0.37; transform: rotate(090deg) translate(0, -40px) scale(0.4); -webkit-transform: rotate(090deg) translate(0, -40px) scale(0.4); -moz-transform: rotate(090deg) translate(0, -40px) scale(0.4); }
.vjs-spinner div:nth-child(4) { opacity: 0.50; transform: rotate(135deg) translate(0, -40px) scale(0.6); -webkit-transform: rotate(135deg) translate(0, -40px) scale(0.6); -moz-transform: rotate(135deg) translate(0, -40px) scale(0.6); }
.vjs-spinner div:nth-child(5) { opacity: 0.62; transform: rotate(180deg) translate(0, -40px) scale(0.8); -webkit-transform: rotate(180deg) translate(0, -40px) scale(0.8); -moz-transform: rotate(180deg) translate(0, -40px) scale(0.8); }
.vjs-spinner div:nth-child(6) { opacity: 0.75; transform: rotate(225deg) translate(0, -40px) scale(1.0); -webkit-transform: rotate(225deg) translate(0, -40px) scale(1.0); -moz-transform: rotate(225deg) translate(0, -40px) scale(1.0); }
.vjs-spinner div:nth-child(7) { opacity: 0.87; transform: rotate(270deg) translate(0, -40px) scale(1.1); -webkit-transform: rotate(270deg) translate(0, -40px) scale(1.1); -moz-transform: rotate(270deg) translate(0, -40px) scale(1.1); }
.vjs-spinner div:nth-child(8) { opacity: 1.00; transform: rotate(315deg) translate(0, -40px) scale(1.3); -webkit-transform: rotate(315deg) translate(0, -40px) scale(1.3); -moz-transform: rotate(315deg) translate(0, -40px) scale(1.3); }

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}
body {
	text-align: center;
	line-height: 1.2em;
}
body, body * {
	font-size: 12px;
}

h1 {
	font-size: 1.5em;
	line-height: 1.15em;
	padding: 0 0 0.7em 0;
}

h2 {
	font-size: 1.3em;
	line-height: 1.15em;
	padding: 0 0 0.15em 0;
}

h3, legend {
	font-size: 1.2em;
	line-height: 1.1em;
	padding: 0 0 0.15em 0;
}

#column_right h3, #column_right h2, #column_left h3, #column_left h2, #column_right legend {
	padding: 0 0 0.75em 0;
}

legend {
	font-weight: bold;
	margin: 0 0 0.3em 0;
}

h3 a, h2 a {
	color: #333333;
	text-decoration: none;
}

h3 a:hover, h2 a:hover {
	color: #5B0064;
	text-decoration: underline;
}

small {
	font-size: 0.8em;
	color: #999999;
}

a {
	color: #A040FF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.shortnewsitem,
a.profile {
	display: block;
	cursor: pointer;
}

dfn {
	border-bottom: 1px dashed;
}

dfn:hover, a.glossary:hover {
	text-decoration: none;
}

textarea, textarea.forummessageinput {
	width: 228px;
	height: 8em;
	float: left;
	border-width: 0;
	margin: 0 0 0.5em 0;
	padding: 6px 6px;
	background: url('/image/shared/balanced_text_image/bg_input.png') top left no-repeat;
}


fieldset {
	margin: 0.75em 0 0.75em 0;
	background: #F0F0F0;
	padding: 0 30px 0.75em 20px;
	border-top: solid 3em #F0F0F0; /* fix to get the legend look like inside the fieldset */
}

.tabpane fieldset {
	padding: 0 5px 1em;
	margin: 0.2em 0 1em;
}
/* @todo fix for IE */
#column_left fieldset {
	display: block;
	width: 190px;
	border-top: 0.5em solid #F0F0F0;
	padding-left: 15px;
	padding-right: 25px;
}
#column_left fieldset legend {
	display: block;
	float: left;
	width: 100%;
	white-space: normal !important;
	font-size: 1.2em;
	padding: 0.75em 0 0.5em 0;
}
#column_left .pc_paragraph {
	margin: 0 0 2.5em 0;
}

#content ul {
	list-style: disc outside none;
}

#content ol {
	list-style: decimal outside none;
}

#content .pc_paragraph {
	margin: 0 0 1em 0;
}

/* main div's*/
#container {
	position: relative;
}
#container, #footer {
	text-align: left;
	margin: 0 auto;
	width: 960px;
	padding: 0 8px 0 0; /*padding for showing the shadow */
	background: url('/image/shared/balanced_text_image/shadow_right.png') top right repeat-y;
}

#footer {
	width: 968px;
	padding: 0 0 8px 0; /*padding for showing the shadow */
	background: url('/image/shared/balanced_text_image/shadow_bottom.png') bottom right no-repeat;
}
#header {
	position: relative;
	height: 210px;
	background: #FFFFFF none right center no-repeat;
}
.sliderelement, #slider {
	width: 710px;
	height: 210px;
}
#slider {
	position: absolute !important;
	top: 0;
	right: 0;
}

#column_left {
	float: left;
	width: 250px;
}

#column_left .column_block,
#column_left .column_block h3,
#column_left .column_block strong,
#column_left .column_block b,
#column_left .column_block legend {
	color: #A0A0A0;
}

/*.page-type-15,*/
#column_right {
	padding: 20px 0 0 0;
	width: 270px;
	float: left;
	color: #999999;
}

#content {
	text-align: left;
	padding: 20px 20px 2em 20px;
	float: left;
	width: 400px;
	background: #FFFFFF;
}

#menu {
	height: 30px;
	line-height: 30px;
	background: #5B0064;
}

#menu ul li a {
	height: 30px;
	line-height: 28px;
}

.hosting-co2-neutral {
	float: right;
	padding-right: 10px;
}
.footerservedby {
	/* IE7 fix */
	width: 100%;
}
.servedby {
	text-align: right;
	line-height: 28px;
	margin: 0 10px;
}

.servedby, .servedby a {
	color: #B0B0B0;
	font-size: 0.9em;
}

.modaldialog, .modalerror {
	text-align: left;
}

.social-network-icons {
	margin: 2em 0;
}
#system_actions {
	clear: both;
	margin: 2em 0 0 0;
}
#system_actions, #system_actions a {
	font-size: 0.9em;
	color: #999999;
	text-decoration: none;
}

/* for showing the right hand shadow of the footer */
#footer #bg {
	padding: 0 8px 0 0; /*padding for showing the bottom shadow */
	background: url('/image/shared/balanced_text_image/shadow_right.png') top right repeat-y;
}


#header #logo {
	background: #FFFFFF;
	height: 210px;
	width: 210px;
	padding: 0 20px;
	text-align: center;
	float: left;
	/*some dirty stuff for vertically centering the logo img */
	display: table-cell;
	vertical-align: middle;
	line-height: 210px;
}

#header #logo img {
	width: 210px;
	margin: auto;
}

/* top level menu items */
.menu_normal_current > a {
	font-weight: bold;
}

#menu ul {
	margin: 0 0 0 260px;
	padding: 0;
	float: left;
}

#menu ul li {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	padding: 0 6px;
	line-height: 30px;
}
#menu ul li:last {
	padding: 0px;
}

#menu a {
	text-decoration: none;
	color: #DCEE1F;
}

#menu a.selected {
	font-weight: bold;
}

/* all first-child divs' in the left column */
#column_left > div {
	margin: 0 0 2.5em 0;
	padding: 0 20px 0 20px;
}

/* submenu in left column */
#column_left #submenu {
	margin: 0 0 2em 0;
	float: left;
	width: 210px;
	padding: 20px 20px 2em 20px;
	background: #EAEAEA;
}

#column_left #submenu > ul {
	margin: 0;
	padding: 0;
}

/* styling for sub(-sub) menu items */
#column_left #submenu ul a {
	text-decoration: none;
}

#column_left #submenu ul a:hover {
	color: #5B0064;
	font-weight: bold;
}

#column_left #submenu ul li {
	margin: 0 0 1em 0;
	line-height: 1.2em;
	padding: 0;
	list-style: none;
	font-weight: normal;
}

/* some air between subsubmenu & submenu items */
#column_left #submenu ul ul {
	margin: 1em 0;
}

/* distinguish subsubmenu items from submenu items */
#column_left #submenu li li {
	padding: 0 0 0 1em;
	font-size: 0.9em;
}

/* styling for selected (sub- & subsub) menuitems */
#column_left #submenu ul li.selected {
	font-weight: bold;
}
/*styling for search blocks */
#column_left .searchblock {
	width: 210px;
}

#column_left div {
	clear: both;
}

/* right column */
/*.page-type-15 div.column_block, .page-type-15 .pc_paragraph,*/
#column_right div.column_block, #column_right .pc_paragraph {
	background: #ffffff;
}
#column_right fieldset {
	margin: 0;
	padding: 0;
	border-top: none;
	background-color: transparent;
}
#column_right legend {
	margin-bottom: 0;
}

/*.page-type-15 .pc_paragraph,*/
#column_right .pc_paragraph {
	margin: 0 0 10px 0;
	background: #ffffff;
}

.news-item-list-default,
.news-item-list-default li {
	list-style: none !important;
	margin-left: 0;
}
.news-item-list-default li,  div.profile .profile {
	margin-bottom: 0.5em;
}
.connect-list li {
	list-style: disc outside;
	margin: 0 0 0 14px;
}

ul.news-item-list-datetitle li {
	list-style-type: none !important;
	margin: 0 0 0.5em 0;
}


.column_news .news-item, div.profile .profile {
	display: block;
	margin: 0 0 1em 0;
}

.column_news .news-item.last, div.profile .profile.last {
	margin: 0;
}

#column_right .searchblock {
	width: 220px;
	height: 20px;
	font-size: 0.9em;
}

#column_right .newsitem {
	margin: 0 0 1em 0;
}
/*
#column_right .newsitem h4 a {
	color: #333333;
}
*/
#column_right fieldset {
	padding: 0;
	margin: 0;
}

/* content styling */
.paragraphimageleft .paragraphimage {
	float: left;
	margin: 0 10px 10px 0;
}

.paragraphimageright .paragraphimage {
	float: right;
	margin: 0 0 10px 10px;
}

ul li {
	list-style-type: disc;
	margin: 0 0 0 15px;
}

ol li {
	list-style-type: decimal;
	margin: 0 0 0 30px;
}

.paragraph_content p {
	margin: 0;
}

.para_style_inset {
	padding: 0 2em;
}


#breadcrumb {
	height: 2.4em;
}
#breadcrumb, #breadcrumb a {
	color: #999999;
	font-size: 0.9em;
	text-decoration: none;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

/* forms */
.button, #content button, .plupload_button {
	margin: 0;
	/*padding: 2px 1em 1px;*/
	cursor: pointer;
	text-align: center;
}
.button * {
	color: #303030;
}
.formkey {
	width: 100px;
	/* line-height: 20px; */ /*needs to be in px, as the border of the input needs to be added for IE comp. */
	margin: 2px 0 0.5em 0;
	clear: both;
}
label.formkey {
	float: left;
}

td.formkey {
	height: 20px; /*needs to be in px, as the border of the input needs to be added for IE comp. */
	vertical-align: middle;
}

#column_left .formkey, #column_right .formkey {
	width: 7em;
}

label.error {
	font-weight: bold;
	margin: 0 0.5em;
	line-height: 20px; /*needs to be in px, as the border of the label needs to be added for IE comp. */
	clear: both;
	position: absolute;
}

label.error .ui-state-error {
	line-height: 18px; /*needs to be in px, as the border of the label needs to be added for IE comp. */
	padding: 0 2em 0 1em;
}

input.input-text, div.input-text, .form-text {
	display: inline;
	width: 228px;
	height: 18px; /*needs to be in px, as the border needs to be added for IE comp. */
	padding: 3px 6px 0;
	border: none;
	margin: 0 0 0.5em 0;
	background: url('/image/shared/balanced_text_image/bg_input.png') top left no-repeat;
	float: left;
}

input.input-text.input-date {
	width: 202px;
}


.input-div {
	width: 240px;
	float: left;
}

/* Style of placeholder texts in inputs */
/* Do NOT join the following 3 rules. For some reason, the browsers don't get this */
input:-moz-placeholder {
	color: #C0C0C0;
}

/* leave the double colons! */
::-webkit-input-placeholder {
	color: #C0C0C0;
}

.hasplaceholder {
	color: #C0C0C0;
}

#column_left .input-text, #column_right .input-text {
	width: 15em;
}

#column_right .no-labels .input-text {
	width: 17.3em;
}
#column_right .buttonrow {
	width: 100%;
}
#column_right .no-labels label.formkey {
	display: none;
}

.form-text {
	background: none;
	height: auto;
}

.page-name-prefix {
	width: 88px;
}

input.input-checkbox {
/*	margin: 2px 0 8px;*/
}

label.even {
	background: none;
}

span#aanhef {
	width: 16em;
	height: 20px; /*needs to be in px, as the border needs to be added for IE comp. */
	padding: 0;
	margin: 0 0 0.25em 0;
	float: left;
}

span#aanhef label, span#aanhef input {
	height: 16px;
	line-height: 16px;
	margin: 0;
	padding: 0;
}

span#aanhef label {
	margin: 0 1em 0 0;
}

.input-text.input-cal {
	width: 15em;
}

.tab-page .input-text.input-cal {
	width: 13em;
}

select {
	width: 240px;
	padding: 0 0 0 6px;
}

select.select-medium {
	width: 120px;
}

select.select-small {
	width: 60px;
}

select.select-xsmall {
	width: 30px;
}

select.select-xxsmall {
	width: 15px;
}

input.input-text.input-medium {
	width: 108px !important;
}

input.input-text.input-small {
	width: 54px !important;
}

input.input-text.input-xsmall {
	width: 27px !important;
}

input.input-text.input-xxsmall {
	width: 13px !important;
}

.buttonrow {
	margin: 0.2em 0 0 0;
	text-align: right;
	clear: both;
}
#content fieldset .buttonrow {
	width: 340px;
}

#column_left .buttonrow {
	width: 16em;
}

.searchblock input#search_fulltext {
	float: left;
	height: 16px;
	line-height: 16px;
	width: 194px;
	padding: 2px 0 0 5px;
	border: solid 1px #808080;
	border-right: none;
	background: #FFFFFF;
}

.searchblock button {
	float: left;
	height: 20px;
	width: 20px;
	border: solid 1px #808080;
	padding: 0 !important;
	line-height: 1.2em;
	background: #F0F0F0;
	color: #303030;
}
.searchblock button .search-button-content {
	display: block;
	background: #F0F0F0 url(/image/shared/default/arrow-right.png) no-repeat 50% 50%;
	border: 0px solid green;
}

#menu .searchblock {
	padding: 5px 0 0 0;
	width: 220px;
	float: right;
	margin: 0 30px 0 0;
}


#sitemap a {
	color: #404040;
}

#sitemap .sitemap-level-1 > li {
	float: left;
	margin: 0 2em 0 0;
}

#sitemap li ul ul {
	margin: 0 0 0 0.7em;
}

#sitemap .sitemap-level-1 > li > a {
	font-weight: bold;
}

/* page reactions */
h2.pagereactiontitle {
	margin: 2em 0 1em;
}
.pagereaction {
	margin: 1em 0;
}

.news_headlines li span {
	font-size: 0.8em;
	color: #999999;
}

#content .news_headlines {
	margin: 0 0 2em 0;
}

.news_item_date, .newsitem_date, .connect-list .connect-item-timestamp {
	color: #999999;
}

.forumpagemessage .messagecontent {
	margin: 0.3em 0 1.3em;
}

.modaldialog .closelink {
	display: none;
}

.livesearch-results-container a {
	text-decoration: none;
}

.livesearch-results-container a:hover span {
	text-decoration: underline;
}

.livesearch-results-container {
	border: solid 1px #999999;
	border-top-width: 0;
	background: #FFFFFF;
	text-align: left;
	width: 199px;
	box-shadow: 0px 6px 8px rgba(0,0,0,0.2);
}

.livesearch-results-container .header {
	color: #999999;
	text-align: left;
	padding: 2px;
}

.livesearch-results-container ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.livesearch-results-container li {
	display: block;
	width: 188px;
	margin: 0;
	padding: 2px 5px;
}

.livesearch-results-container .even {
	background: #FFFFFF;
}
.livesearch-results-container .odd {
	background: #F0F0F0;
}
.livesearch-results-container .ni_date {
	display: block;
	float: right;
}
body .gl_list li {
	margin-bottom: 1em;
}
.gl_list, .gl_list li {
	list-style-type: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

body .paging {
	margin: 1em 0;
}

.gl_title {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
.gl_description {
	display: block;
	clear: both;
}
.messageheader {
	font-style: italic;
}

.pagereaction {
	margin: 0 0 2em 0;
}

.wholepage-empty {
	text-align: left;
	padding: 10px;
}

.latusmessage {
	clear: both;
	padding: 1em;
}

.latusmessage div {
	float: left;
	width: 90%;
}

.column_links a {
	display: block;
}

.news_headlines {
	margin-bottom: 10px;
}

.quote_sign {
	display: none;
}

.quote_sign.open {
	float: left;
	margin-right: 5px;
}

.quote_sign.close {
	float: right;
	margin-left: 5px;
	height: 15px;
}
.quote-content {
	font-size: 1.2em;
	line-height: 1.2em;
	font-style: italic;
}

.quote .author {
	margin: 0.5em 0 0 0;
	display: block;
	clear: both;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
}
#content .quote-content, #content .quote .author {
	color: #A0A0A0;
}


#header_quote {
	display: block;
	padding: 0px 20px;
}

#header #header_quote, #header #header_quote .quote-content {
	color: #909090;
	z-index: 201;
}

#header-quote-background, #header_quote {
	position: absolute;
	width: 400px;
	height: 94px;
	right: 0px;
	top: 50px;
	padding: 0.5em 30px 0.75em 20px;
}

#header-quote-background {
	z-index: 200;
	background: #5B0064;
	opacity: 0.3;
	filter: alpha(opacity=30);
}

#header_quote .quote, #header_quote .quote-content {
	color: #FFFFFF !important;
	line-height: 1.2em;
	font-size: 1.2em;
}

#header_quote .quote .author {
	color: #FFFFFF !important;
	line-height: 2em;
	font-size: 12px;
}

#content div.whoiswho {
	width: 116px;
	float: left;
	margin: 0 20px 1em 0;
}
.whoiswho-3, .whoiswho-6, .whoiswho-9, .whoiswho-12, .whoiswho-16 {
	margin-right: 0 !important;
}
.whoiswho-1, .whoiswho-4, .whoiswho-7, .whoiswho-10, .whoiswho-13 {
	clear: both;
}

.list thead tr, .list .header, .list thead tr td, .list .header td, .list thead tr td a, .list .header td a, .plupload_filelist_header, .plupload_filelist_header div {
	background: #5B0064;
	color: #FFFFFF;
	line-height: 24px;
}

.profile-product-price {
	font-weight: bold;
}

.product_slider {
	margin-top: 1em;
}
.product_slider .profile-product-price {
	float: right;
}
.product_slider .profile-product-price span {
	font-size: 1.5em;
}
.product_slider .profile-product-description {
	clear: both;
	margin-top: 1em;
}
.product_slider .profile-product-image {
	float: left;
	margin: 0 10px 10px 0;
	clear: both;
}

.faq_answer {
	margin: 0 0 1.5em 0;
}
.faq_answer .author {
	color: #A0A0A0;
}

.links_faq {
	text-align: right;
	margin: 0 0 1em 0;
}

h4.faq_question a {
	margin: 0 0 1em 0;
	font-size: 1.1em;
	line-height: 1.4em;
}

.links_product {
	text-align: right;
}

.links_product.top {
}

.links_product.bottom {
	text-align: right;
	margin: 0 0 1.5em 0;
}

.profile.product .image {
	width: 100px;
	float: left;
	padding: 0 10px 0 0;
}

.profile.product .head {
	float: left;
	width: 190px;
}

.whoiswho .photo {
	margin: 0 0 0.5em 0;
}

.links_whoiswho.top {
	text-align: right;
}

.links_whoiswho.bottom {
	text-align: right;
	margin: 0 0 1.5em 0;
}

.banner_text {
	margin: 0.5em 0 0 0;
}
.fakeplaceholder {
	color: #A0A0A0;
}
.input-captcha {
	display: block;
	float: left;
}
div.captchaimage {
	width: 160px;
	float: left;
	vertical-align: bottom;
}
div.captchaimage img {
	width: 50px;
	float: left;
}
div.captchafield {
	float: left;
}

div.captchafield .captchainput {
	width: 68px;
	text-transform: uppercase;
}
.refreshcaptcha {
	line-height: 22px;
	font-size: 0.9em;
	vertical-align: middle;
}


#column_right div.captchaimage {
	width: 7em;
	line-height: 1em;
}

#column_right div.captchafield {
	width: 3.3em;
}

#column_right div.captchafield .captchainput {
	width: 3.3em;
}

#content .shortnewsitem {
	margin: 0 0 1em 0;
}

span.nav-icon {
	display: inline-block;
	background: url(/image/shared/default/arrow-right.png) no-repeat;
	width: 12px;
	height: 12px;
	vertical-align:	text-top;
}
img.nav-icon {
	width: 12px;
	height: 12px;
	vertical-align:	text-top;
}
.calendar-date {
	font-weight: bold;
}

h3.search-result-title a {
	color: #7C3383;
}
.search-result-content a {
	color: #333333;
}
.search-result-rank {
	color: #999999;
}

.profile.event a , .profile-job a {
	display: block;
}

.productgroup_header {
	padding: 0 0 1em 0;
	/*border-bottom: solid 1px #C0C0C0;
	margin: 0 0 1em 0;*/
}

.product, .productgroup {
	margin: 1em 0 1em 0;
	padding: 0.5em 0 0.5em 0;
	border-top: solid 1px #C0C0C0;
	width: 50%;
	float: left;
	height: 155px;
}

.product {
	min-height: 200px;
}

.product .paragraphimage, .productgroup .paragraphimage {
	height: 100px !important;
}

#column_right .aanbiedingdivider {
	clear: both;
	margin: 10px 0 1em 0;
	border-bottom: solid 1px #C0C0C0;
}
#column_right .aanbiedingdivider.last {
	display: none;
}

.bestel-blok .amount {
	margin: 5px 0;
}

.checkoutpricecolumn, .checkoutsubtotalcolumn, .checkoutquantitycolumn {
	width: 75px;
}

.checkouttitlecolumn {
	width: 115px;
}

.checkoutoptioncolumn {
	width: 35px;
}

/* reference grid */
/*
ul.reference-list {
	list-style-type: none;
	margin: 0;
}
ul.reference-list li {
	list-style-type: none;
	display:  block;
	margin: 0;
	margin-bottom: 1em;
}
.reference-list .clear {
	clear: both;
}
.reference-list img {
	float: left;
	margin-right: 10px;
}
.ref-title {
	background: #FFFFFF;
}
*/
/* references extended style */
ul.reference-list {
	list-style-type: none;
	display: block;
	padding: 3px;
	margin: 0;
}
ul.reference-list li {
	list-style-type: none;
	display:  block;
	background-position: center center;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px;
	margin: 0;
	margin-bottom: 6px;
	padding: 5px;
	clear: both;
}
ul.reference-list li:hover {
	box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 8px;
	cursor: pointer;
}
ul.reference-list li a:hover {
	text-decoration: none;
	/*cursor: default;*/
}
.reference-list img {
	border-radius: 4px;
	float: left;
	margin-right: 10px;
}
.reference-list .clear {
	clear: both;
}
.ref-title {
	padding: 6px;
	border-radius: 4px;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.7);
}
.ref-title a {
	color: #303030;
	font-size: 1.1em;
	text-shadow: #FFFFFF 0px 0px 1px;
}

.reference-photo {
	border-radius: 4px;
	width: 100%;
	height: 220px;
	position: relative;
	margin-bottom: 1em;
	padding-top: 1em;
}
.reference-title-container {
	text-align: center;
}
.reference-title-container div.reference-title {
	border-radius: 4px;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.7);
	display: block;
	padding: 0.5em 10px;
	margin: 0 10px;
	color: #303030;
	text-shadow: #FFFFFF 0px 0px 1px;
}
.reference-organization-container {
	border-radius: 4px;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.7);
	padding: 5px;
	position: absolute;
	right: 10px;
	bottom: 1em;
	width: 100px;
	text-shadow: #FFFFFF 0px 0px 1px;
	overflow: hidden;
}
.reference-logo {
	float: left;
}
.reference-organization {
	font-size: 0.85em;
	margin-top: 5px;
	float: right;
	word-wrap: break-word;
	font-weight: normal;
}


.twitterblock li {
	margin: 0 10px;
}

.twitterblock {
	border-radius: 5px;
	background: #5B0064;
	padding-bottom: 1px;
	color: #FFFFFF;
}

.twitterblock h3 {
	color: #FFFFFF;
	padding: 10px 10px 5px;
}

.twitterblock ul {
	background: #FFFFFF;
	margin: 1px;
	border-radius: 5px;
}

.twitterblock .twitter_username {
	color: #FFFFFF;
	padding: 0 10px;
}

.twitterblock .feed {
	color: #444444;
}



/* Other form style probeersel */
/*
fieldset {
	margin-top: 32px;
	display: block;
	padding-top: 12px;
	border-radius: 3px;
	border: 1px solid #CCCCCC;
}
legend {
	display: block;
	background: #FFFFFF;
	width: 100%;
	margin: -24px -31px 0 -21px;
	padding: 6px 30px 6px 20px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom: 1px solid #CCCCCC;
	border: 1px solid #CCCCCC;
}

select,
input.input-text, div.input-text, .form-text {
	background: #FFFFFF;
	height: 20px;
	width: 226px;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	box-shadow: 0 1px 0 #EEEEEE inset, 0 1px 0 #FFFFFF;
	-moz-transition: background 0.2s linear 0s;
}
select {
	height: 25px;
	width: 240px;
	padding: 3px 4px;
	margin-bottom: 6px;
}
textarea {
	background: #FFFFFF;
	width: 226px;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	box-shadow: 0 1px 0 #EEEEEE inset, 0 1px 0 #FFFFFF;
	-moz-transition: background 0.2s linear 0s;
}
.input-date {
	width: 200px !important;
}
.buttonrow .button {
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-image: -moz-linear-gradient(#FFFFFF, #DDDDDD);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
*/

@font-face {
	  font-family: thesanslp;
	  src: url( '/fonts/thesanslightplain.eot' ); /* IE9 Compat Modes */
 	  src: url( '/fonts/thesanslightplain.eot?#iefix' ) format('embedded-opentype'), /* IE6-IE8 */
		   url( '/fonts/thesanslightplain.woff' ) format( 'woff' ); /* Modern Browsers */
}

#footer {
    margin-bottom: 80px;
}
#content_foto_theme #addparagraphtoolbar {
    display: none!important;
}
#content_foto_theme .tbar a.delete-paragraph {
    display: none!important;
}

body, body * {
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #555555;
        font-size: 13px;
	line-height: 20px;
}
body {
	background: #E0E0E0;
}
.wholepage-empty {
	background: #FFFFFF !important;
}

h2, h3, h3 a, legend {
    font-family: thesanslp, arial, verdana;
    color: #555555;
    font-weight: bold;
    font-size: 13px;
    line-height: 25px;
}

legend {
	font-weight: bold;
}

h3 a {
	color: #606060;
	text-decoration: none;
}

h3 a:hover {
	color: #5B0064;
	text-decoration: none;
}

small {
	font-size: 0.8em;
	color: #999999;
}

a, .ui-widget-content a {
	color: #91B9D2;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

dfn {
	border-bottom: 1px dashed;
}

dfn:hover, a.glossary:hover {
	text-decoration: none;
}
#header_menu {
    background: url('/image/shared/balanced_text_image/bg_header_top.png') no-repeat;
    position: absolute;
    width: 960px;
    height: 153px;
    z-index: 1;
}

#header {
	height: 320px;
}
#header_menu #logo {
    margin-top: 25px;
    margin-left: 37px;
    width: 250px;
    float: left;
}
#menu {
    width: 600px;
    background: transparent;
    text-align: right;
    float: right;
    margin-top: 15px;
}
#menu ul {
    margin: 0px;
    float: right;
    margin-right: 60px;
}
#menu ul li {
    padding: 0px;
}
#menu .menu-item a {
    font-family: thesanslp, arial, verdana;
    font-size: 14px;
    color: #ffffff;
    padding-left: 19px;
    margin-right: 10px;
    background: url('/image/shared/balanced_text_image/red_dot.png') 0px 7px no-repeat;
}
#menu .menu-item:first-child a {
    background: none;
}

#wrapper {
    width: 824px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 20px;
}
#title_border {
    background: url('/image/shared/balanced_text_image/bg_title_border.png') no-repeat;
    position: absolute;
    width: 824px;
    height: 30px;
    left: 0px;
    top: -30px;
    z-index: 2;
}
#title_border h1,
#title_border h1 a#title {
    font-family: thesanslp, arial, verdana;
    font-size: 17px;
    color: #ffffff;
    font-weight: normal;
    line-height: 28px;
    text-decoration: none;
}
#title_border h1 {
    margin-left: 10px;
    padding-left: 17px;
    background: url('/image/shared/balanced_text_image/red_dot.png') 0px 11px no-repeat;
}
#title_border h1 a#title {
    display: block;
}
#title_border h1 a#title:hover {
    text-decoration: none;
}

/*top padding needs to be changed when the base font size is changed. base line must be same as h1 for page title */
#column_right {
	color: #999999;
}

#content {
    background: #FFFFFF;
    width: 500px;
    padding: 0px 30px 40px 0px;
    margin-top: 40px;
    border-right: 1px solid #cccccc;
}
#column_right {
    margin: 40px 0px 40px 40px;
    padding: 0px;
    width: 243px;
    position: relative;
    overflow: hidden;
}
#column_right img {
    max-width: 243px;
}
#content_foto_theme {
    width: 824px;
    padding-top: 40px;
    position: relative;
}
#content_foto_theme h3 {
    font-family: thesanslp, arial, verdana;
    font-size: 16px;
    color: #ffffff;
    font-weight: normal;
    margin: 131px 0px 0px 10px;
    padding-left: 17px;
    background: url('/image/shared/balanced_text_image/red_dot.png') 0px 10px no-repeat;
}

#system_actions, #system_actions a {
	font-size: 0.9em;
	color: #999999;
}

#header #logo {
	background: transparent;
	height: 210px;
	width: 210px;
	padding: 0 20px;
	text-align: center;
	line-height: 210px;
}

#header #logo img {
	width: 210px;
	margin: auto;
}
.sliderelement, #slider {
	width: 960px;
	height: 320px;
}

/* top level menu items */

.menu_normal_current > a {
	font-weight: normal;
}

#menu a.selected {
	font-weight: bold;
}

/* submenu in left column */
#column_left #submenu {
	background: #F0F0F0;
}

/* styling for sub(-sub) menu items */
#column_left #submenu ul a {
	color: #333333;
	text-decoration: none;
}

#column_left #submenu ul a:hover {
	color: #5B0064;
	font-weight: bold;
}

#column_left #submenu ul li {
	font-weight: normal;
}
#column_left #submenu li li {
	font-size: 0.7em;
}

/* some air between subsubmenu & submenu items */
#column_left #submenu ul ul {
	margin: 10px 0;
}

/* distinguish subsubmenu items from submenu items */
#column_left #submenu ul li li {
	padding: 0 0 0 10px;
	font-size: 0.9em;
}

/* styling for selected (sub- & subsub) menuitems */
#column_left #submenu ul li.selected {
	font-weight: bold;
}
/*styling for search blocks */
#column_left .searchblock {
	width: 210px;
}


/* content styling */

.paragraph_content ul li {
	list-style-type: disc;
}

/*breadcrumb */
#breadcrumb, #breadcrumb a {
	color: #999999;
	font-size: 0.9em;
	text-decoration: none;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

#sitemap a {
	color: #404040;
}

#sitemap .sitemap-level-1 > li {
	margin: 0 2em 0 0;
}

#sitemap li  ul ul {
	margin: 0 0 0 0.7em;
}

#sitemap .sitemap-level-1 > li > a {
	font-weight: bold;
}


.news_headlines li span {
	font-size: 0.8em;
	color: #999999;
}

h3.news_item_title a {
	font-size: 1.1em;
}

#column_left h3 {
	line-height: 1.2em;
	font-size: 1em;
	margin: 0;
}

em.news_item_date, .newsitem_date {
	color: #999999;
}


.author {
	font-style: italic;
}
.faq_answer .author {
	font-style: normal;
}

.list thead tr, .list .header, .list thead tr td, .list .header td, .list thead tr td a, .list .header td a, .plupload_filelist_header, .plupload_filelist_header div {
	background: #076667;
	color: #FFFFFF;
}

.project-list-item {
    margin-bottom: 20px;
}

.place-left {
    float: left;
}

.place-right {
    float: right;
}

#image-selector {
    width: 180px;
    margin-right: 15px;
    height: 180px;
    /*border: 1px solid #F0F0F0;*/
}

#image-container {
    border: 2px solid #F0F0F0;
    width: 176px;
    height: 176px;
    overflow: hidden;
    text-align: center;
    position: relative;
}

.thumb-container {
    float: left;
    width: 56px;
    height: 56px;
    cursor: pointer;
    border-width: 2px;
    border-style: solid;
    overflow: hidden;
}

#image-selector .even {
    border-color: #F0F0F0;
}

#image-selector .odd {
    border-color: #ffffff;
}

#image-selector .selected-thumb {
    border-color: #5B0064;
}

.image-td {
    height: 40px;
    padding-bottom: 2px;
}

.project-social-network-icons {
    float: right;
}

#tabPaneProjectView .input-text, #tabPaneProjectView textarea {
    width: 36em;
}

#tabPaneProjectView .form-table {
    width: 42em;
}

.afbeeldingen-container td {
    vertical-align: top;
}

.column-project .paragraphimage {
    margin: 0px 5px 5px 0px;
}

.project-column-title {
    margin: 0px 0px 4px 0px;
    font-weight: bold;
}

#image-container .magnifier {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: url( /page/images/magnifier.png ) no-repeat center center;
}

/* Button styles */
/*
.buttonrow .button {
	border-color: #EDE717;
	background: url("/image/shared/balanced_text_image/ui-bg_glass_75_color_1x400.png") repeat-x scroll 50% 10px #F4EF7F;
}
*/
/*
.searchblock button {
	background: url("/image/shared/balanced_text_image/ui-bg_glass_75_color_1x400.png") repeat-x scroll 50% 10px #F4EF7F;
}
*/

td.daycolor.active a {
	color: #7C3383;
}
#column_right a.news-item h4,
#column_right a.profile h4,
a h4 {
	color: #7C3383 !important;
}

#footer .footerservedby {
    background: url('/image/shared/balanced_text_image/bg_footer.png') no-repeat;
    height: 32px;
}
#footer .footerservedby p.img,
#footer .footerservedby p.text {
    float: left;
}
#footer .footerservedby p.img {
    margin-left: 10px;
    padding-top: 7px;
}
#footer .footerservedby img {
    margin-right: 10px;
    border: 0px;
}
#footer .footerservedby p.text {
    color: #ffffff;
    padding-top: 6px;
}
#footer .footerservedby a {
    color: #ffffff;
}

fieldset {
    background: #ffffff;
    border-top: #ffffff;
}
input.input-text, div.input-text, .form-text,
textarea, textarea.forummessageinput {
    background: #eeeeee;
}

#menu-parent- .home {
    display: none;
}

.paragraph_content h2 {
    font-family: verdana, arial, sans-serif;
    font-weight: bold;
}

#content_foto_theme .current_page_content
{
    width: 220px;
    position: absolute;
    top: 239px;
    left: 300px;
}
#content_foto_theme .paragraph_content p,
#content_foto_theme .paragraph_content p strong,
#content_foto_theme .paragraph_content p a {
    color: #ffffff;
    font-family: verdana, sans-serif;
    font-size: 13px;
    line-height: 20px;
}
#content_foto_theme .paragraph_content p a:hover {
    text-decoration: none;
}

#adminmenu a {
    text-decoration: none;
}
.formkey {
    width: 130px;
}