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

@import url("fontello/css/fontello.css");

@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=latin,cyrillic-ext,cyrillic,greek-ext,greek,vietnamese,latin-ext);

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

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

/* @group Animations */

/* @group Fade in */

@-webkit-keyframes fade-in {
	0% {
   opacity: 0;
}

100% {
	opacity: 1;
}
 }

/* @end */

/* @group Wiggle */

@keyframes wiggle
{
0%   {
	transform: rotate(-1);}
50%  {
	transform: rotate(1);}
100%  {
	transform: rotate(-1);}
}

/* @end */

/* @group Alert pulse */

@-webkit-keyframes myfirst
{
0%   {background-color: transparent;}
50%  {background-color: #ff7a00;}
100%  {background-color: transparent;}
}

@keyframes myfirst
{
0%   {background-color: transparent;}
50%  {background-color: #ff7a00;}
100%  {background-color: transparent;}
}


/* @end */



/* @end */

/* @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 !important; /* !important to work around browser extensions that change body margin */
	background: white url(body.png) repeat-y center 0;	
}

/* @group Tooltip */

.tooltip-container .close-panel {
	position: absolute;
	right: 5px;
	top: 5px;
	text-indent: 100px;
	overflow: hidden;
	padding: 0px;
	background: #b3ac9b;
	-webkit-border-radius: 3px;
	display: block;
	height: 15px;
	width: 15px;
	z-index: 3;
	border: none;
}

.tooltip-container .close-panel:hover {
	background-color: #7f7c71;
}

.tooltip-container .close-panel:before {
	content: "×";
	color: white;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: 0;
	font-size: 13px;
	line-height: 12px;
	text-align: center;
	width: 15px;
	height: 15px;
	font-weight: bold;
}

.tooltip-container {
	position: absolute;
	z-index: 1001;
	border: none;
	min-height: 50px;
	overflow: visible;
	overflow-x: visible;
	margin: 0;
	border: 1px solid silver;
	-webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
	width: 300px;
}

.tooltip-container .pointer{
	height: 20px;
	width: 20px;
	display: block;
	background-color: white;
	border: 1px solid silver;
	z-index: 0;
	position: absolute;
	-webkit-transform: rotate(45deg);
	-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 0px 10px;
	-moz-transform: rotate(45deg);
	-moz-box-shadow: rgba(0, 0, 0, 0.199219) 0px 0px 10px;
}

.tooltip-container > div{
	padding: 10px!important;
	z-index: 1;
	position: relative;
	padding: 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	min-height: 50px;
	background-color: white;
	overflow-y: auto;
}

.tooltip-container > div:after {
	content: "";
	display: block;
	clear: both;
}

.tooltip-container.bl .pointer,
.tooltip-container.bm .pointer,
.tooltip-container.br .pointer{
	margin-top: -12px;
}
.tooltip-container.lt .pointer,
.tooltip-container.lm .pointer,
.tooltip-container.lb .pointer{
	margin-left: 12px;

}
.tooltip-container.tl .pointer,
.tooltip-container.tm .pointer,
.tooltip-container.tr .pointer{
	margin-top: 12px;
}
.tooltip-container.rt .pointer,
.tooltip-container.rm .pointer,
.tooltip-container.rb .pointer{
	margin-left: -12px;
}

.tooltip-container.lt .pointer,
.tooltip-container.rt .pointer{
	margin-top: 20px;
}
.tooltip-container.lb .pointer,
.tooltip-container.rb .pointer{
	margin-top: -20px;
}
.tooltip-container.tl .pointer,
.tooltip-container.bl .pointer{
	margin-left: 20px;
}
.tooltip-container.tr .pointer,
.tooltip-container.br .pointer{
	margin-left: -20px;
}

.tooltip-container h4{
	color: #fff;
}



/* @end */

/* @group Auto scale */

.pat-auto-scale {	
	transform-origin: left top;
	opacity: 0;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
}

.pat-auto-scale.scaled {
	opacity: 1;
}



/* @end */

/* @group Modal */

div.pat-modal {
	animation: fade-in 1s;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10050;
  background-color: #efefef;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	box-shadow: 0 0 100px 10px black;
}

.lt-ie9 div.pat-modal {
 	top: 50%;
 	left: 50%;
 	width: 560px;
 	margin: -250px 0 0 -280px;
	height: 500px;
}

/* @group Special sizes */

div.pat-modal.large {
	width: 800px;
}

.lt-ie9 div.pat-modal.large {
  margin: -300px 0 0 -400px;
	height: 600px;
}

div.pat-modal.small {
	width: 400px;
}

.lt-ie9 div.pat-modal.small {
  
  margin: -100px 0 0 -200px;
	height: 202px;
}

/* @end */

div.pat-modal.tiny-image img {
	max-height: 540px;
}

div.pat-modal img {
	max-width: 100%;
}

div.pat-modal:after {
	content: " ";
	display: block;
	position: fixed;
	top: -10000px;
	right: -10000px;
	bottom: -10000px;
	left: -10000px;
	background-color: black;
	z-index: -1;
	opacity: 0.7;
}

.lt-ie9 div.pat-modal:after {
	top: -10000px;
	left: -10000px;
	filter: alpha(opacity = 80);
	background-color: transparent;
	background-image: url(black-80p.png);
}

.lt-ie9 .wizard-box {
	position: absolute;
	top: 35px;
	right: 0;
	bottom: 0;
	left: 0;
}

.pat-modal .panel-body {
	overflow: auto;
	padding: 20px;
	background-color: white;
	margin-bottom: 0;
	margin-top: 0;
	max-height: 400px;
}

.lt-ie9 .wizard-box .panel-body {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 51px;
	left: 0;
}

div.pat-modal.tiny-link .wizard-box .panel-body {
	overflow: hidden;
}

.wizard-box .panel-footer {
	margin: 0;
	padding: 12px 20px;
	border-top: 1px solid silver;
	height: 26px;
	background-color: #efefef;
}

.lt-ie9 .wizard-box .panel-footer {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
}

.pat-modal .header {
  padding: 9px 20px;
  border-bottom: 1px solid #eee;
  
	background: #031c48 url(header.png) no-repeat center 0;
	color: white;
}

.pat-modal .header h1,
.pat-modal .header h3 {
	margin: 0;
	color: rgba(254,255,254,0.93);
	font: 16px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 1px;
}
.pat-modal .header .close-panel
 {
	position: absolute;
	top: 7px;
	right: 20px;
	line-height: 22px;
	height: 22px;
	width: 22px;
	padding: 0;
	text-indent: -1000px;
	overflow: hidden;
	margin: 0;
	background: url(buttons-modal.png) center center;
	border-color: rgba(254,255,254,0.63);
	filter: none;
}

.pat-modal .header .close-panel:active {
	background-color: white;
}

.pat-modal .panel-content button,
.pat-modal .panel-content .button {
	border-color: #999;
}
.pat-modal .footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  *zoom: 1;
}

.pat-modal .footer button, 
.pat-modal .footer a.button {
	min-width: 100px;
}
.pat-modal .footer:before, .modal-footer:after {
  display: table;
  content: "";
}
.pat-modal .footer:after {
  clear: both;
}



/* @end */

/* @group Legend */

li.legend {
	
}

ul.legend {
	list-style-type: none;
	background-color: #8d8783;
	background-image: none;
	overflow: hidden;
	margin: 30px 12px 10px;
	padding: 5px 5px 5px 9px;
	border: 1px solid #9b948e;
	box-shadow: inset 0 1px 4px rgba(0,0,0,0.2);
	border-radius: 4px
}

.legend li {
	color: white;
}

#steps .legend li {
	color: #f5f0ea;
}

.legend li:before {
	content: " ";
	width: 16px;
	height: 16px;
	float: left;
	margin-right: 6px;
	margin-top: 1px;
	background-image: url(microns.png);
}

.legend li.unvisited:before {
	background: url(microns.png) -48px;
}

.legend li.postponed:before {
	background-position: -32px;
}

.legend li.answered:before {
	background-position: -16px;
}

.legend li.answered.risk:before {
	background-position: 0;
}



/* @end */

/* @group Postit */
        
.postit {
	position: relative;    
    padding: 1em; 
    margin: 0 10px 40px; 
	background-color: #fdfdc8;
	color: #6f5a44;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.10) inset;
	display: block;
	border: 1px solid #e2e2e2;
}

.postit.usp {
	background-color: #f8f7f4;
	padding: 22px 22px 35px;
	border: 5px double #e3e1da;
	font: 13px/24px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	box-sizing: border-box;
	margin-right: 0;
	margin-left: 0;
}

.postit.usp .downloads:before {	
	font-family: 'fontello';
	font-style: normal;
	font-weight: normal;
	speak: none;
	content: '\e809';
	display: block;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	margin-bottom: 8px;
	margin-top: 5px;
}

.postit.usp.float-before {
	margin-left: 0;
	margin-right: 30px;
	float: left;
}

.postit.usp h3 {
	letter-spacing: 1px;
	margin-bottom: 16px;
	font: italic normal 18px/28px Georgia, "Times New Roman", Times, serif;
	text-transform: none;
	text-align: center;
}

.postit ul {
	padding-left: 17px;
	list-style-type: none;
}

.postit ol {
	padding-left: 22px;
}

.postit ul li {
	margin-bottom: 8px;
}

.postit ul li:before {
	content: "☛";
	content: "❧";
	content: "✽";
	content: "❖";
	width: 17px;
	margin-left: -17px;
	float: left;
	font-size: 13px;
}

.postit.pat-collapsible .panel-content {
	padding-bottom: 0;
}

.postit *:last-child {
	margin-bottom: 0;
}

.postit *:last-child:after {
	content: " ";
	clear: both;
	display: block;
}

.postit a,
aside.sidebar .postit a {
	color: #59676e;
	font-weight: bold;
}

        .postit:before,
        .postit:after {
            content:"";
            position:absolute; 
            z-index:-2;
        }

.postit.guide {
	display: none;
}

.postit img.inline
 {
	height: 1em;
	vertical-align: text-bottom;
}
        
        /* Lifted corners */

        .lifted {
                 /*border-radius:4px;*/
        }
        
        .lifted:before,
        .lifted:after { 
            bottom: 12px;
            left:10px;
            width:50%;
            height:20%;
            max-width:300px;
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.4);   
               -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.4);
                    box-shadow:0 15px 10px rgba(0, 0, 0, 0.4);
            -webkit-transform:rotate(-3deg);    
               -moz-transform:rotate(-3deg);   
                -ms-transform:rotate(-3deg);   
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
}
        
        .lifted:after {
            right:10px; 
            left:auto;
            -webkit-transform:rotate(3deg);   
               -moz-transform:rotate(3deg);  
                -ms-transform:rotate(3deg);  
                 -o-transform:rotate(3deg);
                    transform:rotate(3deg);
}
        
        /* Curled corners */

        .curled {
            border:1px solid #efefef; 
            -moz-border-radius:0 0 120px 120px / 0 0 6px 6px;    
                 border-radius:0 0 120px 120px / 0 0 6px 6px;
        }
      
        .curled:before,
        .curled:after {
            bottom:12px;
            left:10px;
            width:50%;
            height:55%;
            max-width:200px;
            -webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 
               -moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 
                    box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 
            -webkit-transform:skew(-8deg) rotate(-3deg);
               -moz-transform:skew(-8deg) rotate(-3deg);
                -ms-transform:skew(-8deg) rotate(-3deg);
                 -o-transform:skew(-8deg) rotate(-3deg);
                    transform:skew(-8deg) rotate(-3deg);
        } 
      
        .curled:after { 
            right:10px; 
            left:auto;
            -webkit-transform:skew(8deg) rotate(3deg); 
               -moz-transform:skew(8deg) rotate(3deg);     
                -ms-transform:skew(8deg) rotate(3deg);     
                 -o-transform:skew(8deg) rotate(3deg); 
                    transform:skew(8deg) rotate(3deg);
        }
        
        /* Perspective */

        .perspective:before {
            left:80px;
            bottom:5px;
            width:50%;
            height:35%;
            max-width:200px;
            -webkit-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
               -moz-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
                    box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
            -webkit-transform:skew(50deg);
               -moz-transform:skew(50deg);
                -ms-transform:skew(50deg);
                 -o-transform:skew(50deg);
                    transform:skew(50deg);
            -webkit-transform-origin:0 100%;
               -moz-transform-origin:0 100%;
                -ms-transform-origin:0 100%;
                 -o-transform-origin:0 100%;
                    transform-origin:0 100%;
        }
        
        .perspective:after {
            display:none;
        }
        
        /* Raised shadow - no pseudo-elements needed */
        
        .raised {
            -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }
        
        /* Curved shadows */

        .curved:before {
            top:10px;
            bottom:10px;
            left:0;
            right:50%;
            -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
            box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-border-radius:10px / 100px;
            border-radius:10px / 100px;
        }
        
        .curved-vt-2:before {
            right:0;
        }
        
        .curved-hz-1:before {
            top:50%;
            bottom:0;
            left:10px;
            right:10px;
            -moz-border-radius:100px / 10px;
            border-radius:100px / 10px;
        }

        .curved-hz-2:before {
            top:0;
            bottom:0;
            left:10px;
            right:10px;
            -moz-border-radius:100px / 10px;
            border-radius:100px / 10px;
        }
        
    



/* @end */

/* @group External reference */

.external-reference {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.10) inset;
	background-color: #f8f7f4;
	padding: 10px 10px 15px;
	border: 5px double #e3e1da;
	letter-spacing: 1px;
	box-sizing: border-box;
	margin-right: 0;
	margin-left: 0;
	font-style: italic;
	margin-bottom: 10px;
}

.external-reference img {
	width: 100%;
	margin: 0;
}

.external-reference img figcaption {
	
}

.start .external-reference {
	width: 40%;
	float: right;
	margin-left: 4%;
}

/* @end */



/* @group Collapsible */

.pat-collapsible.show-more {
	position: relative;
	padding-bottom: 20px;
}

.pat-collapsible .show-more-or-less {
	position: absolute;
	bottom: 0;
	left: 0;
	color: gray;
	font-size: 11px;
}

.pat-collapsible .show-more-or-less .divider {
	display: none;
}

.pat-collapsible .show-more-or-less strong {
	cursor: pointer;
}

.pat-collapsible .show-more-or-less strong:hover {
	text-decoration: underline;
	color: black;
}

.pat-collapsible.open .show-more {
	display: none;
}

.pat-collapsible.closed .show-less{
	display: none;
}


.pat-collapsible.in-progress .show-more,
.pat-collapsible.in-progress .show-less {
	visibility: hidden;
}


/* @end */

/* @group Dropdown menu */

.btn-group {
	display: inline-block;
}

.btn-group .dropdown-menu {
	position: absolute;
	background-color: white;
	display: none;
	width: 240px;
	margin: 3px 0 0;
	padding: 6px 0;
	border: 1px solid silver;
	border-radius: 4px;
	list-style-type: none;
}

.btn-group .dropdown-menu li {
	padding: 0;
	margin: 0;
}

.btn-group.open .dropdown-menu {
	display: block;
}

.btn-group .dropdown-menu li a {
	display: block;
	text-decoration: none;
	color: #3d3d3d;
	padding: 2px 10px;
	font-weight: normal;
	font-style: normal;
}

.btn-group .dropdown-menu li a:hover {
	background-color: #efefef;
}



/* @end */

/* @group Navigation tabs */

.nav-tabs {
	margin-bottom: 20px;
	padding: 4px 0 0;
	height: 20px;
	border-bottom: 1px solid silver;
	width: 100%;
	float: left;
}

.nav-tabs > a {
	height: 20px;
	line-height: 20px;
	padding-right: 0;
	padding-left: 10px;
	border: 1px solid silver;
	text-decoration: none;
	margin-right: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-size: 11px;
	position: relative;
	border-bottom-style: none;
	float: left;
	margin-bottom: 4px;
}

.nav-tabs > a.current {
	background-color: #e9e9e8;
}

.nav-tabs > a span.icon.delete {
	width: 16px;
	height: 16px;
	background: url(delete-sign.png) no-repeat 0 -16px;
	position: relative;
	border-radius: 4px;
	margin-right: 1px;
	top: 2px;
	padding: 0;
	margin-top: 0;
}

.nav-tabs > a span.icon.delete:hover {
	background: #304e83 url(delete-sign.png) no-repeat 0 0;

}

/*.nav-tabs a.current span.icon.delete {
	background: url(delete-sign.png) no-repeat 0 0;
}*/

/*.nav-tabs > a.current span.icon.delete:hover {
	background: white url(delete-sign.png) no-repeat 0 -16px;
}*/



/* @end */

/* @group Navigation pills */

.nav-pills {
	margin-bottom: 20px;
	padding: 4px;
	background-color: rgba(255,254,255,0.66);
	overflow: hidden;
	height: 20px;
	box-shadow: inset 0 0 7px rgba(0,0,0,0.15);
	border: 1px solid #ddd;
}

.nav-pills a {
	height: 18px;
	line-height: 18px;
	padding-right: 0;
	padding-left: 10px;
	border: 1px solid silver;
	text-decoration: none;
	border-radius: 10px;
	margin-right: 2px;
	font-size: 11px;
	float: left;
}

.nav-pills a.current {
	color: white;
	background-color: #304e83;
	border-color: #304e83;
}

.nav-pills a span.icon.delete {
	width: 16px;
	height: 16px;
	background: url(delete-sign.png) no-repeat 0 -16px;
	position: relative;
	border-radius: 8px;
	margin-right: 1px;
	top: 1px;
}

.nav-pills a span.icon.delete:hover {
	background-color: silver;

}

.nav-pills a.current span.icon.delete {
	background: url(delete-sign.png) no-repeat 0 0;
}

.nav-pills a.current span.icon.delete:hover {
	background: white url(delete-sign.png) no-repeat 0 -16px;
}



/* @end */

/* @group Solutions plan */

#ActionPlanItemForm {
	background-color: white;
	float: left;
	margin-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid silver;
	box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	margin-bottom: 20px;
}

#ActionPlanItemForm .tab-container.error {
	background-color: transparent;
}

#ActionPlanItemForm .column {
	width: 274px;
	float: left;
	margin-left: 20px;
	margin-right: 0;
}

#ActionPlanItemForm .column:first-child {
	margin-left: 0;
}

#ActionPlanItemForm textarea,
#ActionPlanItemForm input.budget, 
#ActionPlanItemForm input.responsible {
	width: 264px;
}

#measureTabs {
	margin-top: -25px;
	border-style: none;
	height: 22px;
}

#measureTabs .current {
	background-color: white;
}
#measureTabs .current.error {
	color: #ff9300;
}

#ActionPlanItemForm .solutions {
	float: right;
	margin-right: 0;
	margin-top: 2px;
}

#ActionPlanItemForm p.question,
#ActionPlanItemForm p.legend {
	margin-bottom: 5px;
}

#ActionPlanItemForm label input {
	margin-top: 4px;
}

#ActionPlanItemForm .tab-container > .clicktip {
}

#moreMeasuresButton .dropdown-toggle {
	width: 14px;
	background-image: none;
	background-color: transparent;
	height: 14px;
	text-indent: -1000px;
	padding: 0;
	display: inline-block;
	top: 0;
	position: relative;
	text-align: center;
	border-radius: 4px;
	margin-right: 0;
	border: 1px solid silver;
	font-weight: bold;
	overflow: hidden;
}

#moreMeasuresButton.open .dropdown-toggle {
	background-color: white;
	border: 1px solid silver;
}

#moreMeasuresButton {
	position: relative;
	z-index: 1;
	top: 2px;
}

#moreMeasuresButton .dropdown-menu {
	top: 18px;
}

#moreMeasuresButton #moreMeasuresButton .dropdown-toggle:hover {
	box-shadow: inset 0 0 4px rgba(0,0,0,0.4);
	background-color: white;
}

#moreMeasuresButton .dropdown-toggle:before {
	content: "≫";
	text-indent: 0;
	line-height: 12px;
	width: 16px;
	height: 14px;
	float: left;
	color: #484848;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
}

#addMeasureButton {
	border-style: none;
	width: 16px;
	height: 16px;
	text-indent: -1000px;
	overflow: hidden;
	border-radius: 4px;
	float: right;
	top: 3px;
	padding: 0;
	background: #304e83 url(plus-sign.png) center center;
}



/* @end */

/* @group Module navigation tabs */

.module-navigation-tabs {
}

.module-navigation-tabs .tabs {
	border-bottom: 1px solid silver;
	margin-bottom: 20px;
}

.module-navigation-tabs .tabs a {
	padding-right: 20px;
	padding-left: 20px;
	line-height: 30px;
	display: inline-block;
	text-decoration: none;
	color: #535353;
	margin-bottom: -1px;
}

.module-navigation-tabs .tabs a.current {
	border-right: 1px solid silver;
	border-left: 1px solid silver;
	border-top: 1px solid silver;
	background-color: #e9e9e8;
}

  {
	
}



/* @end */

/* @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 {
	margin-left: 0;
}

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

#standardSolutions ol li:before {
	content: "Add";
	float: right;
	position: static;
	margin-left: 30px;
	margin-right: -20px;
	text-indent: 0;
}

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

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


/* @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 {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 100%;
}

#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 .warning h4::before {
        content: "\26a0";
	font-family: fontello;
}


.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;
	float: right;
}

.report blockquote.comments {
	letter-spacing: 1px;
	clear: both;
	font: italic normal 14px/20px Georgia, "Times New Roman", Times, serif;
}

.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 blockquote.comments:before {
	content: "“";
	font-size: 200px;
	z-index: 0;
	color: white;
	float: left;
	width: 70px;
	clear: left;
	margin-top: 60px;
	margin-left: -30px;
	margin-right: -40px;
}

.report p.priority-high {
	color: #fff5ec;
	background-color: #c16800;
	border: 3px double white;
	padding: 10px 25px;
	position: relative;
	display: inline-block;
	border-radius: 6px
}

.report p.priority-high strong {
	color: white;
}

.report p.priority-high:after {
	content:" ";
	position:absolute;
	bottom: -10px; /* value = - border-top-width - border-bottom-width */
	left: 20px; /* controls horizontal position */
	border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color: #e0e0e0 transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
	border-bottom-color: silver;
	border-bottom-width: 0;
	border-top-width: 10px;
	border-top-color: silver;
	border-right-color: #e0e0e0;
	border-right-width: 10px;
	border-left-width: 20px;
	border-left-color: #e0e0e0;
	
	

	top: -8px; /* controls horizontal position */
	bottom:auto;
	border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
	border-color:#c16800 transparent;
}

}

/* @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;
	font-weight: bold;
}

.report .icon.warning {
	color: #c16800 !important;
}

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

body > h1 {
	margin: 0 -50px 20px -170px;
	padding-top: 204px;
	padding-bottom: 10px;
	padding-left: 170px;
	background: #031c48 url(header.png) no-repeat 0 0;
	font: lighter 35px/40px 'Open Sans Condensed', sans-serif;
}

body.report h1
 {
	padding-right: 240px;
}

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  {
	margin: 0;
	float: left;
	width: 559px;
	padding-right: 10px;
}

dl.accordion dt.ui-state-active {
	background-image: none;
	color: black;
	font-weight: bold;
	-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,
dl.accordion .colborder p.legend {
	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.message,p.message {
	padding: 20px;
	box-shadow: 0 0 4px rgba(0,0,0,0.3), inset 0 0 60px rgba(0,0,0,0.1);
	margin-bottom: 20px;
	clear: left;
	float: left;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

div.message *:last-child,
p.message *: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: 100%;
	background-color: white;
}

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

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

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

.message.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;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 5px;
}

.comprehensive .message.warning {
	left: 0;
}

/* @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;
	color: #c8c3be;
	border: 1px solid #7f7f7f;
	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;
	display: block;
	text-align: center;
}

button:before,a.button:before {
	margin-right: 10px;
}

button.bar,
a.button.bar {
	margin-left: auto;
	margin-right: auto;
}

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

button.small,
.button-small,
.button.small,
.solutions ol li:before {
	position: relative;
	padding: 2px 6px 3px;
	margin-right: 5px;
	margin-left: 0;
	background-image: url(button-default.png);
	color: #c8c3be;
	border: 1px solid #7f7f7f;
	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;
	display: inline-block;
}

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;
	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-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 Form iteration */

ol.form-iteration {
	list-style-type: none;
	margin: 0;
}

/* @end */

/* @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 !important;
	color: #874e0b !important;
	border-color: #874e0b !important;
}

/* @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"],
input[type="number"],
input[type="email"],
input[type="search"],
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;
	-webkit-transition: all 0.2s;
	border: 1px solid #c8c3be;
	cursor: text;
}

input.placeholder,textarea.placeholder {
	color: gray;
}

input:focus,
textarea:focus {
	outline-color: black;
	box-shadow: 0 0 1px #34538d
}

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

input.huge {
	font-size: 24px;
}

.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,
fieldset p.legend {
	width: 95%;
	font-weight: normal;
	font-style: normal;
	color: #3f3f3f;
	margin-bottom: 0;
}

/* @group Fieldset Concise */

form.concise label input,
fieldset.concise label input,
form.concise label input,
fieldset.concise label input,
form.concise label textarea,
fieldset.concise label textarea,
form.concise 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,
fieldset.concise p.legend,
form.concise fieldset p.question, 
form.concise fieldset p.legend {
	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: auto;
}

.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 *,
fieldset.concise fieldset.comprehensive label *,
form.compact fieldset.comprehensive label *
 {
	position: static;
	margin-right: 0;
	float: none;
	vertical-align: baseline;
}

fieldset.comprehensive p.question,
fieldset.comprehensive p.legend,
form.comprehensive fieldset p.question,
form.comprehensive fieldset p.legend,
form.concise fieldset.comprehensive p.question,
form.concise fieldset.comprehensive p.legend,
form.compact fieldset.comprehensive p.question,
form.compact fieldset.comprehensive p.legend {
	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,
fieldset.condensed p.legend {
	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,
fieldset.condensed fieldset p.legend {
	font-weight: normal;
	font-style: normal;
}

/* @end */

/* @end */

address {
	margin-top: 0;
}

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

input.year {
	width: 62px;
}

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

.brightMainColour #navigation li a {
	color: rgba(0,0,0,0.6);
}

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

#steps li {
	font-size: 12px;
	float: left;
	padding: 10px 5px 0 40px;
	color: white;
	width: 20%;
	height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



.brightMainColour #steps li,
.brightMainColour #steps li a,
.brightMainColour #steps li:before {
	color: rgba(0,0,0,0.6);
}

#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: white;
	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.complete:before,
#steps li.current:before,
#steps > li.complete > a,
#steps > li.current > a {
	color: white;
}

.brightSupportColour #steps li.complete:before,
.brightSupportColour #steps li.current:before,
.brightSupportColour #steps > li.complete > a,
.brightSupportColour #steps > li.current > a {
	color: rgba(0,0,0,0.6);
}

#steps li a:hover{
	color: white;
}

#steps li.complete {
	background-color: #e69d17;
}

#steps > li.complete:after,
#steps > li.current:after {
	content: "\e810";
	color: rgba(0,0,0,0.3);
	font: 39px fontello;
	top: -3px;
	float: left;
	margin-top: -12px;
	margin-left: -41px;
}

#steps li.complete:first-child:after,
#steps li.current:first-child:after {
	display: none;;
}

#steps li.current {
	color: #6d4803;
	background-color: #e69d17;
}

#steps > li.current > a:after {
	content: " ";
	display: block;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	
	border-top: 10px solid #e69d17;
	position: absolute;
	top: 40px;
	left: 68px;
}

#steps .questions {
	position: absolute;
	top: 70px;
	left: -60px;
	list-style-position: inside;
	padding-left: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
	height: auto;
	width: 190px;
	list-style-type: none;
	background-color: #3a332e;
	background-image: url(steps.png);
}

#steps li ol {
	list-style-position: inside;
	padding-left: 0;
	padding-top: 10px;
	padding-bottom: 30px;
	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));
	margin: 0 0 30px;
}

#steps .questions > ol {
	float: left;
	margin-bottom: 10px;
}

#steps>li>ol:after {
	content: " ";
	clear: both;
	display: block;
	float: left;
}

#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;
	line-height: 15px;
	font-size: 12px;
	background-image: none;
	font-weight: normal;
	font-style: normal;
	margin-right: 0;
	float: left;
	background-color: transparent;
	color: #d6d6d6;
}

#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;
	-webkit-transition: color 0.5s;
}

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

/* @group Icons */

/* @group Normal */

#steps > li:before {
	margin-left: -30px;
	width: 27px;
	display: inline-block;
	text-align: center;
	font: 17px fontello;
	float: left;
}

#steps li.complete:before,
#steps li.current:before {
	color: white;
}

#steps li#step-1:before {
	content: "\e80c";
}

#steps li#step-2:before {
	content: "\2714";
}

#steps li#step-3:before {
	content: "\e80f";
}

#steps li#step-4:before {
	content: "\e80d";
}

#steps li#step-5:before {
	content: "\e80e";
}

/* @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;
	border-radius: 50%;
}

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

/* @group Date picker */

/* Component containers
----------------------------------*/

div.ui-datepicker.ui-widget-content { 
    border: 1px solid #aaaaaa; 
    background: #ffffff; 
    color: #222222; 
}
div.ui-datepicker .ui-widget-header { 
    border: 1px solid #aaaaaa; 
    background: #cccccc; 
    color: #222222; 
}
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }

button.ui-datepicker-trigger:hover,
button.ui-datepicker-trigger { 
    margin: 0;
    padding: 0 0 0 1em;
    border: 0;
    color: white;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(calendar.gif);
    background-position: center;
    cursor: pointer !important;
    display: inline;
}

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

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

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

.ui-icon { text-indent: -99999px; width: 16px; height: 16px; background-image: url(ui-icons_222222_256x240.png); }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }

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

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

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

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

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

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

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

#ui-datepicker-div .ui-icon-circle-triangle-e { background-position: -48px -192px; }
#ui-datepicker-div .ui-icon-circle-triangle-s { background-position: -64px -192px; }
#ui-datepicker-div .ui-icon-circle-triangle-w { background-position: -80px -192px; }
#ui-datepicker-div .ui-icon-circle-triangle-n { background-position: -96px -192px; }

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

/* Corner radius */
#ui-datepicker-div.ui-corner-all, #ui-datepicker-div.ui-corner-top, #ui-datepicker-div.ui-corner-left, #ui-datepicker-div.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
#ui-datepicker-div.ui-corner-all, #ui-datepicker-div.ui-corner-top, #ui-datepicker-div.ui-corner-right, #ui-datepicker-div.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
#ui-datepicker-div.ui-corner-all, #ui-datepicker-div.ui-corner-bottom, #ui-datepicker-div.ui-corner-left, #ui-datepicker-div.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
#ui-datepicker-div.ui-corner-all, #ui-datepicker-div.ui-corner-bottom, #ui-datepicker-div.ui-corner-right, #ui-datepicker-div.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*!
 * jQuery UI Datepicker 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

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

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

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

}

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

body > h1 {
	margin-left: -20px;
	background-image: none;
	font-size: 30px;
	line-height: 32px;
	margin-right: -20px;
	padding: 20px;
	background-color: #c8c3be !important;
}

#login h1 {
	margin-top: 0;
}

html {
	background-image: none;
}

body {
	padding-left: 20px;
	padding-right: 20px;
	background-image: none;
	background-color: #eae9e7;
	overflow-x: hidden;
	max-width: auto;
	padding-bottom: 110px;
	width: auto;
}

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

.startSessionForm button {
	text-align: left;
}

/* @group Gallery */

.gallery {
	width: auto;
	float: none;
	overflow: hidden;
}

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

.gallery a:first-child {
	width: 100%;
	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: auto;
	max-width: auto;
	width: 100%;
	float: none;
}



/* @end */

/* @group Steps */

#steps {
	position: fixed;
	left: 0;
	margin: 0;
	overflow: hidden;
	bottom: 0;
	right: 0;
	top: auto;
	width: auto;
	background-color: white;
	border-top: 1px solid silver;
	height: 55px;
}

#steps > li,
#steps > li > a {
	height: 55px;
	padding: 0;
	text-align: center;
	font-size: 9px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: rgba(0,0,0,0.8);
}

#steps > li:before {
	width: auto;
	display: block;
	float: none;
	font-size: 23px;
	height: 35px;
	margin: 0;
	line-height: 45px;
}

#steps > li.complete:after,
#steps > li.current:after {
	content: "\e810";
	color: rgba(0,0,0,0.3);
	font: 54px/87px fontello;
	position: absolute;
	z-index: 10;
	margin-left: -10.5%;
}

#steps > li a {
	padding: 0 !important;
	width: 100%;
	margin: 0 !important;
	text-align: center !important;
	font-weight: normal;
	font-style: normal;
	font-size: 9px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#steps .questions {
	display: none;
}

/* @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 {
	position: static;
	clear: both;
	margin: 50px 0 -9px;
	width: auto;
	text-align: center;
}

#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;
	padding-left: 25px;
}

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

/* @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,
fieldset.concise p.legend {
	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,
fieldset.concise fieldset p.legend {
	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,
fieldset.comprehensive p.legend {
	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,
fieldset.comprehensive fieldset p.legend {
	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: 100%;
}

/* @group Homepage */

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

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

#navigation li#home {
	display: none;
}

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

#homepage #navigation li#home a {
	float: left;
	width: 190px;
	text-align: left;
	padding-left: 0;
}



/* @end */

}
