/* @override http://euphorie.hosting.simplon.biz/client/++resource++euphorie.style/screen.css */

/* This CSS is written by Cornelis Kolbach. www.cornae.com */

@font-face {
	font-family: "Abadi MT Condensed Light";
	src: url("Abadi-MT-Std-Condensed Light.otf")
}

html {	height: 300%;
	background: #8b8987 url(body.png) repeat-y center 0;
	width: 510px;
	overflow: hidden;
}

.jsOnly, .tooltip, .clicktip, .focustip {
	display: none;
}

/* @group Blueprint */

/* @group Reset */

* {
	outline: none;
	cursor: default;
}

a {
	cursor: pointer;
}

html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,
del,dfn,em,img,q,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,th,td {
	text-align: left;
	font-weight: 400;
}

/* Remove possible quote marks (") from <q>,<blockquote>. */

blockquote:before,blockquote:after,q:before,q:after {
	content: "";
}

blockquote,q {
	quotes: "" "";
}

a img {
	border: none;
}

/* @end */

/* @group Grid */


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, 
div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, 
div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, 
div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, 
div.span-21, div.span-22, div.span-23, div.span-24 {
  float: left;
  margin-right: 10px; 
}

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 30px; }
.span-2  { width: 70px; }
.span-3  { width: 110px; }
.span-4  { width: 150px; }
.span-5  { width: 190px; }
.span-6  { width: 230px; }
.span-7  { width: 270px; }
.span-8  { width: 310px; }
.span-9  { width: 350px; }
.span-10 { width: 390px; }
.span-11 { width: 430px; }
.span-12 { width: 470px; }
.span-13 { width: 510px; }
.span-14 { width: 550px; }
.span-15 { width: 590px; }
.span-16 { width: 630px; }
.span-17 { width: 670px; }
.span-18 { width: 710px; }
.span-19 { width: 750px; }
.span-20 { width: 790px; }
.span-21 { width: 830px; }
.span-22 { width: 870px; }
.span-23 { width: 910px; }
.span-24 { width: 950px; margin: 0; }

/* Add these to a column to append empty cols. */
.append-1  { padding-right: 40px; }  
.append-2  { padding-right: 80px; } 
.append-3  { padding-right: 120px; } 
.append-4  { padding-right: 160px; } 
.append-5  { padding-right: 200px; } 
.append-6  { padding-right: 240px; } 
.append-7  { padding-right: 280px; } 
.append-8  { padding-right: 320px; } 
.append-9  { padding-right: 360px; } 
.append-10 { padding-right: 400px; } 
.append-11 { padding-right: 440px; } 
.append-12 { padding-right: 480px; } 
.append-13 { padding-right: 520px; } 
.append-14 { padding-right: 560px; } 
.append-15 { padding-right: 600px; } 
.append-16 { padding-right: 640px; } 
.append-17 { padding-right: 680px; } 
.append-18 { padding-right: 720px; } 
.append-19 { padding-right: 760px; } 
.append-20 { padding-right: 800px; } 
.append-21 { padding-right: 840px; } 
.append-22 { padding-right: 880px; } 
.append-23 { padding-right: 920px; } 

/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 40px; }  
.prepend-2  { padding-left: 80px; } 
.prepend-3  { padding-left: 120px; } 
.prepend-4  { padding-left: 160px; } 
.prepend-5  { padding-left: 200px; } 
.prepend-6  { padding-left: 240px; } 
.prepend-7  { padding-left: 280px; } 
.prepend-8  { padding-left: 320px; } 
.prepend-9  { padding-left: 360px; } 
.prepend-10 { padding-left: 400px; } 
.prepend-11 { padding-left: 440px; } 
.prepend-12 { padding-left: 480px; } 
.prepend-13 { padding-left: 520px; } 
.prepend-14 { padding-left: 560px; } 
.prepend-15 { padding-left: 600px; } 
.prepend-16 { padding-left: 640px; } 
.prepend-17 { padding-left: 680px; } 
.prepend-18 { padding-left: 720px; } 
.prepend-19 { padding-left: 760px; } 
.prepend-20 { padding-left: 800px; } 
.prepend-21 { padding-left: 840px; } 
.prepend-22 { padding-left: 880px; } 
.prepend-23 { padding-left: 920px; } 


/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 24px !important;
  margin-right: 25px !important;
  border-right: 1px solid silver;
}


/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -40px; }
.pull-2 { margin-left: -80px; }
.pull-3 { margin-left: -120px; }
.pull-4 { margin-left: -160px; }
.pull-5 { margin-left: -200px; }

.pull-6 { margin-left: -240px; }

.pull-7 { margin-left: -280px; }

.pull-8 { margin-left: 3200px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5 {
  float:left;
	position:relative;
}

.push-1 { margin: 0 -40px 1.5em 40px; }
.push-2 { margin: 0 -80px 1.5em 80px; }
.push-3 { margin: 0 -120px 1.5em 120px; }
.push-4 { margin: 0 -160px 1.5em 160px; }
.push-5 { margin: 0 -200px 1.5em 200px; }

.push-1, .push-2, .push-3, .push-4, .push-5 { 
  float: right;
	position:relative;
}


/* Misc classes and elements
-------------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */
.prepend-top { 
	margin-top:1.5em; 
}
.append-bottom { 
	margin-bottom:1.5em; 
}

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #E5ECF9; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  border: none;
	margin-bottom: 10px;
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "\0020"; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    overflow:hidden; 
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

/* @end */

/* @end */

body,
#main {
	width: 590px;
	font: 13px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	display: block;
	color: #4b4540;
	padding: 0 60px 0 180px;
	min-height: 100%;
	margin: 0 auto;
	background: white url(body.png) repeat-y center 0;	
}

/* @group Fancybox */

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/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%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

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

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

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

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

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

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

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

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

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

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

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

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

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

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('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('fancybox/fancybox.png');
	background-position: -40px -30px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }



/* @end */

/* @group Gallery */

.gallery {
	width: 170px;
	float: left;
	margin-bottom: 0;
}

.gallery a {
	float: left;
	margin-bottom: 10px;
	text-align: center;
	width: 45px;
	height: 45px;
	margin-right: 10px;
}

.gallery a:first-child {
	width: 160px;
	height: auto;
	margin-right: 0;
}

.gallery img {
	max-width: 45px;
	max-height: 45px;
	float: none;
	margin: 0 !important;
	cursor: pointer;
}

.gallery a:first-child img {
	max-width: 150px;
	max-height: 500px;
}



/* @end */

/* @group Comments */

#comments textarea {
	display: block;
	width: 99%;
}



/* @end */

/* @group Report */

.report h3 {
	clear: left;
}

.report a {
	text-decoration: none;
}

.report a:hover {
	text-decoration: underline;
}

.report div.warning {
	background-color: transparent;
	padding: 0 0 0 20px;
	border-left-style: double;
	border-left-width: 5px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: black !important;
	margin-top: 0;
}

.report .negation {
	color: #c16800;
	font-weight: bold;
}

.report .negation strong.icon {
	margin-right: 5px;
}

.report .warning h4,
.report .warning h4 a {
	color: #c16800 !important;
	margin-top: 0;
}

.report .warning h4
 {
	clear: left;
	margin-bottom: 20px;
}

.report h4 a {
	font-weight: normal !important;
	font-style: normal;
}

.report div.success {
	background-color: transparent;
	padding: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: black !important;
	margin-top: 0;
}

.report div.success a {
	color: #113779
}

.report img {
	margin-bottom: 20px;
}

.report blockquote.comments {
	letter-spacing: 1px;
	font: italic normal 18px Georgia, "Times New Roman", Times, serif;
}

.report blockquote.comments:before {
	content: "“";
	font-size: 200px;
	z-index: 0;
	color: #d9d5d3;
	float: left;
	width: 70px;
	margin: -42px -40px -120px -30px;
	clear: left;
}

.report dl,.report dd {
	margin-bottom: 20px;
}

.report dt {
	float: left;
	margin-right: 7px;
	font-style: italic;
}

.report p.priority-medium strong,
.report p.priority-low strong {
	font-weight: bold;
	color: black !important;
}

.report p.priority-medium br,
.report p.priority-low br {
	display: none;
}

.report p.priority-high {
	position: absolute;
	margin-top: -50px;
	padding: 13px;
	width: 60px;
	height: 37px;
	font-size: 12px;
	text-align: center;
	line-height: 17px;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	transform: rotate(-5deg);
	background: url(riskBadge-high.png) center top;
	margin-left: -61px;
	color: #c16800;
	text-indent: -270px;
	overflow: hidden;
	text-transform: capitalize;
}

.report p.priority-high strong {
	color: #8d580d !important;
	text-shadow: rgba(255,254,255,0.59) 0 1px 0;
	text-indent: 0;
	float: left;
}

/*.report p.priority-high {
	float: left;
	position: absolute;
	margin-top: -39px;
	padding: 13px;
	width: 60px;
	height: 37px;
	font-size: 12px;
	text-align: center;
	line-height: 17px;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	transform: rotate(-5deg);
	background: url(riskBadge-high.png) center top;
	margin-left: -49px;
	color: #c16800;
}

.report p.priority-high strong {
	color: #8d580d !important;
	text-shadow: rgba(255,254,255,0.59) 0 1px 0;
}

.report p.priority-low {
	float: left;
	position: absolute;
	margin-top: -39px;
	padding: 13px;
	width: 60px;
	height: 37px;
	font-size: 12px;
	text-align: center;
	line-height: 17px;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	transform: rotate(-5deg);
	background: url(riskBadge-high.png) center top;
	margin-left: -49px;
	color: #c16800;
}

.report p.priority-low strong {
	color: #8d580d !important;
	text-shadow: rgba(255,254,255,0.59) 0 1px 0;
}*/



/* @end */

/* @group Icons */

.icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	text-indent: -4000px;
	background-image: url(icons.png);
	margin-top: -2px;
	position: relative;
	top: 2px;
	overflow: hidden;
}

.icon:hover {
	background-position-y: -16px;
}

label .icon.sidemark {
	float: left;
	position: absolute;
	top: 3px;
	left: -25px;
}

.accordion dd>a.info {
	margin-top: -26px;
	float: left;
}

/* @group Icons */

.icon.warning {
	background-position: -16px 0;
	background-color: transparent;}



/* @end */



/* @end */

/* @group Floats */

.floatBefore {
	float: left;
}

.floatAfter {
	float: right;
}

img.floatBefore {
	margin-left: 0;
	margin-right: 10px;
}

img.floatAfter {
	margin-right: 0;
	margin-left: 10px;
}



/* @end */

/* @group Typography */

h1 {
	margin: 0 -50px 20px -170px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255,1);
	padding-top: 204px;
	padding-bottom: 5px;
	padding-left: 170px;
	background: #031c48 url(header.png) no-repeat 0 0;
	font: lighter 35px "Abadi MT Condensed Light", Geneva, Tahoma, "Helvetica Neue", Arial, Helvetica, sans-serif;
}

p {
	margin-top: 0;
	margin-bottom: 20px;
}

h2 {
	margin-bottom: 20px;
	margin-top: 0;
	line-height: 20px;
	font-weight: bold;
	font-size: 16px;
}

h3 {
	margin-bottom: 20px;
	margin-top: 0;
	line-height: 20px;
}

h4 {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 1px;
	font-size: 13px;
}

h5 {
	margin-top: 0;
	line-height: 20px;
	margin-bottom: 0;
	font-size: 13px;
	letter-spacing: 1px;
}

hr {
	margin-top: 0;
	margin-bottom: 19px;
	padding: 0;
	clear: left;
	position: relative;
	top: 10px;
	height: 1px;
	border-style: none;
	background: #c8c3be;
}

a,
button.link {
	color: #113779;
	font-weight: bold;
}

a:hover,
button.link:hover {
	color: #05142e;
}

a.block {
	display: block;
}

ul {
	margin-left: 15px;
	margin-bottom: 20px;
	list-style-type: square;
}

table {
	width: 100%;
	margin-bottom: 20px;
}

td,th {
	padding-right: 10px;
}

th {
	font-weight: bold;
}

.discrete {
	font-size: 11px;
	color: gray;
	line-height: 20px;
	font-style: italic;
}

/* @end */

/* @group Welcoming word */

#homepage h1 {
	height: 41px;
	padding-left: 0;
}

#homepage h1 span {
	width: 640px;
	padding-bottom: 20px;
	overflow: hidden;
	padding-right: 0;
	float: left;
	padding-left: 170px;
}

#homepage h1 br {
	display: none;
}



/* @end */

/* @group Accordion */

dl.accordion {
	float: left;
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
}

dl.accordion dt {
	margin: 0;
	float: left;
	width: 550px;
}

dl.accordion dt.ui-state-active {
	background-image: none;
	color: black;
	font-weight: bold;
	text-shadow: none;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0);
	box-shadow: 0 2px 5px rgba(0,0,0,0);
	background-color: transparent;
	border-color: #e7e7e7;
}

dl.accordion dd {
	float: left;
	padding: 0;
	position: relative;
	width: 100%;
}

dl.accordion .colborder hr,dl.accordion .colborder p.question {
	display: none;
}

dl.accordion dt button {
	float: right;
	position: relative;
	top: 0;
	opacity: 0;
	-webkit-transform: 0.4s opacity;
	}

dl.accordion dt:hover button {
	opacity: 1;
}

dl.accordion dt.ui-state-active button {
	opacity: 1;	
}



/* @end */

/* @group Messages */

/* @group Beauty tips */

.bt-content {
	line-height: 16px;	
	font: lighter "Abadi MT Condensed Light", Geneva, Tahoma, "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: white;
}

.bt-content h3 {
	font-size: 12px;
	margin-bottom: 9px;
	line-height: 16px;
}

.bt-content h5 {
	font-size: 10px;
	margin-bottom: 0;
	line-height: 16px;
	font-weight: bold;
}

.bt-content p {
	padding: 0 !important;
	margin: 0 0 18px !important;
	line-height: 16px;
	margin-bottom: 9px;
}

/* @group Patches for Beauty tips */

.login form {
	position: relative;
}

/*.login p {
	position: relative;
}*/



/* @end */



/* @end */

div.notice,
div.error,
div.success,
div.warning,
div.emphasis,
p.notice,
p.error,
p.success,
p.warning,
p.emphasis {
	padding: 10px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	margin-bottom: 20px;
	clear: left;
	float: left;
	width: 570px;
}

div.notice *:last-child,
div.error *:last-child,
div.success *:last-child,
div.warning *:last-child,
div.emphasis *:last-child
 {
	margin-bottom: 0;
}

.notice.span-15,.error.span-15,.success.span-15,.warning.span-15 {
	width: 570px;
}

p.notice a, 
p.error a, 
p.success a, 
p.warning a,
p.notice strong, 
p.error strong, 
p.success strong, 
p.warning strong,
div.notice a, 
div.error a, 
div.success a, 
div.warning a,
div.notice strong, 
div.error strong, 
div.success strong, 
div.warning strong {
	color: white;
	font-weight: bold;
}

p.notice img, 
p.error img, 
p.success img, 
p.warning img {
	margin-bottom: 20px;
	float: none;
}

div.emphasis,
p.emphasis {
	border: 4px double silver;
	width: 563px;
}

.notice {
	border-color: #008dae;
	background-color: #8293ab;
	color: white;
}

.error {
	border-color: #ff1c00;
	background-color: #ff1c00;
	color: white;
}

.success {
	border-color: #669900;
	background-color: #3e6b52;
	color: white
}

.warning {
	border-color: #f6921d;
	background-color: #c16800;
	color: white;
}

/* @group Self Healing */

#selfHealingFeedback {
	position: fixed;
	top: 20px;
	left: 20px;
	z-index: 2000;
}

#selfHealingFeedback p {
	margin-bottom: 10px;
	width: 250px;
	opacity: 0.93;
}



/* @end */



/* @end */

/* @group Buttons */

.buttonBar {
	margin-bottom: 20px;
	float: left;
	width: 100%;
}

.buttonBar.super {
	float: right;
	width: auto;
	margin-top: -70px;
}

.buttonBar.super button.floatAfter {
	margin-left: 10px;
	position: static;
	float: right;
	margin-right: 0;
}

button,
.button-medium,
.accordion dt {
	position: relative;
	padding: 5px 20px 6px;
	margin-right: 10px;
	margin-left: 0;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
	box-shadow: 0 2px 5px rgba(0,0,0,0.5);
	color: #c8c3be;
	border: 1px solid #7f7f7f;
	text-shadow: 0px -1px 0px rgba(0,0,0,1);
	line-height: 17px;
	border-bottom: 1px solid #7f7f7f;
	font-size: 13px;
	-webkit-transition: all 0.3s;
	text-decoration: none !important;
	background-color: #332e29;
	background-image: url(button-default.png);
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#413C37), to(#726D68));
	cursor: default !important;
}

button:active,
.button-medium:active,
.accordion dt:active {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#413C37), to(#726D68));
	text-shadow: rgba(0,0,0,0.5) 0 2px 3px;
}

button.small,
.button-small {
	position: relative;
	padding: 2px 6px 3px;
	margin-right: 5px;
	margin-left: 0;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
	box-shadow: 0 2px 5px rgba(0,0,0,0.5);
	background-image: url(button-default.png);
	color: #c8c3be;
	border: 1px solid #7f7f7f;
	text-shadow: 0px -1px 0px rgba(0,0,0,1);
	background-color: #332e29;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
	line-height: 9px;
	border-bottom: 1px solid #7f7f7f;
	font-size: 9px;
	-webkit-transition: all 0.3s;
	text-decoration: none;
	cursor: default;
	top: -2px;
}

button:hover,
.button-medium:hover {
	color: white;
	border: 1px solid #332e29;
}

button.floatBefore,
.button-medium.floatBefore {
	float: right;
	right: 50%;
}

button.floatAfter,
.button-medium.floatAfter {
	float: left;
	left: 50%;
}

button.back,
.button-medium.back {
	background-image: none;
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.6);
	color: #7f7f7f;
	border-style: none;
	border-bottom-style: solid;
	padding: 6px 0 0;
	cursor: pointer;
}

button.back:hover,
.button-medium.back:hover {
	color: #332e29;
	border-bottom: 1px solid #332e29;
}

a.button-medium.back {
	padding-top: 8px;
}

button.link {
	background-image: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
	display: inline-block;
	border-style: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	text-decoration: underline !important;
	cursor: pointer !important;
	letter-spacing: 0;
}


/* @end */

/* @group Forms */

form>img:first-child {
	margin-bottom: 20px;
}

/* @group Validation */

.accordion dd.error,
li.error,
label.error,
fieldset.error {
	background-color: transparent;
	color: inherit !important;
}

.accordion dt.error {
	background-image: url(button-warning.png);
	color: white;
	background-color: #c16800;
	border-color: #874e0b;
}

.accordion dt.error.ui-state-active {
	background-image: none;
	background-color: transparent;
	color: inherit !important;
}

li.error input,
input.error,
label.error input,
label.error textarea,
label.error select,
select.error,
textarea.error {
	background-color: #fcc694;
	color: #874e0b;
	border-color: #874e0b;
}

/* @end */

/* @group Input File */

p.fileUploader {
	position: relative;
}

p.fileUploader button {
	z-index: 0;
	position: relative;
}

p.fileUploader input.file {
	height: 30px;
	width: auto;
	opacity: 0;
	-moz-opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	cursor: pointer;
	z-index: 1;
	position: absolute;
	margin-left: -5px;
	top: 0;
	left: 0;
	margin-top: -10px;
	bottom: 0;
}

/* @end */

input[type="text"],input[type="password"],textarea {
	margin-top: -1px;
	max-width: 100%;
	margin-bottom: 5px;
	padding: 2px 5px;
	background-color: #fff;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-left: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	border-style: none;
	-webkit-transition: all 0.5s;
	outline: 1px solid #c8c3be;
	cursor: text;
}

textarea {
	padding-top: 6px;
}

input[type="checkbox"] {
	width: 14px;
	border-style: none;
	outline: none;
	height: 14px;
	margin: 0;
}

input[disabled="disabled"] {
	opacity: 0.4;	
}

.span-9 label em.error {
	left: 350px;
}

.span-9 input,.span-9 textarea {
	width: 160px;
	max-width: 160px;
}

.span-8 input,.span-8 textarea {
	width: 142px;
	max-width: 150px;
}

.span-8 fieldset.concise textarea {
	

/*margin-right: -165px;*/
	right: -156px;
}

.span-7 input,.span-7 textarea {
	width: 260px;
	max-width: 290px;
}

textarea.span-15 {
	width: 580px;
}

label {
}

/* @group Add and remove */

#addImage {
	float: right;
	margin-top: 10px;
}

/* @end */

/* @group Fieldsets */

fieldset {
	padding: 0 0 2px;
	border-style: none;
	position: relative;
	margin: 0 0 10px;
}

fieldset legend span {
	width: 100%;
	margin-left: -100px;
	display: inline;
	margin-bottom: 10px;
	float: left;
	padding-right: 10px;
	text-align: right;
}

fieldset legend {
	position: absolute;
	left: 0;
	width: 45%;
	color: #3f3f3f;
}

fieldset p.question {
	width: 95% !important;
	font-weight: normal;
	font-style: normal;
	color: #3f3f3f;
	margin-bottom: 0;
}

fieldset label {
	position: relative;
}

/* @group Fieldset Concise */

fieldset.concise,
form.concise fieldset {
	width: 100%;
	clear: left;
	padding: 0 0 5px;
	border-bottom: 1px solid silver;
}

fieldset.concise label,
form.concise fieldset label {
	padding-top: 0;
	position: relative;
	float: left;
	padding-right: 53%;
	width: 47%;
	margin-bottom: 20px;
}

fieldset.concise label input,
form.concise fieldset label input,
fieldset.concise label select,
form.concise fieldset label select,
fieldset.concise label ul,
form.concise fieldset label ul,
.SI-FILES-STYLIZED label.cabinet button {
	position: absolute;
	left: 50%;
	margin-bottom: 0;
	margin-top: 0;
	top: 0;
}

form.concise fieldset label textarea,
fieldset.concise label textarea {
	position: relative;
	vertical-align: top;
	width: 180px;
	float: left;
	margin-right: -100%;
	right: -100%;
}

form.concise fieldset label input[type=checkbox],
fieldset.concise label input[type=checkbox] {
	top: 11px;
}

fieldset.concise p.question,
form.concise fieldset p.question {
	width: auto;
	margin: 0;
	padding: 0;
}

/* @end */

/* @group Fieldset Comprehensive */

.comprehensive,
.comprehensive fieldset,
.concise fieldset.comprehensive,
.compact fieldset.comprehensive {
	width: 50%;
	clear: left;
	border-bottom: 1px solid silver;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 50%;
}

fieldset.comprehensive label,
form.comprehensive fieldset label,
form.concise fieldset.comprehensive label,
form.compact fieldset.comprehensive label {
	font-weight: normal;
	font-style: normal;
	position: static;
	margin: 0;
	padding: 0;
	float: none;
	width: 90%;
}

.concise fieldset.comprehensive,
.condensed fieldset.comprehensive {
	border-bottom-style: none;
	margin: 0;
	padding-bottom: 0;
}

fieldset.comprehensive label *,
form.comprehensive fieldset label *,
form.concise fieldset.comprehensive label *,
form.compact fieldset.comprehensive label * {
	position: static !important;
}

fieldset.comprehensive p.question,
form.comprehensive fieldset p.question,
form.concise fieldset.comprehensive p.question,
form.compact fieldset.comprehensive p.question {
	width: 100%;
	display: inline;
	text-align: left;
	margin-left: -100%;
	margin-right: 0;
	padding: 0;
	margin-bottom: 4px;
	float: left;
}

/* @end */

/* @group Fieldset Condensed */

fieldset.condensed,
form.condensed fieldset {
	clear: left;
	border-style: none;
	margin: 0 0 20px;
}

fieldset.condensed label,
form.condensed fieldset label {
	clear: left;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	margin-bottom: 20px;
}

fieldset.condensed p.question {
	width: auto;
}

fieldset.condensed label input,
form.condensed fieldset label input,
fieldset.condensed label textarea {
	float: left;
	margin-top: 0;
	margin-bottom: 0;
}

fieldset.condensed fieldset p.question {
	font-weight: normal;
	font-style: normal;
}

/* @end */

/* @end */

address {
	margin-top: 0;
}

input:focus,
textarea:focus {
	outline:  none;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	background-color: white;
}

abbr.currency {
	margin-left: -11px;
	position: absolute;
	margin-top: 2px;
}

label abbr.currency {
	margin-left: 0;
	position: static;
	margin-top: 0;
}

/* @group Personals */

li.firstName input {
	width: 88px;
}

li.surname input {
	width: 88px;
}

/* @end */

/* @group Radio List */

.radioList {
	position: relative;
	list-style-image: none !important;

}

fieldset.comprehensive.radioList label {
	padding-left: 16px !important;
	display: inline-block;
	width: 100%;
	line-height: 17px;
	clear: left;	padding-left: 0 !important;
	margin-bottom: 0 !important;
}

.radioList li label input[type="text"],
.radioList li label input[type="file"] {
	float: none;
	width: auto;
	margin: 0;
}

/* @end */

/* @group Radio Row */

.radioRow {
	position: relative;
	list-style-image: none !important;
	padding-left: 0 !important;
}

.radioRow li {
	padding-bottom: 3px;
	float: left;
}

.radioRow li label {
	padding-left: 16px !important;
	display: inline-block;
	line-height: 17px;
	padding-right: 10px;
	width: auto;
	margin-bottom: 2px;
	white-space: nowrap;
	float: left;
}

.radioRow li label input {
	margin-left: -15px;
	float: left;
	margin-top: 1px;
	width: 13px;
	display: none;
}

/* @end */

/* @group Input Row */

ul.inputRow,
ol.inputRow {
	display: inline !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style-type: none !important;
	background-image: none!important;
	list-style-image: none!important;
	position: relative;
}

ul.inputRow li {
	display: inline;
	float: left;
	margin-right: 8px;
	position: relative;
}

ul.inputRow li label {
	width: auto !important;
}

/* @end */

/* @group Input List */

ul.inputList,
ol.inputList,
ol.radioList,
ul.radioList,
ol.checkList,
ul.checkList {
	margin-top: 0;
	padding-top: 0;
	margin-left: 0;
	padding-left: 0;
	list-style-type: none !important;
}

ul.inputList li,
ol.radioList li,
ul.radioList li,
ol.checkList li,
ul.checkList li {
	margin-left: 0;
	padding-left: 0;
}

/* @end */

/* @group Check List */

ul.checkList {
	list-style-type: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

ul.checkList li {
	list-style-type: none;
	margin: 0  0 0;
	padding: 0 0 1px 0;
	list-style-image: none;
	position: relative;
}

ul.checkList li label {
	padding-left: 19px;
}

ul.checkList li input {
	width: auto !important;
	position: absolute;
	left: 0;
	top: 4px;
	border-style: none;
	margin-top: -2px;
	padding: 0;
}

/* @end */
	
/* @group Check Row */

ol.checkRow li,
ul.checkRow li,
ol.radioRow li,
ul.radioRow li {
	float: none;
	margin-left: 0;
	padding-left: 0;
	display: inline;
}

ol.checkRow li label,
ul.checkRow li label,
ol.radioRow li label,
ul.radioRow li label {
	display: inline;
}

ol.checkRow li input,
ul.checkRow li input {
	width: auto;
}

/* @end */

/* @group Super Imposed Labels */

label.superImpose {
	position: absolute !important;
	display: block;
	margin-left: 7px !important;
	color: rgba(75,69,64,0.5);
	margin-top: 0;
	width: auto !important;
	padding: 5px 20px 1px 0 !important;
}

li label.superImpose {
	margin-top: 0;
}

/* @end */

/* @group date-eu */

ol.date-eu {
	margin-bottom: 0 !important;
	padding-left: 0 !important;
}

ol.date-eu li {
	display: inline;
	margin: 0;
	padding: 0;
}

ol.date-eu label {
	display: none;
	background-color: #f00;
}

ol.date-eu .day input {
	width: 30px;
}

ol.date-eu li.month select,
select.month {
	display: inline;
	width: auto;
	margin: 0;
}

ol.date-eu li.month input {
	width: 30px;
}

ol.date-eu .year input {
	width: 60px;
	display: inline;
}

label.date input {
	width: 73px;
}

/* @end */

/* @group address-nl */

ol.address-nl {
	width: 211px;
	position: relative;
	float: left;
	margin-bottom: -4px !important;
	padding-left: 0 !important;
}

.address-nl label {
	display: none;
}

.address-nl li {
	display: inline;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	float: left;
	padding-bottom: 5px;
	width: auto;
	position: relative;
}

.address-nl li.street input {
	width: 198px;
}

.address-nl li.postalCode input {
	width: 56px;
	margin-right: 6px;}

.address-nl li.residence input {
	width: 123px;
	-moz-box-sizing: border-box;

}

.address-nl li.country input {
	width: 198px;
}

/* @end */

/* @end */

/* @group Global Navigation */

#navigation {
	position: absolute;
	top: 15px;
	list-style-type: none;
	z-index: 2;
	width: 310px;
	left: 170px;
}

#navigation li {
	float: right;
	margin-left: 10px;
}

#navigation li a {
	float: right;
	color: #dedede;
	text-decoration: none;
	padding: 0 14px;
	font-size: 11px;
	background-color: rgba(255,255,255,0.1);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#navigation li a:hover {
	background-color: rgba(255,255,255,0.25);
}

#navigation li#home {
	position: absolute;
	top: 0;
	background: url(logo.png) no-repeat 0 0;
	width: 380px;
	height: 100px;
	display: block;
	left: -160px;
}

body.alien #navigation li#home {
	background-position: 10px;
}

body.alien #navigation li#home a {
	text-indent: -10000px;
}

#navigation li#home>br {
	display: none;
}

#navigation li#home a {
	display: block;
	width: 300px;
	height: 50px;
	overflow: hidden;
	padding: 53px 0 0 78px;
	text-shadow: 0 1px 2px black;
	letter-spacing: 0;
	font: normal 14px/15px "Abadi MT Condensed LIght";
	background-color: transparent;	
	position: absolute;
	top: 0;
	left: 0;
}

.darkMainColour #navigation li#home a {
	color: white !important;
}



/* @end */

/* @group Status */

html.status h2 {
	padding: 10px;
	font-size: 16px;
	color: #3f3f3f;
	text-shadow: 0 0 1px rgba(255,255,255,0.8);
	background-color: #e1dddb;
	margin: 0;
}

dl.status {
	padding: 10px 10px 60px;
	background-color: #e1dddb;
	margin-bottom: 20px;
}

dl.status dt {
	height: 30px;
	line-height: 30px;
	margin-bottom: -30px;
	color: white;
	padding-left: 10px;
	position: relative;
	text-shadow: 0 1px 0px rgba(0,0,0,0.4);
	clear: left;
	width: 570px;
	text-decoration: none;
}

dl.status dt a {
	color: white;
	text-decoration: none;
	display: block;
}

dl.status dt a:hover {
	text-decoration: underline;
}

dl.status dd {
	background: #c8c3be;
	clear: left;
	width: 570px;
	float: left;
	height: 30px;
	margin-bottom: 20px;
}

dl.status .range {
	height: 30px;
	text-indent: -1000px;
	overflow: hidden;
	background: #3e6b52 url(graph-bars.png) no-repeat 0 -30px;
	display: inline-block;
	float: left;
}

dl.status .range.risk {
	background-color: #f00;
	background-position: center -30px;
}

dl.status .range.postponed {
	background-color: #ff7b00;
	background-position: right -30px;
}



/* @end */

/* @group Farbtastic */

.colourPicker {
	position: relative;
}

.picker
 {
	width: 190px;
	margin-right: 70px;
	float: left;
	position: relative;
	height: 230px;
	margin-bottom: 20px;
	left: 70px;
}

.picker h4 {
	margin-bottom: 10px;
	text-align: center;
}
.farbtastic {
  position: relative;
	width: 195px;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url(wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url(mask.png) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(marker.png) no-repeat;
}

.colourPicker label {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 190px;
	font-weight: bold;
}

.colourPicker input {
	margin: 0;
	width: 51px;
}



/* @end */

/* @group Countries */

.country {
	margin: 0 21px 128px 0;
	width: 101px;
	height: 0;
	padding-top: 60px;
	float: left;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
	box-shadow: 0 1px 4px rgba(0,0,0,0.5);
	-webkit-transition: all 0.3s;
	background: transparent url(flags.jpg) repeat-x 0 0;
	overflow: hidden;
}

p#country {
	position: absolute;
	top: 206px;
	left: 50%;
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	transform: rotate(5deg);
	margin-left: 260px;
}

.countries {
	list-style-type: none;
	float: left;
	margin-top: 0;
	margin-left: 0;
	margin-right: -20px;
	padding-bottom: 20px;
}

.countries li {
	margin: 0 21px 88px 0;
	width: 101px;
	height: 0;
	padding-top: 60px;
	float: left;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
	box-shadow: 0 1px 4px rgba(0,0,0,0.5);
	-webkit-transition: all 0.3s;
	background: transparent url(flags.jpg) repeat-x 0 0;}

.countries li a {
	margin: 0;
	width: 100px;
	text-decoration: none;
	font-size: 11px;
	display: block;
	line-height: 16px;
	position: relative;
	top: 5px;
}

.countries li a:hover {
	text-decoration: underline;
}

/* @group Flags */

.countries li.at,
p.country.at {
	
}

.countries li.be,
p.country.be {
	background-position: -101px 0;
}

.countries li.bg,
p.country.bg {
	background-position: -203px 0;
}

.countries li.se,
p.country.se {
	background-position: -2331px 0;
}

.countries li.cy,
p.country.cy {
	background-position: -304px 0;
}

.countries li.cz,
p.country.cz {
	background-position: -2432px 0;
}

.countries li.de,
p.country.de {
	background-position: -812px 0;
}

.countries li.dk,
p.country.dk {
	background-position: -406px 0;
}

.countries li.ee,
p.country.ee {
	background-position: -507px 0;
}

.countries li.es,
p.country.es {
	background-position: -2230px 0;
}

.countries li.fi,
p.country.fi {
	background-position: -609px 0;
}

.countries li.fr,
p.country.fr {
	background-position: -710px 0;
}

.countries li.gb,
p.country.gb {
	background-position: -2634px 0;
}

.countries li.gr,
p.country.gr {
	background-position: -913px 0;
}

.countries li.hu,
p.country.hu {
	background-position: -1015px 0;
}

.countries li.ie,
p.country.ie {
	background-position: -1117px 0;
}

.countries li.it,
p.country.it {
	background-position: -1218px 0;
}

.countries li.lt,
p.country.lt {
	background-position: -1420px 0;
}

.countries li.lu,
p.country.lu {
	background-position: -1522px 0;
}

.countries li.lv,
p.country.lv {
	background-position: -1319px 0;
}

.countries li.mt,
p.country.mt {
	background-position: -1623px 0;
}

.countries li.nl,
p.country.nl {
	background-position: -2533px 0;
}

.countries li.pl,
p.country.pl {
	background-position: -1724px 0;
}

.countries li.pt,
p.country.pt {
	background-position: -1825px 0;
}

.countries li.ro,
p.country.ro {
	background-position: -1927px 0;
}

.countries li.sk,
p.country.ro {
	background-position: -2028px 0;
}

.countries li.si,
p.country.si {
	background-position: -2129px 0;
}

/* @end */



/* @end */

/* @group Terminator */

#terminator {
	clear: left;
	margin-left: -130px;
	width: 720px;
}



/* @end */

/* @group Appendix */

#appendix {
	clear: left;
	bottom: 0;
	left: 0;
	width: 810px;
	text-align: center;
	color: #a99d92;
	padding-top: 60px;
	font-style: italic;
	padding-bottom: 10px;
	margin-bottom: 0;
	margin-left: -170px;
	font-size: 11px;
}

#appendix a {
	text-decoration: none;
	color: #978c82;
	font-style: normal;
	font-weight: bold;
}

#appendix a:hover {
	text-decoration: underline;
	color: #7f766e;
}

/* @end */

/* @group Steps */

ol {
	list-style-position: inside;
	counter-reset: item;
}

#steps {
	list-style-type: none;
	position: absolute;
	top: 130px;
	height: 40px;
	padding: 0;
	width: 790px;
	margin: 0 0 0 -160px;
	color: white;
	background: url(tabs.png) 0 0;
}

#steps li {
	font-size: 12px;
	float: left;
	padding: 10px 5px 20px 40px;
	color: #565b7d;
	width: 113px;
}

.deCornae #steps li {
	color: rgba(0,0,0,0.37);
}

#steps li li {
	padding: 0;
	width: 190px;
}

#steps .disabled {
	opacity: 0.3;
	cursor: default;
}

#steps li strong {
	float: left;
}

#steps li li a {
	margin: 0;
}

#steps li a {
	width: 113px;
	display: block;
	text-decoration: none;
	padding: 10px 5px 20px 40px;
	font-size: 12px;
	color: #7e8ca2;
	text-shadow: rgba(0,0,0,0.83) 0 1px 0;
	font-weight: bold;
	margin: -10px -5px -20px -40px;
	position: relative;
	-webkit-transition: color 0.2s;
}


.brightMainColour #steps>li>a,
.darkSupportColour #steps>li>a {
	text-shadow: none !important;
}

#steps li a:hover{
	color: #8e9fb8;
}

.deCornae>#steps>li>a:hover{
	text-decoration: underline;
}

#steps li.complete {
	background: #e69d17 url(tabs.png) -632px -170px;
}

.deCornae #steps li.complete {
	background-image: url(tabs-deCornae.png);
}

#steps li.complete a {
	color: #6d4803;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
}

#steps li.current {
	color: #6d4803;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
	background: #e69d17 url(tabs.png) -316px -170px;
	height: 20px;
}

.deCornae #steps li.current {
	background-image: url(tabs-deCornae.png) -316px -170px;
}

#steps li.complete:first-child,
#steps li.complete#step-1 {
	background-position: -158px -170px;
}

#steps li.current:first-child,
#steps li.current#step-1 {
	background-position: 0 -170px;
}

#steps li.complete:last-child,
#steps li.complete#step-5 {
	background-position: -157px -170px;
}

#steps li.current:last-child,
#steps li.current#step-5 {
	background-position: -316px -170px;
	background-repeat: no-repeat;
}

#steps li.current a,
#steps li.current a strong {
	color: #6d4803;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
}

#steps li.current a:hover,
#steps li.complete a:hover {
	color: #412b02;
}

.deCornae #steps li.current a:hover,
.deCornae #steps li.complete a:hover {
	color: inherit;
	text-decoration: none !important;
}

#steps li ol {
	position: absolute;
	top: 70px;
	left: -60px;
	list-style-position: outside;
	padding-left: 0;
	padding-top: 10px;
	padding-bottom: 30px;
	margin: 0;
	height: auto;
	width: 190px;
	list-style-type: none;
	background-color: #3a332e;
	background-image: url(steps.png);
	background: -webkit-gradient(linear, 100% 100%, 0% 100%, from(#918C88), to(#342F2A));
}

#steps>li>ol>li:last-child {
	
}

body>#steps>li>ol {
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 2px 10px rgba(0,0,0,0.5);
	box-shadow: 0 2px 10px rgba(0,0,0,0.5);
	-webkit-transform: rotate(-1.30deg);
	-moz-transform: rotate(-1.30deg);
	transform: rotate(-1.30deg);
}

#steps li ol ol {
	padding-left: 0;
	background-color: transparent;
}

#steps li ol li ol {
	position: static;
	background-image: none;
}

#steps li li.active,
#steps li li.current {
	border-top: 1px solid rgba(0,0,0,0.28);
	border-bottom: 1px solid rgba(255,255,255,0.34);
	background-color: rgba(0,0,0,0.17);
	height: auto;
	background-image: none;
}

#steps li.current li a {
	padding: 4px 10px 4px 45px;
	display: block;
	width: 135px;
	color: #d6d6d6;
	line-height: 15px;
	font-size: 12px;
	background-image: none;
	text-shadow: 0px 1px 0px rgba(0,0,0,1) !important;
	font-weight: normal;
	font-style: normal;
	margin-right: 0;
	float: left;
	background-color: transparent;
}

#steps li li.warning>a,
#steps li li.warning strong {
	color: #ff7b00 !important;
}

#steps li li a:hover,
#steps li li a:hover strong {
	color: white !important;
}

#steps li li strong {                               
	width: 33px;
	margin-left: -40px;
	display: inline-block;
	color: #8f8585!important;
	margin-right: 5px;
	padding-left: 2px;
	text-align: right;
	background: none !important;
	text-shadow: 0px 1px 0px rgba(0,0,0,1) !important;
	-webkit-transition: color 0.5s;
}

#steps li li li {
	float: left;
	width: 190px;
	font-size: 10px;
}

/* @group Icons */

/* @group Normal */

#steps li>a {
	background: url(tabs.png) 0 -100px;
}

.deCornae #steps li>a {
	background: url(tabs-deCornae.png)  0 -100px;
}

#steps li#step-2>a {
	background-position: -158px -100px;
}

#steps li#step-3>a {
	background-position: -316px -100px;
}

#steps li#step-4>a {
	background-position: -475px -100px;
}

#steps li#step-5>a {
	background-position: -632px -100px;
}

/* @end */

/* @group Complete */

#steps li.complete>a,
#steps li.current>a {
	background: url(tabs.png) 0 -50px;
}

.deCornae #steps>li.complete>a,
.deCornae #steps>li.current>a {
	background: url(tabs-deCornae.png) 0 -50px;
}

#steps li#step-2.complete>a,
#steps li#step-2.current>a {
	background-position: -156px -50px;
}

#steps li#step-3.complete>a,
#steps li#step-3.current>a {
	background-position: -318px -50px;
}

#steps li.complete#step-4>a,
#steps li.current#step-4>a {
	background-position: -475px -50px;
}

#steps li.complete#step-5>a,
#steps li.current#step-5>a {
	background-position: -630px -50px;
}

/* @end */

/* @end */

/* @group Microns */

#steps ol.microns {
	padding-left: 42px;
	width: 145px;
	float: left;
	margin: 0;
	padding-bottom: 10px;
	padding-top: 0;
}

#steps ol.microns li {
	width: 16px;
	overflow: hidden;
	margin: 1px 0 0;
	height: 16px;
	float: left;
	clear: none;
	padding: 0;
	background-image: url(microns.png) !important;
	background-position: -48px 0;
	text-indent: -100px;
	border-style: none !important;
}

#steps ol.microns li.current {
	background-position: -64px 0;
	padding: 0;
}

#steps ol.microns li.postponed.current {
	background-position: -80px 0;
}

#steps ol.microns li.risk.current {
	background-position: -96px 0;
}

#steps ol.microns li a {
	width: 16px;
	height: 0;
	padding: 16px 0 0;
	margin: 0;
	overflow: hidden;
	letter-spacing: -1000px;
	position: relative;
	background-image: url(microns.png) !important;
	background-position: -48px 0;
	float: right;
}

#steps ol.microns li.answered a {
	background-position: -16px 0 !important;
}

#steps ol.microns li.answered.risk a {
	background-position: 0 0 !important;
}

#steps ol.microns li.postponed a {
	background-position: -32px 0 !important;
}

/* @end */

/* @end */

@media print {

html {
	background-color: transparent;
	background-image: none;
	padding-left: 20%;
	padding-right: 10%;
}

#steps,
#navigation,
button,
#appendix,
.report .introduction,
.buttonBar {
	display: none;
}

body {
	background-image: none;70
	width: auto;
	padding: 0;
	width: 100%;
}

.success,
.warning,
.error,
p.emphasis {
	width: 100% !important;
	page-break-inside: avoid;
}

img {
	page-break-inside: avoid;
}

h1 {
	background-image: none;
	background-color: transparent;
	padding-top: 0;
	margin-top: 100px;
}

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	
/* Safari 3.0+ and Chrome rules here */

#steps li ol {
	background-image: none;	
	background: -webkit-gradient(linear, 100% 100%, 0% 100%, from(#918C88), to(#342F2A));
}

}

@media only screen and (max-device-width: 480px) {

#navigation {
	position: static;
}

#navigation li#home {
	position: static;
}

.countries {
	margin: 0;
	width: 280px;
}

.countries li,
.countries li:hover {
	-webkit-transform: scale(1);
	margin-top: 0;
	margin-left: 0;
	float: left;
	width: 0;
	-webkit-box-shadow: none;
	margin-bottom: 20px;
	clear: left;
	padding: 0 0 0 100px;
	height: auto;
	min-height: 60px;
	background-repeat: repeat-x;
	background-color: transparent;
	background-position-y: 0 !important;
}

.countries li a {
	position: relative;
	left: 20px;
	top: -3px;
	font-size: 13px;
	float: left;
	width: 170px;
	line-height: 20px;
}

#appendix {
	clear: left;
	width: 100%;
	color: #a99d92;
	padding: 30px 0 20px;
	margin: 0 0 -10px;
}

h1 {
	padding: 30px 20px 10px;
	margin-left: -20px;
	margin-right: -20px;
	background-image: none;
	margin-top: 45px;
	background-color: #c8c3be;
	font-size: 30px;
}

#login h1 {
	margin-top: 0;
}

html {
	background-image: none;
}

body {
	width: 280px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	background-image: none;
	background-color: #eae9e7;
}

table .actions {
	vertical-align: top;
	text-align: right;
	padding: 0;
}

/* @group #steps */

#steps {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	overflow: hidden;
	height: 65px;
	width: 320px;
	-webkit-box-shadow: none;
	background-image: none;
}

#steps li {
	padding: 27px 0 0;
	margin: 0;
	width: 64px;
	height: 23px;
	font-size: 9px;
	border-bottom: 10px solid #c8c3be;
	line-height: 30px;
	background-color: #031c48;
	text-align: center;
	color: rgba(255,255,255,0.3);
}

#steps li a {
	width: 64px;
	font-size: 9px;
	padding: 27px 0 0;
	margin: -27px 0 0;
	height: 33px;
	text-align: center;
	line-height: 30px;
	overflow: hidden;
	background: no-repeat;
	position: relative;
	z-index: 1;
	color: rgba(255,255,255,0.7);
}

#steps>li.complete>a {
	background: #e69d17 url(tabs-mobile.png) no-repeat -192px -80px !important;
	color: #6d4803;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
	height: 31px;
}

#steps li.complete:first-child a {
	background-position: -64px -80px !important;
}

#steps li.current a,
#steps li.current a strong {
	color: #6d4803;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
	background: #e69d17 url(tabs-mobile.png) no-repeat -128px -80px !important;
}

#steps>li.current:first-child>a {
	background-repeat: no-repeat;
	background-position: 0 -80px;
}

body>#steps>li>ol {
	display: none;
}

#steps li:before {
	content: url(tabs-mobile.png);
	width: 320px;
	display: inline-block;
	position: absolute;
	top: -40px;
	height: 80px;
	overflow: hidden;
	left: 0;
	z-index: 0;
	opacity: 0.1;
}

#steps li a:before {
	content: url(tabs-mobile.png);
	width: 320px;
	display: inline-block;
	position: absolute;
	top: -40px;
	overflow: hidden;
	left: 0;
	z-index: 1;
	opacity: 1;
	height: 80px;
}

#steps li.complete a:before,
#steps li.current a:before {
	content: url(tabs-mobile.png);
	width: 320px;
	display: inline-block;
	position: absolute;
	top: 0;
	height: 40px;
	overflow: hidden;
	left: 0;
	z-index: 1;
	opacity: 1;
}

#steps li:nth-child(2) a:before {
	left: -64px;
}

#steps li:nth-child(3) a:before {
	left: -128px;
}

#steps li:nth-child(4) a:before {
	left: -192px;
}

#steps li:nth-child(5) a:before {
	left: -256px;
}

/* @end */

/* @group Messages */

div.notice,
div.error,
div.success,
div.warning,
div.emphasis,
p.notice,
p.error,
p.success,
p.warning,
p.emphasis {
	margin-bottom: 20px;
	width: 260px;
}

div.emphasis {
	width: 252px;
}

/* @end */

/* @group Accordion */

dl.accordion dt {
	margin: 0;
	float: left;
	width: 240px;
}

dl.accordion fieldset {
	width: 280px;
	float: left;
}

dl.accordion fieldset textarea,
dl.accordion fieldset input[type="text"] {
	width: 270px;
}

dl.accordion div.colborder {
	padding: 0 !important;
	margin: 0 !important;
	border-right-style: none;
	width: 280px;
}



/* @end */

/* @group Navigation */

#navigation {
	text-align: center;
	margin-bottom: -10px;
	margin-top: 50px;
	margin-left: 0;
}

#navigation li {
	float: none;
	display: inline;
	margin: 0 5px;
}

#navigation li a {
	float: none;
	color: white;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	background-color: #a99d92;
	padding: 2px 20px;
}

#navigation li a:hover {
	background-color: #7a7169;	
}



/* @end */

/* @group Forms */

dl.status dd {
	-webkit-transform: scale(0.456,1);
	-webkit-transform-origin: 0
}

dl.status dt
 {
	z-index: 1;
	width: 250px;
}

label.superImpose,img {
	max-width: 255px;
}

input[type="radio"] {
	font-size: 20px;
}

.radioList li label {
	padding-bottom: 20px;
}

.radioList li label input {
	margin-bottom: 0;
	position: relative !important;
	top: 3px;
}

/* @group Fieldset Concise */

fieldset.concise,
form.concise fieldset {
	clear: left;
	border-style: none;
	margin: 0 0 20px;
}

fieldset.concise label,
form.concise fieldset label {
	clear: left;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	margin-bottom: 20px;
	padding: 0;
	width: auto;
}

fieldset.concise p.question {
	width: auto;
}

fieldset.concise label input,
form.concise fieldset label input,
fieldset.concise label textarea,
fieldset.concise label select {
	margin-top: 20px;
	margin-bottom: 0;
	position: static;
	float: left;
}

fieldset.concise fieldset p.question {
	font-weight: normal;
	font-style: normal;
}



/* @end */

/* @group Fieldset Comprehensive */

fieldset.comprehensive,
form.comprehensive fieldset {
	clear: left;
	border-style: none;
	margin: 0 0 20px;
	padding: 0;
	width: auto;
}

.concise fieldset.comprehensive {
	padding: 0;
	width: auto;
}

fieldset.comprehensive label,
form.comprehensive fieldset label {
	clear: left;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	margin-bottom: 0;
}

fieldset.comprehensive p.question {
	width: 100% !important;
	margin: 0 0 20px;
}

fieldset.comprehensive label input,
form.comprehensive fieldset label input,
fieldset.comprehensive label textarea {
	float: none;
	margin-top: 0;
	margin-bottom: 0;
	width: auto;
	height: auto;
}

fieldset.comprehensive fieldset p.question {
	font-weight: normal;
	font-style: normal;
}



/* @end */



/* @end */

.notice.span-15,.error.span-15,.success.span-15,.warning.span-15 {
	width: 260px;
}

textarea.span-15 {
	width: 270px;
}

/* @group Homepage */

#homepage h1 span {
	width: 260px;
	padding: 140px 20px 20px;
	margin: 0;
}

#homepage h1 {
	height: 175px;
	color: rgba(255,255,255,0.65);
	text-shadow: black 0 -1px 0;
	background-color: #031c48;
	margin-top: 0;
}

#navigation li#home {
	display: none;
}

#homepage #navigation li#home {
	position: absolute;
	top: 34px;
	left: 20px;
	z-index: 11;
	width: 280px;
	display: block;
}

#homepage #navigation li#home a {
	width: 190px;
	float: left;
}

/* @end */



