/* HTML5 Reset */
a,abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{border:0;outline:0;margin:0;padding:0;}
html,body{height:100%;}
img{font-size:0;}
table{border-collapse:collapse;border-spacing:0;}
th,td,caption{font-weight:400;vertical-align:top;text-align:left;}
/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
	*/
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px;}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px;}.container_12 .grid_3,.container_16 .grid_4{width:220px;}.container_12 .grid_6,.container_16 .grid_8{width:460px;}.container_12 .grid_9,.container_16 .grid_12{width:700px;}.container_12 .grid_12,.container_16 .grid_16{width:940px;}.alpha{margin-left:0;}.omega{margin-right:0;}.container_12 .grid_1{width:60px;}.container_12 .grid_2{width:140px;}.container_12 .grid_4{width:300px;}.container_12 .grid_5{width:380px;}.container_12 .grid_7{width:540px;}.container_12 .grid_8{width:620px;}.container_12 .grid_10{width:780px;}.container_12 .grid_11{width:860px;}.container_16 .grid_1{width:40px;}.container_16 .grid_2{width:100px;}.container_16 .grid_3{width:160px;}.container_16 .grid_5{width:280px;}.container_16 .grid_6{width:340px;}.container_16 .grid_7{width:400px;}.container_16 .grid_9{width:520px;}.container_16 .grid_10{width:580px;}.container_16 .grid_11{width:640px;}.container_16 .grid_13{width:760px;}.container_16 .grid_14{width:820px;}.container_16 .grid_15{width:880px;}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px;}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px;}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px;}.container_12 .prefix_1{padding-left:80px;}.container_12 .prefix_2{padding-left:160px;}.container_12 .prefix_4{padding-left:320px;}.container_12 .prefix_5{padding-left:400px;}.container_12 .prefix_7{padding-left:560px;}.container_12 .prefix_8{padding-left:640px;}.container_12 .prefix_10{padding-left:800px;}.container_12 .prefix_11{padding-left:880px;}.container_16 .prefix_1{padding-left:60px;}.container_16 .prefix_2{padding-left:120px;}.container_16 .prefix_3{padding-left:180px;}.container_16 .prefix_5{padding-left:300px;}.container_16 .prefix_6{padding-left:360px;}.container_16 .prefix_7{padding-left:420px;}.container_16 .prefix_9{padding-left:540px;}.container_16 .prefix_10{padding-left:600px;}.container_16 .prefix_11{padding-left:660px;}.container_16 .prefix_13{padding-left:780px;}.container_16 .prefix_14{padding-left:840px;}.container_16 .prefix_15{padding-left:900px;}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px;}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px;}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px;}.container_12 .suffix_1{padding-right:80px;}.container_12 .suffix_2{padding-right:160px;}.container_12 .suffix_4{padding-right:320px;}.container_12 .suffix_5{padding-right:400px;}.container_12 .suffix_7{padding-right:560px;}.container_12 .suffix_8{padding-right:640px;}.container_12 .suffix_10{padding-right:800px;}.container_12 .suffix_11{padding-right:880px;}.container_16 .suffix_1{padding-right:60px;}.container_16 .suffix_2{padding-right:120px;}.container_16 .suffix_3{padding-right:180px;}.container_16 .suffix_5{padding-right:300px;}.container_16 .suffix_6{padding-right:360px;}.container_16 .suffix_7{padding-right:420px;}.container_16 .suffix_9{padding-right:540px;}.container_16 .suffix_10{padding-right:600px;}.container_16 .suffix_11{padding-right:660px;}.container_16 .suffix_13{padding-right:780px;}.container_16 .suffix_14{padding-right:840px;}.container_16 .suffix_15{padding-right:900px;}.container_12 .push_3,.container_16 .push_4{left:240px;}.container_12 .push_6,.container_16 .push_8{left:480px;}.container_12 .push_9,.container_16 .push_12{left:720px;}.container_12 .push_1{left:80px;}.container_12 .push_2{left:160px;}.container_12 .push_4{left:320px;}.container_12 .push_5{left:400px;}.container_12 .push_7{left:560px;}.container_12 .push_8{left:640px;}.container_12 .push_10{left:800px;}.container_12 .push_11{left:880px;}.container_16 .push_1{left:60px;}.container_16 .push_2{left:120px;}.container_16 .push_3{left:180px;}.container_16 .push_5{left:300px;}.container_16 .push_6{left:360px;}.container_16 .push_7{left:420px;}.container_16 .push_9{left:540px;}.container_16 .push_10{left:600px;}.container_16 .push_11{left:660px;}.container_16 .push_13{left:780px;}.container_16 .push_14{left:840px;}.container_16 .push_15{left:900px;}.container_12 .pull_3,.container_16 .pull_4{left:-240px;}.container_12 .pull_6,.container_16 .pull_8{left:-480px;}.container_12 .pull_9,.container_16 .pull_12{left:-720px;}.container_12 .pull_1{left:-80px;}.container_12 .pull_2{left:-160px;}.container_12 .pull_4{left:-320px;}.container_12 .pull_5{left:-400px;}.container_12 .pull_7{left:-560px;}.container_12 .pull_8{left:-640px;}.container_12 .pull_10{left:-800px;}.container_12 .pull_11{left:-880px;}.container_16 .pull_1{left:-60px;}.container_16 .pull_2{left:-120px;}.container_16 .pull_3{left:-180px;}.container_16 .pull_5{left:-300px;}.container_16 .pull_6{left:-360px;}.container_16 .pull_7{left:-420px;}.container_16 .pull_9{left:-540px;}.container_16 .pull_10{left:-600px;}.container_16 .pull_11{left:-660px;}.container_16 .pull_13{left:-780px;}.container_16 .pull_14{left:-840px;}.container_16 .pull_15{left:-900px;}
/* Clearfix */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
* html .clearfix{height:1%;}

/* Basic HTML */
body{font:13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;background:#fff;color:#000;min-width:960px;}
a:focus{outline:1px dotted;}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0;}
h1{font-size:25px; margin-right: 60px;}
h2{font-size:23px;color:#4263AB; margin-top: 30px; margin-right: 60px;}
h3{font-size:21px;color:#4263AB;  margin-right: 60px;}
h4{font-size:19px;color:#4263AB;font-family:'Times New Roman', Times, serif;  margin-right: 60px;}
h5{font-size:17px;}
h6{font-size:15px;}
ol{list-style:decimal;}
ul{list-style:disc;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom: 10px;padding-bottom: 10px;}
abbr{border-bottom:1px dotted;}
a{color:#4263AB;}
a:hover{color:#09f;}
h1,h2,h3,h4,h5,h6{position:relative;}
h3,h4,h5,h6{font-weight:bold;}
p code,li code,table code{background:#ff9;font-size:11px;}
dl {margin-left:15px;}
dt{font-weight:700;}
dt:after{content:':';}
dd{margin-bottom:10px;}
img {vertical-align:middle;margin-bottom: 20px;}
#content ol li,
#content ul li  {margin-bottom:1.3em}
#content ol li ol li,
#content ol li ul li, 
#content ul li ol li,
#content ul li ul li  {margin-top:1.3em}
#content ol li ol {list-style-type: upper-alpha;}
h1 span {font-size:.7em;color:#888;font-weight:normal}
#header h3 {color:#FFF;margin-top:24px;} 
#header form {margin:0px;padding:0;text-align: right;margin-top:24px;}
#header .printModal {position:absolute;right:0;}



blockquote {color: #111;background-color:#ccc;border-left:10px solid #ccc;margin:1.5em 10px;padding:.5em 10px;quotes:"\201C""\201D""\2018""\2019";-moz-border-radius: 10px;border-radius: 10px;box-shadow: -3px 4px 4px #666666;}  
blockquote:before {color:#4263AB;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em;}
blockquote:after {color:#4263AB;content:close-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.5em;}
blockquote p {display:inline;}

/* Page body */ 
#header {padding-bottom:1em;height: 70px;}
#wrapper {background: url("../images/background-header-bluestrip-modal.gif") repeat-x scroll 0 -70px #fff;}

/* Page content */
.box_title .anchor_link{left:-27px;}
.anchor_link:hover{background-position:-16px center;}
.backAnchor{font-size:12px;overflow:hidden;width:auto;height:100%;text-decoration:none;float:right;position:absolute;top:10px;right:-60px;font-weight: normal;}
/*.backAnchor {background: url("../images/bullet_arrow_up.png") no-repeat scroll 1px 2px transparent;padding-left: 20px;}*/
.align_right{text-align:right;}
.float_left{float:left;}
.float_right{float:right;}


	/* box */
	.box,.box_notice{background:#fff;border:1px solid;box-shadow:#ccc 0 1px 3px;-moz-box-shadow:#ccc 0 1px 3px;-webkit-box-shadow:#ccc 0 1px 3px;border-color:#ddd #ccc #999;margin:0 0 20px;padding:20px 20px 0.01em; -moz-border-radius:0 0 10px 10px;border-radius: 0 0 10px 10px;}
	.box_notice{background:#fefefe;}
	.box_title {color: #000000;font-size: 13px;font-weight: 700;margin: -19px -19px 20px;padding: 5px 10px;border-bottom:1px dotted #ccc}
	.normalize{margin-bottom:5px;}
	.figure{background:#fff;border:1px solid;box-shadow:#ccc 0 1px 3px !important;-moz-box-shadow:#ccc 0 1px 3px !important;-webkit-box-shadow:#ccc 0 1px 3px !important;display:block;border-color:#ddd #999 #666;margin:-15px -2px 0;padding:1px;}

	/* Index */
	#ec2Index {color:#999;line-height:2;margin:-10px 0 15px;list-style-type: none}
	#ec2Index li.h1 {border-bottom: 1px dotted; font-weight: bold;list-style-type: none;  margin: 20px -10px 10px;padding: 3px 5px 5px;}
	#ec2Index li.h1 a{text-decoration:none;}
	#ec2Index li.h2{margin-left:5px;}
	#ec2Index li.h4{margin-left:25px;}
	#ec2Index li.h5{margin-left:35px;}
	#ec2Index li.h3{margin-left:15px;}
	#ec2Index li:hover {background-color:#FEFEFE}

	/* Tables */
	table{margin-bottom:50px;width:100%;}
	table th,table.info td{padding:0 0 10px;}
	table th {border-bottom:2px solid #ccc}
	table th{color:#4263AB;font-size:1.2em;font-weight:700;line-height:1;padding-top:6px;padding-right:15px;text-align:center;text-transform:uppercase;white-space:nowrap;width:1%;}
	table td {margin: 10px 0; padding:10px 0; border-bottom:1px dotted #ccc;}
	table tr:hover td {background-color:#F6F6F6}
	table td.highlight {background-color:#FFFF8F!important}
	table td.bold {font-weight:700}
	
	/* Box */
	.flowDiagram {}
	.flowDiagram h5 {text-align:center; font-weight:bold; border-bottom: 1px solid #CCCCCC;}
	.flowDiagram h5.last {border:0!important} 
	.flowDiagram h5.high {text-align:center; font-weight:bold; font-size:18px; text-transform:uppercase; border-bottom:0}
	
	.icon {background-color:#4263AB; margin: 0 5px; padding:4px 3px 9px 2px}

	/*#logo {margin:20px 0 ;}*/
	
	#interface_language_header_form {padding: 7px 0 20px 0; } 
	#interface_language_header_form select {-moz-border-radius:4px 4px 4px 4px;border:1px solid #ddd;padding:4px;}

	/* Footer */
	#modalFooter {font-size: 85%;margin: 15px 0 0;min-height: 30px;background: #4a494a;background: -moz-linear-gradient(top, #4a494a 1%, #292829 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4a494a), color-stop(100%,#292829));background: -webkit-linear-gradient(top, #4a494a 1%,#292829 100%);background: -o-linear-gradient(top, #4a494a 1%,#292829 100%);background: -ms-linear-gradient(top, #4a494a 1%,#292829 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a494a', endColorstr='#292829',GradientType=0 );background: linear-gradient(top, #4a494a 1%,#292829 100%);}
	#modalFooter p { text-align:center}
	#modalFooter p a {color: #FFFFFF;text-decoration: none;} 


/* This is the selector of the tenth box, here's where we establish the measures, background colors, borders and shadows */
.box10{
	margin: 20px 50px 20px 25%;
	width: 320px;
	min-height: 20px;
	padding: 20px 20px 1px 20px;
	position:relative;
	background: #fff;
	background: -webkit-gradient(linear, 100% 100%, 50% 10%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
	background: -moz-linear-gradient(100% 50%, #fff, #fff 10%, #f3f3f3);
	border: 1px solid #ccc;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0, 0.1);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0, 0.1);
	box-shadow: 1px 1px 4px rgba(0,0,0, 0.1);
	-webkit-border-bottom-right-radius: 60px 5px;
	-moz-border-radius-bottomright: 60px 5px;
	border-bottom-right-radius: 60px 5px;
}

/* These (before and after ) pseudo class are the ones that give the multiple sheets effect*/
.box10:before{
	content: '';
	width: 98%;
	z-index:-1;
	height: 100%;
	padding: 0 0 1px 0;
	position: absolute;
	bottom:0; right:0;
	background: #fff;
	background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f9f9f9), color-stop(.1,#fff));
	background: -moz-linear-gradient(0 0 270deg, #fff, #fff 10%, #f9f9f9);
	border: 1px solid #ccc;
	-webkit-box-shadow: 1px 1px 8px rgba(0,0,0, 0.1);
	-moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
	-webkit-border-bottom-right-radius: 60px 5px;
	-moz-border-radius-bottomright: 60px 5px;
	border-bottom-right-radius: 60px 5px;
	-webkit-transform: skew(2deg,2deg)
						translate(3px,8px);
	-moz-transform: skew(2deg,2deg)
						translate(3px,8px);
		-o-transform: skew(2deg,2deg)
						translate(3px,8px);
	transform: skew(2deg,2deg)
						translate(3px,8px);
}

.box10:after{
	content: '';
	width: 98%;
	z-index:-1;
	height: 98%;
	padding: 0 0 1px 0;
	position: absolute;
	bottom:0; right:0;
	background: #fff;
	background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(#f3f3f3), to(#f6f6f6), color-stop(.1,#fff));
	background: -moz-linear-gradient(0 0 360deg, #f3f3f3, #fff 10%, #f6f6f6);
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0, 0.1);
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0, 0.1);
	box-shadow: 0px 0px 8px rgba(0,0,0, 0.1);
	-webkit-transform: skew(2deg,2deg)
						translate(-1px,2px);
	-moz-transform: skew(2deg,2deg)
						translate(-1px,2px)	;
		-o-transform: skew(2deg,2deg)
						translate(-1px,2px)	;
	transform: skew(2deg,2deg)
						translate(-1px,2px)	;
}


.css-arrow-multicolor {
  border-color: #000C4A #F5F5F5 #F5F5F5 #F5F5F5 ;
  border-style:solid;
  border-width:20px;
  width:0;
  height:0;
  margin-left:47%; 
}

.question { 
	margin:5px; 
	padding: 10px; 
	background: linear-gradient(white, #B3B3B3);
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0, 0.1);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0, 0.1);
	box-shadow: 0px 0px 2px rgba(0,0,0, 0.1);
	font-size: 1.1em;
	border:1px solid #000;
        box-shadow: #B3B3B3 0px 2px 2px;
        color: black;
}

.answer-note {
	margin-left:20px;
	font-style: italic;
	color:#222;
}

.answer {
    margin-left:20px;
}

.info-grey {
    width: 500px;
    border-radius: 40px;
    border:1px solid #000;
    box-shadow: #B3B3B3 5px 5px 5px;
    padding: 30px;
    background: linear-gradient(white, #B3B3B3);
    margin-bottom:50px;
    margin-left:150px;
    margin-top: 25px;
}

.info-green {
    width: 500px;
    border-radius: 40px;
    border:1px solid green;
    box-shadow: #B3B3B3 5px 5px 5px;
    padding: 30px;
    background: linear-gradient(white, #CAE3A6);
    margin-bottom:50px;
    margin-left:150px;
}

.info-orange {
    width: 500px;
    border-radius: 40px;
    border:1px solid orange;
    box-shadow: #B3B3B3 5px 5px 5px;
    padding: 30px;
    background: linear-gradient(white, #E3BB94);
    margin-bottom:50px;
    margin-left:150px;
}

.info-blue {
    width: 500px;
    border-radius: 40px;
    border:1px solid blue;
    box-shadow: #B3B3B3 5px 5px 5px;
    padding: 30px;
    background: linear-gradient(white, #A3C3E3);
    margin-bottom:50px;
    margin-left:150px;
}

.about-list {
    list-style-type: circle;
    margin-left:60px;
    margin-right:90px;
    list-style-type:disc;
}

.number-list {
    margin-left:60px;
    margin-right:90px;
}

.help-list {
    margin-left:20px;
    list-style-type:disc;
}

.img-text {
    margin-bottom: 0px;
    margin-right: 5px;
}

@media print {

	.grid_4 {
  	display:none
  	}
	
	.container_16 .grid_11 {
  	width: 100%;
	}
}

@page {
    size: auto;
    margin: 25mm 25mm 25mm 25mm;  
}

.modalHeader .appLogo {
	background: url("../images/background-header-logo.gif") no-repeat scroll right 0 #fafafa;
	float: left; 
	height: 58px
}

.modalHeader .modalHeaderPrint{
	float: right; 
	margin-right: 50px;
	margin-top: -7px;
}

.modalHeader { 
	padding-left: 0px; 
}

.modalHeader .headerTitle{
	height: 58px;	
	padding-top: 20px;
}

.modalHeader .headerTitle span{
	color: #fff;
	font-weight: 400;
	font-size: 21px;
	line-height: 90%;
	padding-left: 10px;

}