@charset "UTF-8";
/* CSS Document */

div#skipmenu{
position:relative;
}
div#skipmenu a.skippy{
	position:absolute;
	/*top: -1000px;
left:-1000px;*/
top: 1em;
	left: 1em;
	height: 1px;
	width: auto;
	z-index:100;
	overflow:hidden;
	float:left;
}

div#skipmenu a.skippy:active, div#skipmenu a.skippy:focus, div#skipmenu a.skippy:hover{
position: absolute;
top:205px;
left:15px;
width:auto;
height: 1em;
width: auto;
font-size:0.8em;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
width:auto;
padding-bottom:15px;
color: white;
z-index:100;
text-align:left;
margin-bottom:25px;
float:left;
}

div.h-nav {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 0.9em;
}

.story {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.5;
	background: #FFFFFF;
	margin:0;
	
}

div.story {
	position: relative;
	/*width: 659px;*/
	/*min-width:80%;
	max-width:90%;*/
	min-width:700px;
	max-width:70%;
	height: 1px;
	background: #FFFFFF;
}
.story #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}

.story #banner {
	padding:0;
	background: #ffffff;
	z-index:-10;
}
.story #navtop {
	padding:0;
	background: #ffffff;
	
}
.story #container {
	width: 90%;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.story #footer {
	padding: 0px 10px;
	border-top-color: #A01329;
	border-top-style: solid;
	margin-top: 10px;
} 
.story #footer p {
	margin:0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
ul.quote-indent {
	list-style-type: none;	
}
p.proof-indent {
	margin-left: 40px;
}
.quote-name {
	margin-left: 200px;
}

div.year-icon {
	position: relative;
	width: 72px;
	height: 72px;
	border:thin;
	background-color:#000
}

div.nav {
	position: relative;
	left: 40px;
	width: 660px;
	margin-top:0px;
	margin-bottom:0px;
}

.text_indent {
	padding-left:20px;
}

.para_indent { margin-left:20px;
}

.para_indent2 { margin-left:40px;
}

.text_indent2 {
	padding-left:10px;
}

.table-blue {
	font-size: 1em;
	font-weight:bold;
	padding-bottom:10px;
	color:#194977;
	border-bottom: solid #194977 2px;
}

.table-blue-no-cap {
	border-top: solid #194977 2px;
	border-bottom: solid #194977 2px;
}

.table-blue-bottom {
	border-bottom: solid #194977 2px;
}

.table-blue-botthin {
	border-bottom: solid #194977 1px;
}

.table-blue-rightthin {
	border-right: solid #194977 1px;
}

.table-blue-thin {
	border: solid #194977 1px;
}

sub, sup {vertical-align: baseline; position: relative; font-size: 80%; color:#A01329;} /* 70% size of its parent element font-size which is good. */
sub {bottom: -0.4em;} /* use em becasue they adapt to parent font-size */
sup {top: -0.4em;} /* use em becasue they adapt to parent font-size */

div.footnote{
	font-size:0.9em;
	line-height:normal;
	border-top: solid #194977 2px;
}

p.body-text {
	color: #000;
	/*z-index: -1;*/
	padding-bottom: 10px;
	font-size: 0.9em;
	line-height: 16px;
}


/*just numbers for general usage*/
ol {
	counter-reset: item;
	list-style-type:none;
}
	
ol li:before {
	content: counter(item) "  ";
	counter-increment: item;
	margin: 0 0 0 -24px;
	color:#194977;
	letter-spacing: 5px;
	font-weight: bolder;
}
/*just numbers for animation page only*/
ol-list-num {
	counter-reset: item;
	list-style-type:none;
}
	
ol li:before {
	content: counter(item) "  ";
	counter-increment: item;
	margin: 0 15px 0 -27px;
	color:#194977;
	letter-spacing: 0px;
	font-weight: bolder;
}
/* numbers inline*/
.ol-list-num-inline {
	counter-reset: item;
	list-style-type:none;
}
.ol-list-num-inline li{
	display:inline;
	
}
	
.ol-list-num-inline li:before {
	content: counter(item) "  ";
	counter-increment: item;
	color:#194977;
	letter-spacing: 5px;
	font-weight: bolder;
}

/*just alphabets*/
.ol-list-alpha {
	counter-reset: item;
	list-style-type: none;
}
.ol-list-alpha {
	color:#000
}
.ol-list-alpha li:before {
	content: counter(item, lower-alpha) "  ";
	counter-increment: item;
	margin: 0 0 0 -24px;
	color:#194977;
	letter-spacing: 5px;
	font-weight: bolder;
}

/*alphabets inline*/
.ol-list-alpha-inline {
	counter-reset: item;
	list-style-type: none;
}
.ol-list-alpha-inline li:before {
	content: counter(item, lower-alpha) "  ";
	counter-increment: item;
	color:#194977;
	letter-spacing: 5px;
	font-weight: bolder;
}
.ol-list-alpha-inline li{
	display:inline;
}
/*just roman*/
.ol-list-roman {
	counter-reset: item;
	list-style-type: none;
}
.ol-list-roman {
	color:#000
}
.ol-list-roman li:before {
	content: counter(item, lower-roman) "  ";
	counter-increment: item;
	margin: 0 10px 0 -24px;
	color:#194977;
	letter-spacing: 0px;
	font-weight: bolder;
}
/*alphabets roman*/
.ol-list-roman-inline {
	counter-reset: item;
	list-style-type: none;
}
.ol-list-roman-inline li:before {
	content: counter(item, lower-roman) "  ";
	counter-increment: item;
	margin: 0 10px 0 -24px;
	color:#194977;
	letter-spacing: 0px;
	font-weight: bolder;
}
.ol-list-roman-inline li{
	display:inline;
}
.colnumber {
	color:#194977;
	font-weight: bolder;
}

ul {
	color: #000;
}
li {
	color: #000;
}

ul.list-thin {
	color: #000;
	font-size: 0.9em;
	line-height: 1.25em;
	margin: 0px;
}

ul.li{
	list-style-type:decimal;
}
	
/*just hyphen*/
.ul_listcustom {
list-style-type:none
}
.ul_listcustom li {
color:#000;
line-height: 2;
text-align: left;
}
.ul_listcustom li:before {
content: " - ";
counter-increment: item;
margin: 0 0 0 -24px;
color:#000;
letter-spacing: 3px;
font-weight: bolder;
}

img {
	border: 0px;
	/*vertical-align: middle;*/
}


h1 {
	color: #540F16;
	font-size:1.8em;
	font-weight:bold;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

h2 {
	color:#194977;/*blue*/
	font-size: 1.4em;
	font-weight: bold;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

h3 {
	color: #A01329;
	font-size: 1.2em;
	line-height: normal;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

h4 {
	color: #A01329;
	font-size: 1em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.h4_normal {
	font-weight:normal;
}

h4.solution {
	color: #A01329;
	font-size: 0.9em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:normal;
}
h5 {
	color:#194977;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em;
}
.h5_red {
	color: #A01329;
	font-size: .9em;
}
h6 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em;
	line-height:normal;
	padding-bottom:0px;
	margin-bottom:0px;
}
.h6_normal {
	font-weight:normal;
}

.h6_italics {
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
}

p.box-heading-1 {
	/*padding: 10px;*/
	/*margin-top: 20px;*/
	color: #2d637f;
	font-size: 1.1em;
	text-transform: none;	/*background: #d4e3ea;*/	/*height: 40px;*/	/*width: 640px;*/
}

p.box-heading-2 {
	padding: 10px;
	color: #2d637f;
	font-size: 15px;
	line-height: 24px;
	text-transform: uppercase;
	background: #cccccc;
	height: 40px;
	width: 640px;
}

p.example {
	color: #A01329;
	font-size: 1em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bolder;
}

p.solution {
	color: #A01329;
	font-size: 0.9em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.body-italics {
	font-style: italic;
}

.special-italics {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.sup-normal {
	vertical-align: super;
	font-size: 70%;
	color:#000;
	position:relative; 
	top:2px;
}
.superscript {
	vertical-align: super;
	font-size: 60%;
	position:relative; 
	top:-2px;
}

.body-bold-blue {
	color: #2d637f;
	font-weight: bold;
	text-align: center;
}

.story ul .body-indent-2 {
	font-size: 14px;
	line-height: 24px;
	margin-left: 20px;
	list-style-type: circle;
}

.story ul .body-indent {
	font-size: 14px;
	line-height: 24px;
	margin-left: 0px;
}

.diag-right {
	float:right;
	z-index:1;
	padding-left:30px;
}

.diag-centre {
	display: block;
	text-align: center;
}

.diag-left {
	float:left;
	padding-right:40px;
}

.body-bold {
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}

.story .times-table-style {
	width: 600px;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.story .times-table-style .symlgn-c{
	margin: 0;
	padding: 0;
}

.story .times-table-style .header{
	margin: 0;
	padding: 0;
}

.story .times-table-blueb{
	width: 600px;
	border-collapse:collapse;
	margin: 0px;
	padding: 0px;
	border: 1px solid #2d637f;
}

.row_line td{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-collapse:collapse;
	border-bottom:#74a9bf thin; border-bottom-style:solid;
}

.tb_opn {
	border-collapse:collapse; 
	border: 2px solid #74a9bf; 
	margin: 0; 
	padding: 0;
}

.tb_opn td{
	text-align: right;
	width: 37px;
	padding-left: 0px;
	padding-right: 0px;
	border-collapse:collapse; 
	border: 1px solid #74a9bf; 
}

.story .times-table-blueb td{
	/*border: 1px solid #2d637f;*/
	border-collapse:collapse;
	border: 1px solid #74a9bf;
	margin: 0;
	padding: 0;
}
table.table-style-1 {
	border: 2px solid #2d637f;
	border-collapse:collapse;
}

table.table-style-1 td {
	border: 2px solid #2d637f;
	border-width: 2px;
	border-collapse:collapse;
	padding-right: 20px;
	padding-left: 20px;
}

.table-style-2 {
	border: 2px solid #74a9bf;
	border-collapse:collapse;
	padding-right: 20px;
	padding-left: 20px;
	/*background-color:#d4e3ea*/ 
}
.pt_td {
	border: 1px solid #74a9bf;
	border-collapse:collapse;
}
.pt_td td{
	border-collapse:collapse;
	border: 1px solid #74a9bf;
	width: 70px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-align: center;
}
.two-column {
	border-style: none;
	border-width: 0px;
}

td.footer {
}

td.header { 
	background-color:#4e9eb8;
}

td.illustratrion {
}

td.row-one {
}

td.row-two {
	background-color:#d4e3ea;
}

.table-bhr {
	border: 2px solid #74a9bf;
	border-collapse:collapse;
	width: 600px;
	padding-right: 20px;
	padding-left: 20px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.table-bhr tr{
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-bottom-color:#4e9eb8;
}

.table-bhr td{
	padding-right: 20px;
	padding-left: 20px;
}


.table-bhd td{
	color: #FFFFFF;
	font-size: 15px;
	text-transform: uppercase;
}

.story .times-table-style p {
	line-height: 36px;
	margin: 0px;
	height: 32px;
	padding-left: 10px;
}

.story .examplebox {
	padding-top: 1px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border: 2px solid #c5403f;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
   /* behavior: url(border-radius.htc); */	
}

div.exercisebox {
	/*border: 2px solid #b4d5ff;*/
	/*padding: 20px;*/
	/*margin-top: 20px;*/
	/*position: relative;*/
	padding-top: 1px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	background-color: #E1F3FD;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;    /*behavior: url(border-radius.htc);*/
    /*zoom: 1;*/
}

p.heading-cover-return {
	color: #9e8f84;
	font-size: 14px;
}

p.heading-PDF {
	color: #9e8f84;
	font-size: 14px;
	text-align: right;
}

div.screencast  {
	float: right;
	z-index: 2;
	width: 100px;
	left: 684px;
	border-style: none;
	padding-top: 10px;
	padding-bottom: 10px;
	position: absolute;
}

.screencast .sc_link {
	/*display: block;
	padding: 0;
	margin: 0;
	font-size: 10px;
	text-align: center;*/
}

div.right_img  {
	float: right;
	z-index: 1;
	width: 160px;
	position: relative;
	left: 100px;
	border-style: none;
	top: 180px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.h-menu {
	position: relative;
	left: 40px;
	width: 660px;
	padding: 10px;
	border: 1px solid #dbdbdb;
}

ul.menulist {
	font: 14px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
	/*margin: 0 0 5px 0px;*/
	list-style-type: none;
}

ul.menulist2 {
	font: 12px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0 0 0 -10px;
	
	list-style-type: none;
}

ul.menulist3 {
	font: 12px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0 0 0 -0px;
	
	list-style-type: none;
}

p.h1-menu {
	color: #000;
	padding: 0px;
	font: 14px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0 0 5px 0px;
}

p.h2-menu {
	color: #000;
	padding: 0px;
	font: 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0 0 3px 30px;
}

div.mreturn {
	float: right;
	z-index: 2;
	position: relative;
	top: 20px;
}

p.menu_return {
	color: #000;
	padding: 0px;
	font: 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0 0 3px 30px;
}

ol.exlist {
	list-style-position: outside;
	list-style-type: lower-alpha;
	font-weight: bold;
	margin-left: 22px;
	padding-left: 0;
}

dl.exlist {
	list-style-position: outside;
	list-style-type: lower-alpha;
	margin-left: 0px;
	padding-left: 0px;
}

dt.exlist {
	float:left;
	vertical-align: baseline;
}

dt.exlist-indent {
	margin-left: 20px;
	float:left;
	vertical-align: baseline;
}

dd.exlist {
	margin-left: 20px;
	padding-left: 0;
}

dd.exlist-indent {
	margin-left: 40px;
	padding-left: 0;
}

dt.bblist {
	float:left;
	vertical-align: baseline;
	color: #2d637f;
	font-weight: bold;
	font-size: 12pt;
}

dt.bblist-indent {
	margin-left: 20px;
	float:left;
	vertical-align: baseline;
	color: #2d637f;
	font-weight: bold;
	font-size: 12pt;
}

dl.prlist {
	list-style-position: outside;
	list-style-type: lower-alpha;
	margin-left: 40px;
	padding-left: 0px;
}

dt.prlist {
	float:left;
	vertical-align: baseline;
	margin-left: 40px;
}

dd.prlist {
	margin-left: 60px;
	padding-left: 0;
}

span.exlist {
	font-weight: normal;
}

span.exlist-indent {
	font-weight: normal;
}

dl.statlist {
	list-style-position: outside;
	list-style-type: lower-alpha;
	margin-left: 0px;
	padding-left: 0px;
}

dt.statlist {
	float:left;
	vertical-align: baseline;
}

dd.statlist {
	margin-left: 20px;
	padding-left: 0;
}

.sidestep dd {
	margin-left: 0px;
	margin-bottom: 10px;
}
.sidestep dt {
	float: left;
	margin-right: 10px;
	color: #194977;
	font-weight:  bold;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: .9em;
}


a:link { /* a normal, unvisited link */
	color:#540F16;
	text-decoration:none;
}    
a:visited { /* a link the user has visited */
	color:#bc6261;
	text-decoration:none;} 
a:hover, a:focus { /* a link when the user mouses over it */
	color:#00000;
	/*color:#194977; blue*/
	text-decoration:underline;
	}   
a:active { /* a link the moment it is clicked */
	color:#800000;
	text-decoration:underline;
	}  

table.navbar {
		padding:0px;
	border-spacing:0px;
	border-collapse:collapse;
}
td.navbar {
	padding:0px;
	border-spacing:0px;
	border-collapse:collapse;
}
tr.navbar {
		padding:0px;
	border-collapse:collapse;
}

/*TWO WAY TABLES*/
table.tdivsn {
	border-collapse:collapse;
	border:none;
}
table.tdivsn_dec
{
	border:none;
	border-collapse:collapse;
	font-size:12px;
	text-align:center; 
	padding-left:10px;
	padding-right:10px;
}
.tdivsn_dec td {
	height:13px;
	border:1px solid #2b637f;
}
.tdivsn td {
	height:13px;
	border:1px solid #2b637f;
}
table.tdivsn p {
	text-align:center;
	padding-left:10px;
	padding-right:10px;
}
td.nobdr_b {
	border-left:none;
	border-right:none;
	border-bottom:none;
}
td.tpbdr_b {
	border-bottom:none;
}
td.bbbdr_b {
	border-top:none;
}
table.tb100 {
	border-collapse:collapse;
	border:1px solid #2b637f;
}
.tb100 td {
	height:25px;
	width:25px;
	border:1px solid #2b637f;
}
table.twoway
{
border-collapse:collapse;
}
.twoway td
{
border:1px solid black;
}
table.twoway p
{
	text-align:center; padding-left:10px; padding-right:10px;
}
.qbutton {
	display: inline-block;
	position: relative;
	vertical-align: bottom;
	height:25px;
	zoom: 1;
}
.hidden { /*for hiding labels for input fields*/
     position:absolute; 
     top:-600px; 
	 left:0; 
     width:1px; 
     height:1px; 
     overflow:hidden;
}

 .crumbs{ /*fixed position*/
	position:fixed;
	_position:absolute;
	top:2px;
  _top:expression(eval(document.body.scrollTop));
	left:215px;
	margin:0;
	padding:3px 10px;
	z-index: 500;
	font-size: 0.750em;
	background-color: #A52137;
	border: solid #000 2px;
	/*border-top-left-radius: 20px 20px;
	border-bottom-left-radius: 20px 20px;
	border-top-right-radius: 20px 20px;
	border-bottom-right-radius: 20px 20px;
	
	behavior:url(images/border-radius.htc);
	
	-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-khtml-border-radius-topright: 20px;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-khtml-border-radius-topleft: 20px;
behavior: url(/survey_templates/PIE.htc);*/
	
	
	 -moz-border-radius: 20px; /* Firefox */
	-webkit-border-radius: 20px; /* Safari and Chrome */
	border-radius: 20px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-khtml-border-radius: 20px;
	-moz-box-shadow: 3px 3px 10px #676767; /* Firefox */
	-webkit-box-shadow: 3px 3px 10px #676767; /* Safari and Chrome */
	box-shadow: 3px 3px 10px #676767; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 }
.exercise {
	color: #194977;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#imagewithcaption {
float:right;
width: auto;
text-align:center;
}

.image_ESA-logo {
	float:left;
	margin-top:10px;
	padding-right:20px;
}

.indent_equations {
	text-indent:40px;
}

.MathJax_Display {
text-align: left !important;
padding-left:40px;
}

.table_blue-grid {
	border-collapse:collapse;
	margin-left:40px;
}
.th_blue-grid {
	
	border:#194977 thin solid;
	text-align:left;
	font-weight:normal;
}

.td-blue-grid {
	
	border:#194977 thin solid;
	text-align:center;
}

.table_blue-grid, #th_blue-grid, #td-blue-grid {
	border:#194977 thin solid;
	
}

.proof {
	text-align:right;
	padding-top:0px;
	margin-top:0px;
	vertical-align:super
}
a.ajax-link {
	color:rgb(128, 0, 0) !important;
	text-decoration:none;
	}
a.ajax-link:hover {
	color:#bc6261 !important;
	/*color:#194977 !important;*/
	text-decoration:underline; 
}
a.ajax-link:visited {
	color:#bc6261 !important;
	text-decoration:underline;
	}
	
.tab {
display:none;
visibility:hidden;
}