/* @override 
	http://client.oira.osha.europa.eu/it/generico-videoterminale/@@sector.css
	http://euphorie.hosting.simplon.biz/nl/vervoer/@@sector.css
	http://euphorie.hosting.simplon.biz/++resource++euphorie.style/screen.css
*/

@font-face {
	font-family: 'Abadi-cl';
	src: url('abadi/abadi-mt-std-condensed_light-webfont.eot');
	src: local('☺'), url('abadi/abadi-mt-std-condensed_light-webfont.woff') format('woff'), url('abadi/abadi-mt-std-condensed_light-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}



html {	height: 100%;
	background: #8b8987 url(body.png) repeat-y center 0;	
}

.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 Standard solutions */

#standardSolutions {
	position: absolute;
	font-size: 12px;
	line-height: 18px;
	background-color: #e9e9e8;
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 10px rgba(0,0,0,0.15);
	box-shadow: 0 2px 10px rgba(0,0,0,0.15);
	border: 1px solid #aeaeae;
	z-index: 10000;
	margin-top: 16px;
	margin-right: 3%;
	display: none;
}

#standardSolutions ol {
}

#standardSolutions ol li {
	list-style-type: decimal;
	list-style-position: inside;
	border-top: 1px solid silver;
	text-indent: -12px;
	padding: 7px 10px 7px 23px;
	cursor: pointer;
}

#standardSolutions ol li:hover {
	background-color: #d6d6d6;
}

#standardSolutions p {
	display: none;
}

#standardSolutions p.info
 {
	display: block;
	margin: 0;
	padding: 10px;
	background: white scroll;
	color: gray;
	font-style: italic;
}

dl.accordion dt a.solutions:after {
	content: " ▼";
	margin-left: 3px;
	font-size: 8px;
}

dl.accordion dt.ui-state-default:hover a.button.solutions {
	opacity: 0;
	display: none;
}



/* @end */

/* @group Survey index */

.surveyIndex {
	border-top: 1px solid #c8c3be;
}

.surveyIndex th{
	font-weight: normal;
	font-style: normal;
}

.surveyIndex .actions label {
	padding-left: 10px;
}

.surveyIndex th,.surveyIndex td {
	vertical-align: top;
	border-bottom: 1px solid #c8c3be;
}

.surveyIndex a {
	display: block;
	font-weight: normal;
	font-style: normal;
}

.surveyIndex tbody tr:first-child a {
	font-weight: bold;
	font-size: 16px;
}

.surveyIndex tbody tr:first-child th,
.surveyIndex tbody tr:first-child td {
	padding-top: 25px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 16px;
}

.surveyIndex tbody tr:first-child .actions {
	font-size: 13px;
	font-weight: bold;
}

.surveyIndex tr.missing td,
.surveyIndex tr.missing th {
	background-color: #fc9d00;
}



/* @end */

/* @group Rename session */

#save_button_text {
	display: none;
}



/* @end */

/* @group Zoom up */

a[rel="fancybox"] {
	position: relative;
	display: inline-block;
}

a[rel="fancybox"].floatBefore {
	margin-right: 10px;
}

a[rel="fancybox"].floatAfter {
	margin-left: 10px;
}

a[rel="fancybox"]:before {
	position: absolute;
	right: 0;
	bottom: 1px;
	display: block;
	width: 24px;
	height: 0;
	content: "Enlarge";
	overflow: hidden;
	padding-top: 24px;
	background: rgba(0,0,0,0.69) url(Magnify.png) 2px 2px;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);	
	transform: scale(0.8);
	-webkit-transform-origin: bottom right;
	-moz-transform-origin: bottom right;
	transform-origin: bottom right;	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

a[rel="fancybox"]:hover:before {
	-webkit-transform: scale(1);	
	-moz-transform: scale(1);	
	transform: scale(1);
}



/* @end */

/* @group Terms and conditions */

div.conditions {
	height: 220px;
	margin-bottom: 20px;
	overflow: auto;
	border: 1px solid silver;
	padding: 10px;
	background-color: #fefffe;
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.20);
	-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.20);
	box-shadow: inset 0 0 10px rgba(0,0,0,0.20);
	font-size: 11px;
	line-height: 18px;
}

div.conditions p,div.conditions ul,div.conditions ol,div.conditions table {
	margin-bottom: 18px;
}



/* @end */

/* @group Grid list */

dl.grid {
	margin-bottom: 18px;
	float: left;
}

dl.grid dt {
	width: 35%;
	float: left;
	font-weight: bold;
	clear: left;
	padding-right: 5px;
	margin-bottom: 20px;
}

dl.grid dd {
	width: 65%;
	margin-right: -100%;
	display: inline-block;
	float: left;
	margin-bottom: 20px;
	margin-left: 0;
}

dl.grid dt label {
	width: auto !important;
	padding: 0 !important;
	color: black !important;
}

/* @end */

/* @group TOC */

ol.toc {
	margin-bottom: 39px;
	padding-bottom: 9px;
	clear: left;
	padding-top: 10px;
	margin-top: 0;
	counter-reset: toc;
	border: 2px groove #f8f8f8;
	border-right-style: none;
	border-left-style: none;
	margin-left: 0;
}

ol.toc:before {
	content: "Contents";
	font-weight: bold;
	position: relative;
	top: -3px;
	font-size: 13px;
	letter-spacing: 1px;
}

ol.toc li {
	list-style-type: none;
}

ol.toc li a {
	font-style: italic;
	font-weight: normal;
	display: block;
}

ol.toc li a:after {
	counter-increment: toc;
	content: counter(toc);
	float: right;
	font-weight: normal;
	font-style: normal;
}



/* @end */

/* @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='/++resource++euphorie.style/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/++resource++euphorie.style/fancybox/fancy_close.png', sizingMethod='scale'); }

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

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/++resource++euphorie.style/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/++resource++euphorie.style/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='/++resource++euphorie.style/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/++resource++euphorie.style/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/++resource++euphorie.style/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/++resource++euphorie.style/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/++resource++euphorie.style/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/++resource++euphorie.style/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/++resource++euphorie.style/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/++resource++euphorie.style/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: 155px;
	height: auto;
	margin-right: 0;
}

.gallery img {
	max-width: 45px;
	max-height: 45px;
	float: none;
	cursor: pointer;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}

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



/* @end */

/* @group Comments */

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

#comments label.superImpose {
	line-height: 18px;
}



/* @end */

/* @group Report */

.report h3 {
	clear: left;
}

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

.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 p.notice a, 
.report p.error a, 
.report p.success a, 
.report p.warning a,
.report p.notice strong, 
.report p.error strong, 
.report p.success strong, 
.report p.warning strong,
.report div.notice a, 
.report div.error a, 
.report div.success a, 
.report div.warning a,
.report div.notice strong, 
.report div.error strong, 
.report div.success strong, 
.report div.warning strong {
	color: black;
}

.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;
	clear: both;
}

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

@media screen {

.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;
	display: none;
}

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

}



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

.comprehensive label .icon.info {
	float: right;
	margin-top: -16px;
	position: relative;
}



/* @end */



/* @end */

/* @group Floats */

.floatBefore {
	float: left;
}

.floatAfter {
	float: right;
}

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

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



/* @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/50px Abadi-cl, 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: 30px;
	margin-bottom: 20px;
	list-style-type: square;
}

ol {
	counter-reset: item;
	margin-left: 30px;
	margin-bottom: 20px;
}

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

#homepage h2 {
	clear: left;
	position: relative;
	height: 20px;
}

#homepage h2 span {
	position: absolute;
	top: 0;
	left: 0;
}

#homepage h2 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: 559px;
	padding-right: 10px;
}

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%;
	clear: left;
}

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

dl.accordion dt button,
dl.accordion dt a.button  {
	float: right;
	position: relative;
	top: 0;
	opacity: 0;
	-webkit-transform: 0.4s opacity;
	margin-left: 10px;
}

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

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



/* @end */

/* @group Messages */

/* @group Beauty tips */

.bt-content {
	line-height: 16px;	
	font: lighter "Abadi-cl", 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;
	clear: left;
}

/*.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;
}
 
.report p.warning a, 
.report div.warning a {
	color: #113779;
}

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 Form messages */

.concise .message {
	width: 150%;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	padding: 0;	
	
	position: relative;
	vertical-align: top;
	
	left: 100%;
	margin-right: -200%;
	margin-left: 0;
}

.comprehensive .message {
	width: 81%;
}

.concise .message.warning {
	background-color: transparent;
	color: #ff8100;
	clear: left;
	display: block;
	font-weight: bold;
}

/* @end */

/* @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;
	width: 100%;
	float: left;
}

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

button[disabled="disabled"],
.button.disabled,
button[disabled="disabled"]:hover,
.button.disabled:hover,
button:disabled {
	opacity: 0.6;
	color: gray;
}


/* @end */

/* @group Forms */

/* @group Table forms and actions */

table form {
	display: inline;
}

table input[type="text"],table input[type="password"] {
	margin-bottom: 0;
	margin-right: 6px;
}

td.actions,th.actions {
	text-align: right;
}

/* @end */

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,
input[type="text"].error,
input[type="password"].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;
}

input.password,
input[type="password"],
input.email {
	width: 230px;
}

form fieldset em.message {
	clear: left;
	float: left;
	margin-bottom: 10px;
	margin-top: 4px;
	padding: 3px 10px;
}

textarea {
	padding-top: 6px;
}

select {
	max-width: 300px;
}

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

/* @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;
	margin-bottom: 10px;
	padding-right: 10px;
	text-align: right;
}

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

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

/* @group Fieldset Concise */

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

fieldset.concise,
form.concise fieldset {
	width: 100%;
    clear: left; /* Removing this breaks the identification/action-plan pages by making the comments box float */
	padding: 0 0 5px;
	border-bottom: 1px solid silver;
}

fieldset.concise label,
form.concise fieldset label {
	padding-top: 0;
	position: relative;
	padding-right: 50%;
	width: 50%;
	margin-bottom: 20px;
	display: block;
}

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

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

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; /* Reverted: removing this breaks the evaluation form in FF */
	border-bottom: 1px solid silver;
	padding-left: 50%;
	margin-bottom: 20px;
}

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: 90px;
}

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

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

fieldset.comprehensive p.question,
form.comprehensive fieldset p.question,
form.concise fieldset.comprehensive p.question,
form.compact fieldset.comprehensive p.question {
	width: 90%;
	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;
}

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 Percentage */

input.percentage {
	background: white url(percentage.gif) no-repeat right center;
	padding-right: 20px;
	width: 15px;
}



/* @end */

/* @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,
form.concise fieldset.comprehensive.radioList label {
	padding-left: 20px;
	display: block;
	width: 100%;
	line-height: 17px;
	margin-bottom: 0 !important;
	margin-right: -20px;
}

fieldset.comprehensive.radioList label input {
	margin-left: -20px;
	float: left;
	margin-top: 1px;
}

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

fieldset.inputList {
}

fieldset.inputList input {
}

/* @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;
	line-height: 18px;
}

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

/* @end */

/* @group date-eu */

fieldset.date-eu {
	margin-bottom: 20px;
}

.date-eu label {
	display: none !important;
}

input.day {
	width: 19px;
}

input.year {
	width: 32px;
}

/* @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;
	left: 50%;
	margin-left: -220px;
	width: 600px;
}

#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;
	right: 385px;
}

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: 45px 0 0 18px;
	text-shadow: 0 1px 2px black;
	letter-spacing: 0;	
	position: absolute;
	top: 0;
	left: 0;
	font: normal 10px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	z-index: 1000;
	background-color: transparent;
}

#navigation li#home a strong {
	display: none;
}



/* @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;
	margin-top: 0;
	margin-left: 0;
	margin-right: -20px;
	padding-bottom: 20px;
	float: left;
}

.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.disabled {
	opacity: 0.3;
	filter: alpha(opacity=30)
}

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

.countries li.eu,
p.country.eu {
	background-position: -2735px 0;
}

.countries li.is,
p.country.is {
	background-position: -2836px 0;
}

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

.countries li.no,
p.country.no {
	background-position: -3038px 0;
}

.countries li.ch,
p.country.ch {
	background-position: -3139px 0;
}

.countries li.hr,
p.country.hr {
	background-position: -3240px 0;
}

.countries li.mk,
p.country.mk {
	background-position: -3341px 0;
}

.countries li.me,
p.country.me {
	background-position: -3442px 0;
}

.countries li.tr,
p.country.tr {
	background-position: -3543px 0;
}

.countries li.al,
p.country.al {
	background-position: -3644px 0;
}

.countries li.ba,
p.country.ba {
	background-position: -3745px 0;
}

.countries li.cs,
p.country.cs {
	background-position: -3846px 0;
}

.countries li.rs,
p.country.rs {
	background-position: -3947px 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 */

#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 0 40px;
	color: #565b7d;
	width: 113px;
	height: 40px;
}

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

#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 0 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;
	/* height: 30px; This makes the button flow into text */
}

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

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

#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: 40px;
}

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

#steps li ol {
	position: absolute;
	top: 70px;
	left: -60px;
	list-style-position: inside;
	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);
}

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

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

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

.report p.priority-high strong {
	color: red;
	font-weight: bold;
	text-transform: uppercase;
}

.report p.priority-high .icon {
	float: left;
}

.report .icon {
	display: none;
}

div.notice,
div.error,
div.success,
div.warning,
div.emphasis,
p.notice,
p.error,
p.success,
p.warning,
p.emphasis {
	width: 96%;
}

}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
}

/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

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

p#country {
	position: absolute;
	top: 64px;
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	transform: rotate(5deg);
	left: 205px;
	margin-left: 0;
}

.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;
	line-height: 32px;
}

#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;
	overflow-x: hidden;
}

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

.startSessionForm button {
	text-align: left;
}

/* @group Steps */

#steps {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	overflow: hidden;
	height: 130px;
	width: 640px;
	-webkit-box-shadow: none;
	background-image: none;
	-webkit-transform: scale(0.5);
	-webkit-transform-origin: 0 0;
}

#steps li {
	padding: 53px 0 0;
	margin: 0;
	width: 128px;
	height: 45px;
	font-size: 18px;
	border-bottom: 10px solid #c8c3be;
	line-height: 60px;
	background-color: #031c48;
	text-align: center;
	color: rgba(255,255,255,0.3);
}

#steps li a {
	width: 128px;
	font-size: 18px;
	padding: 54px 0 0;
	margin: -54px 0 0;
	height: 66px;
	text-align: center;
	line-height: 60px;
	overflow: hidden;
	background: no-repeat;
	position: relative;
	z-index: 1;
	color: rgba(255,255,255,0.7);
}

#steps>li.complete>a {
	background: #e69d17 none no-repeat -384px -160px;	color: #6d4803;
	text-shadow: 0px 2px 0px rgba(255,255,255,0.3);
	height: 45px;
	border-bottom: 2px solid #b4974b;
}

#steps li.complete:first-child a {
	background-position: -128px -160px;
}

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

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

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

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

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

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

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

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

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

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

/* @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: auto;
}

div.emphasis {
	width: auto;
}

/* @end */

/* @group Accordion */

dl.accordion dt {
	margin: 0;
	float: left;
	width: 264px;
	padding-right: 0;
}

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

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

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;
	position: static;
	width: 280px;
	float: left;
	clear: left;
}

#navigation li#home {
	position: static;
}

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

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

fieldset.comprehensive.radioList label,
form.concise fieldset.comprehensive.radioList label {
	padding-bottom: 8px;
}

fieldset.comprehensive.radioList label input {
	margin-top: -1px;
}

/* @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;
	margin-top: 0;
	line-height: 20px;
}

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

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

fieldset.concise label input[type="text"] {
	margin-top: 40px;
	width: 265px;
}

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;
	line-height: 20px;
}

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: auto;
}

textarea.span-15,
#comments textarea {
	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 */

}

/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

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

#steps {
	-webkit-transform: scale(0.75);
	-webkit-transform-origin: 0 0
}

/* @group Accordion */

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

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

dl.accordion fieldset textarea,
dl.accordion fieldset label input[type="text"] {
	width: 426px;
	max-width: 426px;
}

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



/* @end */

textarea.span-15,
#comments textarea {
	width: 430px;
}
	
	body {
		width: 440px;
		padding: 36px 20px 48px;
}

#navigation {
	text-align: center;
	margin-bottom: -10px;
	margin-top: 50px;
	margin-left: 0;
	position: static;
	width: 437px;
	float: left;
	clear: left;
}
	
}


/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	
}

@media only screen and (min-width: 768px) {


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

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

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

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

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

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

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