/**************************************
Global style for all pages
**************************************/

/*COMMON_HTML_TAGS*/
html, body {
	/* Use maximum available space */
	padding:0px;
	margin:0px;
	font-size: 100%;
	height:100%;
}
body {
	font-family: Tahoma;
	color: black;
	/* Make body relative so that when window is resized, everything moves */
	position: relative;
	/* For minimum 800x600 resolution */	
	/*width: 765px;*/
	
	/*AccessMonitor px vs em*/
	/*width: 989px;*/ /*TL: 26-03-2009*/
	width: 61.81em;
	
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 1em;
}
/* Format links */
a {
	text-decoration: none;
	color: #339999;
}
a:hover, a:active, a:focus {
	text-decoration: underline;
}

/*HEADER*/
.headerTop{}
.header {
}
.logo {
	float:left;
	margin-bottom: 10px;
}

.headerServicesStatic {
	/* Align */
	text-align: right;
	padding-right: 10px;
}
.searchBannerArea {
	/* Do not display by default in all pages */
	display: none;
	/* Position container */
	float: left;
	padding-top: 5px;
	/* Set its width -> According to banner image width */
	
	/*EM*/
	/*width: 190px;*/
	width: 12.25em;
}
.searchBannerArea .banner {
	/* Do not display by default in all pages */
	display: none;
}
.searchBannerArea .searchArea {
	/* Set a fixed margin, for allowing second level menu in all pages */
	margin-top: 210px;
}

/*HEADERINFOOPTIONS*/
.headerInfoOptions{}
.currentDate {
	text-align: right;
	font-size: 0.6em;
	font-weight: bold;
	color: #666666;
	display: none;
}

/*LANGUAGES*/
.siteLanguages {display:none;}
.siteLanguagesLinkAuxItem{}
.siteLanguagesLinkText{}

/*SEARCH*/
.searchArea {}
.searchAreaLabelAuxItem{}
.searchTextArea {}
.searchLabel {
	font-size: 0.75em;
	color: #339999;
	font-weight: bold;
	margin-bottom: 4px;
  /* Place a border under the label */
  border-bottom: 6px solid #339999;
}
.searchText {
	float: left;
	/*//>AS	2008-10-02*/
	font-size: 0.75em;
	color: #339999;
	font-weight: bold;
}


.searchText input {
	/* Set search input area width */
	/*EM*/
	/*width: 140px;*/
	width: 10.60em;
	
	margin-right: 5px;
}
.searchSectionsFilterArea{display:none;}
.searchSectionsOptions{display:none;}
.searchSectionFilter{display:none;}
.searchButton {}

/*BANNER*/
.banner{
	/*float: left;	*/
}
.headerBottom{}

/*BODY*/
.bodyTop{}
.body
{
	/*//>AS	2008-10-02	Commented out by MI*/
	/*min-height: 350px;
	_height: 350px; */
}

/*MENU*/
.menuContainer {}
.menuTop{}
/* First level menu */
.menu {
  float:left;
  /* Border around menu */
  border: 1px #D0CBBF solid;
  /* Border under main menu */
  border-bottom :6px solid #339999;
  /* This makes the menu occupy the entire screen, and then we can use position absolute in the second level, that moves it the screen resize */
  position: relative;
  width: 100%;
  margin: 0px;
}
/* Make horizontal menu style */
.menu ul {
  list-style-type: none;
	/* Use less space possible */
  margin: 0px;
  padding: 0px;
 }
.menu li {
  float: left;
	/* Use less space possible */
  margin: 0px;
  padding: 0px;
 }
.menu a {
	/*float: left;*/
  display: block;
	padding: 2px 8px 2px 8px;
	font-size: 0.75em;
	color: #666666;
	font-weight: bold;
}
.menu a:hover, .menu .secondLevel a:hover  {
	/* Style when hovering section */
	color: #339999;
}
.menu .menuItemActive a {
  /* Color for selected section */
  color: #339999;
}
/* Second level menu (and other lower levels) */
.menu .secondLevel {
	clear: both;
	float: none;
  position:absolute;
	top:30px;
	left:0px;
	/* Same width as banner area */ 	
	
	/*EM*/
	/*width: 190px;*/
	width: 11.50em;
}
.menu .secondLevel ul li {
	float:none;
	clear: both;
}
/* IE6 specific hack */
* html .menu .secondLevel ul li {
	height: 16px;
}
.menu .secondLevel .menuList,  .menu .secondLevel .menuList .menuItem .menuList {
	/* Do not display second level (and lower levels) menu by default */
	display: none;
}
.menu .menuItemActive .secondLevel .menuList {
	/* Only display active menu, second level menu */
	display: block;
}
/*.menu .menuItemActive .secondLevel .menuList .menuItemActive .menuList a, .menu .menuItemActive .secondLevel .menuList .menuItemActive .menuList .menuItem {*/
	/* Only display active second level menu, third level menu */
/*	display: block;
}*/
.menu .secondLevel .menuList .menuItem .menuList, .menu .secondLevel .menuList .menuItemActive .menuList {
	/* Indent lower then second level menus */
	margin-left: 20px;
}
.menu .secondLevel .menuList .menuItemActive a, .menu .secondLevel .menuList .menuItemActive .menuList .menuItemActive a {
	/* Color for secondlevel selected menu */
	color: #339999;
}
.menu .secondLevel .menuList a, .menu .secondLevel .menuItemActive .menuList a  {
	/* Color for secondlevel menu */
	color: #666666;
}
/*.menu .secondLevel .menuList .menuItem, .menu .secondLevel .menuList .menuItemActive .menuList {*/
/* .menu .secondLevel .menuList .menuItemActive  */
/* Put on link, and not on item, to avoid problems when item as submenus, and when it expands the border goes down */
.menu .secondLevel .menuList .menuItem a, .menu .secondLevel .menuList .menuItemActive a {
	/* Set border under second and third level menus */
	border-bottom: solid 1px #339999;
}
.menu .secondLevel .menuList .menuItemActive {
	/* Hide border */
	/*border-style: none;*/
}
.menuBottom{}

/*CONTENT*/
.contentContainer {
	/*margin-top: 40px;*/
	/* Set global content font properties */
	font-size: 0.8em;
	
	/*width: 565px;*/
	
	/*width:785px;*//*TL: 26-03-2009*/
	width:61.06em;
	
	float: right;
}
.contentTop {}
.content {
	/* Float boxes from left */
	float: left;
}

/*PAGE_TITLE*/
.pageTitle{display: none;}

/*SECTION DESCRIPTION*/
.sectionDescription h4 {
  /* Border under */
  border-bottom: 3px solid #339999;
  /*border-width: 100%;*/
  /*border-width:0px;*/
  color: #339999;
/*	display: none;*/
	/*clear:both;
	float:none;*/
}
.sectionDescription img, .subSectionDescription img {
	/* Margins around image */
	margin-right: 5px;
	margin-bottom: 5px;
}

/*CONTENT_LIST*/
.sectionContentListContainer{}
.contentList {}
.contentList ul {
	padding:0px;
	margin:0px;
}
.contentList ul li {
	list-style-type: none;
}

/*CONTENT_IMAGE*/
.contentImage {
	/* Margins around image */
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
	/* Should be the same width as the image */
	/*EM*/
	/*width: 179px;*/
	width: 14em;

}

/*CONTENT_TITLE*/
.contentTitleDetailLink {
  /*border-bottom: 3px solid #339999;
  border-width: 100%;*/
}
.contentTitleDetailLink a {
	/* Format */
	font-size: 1.5em;
	color: #339999;
	font-weight: bold;
}
/*CONTENT_DATE*/
.contentDate, .contentChanges {
	font-size: 0.8em;
	/* Add margin for separating contents */
	margin-top: 20px;
	margin-bottom: 20px;
	/* Put it alone */
	float: none;
	clear: both;
	/* Add border for separating contents */
  border-bottom: 1px solid #D0CBBF;
  /*border-width: 100%;*/
  border-width: 0px;
}

/*PRODUCT*/
.productInfo{}

/*EVENT*/
.eventInfo{}
.eventLocation h2 {
	font-size: 1.2em;
}
.eventLocationLabel {
	float: left;
	/* Format */
	font-weight: bold;
}
.eventContact h2 {
	font-size: 1em;
}
.eventLocationText {}
.eventDate {
	margin-bottom: 10px;
}

/*CONTENT_LEAD*/
.contentLead {
	margin-bottom: 10px;
}
.contentLead ul li, .subSectionDescription ul li, .contentBody ul li {
	/* Set default style image for lists -> It may be necessary to give left margin in content for it to appear */
	list-style-image: url('../Images/blue_bullet.png');
	margin-left: 15px;
}
.contentLead h1, .contentLead h2, .contentLead h3, .contentLead h4, .contentLead h5 {
 	color: #339999;
}

/*CONTENT BODY*/
.contentBody a, .contentBody h1, .contentBody h2, .contentBody h3, .contentBody h4, .contentBody h5 {
 	color: #339999;
}

/*//>AS	2008-09-17*/
.contentLinkAggregate
{
	/* Set style */
	color: #339999;
	font-weight: bold;
	padding-right: 20px;
	/*--*/
	text-align: right;	
	/*--*/
	background-image: url('../Images/blue_icon_wBG.png');
	background-position: right center;
	background-repeat: no-repeat;
}

.contentDetailLink {
	/* Set style */
	color: #339999;
	font-weight: bold;
	padding-right: 20px;
	/*--*/
	text-align: right;	
	/*--*/
	background-image: url('../Images/blue_icon_wBG.png');
	background-position: right center;
	background-repeat: no-repeat;
}

/*CONTENT_DETAIL (READ MORE)*/
/*Old Version*/
/*.contentDetailLink {
	text-align: right;
	float: none;
	clear: both;
}*/

.contentDetailLink a {
	color: #339999;
}
.contentDetailLinkAuxItem {
	/* Apply image, while maintaining link */
	background-image: url('../Images/blue_icon_wBG.png');
	background-position: right center;
	background-repeat: no-repeat;
	/* Same as image - Firefox does not show if height is not set */
	/*EM*/
	/*width: 15px;*/
	width: 1.3em;
	
	height: 15px;
	float: right;
	/*cursor: hand;*/
	cursor: pointer;
}
.contentDetailLinkText {
	/* Set style */
	color: #339999;
	font-weight: bold;
	padding-right: 20px;
}

/*//>AS	2008-09-17*/
.footerLinks
{
	color: #339999;
	font-weight: bold;
	/*cursor: hand;*/
	cursor: pointer;
	font-size:small;
	text-align:center;
}

/*//>AS	2008-09-17*/
.headerLinks
{
	color: #339999;
	font-weight:normal;
	cursor: pointer;
	font-size:smaller;
	text-align:right;
}

/*CONTENT_OPTIONS*/
.contentOptionsContainer {}
.contentOptionsTop{}
.contentOptions {
	float: none;
	clear: both;
	text-align: right;
	/*width: 100%;*/
}
.contentOptions ul li {
	list-style-type: none;
	margin-left: 25px;
	margin: 0px;
	padding: 0px;
}
.contentOptionsBottom{display:none;}

/*PRINT VERSION*/
.printVersionLinkAuxItem, .pdfVersionLinkAuxItem {
	/* Apply image, while maintaining link */
	background-image: url('../Images/blue_icon_wBG.png');
	background-position: right center;
	background-repeat: no-repeat;
	/* Same as image - Firefox does not show if height is not set */
	/*EM*/
	/*width: 15px;*/
	width: 1.3em;
	
	height: 15px;
	float: right;
	/*cursor: hand;*/
	cursor: pointer;
}
.printVersionLinkText {
	margin-right: 5px;
}

/*PAGE_BACK*/
.pageBack {
	clear: both;
	float: none;
	text-align: right;
	margin-bottom: 10px;
	width: 100%;
}
.pageBackLinkAuxItem {
	/* Apply image, while maintaining link */
	background-image: url('../Images/blue_icon_wBG.png');
	background-position: right center;
	background-repeat: no-repeat;
	/* Same as image - Firefox does not show if height is not set */
	/*EM*/
	/*width: 15px;*/
	width: 1.3em;
	
	height: 15px;
	float: right;
	/*cursor: hand;*/
	cursor: pointer;
}
.pageBackLinkText {
	padding-right: 20px;
}

/*CONTENT_ORDER*/
.contentOrderLink{}

/*PAGE_LIST*/
.pageList {}
.pageList ul{list-style-type:none; padding:0px;margin:0px;}
.pageList li {display:inline}

.contentBottom{}

/*SERVICES*/
.servicesContainer {
	/* Do not display by default in all pages */
	display: none;	
	float: left;
	/*clear: both;*/
	margin-top: 10px;
	/* Format */
	font-size: 0.75em;
	font-weight: bold;
	/*background-color: #7DB3C6;*/
	/* Set its width -> According to banner image width */
	/*EM*/
	/*width: 190px;*/
	width: 11.25em;
}
.servicesTop {
	border-top: solid 3px #339999;
}
.services {}
.services a {
	color: #666666;
	/*color: Black;*/
}
.services ul {
	/* No list */
	list-style-type:none;
	padding: 0px;
	margin: 0px;
}
.services li {
	border-bottom: solid 1px #339999;
	height: 18px;
}

.registerLinkAuxItem{}
.registerLinkText{}
.servicesBottom{}
.bodyBottom {}

/*FOOTER*/
.footerTop {}
.footer {}

/*FOOTER_SERVICES*/
.footerServicesContainer {}
.footerServicesTop {
	clear: both;
	float: none;
  /* Border on top */
  border-top: 6px solid #339999;
  width:100%;
	height: 3px;
	/* For IE6 respecting the height */
	overflow: hidden;
}
.footerServices {
	font-size: 0.7em;
	color: #000000;
	text-align: center;
  /* Border on top */
  border-top: 3px solid black;
  width:100%;
}
.footerServices a {
	color: #000000;
}
.footerServices a:hover {
	color: #000000;
}
/* Set style to horizontal */
.footerServices ul {list-style-type:none; padding:0px; margin:0px}
.footerServices li {display:inline;}
/* Put image separating the services */
.footerServices ul li {
	background-image: url("../Images/blue_bullet_small.png");
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding: 15px;
}
/* Remove image from first item !!!!!!!!!!!!!!! */
.footerServices ul li:first-child {
	background-image: none;
}
.footerServicesBottom {}
.footerBottom{}
.footerImage {
	text-align: center;
}

/*ADDRESS*/
.address{}

/*FOOTER_LOGOS*/
.logos{}

/*LAST_CHANGE*/
.lastChange{display: none;}
.lastChangeAuxItem{}
.lastChangeText{}
.lastChangeLabel{}
.lastChangeValue{}

/*BROWSER_VERSIONS*/
.browserVersions{display:none;}

/*BREADCRUMBS*/
.path {
	/*margin-left:0px;*/
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	/* Set style */
	color: #339999;
	font-weight: bold;
	font-size: 0.8em;	
}
/* Set style to horizontal */
.path ul {
	padding:0px;
	margin:0px;
}
.path ul li {
	display:inline;
}
/*For browsers that support css2 */
/*.path ul li:before { content: "> "; }
.path ul li:first-child:before { content: ""; }*/
/* IE 6/7 Hack */
/* Be careful to update other sections that change this */
/* All browsers apply the image */
.path ul li {
	background-image: url("../Images/gt-blue.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 11px;
	/* Hide in first */
	margin: 0 1em 0 -1em;
}
/* In css2 browsers (firefox) remove the first image) */
.path ul li:first-child { background-image: none; }

/*OPERATIONS*/
.operationsContainer {
	/*clear: both;
	float: none;*/
	/*text-align: left;*/
	/*margin-top: 10px;*/
	float: left;
}
.operationsTop{}
.operations {
  /* Border */
  border-top: 1px #D0CBBF solid;
}
/* Make an horizontal style */
.operations ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.operations li {
	display:inline;
	margin-right: 20px;
}
.operations a {
	color: #339999;
}
.operationsBottom{}

/*PAGE_TOP*/
.pageTop {
	text-align: right;
	/* Border around */
  border-top: 1px #D0CBBF solid;
}
.pageTopLinkAuxItem{}
.pageTopLinkText{}

/*RELATED CONTENTS*/
.relatedContents {
	/* Border */
  border-top: 1px solid #D0CBBF;
  width:100%;
  margin-top: 15px;
	float: left;
}
.relatedContentsTitle {
	/* Format */
	color: #339999;
	font-weight: bold;
}
.relatedContentsList {
}
.relatedContentsList ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}
.relatedContentsList .relatedList .relatedContent {
	margin-bottom: 10px;
	border: solid 1px #D0CBBF;
}
.relatedContentsList .relatedList .relatedContent .relatedContentImage {
	/*float: left;*/
}

/*INFO MESSAGE*/
.infoMessage {
	margin-top: 15px;
	margin-bottom: 15px;
}
.infoButton {}

.hide
{
	position:absolute; 
	left:0px; 
	top:500px; 
	overflow:hidden; 
	/*EM*/
	/*width:1px;*/
	width:0.06em;
	
	height:1px;
}

.h3style
{
	padding:0px; 
	margin:0px;
	list-style-type:none;
	font-size:1.5em;
	font-weight:bold;
	color:#339999;
}

.h3style2
{
	padding:0px; 
	margin:0px;
	list-style-type:none;
	font-size:1.5em;
	font-weight:bold;
}

img {border-width:0;}


/*Resolution Heading Accessibility Issues
*****************************************/
.normal
{
}

.bold 
{
  font-weight: bold; 
}

.italic 
{
	font-style:italic;
}

.boldItalic
{
	font-weight: bold;
	font-style:italic;
}

.heading1
{
	display:block;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:20px;
	
	font-size:xx-large;
}

.heading2
{
	display:block;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:20px;
	
	font-size:x-large;
}

.heading3
{
	display:block;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:20px;
	
	font-size:large;
}

.heading4
{
	display:block;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:20px;
	
	font-size:medium;
}

.heading5
{
	display:block;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:20px;
	
	font-size:small;
}

.sectionDescription .heading4 
{
  /* Border under */
  border-bottom: 3px solid #339999;
  /*border-width:0px;*/
  color: #339999;
  
}

.eventLocation .heading2 
{
	font-size: 1.2em;
}

.eventContact .heading2 
{
	font-size: 1em;
}

.contentLead .heading1, .contentLead .heading2, .contentLead .heading3, .contentLead .heading4, .contentLead .heading5 
{
 	color: #339999;
}

/*CONTENT BODY*/
.contentBody .heading1, .contentBody .heading2, .contentBody .heading3, .contentBody .heading4, .contentBody .heading5 
{
 	color: #339999;
}

/******************************/