/**************************************************** reset.css *****************************************************/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/**************************************************** text.css *****************************************************/


/*
	EUMETSAT Website 3.0 Text CSS - designed by Phil Nolan of Rational Systems in September 2010
	
	Designed for use with the
	960 Grid System.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* Embed Netto font for titling
--------------------------------------------------------------------------------*/


/* first for IE 6/7/8 */
@font-face {
  font-family: NettoWeb-Bold;
  src: url(/WebResources/website/assets/fonts/NettoWeb-Bold.eot);
}
@font-face {
  font-family: NettoWeb;
  src: url(/WebResources/website/assets/fonts/NettoWeb.eot);
}

/* then for Webkit browsers -> Safari, Firefox */
@font-face { font-family: NettoWeb-Bold; src: url(/WebResources/website/assets/fonts/NettoWeb-Bold.woff) format('woff');
}
@font-face { font-family: NettoWeb; src: url(/WebResources/website/assets/fonts/NettoWeb.woff) format('woff');
}

/* Then for MIDs -> iPhone, iPad */
@font-face {
	font-family: NettoOTBold;
	src: url(/WebResources/website/assets/fonts/nettoot-bold-webfont.ttf) format('truetype'), url(/WebResources/website/assets/fonts/nettoot-bold-webfont.svg#webfontdQqdaA0B) format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: NettoOTRegular;
	src: url(/WebResources/website/assets/fonts/nettoot-webfont.ttf) format('truetype'), url(/WebResources/website/assets/fonts/nettoot-webfont.svg#webfontvgYNia8e) format('svg');
	font-weight: normal;
	font-style: normal;
}



/* Basic HTML
--------------------------------------------------------------------------------*/

body
{
	line-height: 1.40;
	font: 12px/1.40 Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
}

a:focus
{
	outline: 1px dotted invert;
}

abbr,
acronym,
dfn
{
	border-bottom-color: #576a77;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	cursor:help;
}

hr
{
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

/* =Headings
--------------------------------------------------------------------------------*/

h1
{
	text-transform: uppercase;
	line-height: 18px;
	font-family: NettoWeb-Bold, NettoOTBold, Arial, sans-serif;
	font-size: 16px;
}

h2
{
	text-transform: uppercase;
	line-height: 16px;
	font-family: Arial, sans-serif;
	font-size: 14px;
}

h3
{
	text-transform: uppercase;
	font-style: normal;
	font-weight: normal;
	line-height: 14px;
	font-family: Arial, sans-serif;
	font-size: 13px;
}

h4
{
	text-transform: uppercase;
	font-style: normal;
	font-weight: normal;
	line-height: 13px;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

h5
{
	text-transform: uppercase;
	font-style: normal;
	font-weight: normal;
	line-height: 12px;
	font-family: Arial, sans-serif;
	font-size: 11px;
}


h6
{
	text-transform: uppercase;
	font-style: normal;
	font-weight: normal;
	line-height: 11px;
	font-family: Arial, sans-serif;
	font-size: 10px;
}                                                                                  

h7
{
	text-transform: uppercase;
	line-height: 10px;
	font-family: Arial, sans-serif;
	font-size: 9px;
}

/* =Spacing
--------------------------------------------------------------------------------*/

ol
{
	list-style: decimal;
}

ul
{
	list-style-type: disc;
}
li
{
	margin-left: 30px;
}
sup
{
	font-size: 8px;
	vertical-align: super;
}
sub
{
	font-size: 8px;
	vertical-align: sub;
}
em
{
	font-style: italic;
}

/*p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset
{
	margin-bottom: 10px;
}*/


/**************************************************** 960.css *****************************************************/


/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* =Containers
--------------------------------------------------------------------------------*/

.container_12,
.container_16
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

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

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
	margin-left: 0;
}

.omega
{
	margin-right: 0;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

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

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/

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

/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/

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

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

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

/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

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

/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/

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

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

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

/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

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

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}


/**************************************************** layout.css *****************************************************/


 /*
	EUMETSAT Website 3.0 Layout CSS - designed by Phil Nolan of Rational Systems in April 2012
	
	Designed for use with the
	960 Grid System.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* Basic HTML
--------------------------------------------------------------------------------*/

body {
	padding-left: 0px;
	padding-bottom: 40px;
	padding-right: 0;
	padding-top: 0;
	color: #122632;
	background: #112632;
	border-top: 5px solid #000;
}


/* anchors
----------------------------------------------- */
a {
	color: #4c6792;
	font-weight: bold;
	text-decoration: none;
}
.block a,
.block-noheader a {
	padding-left: 9px;
	background-position: left 50%;
	background-repeat: no-repeat;
	background-image: url(/WebResources/website/assets/img/ico_link_blu.gif);
	color: #4c6792;
	font-weight: bold;
}
#branding a {
	text-transform: uppercase;
	padding-left: 9px;
	background-position: left 50%;
	background-repeat: no-repeat;
	background-image: url(/WebResources/website/assets/img/ico_link_blu.gif);
	color: #4c6792;
	font-weight: bold;
}
a:hover {
	font-weight: bold;
	text-decoration: none;
}
p a:hover,
#content a:hover,
#branding a:hover {
	color: #00b5e2;
	text-decoration: underline;
}


/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
	background:#dad7cb;
}


/* Page Header
----------------------------------------------- */
#branding {
	height: 70px;
	max-height: 90px;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 1em;
	text-align:right;
	background:#fff url("/WebResources/website/assets/img/jpg_bg_head.jpg") left center no-repeat;
	margin-bottom:0;
}



/* Text Headings
----------------------------------------------- */
h1 {
	line-height: 1.2em;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: none;
	margin-top: -2px;
	color: #00205b;
}
.box h1 {
	padding-left: 10px;
	padding-bottom: 10px;
}
#content-image h1 {
	text-transform: uppercase;
	margin: 0px 0px 10px;
	padding: 4px 20px 4px 10px;
	display: inline-block;
	background-color: #00205b;
	color: white;
	font-size: 1.5em;
}
.box h2 {
	display: block;
	margin: -10px -10px 0px 0px;
	padding: 2px 10px 2px 10px;
	border-bottom-color: #e0e5e9;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	color:#fff;
	background:#00205b;
}
.box h2 a,
.box h2 a.visible {
	display: block;
	color:#fff;
	background: url("/WebResources/website/assets/img/switch_minus.gif") 100% 50% no-repeat;
}
.box h2 a:hover {
	color: #e0e5e9;
}
.box h2 a.hidden {
	color: #e0e5e9;
	background-image: url("/WebResources/website/assets/img/switch_plus.gif");
}
.box h2 a.hidden:hover {
	color: #fff;
}
#content h2,
#content-image h2 {
	margin: 2px 0px 2px 0px;
	background-color: white;
	color: #00205b;
	border:0;
}

h2 {
	margin: 2px 2px 2px 10px;
	color: #00205b;
}
h3 {
	padding: 2px 2px 2px 10px;
	color: white;
	display: block;
	background-color: #264173;
}
h4 {
	margin: 2px 2px 2px 10px;
	display: block;
	font-weight: bold;
	color: #122632;
}
h5 {
	margin: 2px 2px 2px 10px;
	font-weight: bold;
	display: block;
	color: #4c6792;
}
h6 {
	margin: 2px 2px 2px 10px;
	font-weight: bold;
	color: #4c6792;
}
h7 {
	margin: 2px 2px 2px 10px;
	font-weight: bold;
	color: #4c6792;
}


/* Layout Sections
----------------------------------------------- */
.box {
	padding: 10px 10px 0px 0px;
	background:#fff;
	margin-bottom: 20px;
	
}
ul.blue {
	
	list-style-image: url(/WebResources/website/assets/img/ico_bullet_blue.gif);
}

.key-message {
	color: white;
	padding: 6px 10px 7px 10px;
	margin-left: 0px;
	margin-bottom:20px;
	text-transform: uppercase;
	font-style: normal;
	font-weight: normal;
	
	background-color: #264173;
	
}
#satimages {
	background-color: #122632;
	height: 230px;
	width: 700px;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-image: url(/WebResources/website/assets/img/img_hp_v230.jpg);
	overflow: hidden;
}
#satimages .text {
	color: white;
	width: 210px;
	padding-top: 10px;
	float: left;
}
#satimages .image {
	height: 230px;
	width: 470px;
	display: block;
	float:right;
}
#satimages .image a {
	width:100%;
	height:100%;
	display: block;
}
#satimages .image a:hover {
	font-style: normal;
	font-weight: normal;
	color:#fff;
	background: url("/WebResources/website/assets/img/ico_expand.png") 50% 50% no-repeat;
}

#satimages .text h6 {
	color: 4c6792;
	text-transform: uppercase;
	font-style: normal;
	font-weight: normal;
}

.block {
	padding-bottom: 0px;
	padding-top: 10px;
	overflow: auto;
}
.block-noheader {
	padding-bottom: 10px;
	padding-top: 0px;
	overflow: auto;
}
.block-gallery,
.block-brochures {
	padding-bottom: 10px;
	padding-top: 0px;
}
.block-feature {
	margin-top: -10px;
	margin-bottom: 0px;
}
.block-html {
	margin-left: -10px;
}
.block-galleria {
	margin-top: -1px;
	margin-bottom: 0px;
}
.block-noheader p {
	margin-top: 1em;
	margin-bottom: 1em;
}

#content ul {
	margin-top: 1em;
	margin-bottom: 1em;
}
#content ol.indent {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
}

div.menu {
	padding:0;
}
div.menu h2 {
	margin:0;
}
div.menu .block {
	padding-top:0;
}

/* Images
----------------------------------------------- */
a.thumbnail-left,
a.thumbnail-left2url, 
a.thumbnail-left2inline,
a.fb-multimedia,
a.image-imggal { 
	background-color: white;
	background-image:none;
	margin: 3px 10px 3px 10px;
	padding:4px; 
	float: left; 
	border:1px solid #4c6792;
}

/*
a.thumbnail-left:hover,
a.thumbnail-left2url:hover,
a.thumbnail-left2inline:hover,
a.fb-multimedia:hover,
a.image-imggal:hover {
	color: #122632;
	background-color: #7fdcf1;
	border:1px solid #00b5e2;
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5,Color='gray');
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5,OffY=5, Color='gray')";
}
*/
a.thumbnail-left img,
a.thumbnail-left2url img,
a.thumbnail-left2inline img,
a.fb-multimedia img {
	z-index: 0;
	float: left; 
}
a.image-imggal img {
	width: 75px;
	height: 75px;
	z-index: 0;
	float: left;
}

a.thumbnail-left span,
a.thumbnail-left2url span,
a.thumbnail-left2inline span,
a.thumbnail-right span,
a.thumbnail-right2url span,
a.thumbnail-right2inline span,
a.fb-multimedia span,
a.image-imggal span {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(/WebResources/website/assets/img/ico_expand-img.png);
	background-position: left top; 
	background-repeat: no-repeat;
}

a.thumbnail-right,
a.thumbnail-right2url,
a.thumbnail-right2inline { 
	background-color: white;
	background-image: none;
	margin: 3px 10px 3px 10px;
	padding:4px;
	float: right; 
	border:1px solid #4c6792;
}
a.thumbnail-left:hover,
a.thumbnail-left2url:hover,
a.thumbnail-left2inline:hover,
a.fb-multimedia:hover,
a.image-imggal:hover,
a.thumbnail-right:hover,  
a.thumbnail-right2url:hover,
a.thumbnail-right2inline:hover {
	color: #122632;
	background-color: #7fdcf1;
	border:1px solid #01b4e1;
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5,Color='gray');
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5,OffY=5, Color='gray')";
}
a.thumbnail-right img,
a.thumbnail-right2url img,
a.thumbnail-right2inline img {
	float:right; 
}
.image-left {
	background-color: white; 
	margin: 3px 10px 3px 10px;
	padding:4px;
	float:left; 
	border:1px solid #e0e5e9;
}
.image-left img {
	float:left; 
}
.image-right {
	background-color: white; 
	margin:3px 0px 3px 10px; 
	padding:4px;
	float:right; 
	border:1px solid #e0e5e9;
}
.image-right img {
	float:right; 
}

/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	padding-left: 10px;
}
.boxout-right {
	padding-left: 10px;
	padding-bottom: 4px;
	padding-right: 4px;
	padding-top: 4px;
	margin-left: 10px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0;
	width:200px;
	display: block;
	background-color: #264173;
	float:right;
}
.boxout-left {
	margin-left: -2px;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-top: 0px;
	width:200px;
	display: block;
	background-color: #264173;
	float:left;
	
}
.image-boxout-right {
	padding-left: 10px;
	padding-bottom: 4px;
	padding-right: 4px;
	padding-top: 4px;
	margin-left: 10px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0;
	width:200px;
	display: block;
	float:right;
}
.image-boxout-left {
	margin-left: 2px;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-top: 0px;
	width:200px;
	display: block;
	float:left;
	
}
blockquote {
	color: white;
	background-position: left;
	font-family: NettoWeb, NettoOTRegular, Tahoma, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 1.7em;
}
blockquote cite {
	color: white;
	display: block;
	background-color: #264173;
	font-style: normal;
	font-weight: normal;
	font-family: NettoWeb, NettoOTRegular, Tahoma, sans-serif;
	font-size:.9em;
}
#content-image blockquote {
	color: #00205b;
	font-family: NettoWeb, NettoOTRegular, Tahoma, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 1.5em;
}
ul, ol {
	padding-bottom: 0px;
	padding-top:0;
}
ul.margin, ol.margin {
	margin-bottom: 10px;
}
                                 

/* Secondary Navigation
----------------------------------------------- */

ul.menu { 
	list-style:none;
}
ul.menu li {
	margin:0;
}

ul.menu li a { 
	border-bottom-style: solid; 
	padding-left: 10px; 
	padding-bottom: 2px; 
	padding-right: 2px; 
	padding-top: 4px;
	display:block;
	border-bottom:1px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
ul.menu li a:hover {
	color: white;
	background-position: left 65%;
	background-image: url(/WebResources/website/assets/img/ico_link_wht.gif);
	background-color: #00b5e2;
}
ul.menu li a:active {
	color: white;
	background-color: #00b5e2;
}
ul.menu ul {
	list-style:none;
	margin:0;
}

ul.section {
	border-top:0;
	margin-bottom:0;
}
ul.section li {
	cursor:pointer;
	text-transform:uppercase;
	font-weight:normal;
}
ul.section li a {
	border-bottom-color: #dad7cb;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-transform: uppercase;
	color:#fff;
	background:#264173;
	font-weight:normal;
}
ul.section li a:hover {
	color: white;
	background:#00b5e2;
}

ul.section li li a {
	word-wrap: normal;
	padding-left: 20px;
	background:#4c6792;
}
ul.section li li li a {
	word-wrap: normal;
	padding-left: 30px;
	background:#596e94;
}
ul.section li li li li a {
	word-wrap: normal;
	padding-left: 40px;
	background:#66799d;
}
ul.section li li li li li a {
	word-wrap: normal;
	padding-left: 50px;
	background:#7385a5;
}
ul.section li li li li li li a {
	word-wrap: normal;
	padding-left: 60px;
	background:#8c9ab5;
}

ul.section li a.selected { /* Currently 'open' sections */
	color: white;
	background:#00b5e2;
}
ul.section li a.selected:hover {
	color: #4c6792;
	border-bottom-color: #fff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background:#ccf1fa;
}




/* Related News & Links
----------------------------------------------- */

ul.related { 
	list-style:none;
}
ul.related li {
	margin:0;
}
ul.related li a { 
	color: #122632;
	display: block;
	font-style: normal;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-image: none;
	border-top-color: #dad7cb;
	border-top-style: solid;
	border-top-width: 4px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
ul.related p {
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 5px;
}
#search-results ul.related li a { 
	padding-top: 11px;
}
ul.related li a:hover,
ul.related li a:focus {
	background-color: #e0e5e9;
}
.relatedfoot {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:0px;
	padding-right: 5px;
	border-top-width: 4px;
	border-top-color: #dad7cb;
	border-top-style: solid;
}

ul.results {
	list-style:none;

}


ul.results li.heading {
	margin:0;
	padding-top: 5px;
	padding-bottom: 20px;
	padding-right: 10px;
	text-transform: uppercase;
	color: white;
	background-color: #264173;
}
ul.results li.even {
	margin:0;
	padding:0;
}
ul.results li.odd {
	margin:0;
	padding:0;
	background-color: #e0e5e9;
}
ul.results li.even a,
ul.results li.odd a { 
	margin:0;
	color: #122632;
	display:block;
	text-decoration: none;
	background-image: none;
	height:100%;
	padding-top: 5px;
	padding-bottom: 20px;
	padding-right: 10px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
ul.results li.even a:hover,
ul.results li.even a:focus,
ul.results li.odd a:hover,
ul.results li.odd a:focus {
	color: white;
	background-color: #00b5e2;
}

#search-results .dref {
	font-style: normal;
	font-weight: normal;
	float: left;
	width: 25%;
}
#search-results .dtitle {
	float: left;
	width: 50%;
}
#search-results .dversion {
	font-style: normal;
	font-weight: normal;
	float: left;
	width: 10%;
}
#search-results .dformat {
	font-style: normal;
	font-weight: normal;
	float: left;
	width: 15%;
}




/* Publications layout table styles (content)
----------------------------------------------- */
th.document {
	font-style: normal;
	font-weight: normal;
	background-color: white;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 20px;
	padding-top: 3px;
}
td.document {
	background-color: white;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-right: 20px;
	padding-top: 3px;
}
td.document h6 {
	float: left;
	text-transform: uppercase;
	color: #4c6792;
}
td.document em {
	float: right;
	padding-top: 2px;
	text-transform: uppercase;
	color: #4c6792;
}

td.docfooter  {
	border-right-color: #dad7cb;
	border-right-style: solid;
	border-right-width: 4px;
	border-left-style: none;
	background-color: white;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 20px;
	padding-top: 10px;
	color: #4c6792;
	border-bottom-color: #dad7cb;
	border-bottom-width: 4px;
	border-bottom-style: solid; 
}
a.flag {
	margin-right: 3px;
	padding-bottom: 0px;
	padding-top: 4px;
	padding-right: 2px; 
	padding-left: 2px;
	border-color: #e0e5e9; 
	border-style: solid; 
	border-width: 1px; 
	background-image: none;
}
a.flag:hover { 
	background-color: #7fdcf1; 
	border-color: #00b5e2; 
	border-style: solid; 
	border-width: 1px; 
	background-image: none;
}

        
/* Gallery and Archive Layout Component styles
----------------------------------------------- */                                                 
ul.gallery-3, 
ul.gallery-4 {
	display: block;
	margin:0;
	overflow:hidden;
	position: relative;
	list-style: none;
}
ul.gallery-3 li {
	margin:0;
	background-color: #fff;
	padding:10px 10px 0px 10px;
	float:left;
	width: 30%;
	height: 205px;
}
ul.gallery-4 li {
	margin:0;
	background-color: #fff;
	padding:10px 10px 0px 10px;
	float:left;
	width: 22%;
}
ul.gallery-3 li:hover,
ul.gallery-4 li:hover {
	background-color: #e0e5e9;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
ul.gallery-3 li a,
ul.gallery-4 li a {
	padding-right: 10px;
	padding-left: 0px;
	color: #122632;
	font-style: normal;
	font-weight: normal;
	display:block;
	width:100%;
	height:100%;
	background-image: none;
}
ul.gallery-3 .image { 
	padding-bottom: 10px; 
	border-width: 0px; 
	border-style: none;
	width: 200px;
	height: 200px;
}

ul.gallery-4 .image { 
	padding-bottom: 10px; 
	border-width: 0px; 
	border-style: none;
	width: 150px;
	height: 150px;
}
ul.gallery-3 p,
ul.gallery-4 p {
	padding-left: 8px;
	padding-top: 0px;

}

/* Image Gallery Element styles
----------------------------------------------- */ 
ul.imagegal,
ul.imagegal-blog {
	background:#dad7cb;
	padding: 10px 0px 10px 10px;
	display: block;
	margin:0;
	overflow:hidden;
	position: relative;
	list-style: none;
	
}
ul.imagegal li {
	margin: 0px;
	padding: 10px 20px 10px 0px;
	float:left;
	width: 30%;
}
ul.imagegal-blog li {
	margin: 0px;
	padding: 10px 20px 10px 0px;
	float: left; 
	width: 17%;
}
ul.imagegal li a,
ul.imagegal-blog li a {
	background-image: none;
}



/* Forms and Buttons
----------------------------------------------- */
form {
	overflow:hidden;
}
fieldset {
	padding-left: 0px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 10px;
	border-style: solid;
	position:relative;
	background:#dad7cb;
	margin-bottom:10px;
}
legend {
	padding: 2px 20px 2px 10px;
	text-transform: uppercase;
	color: white;

	background:#264173;
}

fieldset.login p {
	margin-bottom:1em;
	margin-top:0pt;
}
fieldset p select {
	border-color: #00b5e2;
	border-style: solid;
	border-width: 1px;
	width: 90%;
}
fieldset p select.inactive {
	color: #7e7e7e;
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px;
	width: 90%;
}
fieldset p textarea {
	border-color: #5b7f95;
	border-style: solid;
	border-width: 1px;
	width: 600px;
}
fieldset p textarea.required {
	border-color: #00b5e2;
	border-style: solid;
	border-width: 1px;
}
#subject-kws select {
	border-color: #00b5e2;
	border-style: solid;
	border-width: 1px;
	width: 80%;
}
fieldset.login p label {
	float:left;
	line-height:2em;
	margin-right:3%;
	text-align:right;
	width:32%;
}
fieldset.login p input {
	border-style: solid;
	border-color: #00b5e2;
	color:gray;
	border-width: 1px;
	width:60%;
}
fieldset p label {
	line-height:2em;
	margin-right:3%;
	text-align:right;
}
fieldset p input {
	border-style: solid;
	border-color: #cac0b6;
	border-width: 1px;
	width: 90%;
	vertical-align:50%;
}
fieldset p input.required {
	border-color: #00b5e2;
	border-style: solid;
	border-width: 1px;
}
form p.notice {
	font-weight:bold;
}
input.search.text {
	background-position: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #00b5e2;
	float: right;
	width: 20%;
}
.button {
	padding: 2px 10px 2px 10px;
	height: 19px;
	border-width: 0px;
	background-position:2px 50%;
	background-image: url(/WebResources/website/assets/img/ico_link_wht.gif);
	background-repeat: no-repeat;
	font-size:11px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	cursor:pointer;
	color: white;
	background-color: #4c6792;
	
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	
}
.button:hover,
.button:focus {
	color: white;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	background-color: #00b5e2;
	
}
.button-add {
	margin: 2px;
	padding: 2px 10px 2px 17px;
	height: 19px;
	background-position:3px 50%;
	background-image: url(/WebResources/website/assets/img/switch_plus.gif);
	background-repeat: no-repeat;
	border-width: 0px;
	font-size:11px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #4c6792;
	color: white;
	
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	
}
.button-add:hover,
.button-add:focus {
	color: white;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #00b5e2;
	
}
.button-remove {
	margin: 5px 2px 2px 2px;
	border-width: 0px;
	width: 17px;
	height: 19px;
	background-position:3px 50%;
	background-image: url(/WebResources/website/assets/img/switch_minus.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	background-color: #4c6792;
	color: white;
	text-decoration: none;
	
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	
}
.button-remove:hover,
.button-remove:focus {
	color: white;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #00b5e2;
	
}
.button-inactive,
.button-inactive:hover,
.button-inactive:focus {
	padding: 2px 10px 2px 10px;
	height: 17px;
	background-position:2px 50%;
	background-image: url(/WebResources/website/assets/img/ico_link_wht.gif);
	background-repeat: no-repeat;
	border-width: 0px;
	font-size:11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	color: white;
	background-color: #e0e5e9;
}

.button-selected,
.button-selected:hover,
.button-selected.focus {
	padding: 2px 10px 2px 10px;
	height: 17px;
	background-position:2px 50%;
	background-image: url(/WebResources/website/assets/img/ico_link_wht.gif);
	background-repeat: no-repeat;
	font-size:11px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: white;
	background-color: #00b5e2;
}

/* Page Footer styles
----------------------------------------------- */

#footer-box { 
	padding:0;
}
#footer {
	background-color: #cac0b6;
	color: #968c83;
	z-index: 0;
	display: block;
	margin:0;
	overflow:hidden;
	position: relative;
	text-transform: uppercase;
}
#footer h1 {
	font-size: 1.2em;
	color:#968c83;
	padding-top:3px;
	padding-bottom:4px;
	padding-left: 0px;
	text-transform: uppercase;
}
#footer .address {
	padding-top: 28px;
	float: left;
	width: 20%;
}
#footer .social {

	float: left;
	width: 30%;
}
#footer .flags {
	float: left;
	width: 50%;
}
#footer a.link {
	padding-left: 9px;
	background-position:left 3px;
	background-image: url(/WebResources/website/assets/img/ico_link_blu.gif);
	background-repeat: no-repeat;
	font-style: normal;
	font-weight: normal;
	padding-right: 10px;
	color: #00205b;
	text-decoration: none;

}
#footer a.link:hover,
#footer a.link:focus {
	color: #00b5e2;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;

}
.flag-footer  {
	border-style: none;
	padding:2px;
	background:#cac0b6;
}

.flag-footer:hover { 
	border-style: none; 
	background-color: #00b5e2;
}



/* SSI & AJAX component styles (Codebase: AJAX loader) 
----------------------------------------------- */
#loading {float:right; margin-right:14px; margin-top:-2px;}



/* Accordion component styles (Codebase: jQuery Accordion)
----------------------------------------------- */
.toggler {
	padding-left: 25px;
	margin-left: 0;
	margin-bottom: 5px;
	margin-right: 0;
	margin-top: 0;
	background-position: 10px 50%;
	background-repeat: no-repeat;
	background-image: url(/WebResources/website/assets/img/switch_plus.gif);
	background-color: #4c6792;
	display: block;
	padding-bottom: 3px;
	padding-right: 20px;
	padding-top: 2px;
}
.toggler.current {
	padding-left: 25px;
	margin-left: 0;
	margin-bottom: 5px;
	margin-right: 0;
	margin-top: 0;
	background-position: 10px 50%;
	background-repeat: no-repeat;
	background-image: url(/WebResources/website/assets/img/switch_minus.gif);
	background-color: #00b5e2;
	display: block;
	padding-bottom: 3px;
	padding-right: 20px;
	padding-top: 2px;
}
.toggler:hover {
	cursor:pointer;
	background-color: #00b5e2;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

/* Focus Component (Codebase: Mootools Kwicks)
----------------------------------------------- */
#banner-box { 
	padding:0;
	overflow:hidden;
}
#banner-box h2 { 
	margin:0;
}
#banners {
	z-index: 0;
	position: relative;
}
#banners .items {
	background-color: #dad7cb;
	z-index: 0;
	display: block;
	height: 120px;
	list-style:none;
	margin:0;
	overflow:hidden;
}
#banners li {
	z-index: 0;
	float: left;
	margin:0;
	padding:0;
}
#banners .banner {
	padding-right: 20px;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-top: 0px;
	z-index: 0;
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 120px;
	width: 293px;
}
/* These are the 'Focus On' image tiles. */
#banners .one {
	background: url(/WebResources/website/assets/img/img_foc_placeholder.png) left top no-repeat; 
}
#banners .two {
	background: url(/WebResources/website/assets/img/img_foc_placeholder.png) left top no-repeat;
}
#banners .three {
	background: url(/WebResources/website/assets/img/img_foc_placeholder.png) left top no-repeat;
}


td.ssi {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
	padding-top: 2px;
	border-color: white;
	border-style: solid;
	border-width: 2px;
	background-color: white;
}
td.ssi-green {
	border-width: 2px;
	border-color: white;
	border-style: solid;
	background-color: #bed600;
}
td.ssi-amber {
	border-color: white;
	border-style: solid;
	border-width: 2px;
	background-color: #fcd900;
}
td.ssi-red {
	border-color: white;
	border-style: solid;
	border-width: 2px;
	background-color: #c4262e;
}
.flash {
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-color: #dad7cb;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-top-color: #dad7cb;
	border-top-style: dotted;
	border-top-width: 1px;
	margin-bottom: 5px;
}
#hidden {
	display:none;
}
#galleria,#gallery{ background-color: #968c83; width:700px;height:276px;}
#jstwitter {
    color: #333333;
}
#jstwitter .tweet {
   	color: #122632;
	display: block;
	font-style: normal;
	font-weight: normal;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-right: 10px;
	background-image: none;
	border-top-color: #dad7cb;
	border-top-style: solid;
	border-top-width: 4px;
}
#jstwitter .tweet a {
    text-decoration: none;
    color: #13c9d0;
}
#jstwitter .tweet a:hover {
    text-decoration: underline;
}
#jstwitter .tweet .time {
    font-style: italic;
    color: #666666;
}

/**************************************************** sections.css *****************************************************/

/*
	EUMETSAT Website 3.0 Sections CSS - designed by Phil Nolan of Rational Systems in December 2010
	
	Designed for use with the
	960 Grid Framework.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* Section headers - used for display of page titles with BG images
----------------------------------------------- */
#title { /* Default section header - corporate signature image */
	height: 48px;
	color: white;
	margin-bottom: 20px;
	margin-top: 20px;
	background:#00205b url(/WebResources/website/assets/img/ttl_corporate.jpg) left center no-repeat;
	font-style: normal;
	padding-right: .5em;
}
#title-homepage { /* Default section header - Landing pages */
	height: 48px;
	color: white;
	margin-bottom: 20px;
	margin-top: 20px;
	background:#00205b url(/WebResources/website/assets/img/ttl_corporate.jpg) left center no-repeat;
	font-style: normal;
	padding-right: .5em;
}
#title-noimg { /* Homepage section header and any that do not require a signature image */
	height: 48px;
	color: white;
	margin-bottom: 20px;
	margin-right: 0;
	margin-top: 20px;
	background:#00205b left center no-repeat;
	font-style: normal;
	padding-right: .5em;
}
#title-cooperation {
	height: 48px;
	color: white;
	margin-bottom: 20px;
	margin-top: 20px;
	background:#00205b url(/WebResources/website/assets/img/ttl_cooperation.jpg) left center no-repeat;
	font-style: normal;
	padding-right: .5em;
}
#title-climate {
	height: 48px;
	color: white;
	margin-bottom: 20px;
	margin-top: 20px;
	background:#00205b url(/WebResources/website/assets/img/ttl_climate.jpg) left center no-repeat;
	font-style: normal;
	padding-right: .5em;
}
#title-products {
	height: 48px;
	color: white;
	margin-bottom: 20px;
	margin-top: 20px;
	background:#00205b url(/WebResources/website/assets/img/ttl_products.jpg) left center no-repeat;
	font-style: normal;
	padding-right: .5em;
}
#title-data {
	height: 48px;
	color: white;
	margin-bottom: 20px;
	margin-top: 20px;
	background:#00205b url(/WebResources/website/assets/img/ttl_accessdata.jpg) left center no-repeat;
	font-style: normal;
	padding-right: .5em;
}
#title-satellites {
	height: 48px;
	color: white;
	margin-bottom: 20px;
	margin-top: 20px;
	background:#00205b url(/WebResources/website/assets/img/ttl_satellites.jpg) left center no-repeat;
	font-style: normal;
	padding-right: .5em;
}

#title p,
#title-homepage p,
#title-noimg p,
#title-cooperation p,
#title-climate p,
#title-products p,
#title-data p,
#title-satellites p {
	color: white;
	padding-left: 10px;
	margin-left: 0px;
	margin-top: 8px;
	font-family: NettoWeb, NettoOTRegular, Arial, sans-serif;
	padding-right: 20px;
	text-transform: uppercase;
	display: inline-block;
	background-color: #00205b;
	font-size:2em;
	text-align:left;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	
}

/**************************************************** nav.css *****************************************************/

/*
	EUMETSAT Website 3.0 Navigation CSS - designed by Phil Nolan of Rational Systems in September 2010
	
	Designed for use with the
	960 Grid System.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* ---------------------------------------------*/
/* navigation (horizontal subnavigation)
----------------------------------------------- */
ul.nav,
ul.nav * { padding: 0px; font-style: normal; font-weight: normal; text-transform: uppercase; margin:0;}
ul.nav {
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
  color: white;
  position:relative;
  background:#334d7c;
  max-width:100%;
  height:2.5em;
}
ul.nav li {
	text-transform: uppercase;
	cursor:pointer;
	float:left;
	text-align:left;
	list-style-type:none;
	font-weight:normal;
}
ul.nav li ul {
	text-transform: uppercase;
	cursor:default;
	width:100%;
	position:absolute;
	height:auto;
	top:2.5em;
	background-position:0 0 !important;
	left:-9000px;
}
ul.nav li ul li {
	text-transform: uppercase;
	padding:0;
	border:none;
	width:auto;
	max-width:none;
}
ul.nav li a {
	padding-left: 2px;
	padding-bottom: 0;
	padding-right: 1em;
	padding-top: 0;
	text-transform: uppercase;
	color: red;
	background:red;
	text-decoration:none;
	float:left;
	height:2.4em;
	line-height:2.5em;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
ul.nav li ul li a {
	background-color: red;
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	width:160px;
	max-width:160px;
	line-height:2em;
	height:1.5em;
	font-weight:normal;
	color: red;
	background-position:0 50% !important;
}

ul.nav li:hover a { color: #7fdcf1; background:#4c6792;} /*state of 1L&2L topNav items on menu open*/
ul.nav li a:hover,
ul.nav li a:focus { color: white; background:#00b5e2;} /*state of 1L topNav items on hover and focus*/
ul.nav li a:active {color: white; background:#4c6792;} /*active state of 1L topNav items*/
ul.nav li:hover ul {left:0;z-index:10}
ul.nav li ul,
ul.nav li {color: white; background:#334d7c !important}
ul.nav li:hover ul li a {color:white;}
ul.nav li:hover ul li a:hover {background-color: red; color: red;}
ul.nav li:hover ul li a:active {color: red; background:red;}

ul.nav li.current a { font-style: normal; cursor:default; font-weight: normal;}
ul.nav li.current ul {left:0;z-index:5}
ul.nav li.current ul,
ul.nav li.current { !important}
ul.nav li.current ul li a {color: red; background:red; font-weight:normal;}
ul.nav li.current ul li a:hover {color: red; background:red;}
ul.nav li ul li.current a,
ul.nav li ul li.current a:hover,
ul.nav li.current:hover ul li a:active {color: red; background:red;}


/* navigation (vertical subnavigation)
----------------------------------------------- */

ul.main li {
  position:relative;
  top:0;
  left:0;
}
ul.main li ul {
  border-top:0;
}
ul.main li ul li {
  float:left;
}
ul.main li a { /*primary nav item bg*/
	height:2.5em;
	line-height:2.5em;
	border:0;
	color:white;
	background:#334d7c;
}

ul.main li ul li a { /*primary nav item submenu*/                                                       
  word-wrap:normal;
  border-top-style: solid;                                                          
  border-top-width: 1px;                                                          
  border-top-color: #e0e5e9;
  padding-left: 2px; 
	padding-bottom: 2px; 
	padding-right: 2px; 
	padding-top: 4px;                                                         
  /* width: 160px; */ /* Determines width of menu item background */
  line-height:1.4em;
  height:auto; /*allows overflow of long menu item descriptions */
  text-align:left;
  color: white;
  background:#4c6792;
}

ul.main li a:focus,
ul.main li a:active {
	color: white; background:#4c6792;
}
ul.main li ul li a:hover {
	color: white;
  	background:#00b5e2;
}

/*
ul.main li:hover a {
  color:white;
  background:#576a77;
} */
ul.main li:hover ul li a {color:white;}
ul.main li:hover ul li a:hover {color: white; background:#00b5e2;}
ul.main li:hover a:active {background:#00b5e2;}
ul.main li:hover ul li a:active {color:white; background:#334d7c;}


/* secondary list
----------------------------------------------- */
ul.nav li.secondary {
	width: 13.7em;
	float:right;
	color:white;
	background:transparent !important;
}
ul.nav li.secondary span.status {
	padding-left: 2px;
	padding-bottom: 0;
	padding-right: .5em;
	padding-top: 0;
	float:left;
	line-height:2.77em;
	height:auto;
	/*height:2.77em;*/
    font-size:0.9em;
}
ul.nav li.secondary span.status a {
	float:none;
	padding:0;
	height:auto;
	line-height:auto;
	color:white;
	background:transparent;
}
ul.nav li.secondary span.status a:hover {
	color:white;
	background:transparent;
}
ul.nav li.secondary span.status span {
	text-transform:capitalize;
}
ul.nav li.secondary:hover a {
	color:white;
	background:#264173;
}
ul.nav li.secondary:hover a:hover {
	color: white;
	background:#00b5e2;
}
ul.nav li.secondary:hover a:active {background:#00b5e2;}

/* secondary list (original)
----------------------------------------------- */
/*
ul.nav li.secondary {
	width: 15em;
	float:right;
	color:#fff;
	background:transparent !important;
}
ul.nav li.secondary span.status {
	padding-left: 0em;
	padding-bottom: 0;
	padding-right: .5em;
	padding-top: 0;
	float:left;
	line-height:2.77em;
	height:auto;
    font-size:0.9em;
}
ul.nav li.secondary span.status a {
	float:none;
	padding:0;
	height:auto;
	line-height:auto;
	color:#fff;
	background:transparent;
}
ul.nav li.secondary span.status a:hover {
	color:#fff;
	background:transparent;
}
ul.nav li.secondary span.status span {
	text-transform:capitalize;
}
ul.nav li.secondary:hover a {
	color:#fff;
	background:#576a77;
}
ul.nav li.secondary:hover a:hover {
	color: #576a77;
	background:#7fdcf1;
}
ul.nav li.secondary:hover a:active {background:#00b5e2;}
*/

/* ----------------------------------------- */
/* ------- Selected Menus in top nav ------- */
ul.main li a.selected {
    color: white;
    background: #00B5E2;
}
ul.main li a.selected:hover {
    color: #4c6792;
    background:#ccf1fa;
}
/* ----------------------------------------- */


/**************************************************** infra_visitor_styles.css *****************************************************/


/*
 * Classes overriding global visitor layout for screen.
 * Author: Carsten Sch��fer(GES/C/CSC)
 * Version: 1.0.0 (09.12.2011)
 * Requires: -
 */
.hidden{
    display: none;
}
.boldText{
    font-weight: bold;
}
.topNavNotLink{
    height: 2.5em;
    line-height: 2.5em;
    cursor: default;
}
.topNavNotLink span{
    padding: 0 1em 0 2px;
}
 
/* AJAX OSSI CSS */
#ajaxBlock {
    width: 208px;
    min-height: 346px;
    overflow: hidden;
}
#ajaxBlock th, #ajaxBlock td {
    padding: 0;
}
#ajaxBlock .OSSIInnerCellInnerTableCol1{
    width:99px;
}
#ajaxBlock .OSSIInnerCellInnerTableCol2{
    width:65px;
}
#ajaxBlock .OSSIinnerCellInnerTable, #ajaxBlock table{
    width:auto;
}

/* Top nav quick links tweaks START */
 .topNavBg{
    background: none repeat scroll 0 0 #334D7C;
    min-height: 2.5em;
    width: 100%;
}
.topNavBg ul.nav {
    height: auto;
    max-width: auto;
    background:none;
}
.topNavBg #topMenu\:nav1{
   max-width: 64em;
}
/* Top nav quick links tweaks END */

.highlight{
    background-color: yellow;
}

/*General app*/
.appVersion{
    color:gray;
}

.message, .error {
    padding:10px;
    font-weight:bold;
    color:red;
}

/*.message.redirectCampaign,*/
.message.hiddenContent {
    color:red;
}

/*Main Page generals*/
/*We keep thumbsize specs here overriding, agreed with Stakeholder PN*/
img.pageThumbnail{
    height:150.0px;
    width: 150.0px;
}

img.pageThumbnailSmall{
    height:75.0px;
    width: 75.0px;
}

.related img {
    max-width: 75px;
}

#banners .one,
#banners .two,
#banners .three,
#banners .four {

}

/**
 * Fancy Box styles
 */
#pleaseWait {
    min-width: 300px;
    padding: 30px;
}
#pleaseWaitMessage {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    font-weight: bold;
}

/**
 * Just because related links or related news might not have text
 */
.relatedfoot {
    clear: both;
}

/**
 * Overrides layout.css. Inactive style must be generic because it is not a link.
 */
 .relatedfoot .inactive {
	padding-left: 9px;
	background-position:left 4px;
	background-image: url(/WebResources/website/assets/img/ico_link_wht.gif);
	background-repeat: no-repeat;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	padding-right: 10px;
	background-color: #e0e5e9;
	color: white;
	text-decoration: none;
}

/**
 * Some nedds of alignment
 */
.leftAlign {
    float: left!important;
}
.rightAlign {
    float: right!important;
}

/*BUG?*/
/*Fixing stuff from assets\css\jquery.fancybox-1.3.4.css*/
#fancybox-bg-ne,
#fancybox-bg-se {
  background-image: url('/WebResources/website/assets/img/fancybox.png');
}

/**
 * Fix for 11906, 3rd level navigation not indented.  This should be fixed in a CSS delivery, should be removed then.
 */
ul.submenu  ul.submenu li a{
    padding-left: 20px;
}

/**
* Fix for B11253. P tag is always enforced in introductions that are encapsulated in h1 - no margin
*/
h1 p {
    padding-left: 0;
}
/**
 * Flickr Galleria - Bug 12368 
 */
.block-galleria { background-color: #968c83; width:700px;height:276px;}

/**
* Fix for 
*/
.addLMargin{
    margin-left: 10px;
}

/**
* Login form
*/
.loginForm {
    margin: 10px;
}
.loginForm label {
    width: 100px;
    float:left;
}
.loginForm input{
    margin-bottom:5px;
}
.loginForm .button{
    margin-left: 100px;
}
#loginError{
    display: none;
}

/**
* Controlled Forms
*/
.formSubmitMsg .frmSuccess{
    color:Green;
}
.formSubmitMsg .frmFail{
    color:Red;
}

.logoDiv {
    height: 70px; 
    position: absolute; 
    width: 250px;
}

.noBgImage {
    background-image: none!important;
}

/**************************************************** infra_processingBanner.css *****************************************************/


/*
 * Classes defining the layout of the processing banner.
 * Author: Antonio Rodrigues (GES/C/ACR)
 * Version: 1.0.0 (17.01.2012)
 * Requires: js/infra_processingBanner.js
 */
div.FreezePaneOff {
    position: fixed;
    visibility: hidden;
    display: none;
    top: -100px;
    left: -100px;
}
div.FreezePaneOn {
    position: fixed;
    visibility: visible;
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 150%;
    z-index: 1000;
    background-color: #f9f9f9;
}
div.InnerFreezePane {
    text-align: center;
    font-size: x-large;
    width: 600px;
    padding: 15px;
    margin-top: 300px;
    z-index: 1001;
    background-color: #0066CC;
    color: #fff;
}

/* cross browser opacity */
div.FreezePaneOn {
    zoom: 1; /* required to trigger hasLayout in IE */
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    /* IE 5-7 */
    filter: alpha(opacity=65);
    /* Netscape */
    -moz-opacity: 0.65;
    /* Safari 1.x */
    -khtml-opacity: 0.65;
    /* Modern browsers */
    opacity: 0.65;
}
div.InnerFreezePane {
    zoom: 1; /* required to trigger hasLayout in IE */
    /* IE 8-9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* IE 5-7 */
    filter: alpha(opacity=100);
    /* Netscape */
    -moz-opacity: 1.00;
    /* Safari 1.x */
    -khtml-opacity: 1.00;
    /* Modern browsers */
    opacity: 1.00;
}