/* ==================================================================================================
Generalities
================================================================================================== */ 
img {
   border:0px;
   }

/* ==================================================================================================
General layout of a page
================================================================================================== */ 
html {
   height: 100%;
   }

body {
   height: 100%;
   background-image: url('../img/background1.gif');
   background-color: #ffffff;
   font-family: Trebuchet,"Trebuchet MS",Arial,Helvetica,Sans-serif;
   font-size: 10pt;
   padding: 0px;
   margin: 0 auto;
   width: 1002px;
   text-align: center;
   }

div,p,td {
   text-align: left;
   }

div#bodyContainer {
   height: 100%;
   width: 1002px;
   position: relative;
   z-index: 0;
   }

div#pageFill { 
   /* used for a page body going to bottom of screen */
   height: 100%;
   width: 1002px;
   position:absolute;
   z-index: -100;
   overflow:hidden;
   background-color: #eef2f7;
   border-left-style: solid;
   border-left-width: 1px;
   border-left-color: #8f8f8f;
   border-right-style: solid;
   border-right-width: 1px;
   border-right-color: #8f8f8f;
   }

div#pageContainer {
   width: 1002px;
   margin: 0px;
   padding: 0px;
   background-color: #ffffff;
   border-left-style: solid;
   border-left-width: 1px;
   border-left-color: #8f8f8f;
   border-right-style: solid;
   border-right-width: 1px;
   border-right-color: #8f8f8f;
   }

/* ==================================================================================================
Page's header
================================================================================================== */ 
div#pageHeader {
   width:100%;
   padding-top:24px;
   background-image: url('../img/logoulb1.gif');
   background-repeat: no-repeat;
   background-color: #ffffff;
   text-align: right;
   height: 70px;   
   }

div#pageHeaderContainer {
   float: right;
   padding-right: 12px;
   padding-top: 12px;
   height: 70px;   
   }

form#pageHeaderForm {
   display: inline;
   }

table#pageHeaderSearch {
   margin-top: 0px;
   margin: 0px;
   padding: 0px;
   border-spacing: 0px;
   border-collapse: collapse;
   }

table#pageHeaderSearch td {
   vertical-align: top;
   font-family: Arial,Helvetica;
   font-size: 8pt;
   color: #999999;
   padding: 0px;
   margin: 0px;
   }

table#pageHeaderSearch td.headerFirst, table#pageHeaderSearch td.headerMiddle {
   padding-left: 4px;
   padding-right: 4px;
   padding-top: 2px;
   padding-bottom: 0px;
   border-right-style: solid;
   border-right-width: 1px;
   border-right-color: #cccccc;
   }

table#pageHeaderSearch td.headerLast {
   padding-left: 4px;
   padding-right: 10px;
   padding-top: 2px;
   padding-bottom: 0px;
   }

table#pageHeaderSearch a:link, table#pageHeaderSearch a:hover, table#pageHeaderSearch a:visited, table#pageHeaderSearch a:active {
   font-family: Arial,Helvetica;
   font-size: 10pt;
   color: #999999;
   text-decoration: none;
   outline: none;
   padding-left: 2px;
   padding-right: 2px;
   padding-top: 0px;
   padding-top: 0px;
   border-style: solid;
   border-width: 1px;
   border-color: #ffffff;
   }

table#pageHeaderSearch a:hover {
   background-image: url('../img/menubar-selected-background.gif');
   background-repeat: repeat;
   color: #103070;
   border-style: solid;
   border-width: 1px;
   border-left-color: #dbdbdb;
   border-top-color: #dbdbdb;
   border-right-color: #a8a8a8;
   border-bottom-color: #a8a8a8;
   }

table#pageHeaderSearch td.headerSearch {
   border-style: solid;
   border-width: 1px;
   border-color: #cccccc;
   padding-top: 0px;
   padding-bottom: 0px;
   }

table#pageHeaderSearch td.searchSelect{
   padding-top: 2px;
   }

table#pageHeaderSearch input.searchInput {
   height: 16px;
   font-family: Arial,Helvetica;
   color: #999999;
   font-size: 10pt;
   vertical-align: top;
   border-style: none;
   border-width: 0px;
   }

table#pageHeaderSearch input.searchButton {
   padding:0px;
   outline: none;
   }

table#pageHeaderSearch input.searchRadio, table#pageHeaderSearch input.searchRadio:active, table#pageHeaderSearch input.searchRadio:focus {
   margin-top: 0px;
   outline: none;
   }



/* ==================================================================================================
Page's footer
================================================================================================== */ 
div#pageBodyFooter {
   height: 80%;
   vertical-align: bottom;
   padding-top: 12px;
   text-align: right; 
   }

div#pageBodyFooter img {
  vertical-align: bottom;
  }

/* ==================================================================================================
Keywords area
================================================================================================== */ 
div.keywordTags {
   margin: 0px;
   padding-top: 20px;
   padding-bottom: 6px; 
   background-color: #eef2f7;
   text-align: left;
   }

div.keywordTagsColumn {
   float:left;
   width:190px;
   padding-left: 4px;
   padding-right: 4px;
   }

div.keywordTagsColumn a:link, div.keywordTagsColumn a:hover, div.keywordTagsColumn a:visited, div.keywordTagsColumn a:active {
   display: block;
   font-family: Arial,Helvetica;
   font-size: 9pt;
   color: #0d3b73;
   text-decoration: none;
   outline: none;
   margin-top: 2px;
   padding: 1px;
   border-style: solid;
   border-width: 1px;
   border-color: #eef2f7;
   }

div.keywordTagsColumn a:hover {
   background-image: url('../img/menubar-selected-background.gif');
   background-repeat: repeat;
   color: #092a52;
   border-style: solid;
   border-width: 1px;
   border-left-color: #dbdbdb;
   border-top-color: #dbdbdb;
   border-right-color: #a8a8a8;
   border-bottom-color: #a8a8a8;
   }

/* ==================================================================================================
Scroll down menus bar
================================================================================================== */ 
img#menuBarImg {
   padding: 0px;
   margin: 0px;
   margin-top: 0px;
   }

div#menuBarArea {
   height: 22px;
   vertical-align: top;
   padding: 0px;
   margin: 0px;
   position:relative;
   z-index: 100;
   text-align: left;
   }

div.menuBar {
   clear:both; 
   height:30px;
   width:100%;
   padding:0px;
   margin:0px;
   background-image:url('../img/menubar-background-light.gif'); 
   }

span.menuBarLeft {
   float:left;
   }

span.menuBarRight {
   float:right;
   }

div.menuBar a {
   text-decoration: none;
   outline: none;
   }

div.firstLevelMenuPane {
   display: none; 
   position: absolute;
   padding-top: 5px;
   margin:0px;
   z-index: 97;
   }

div.firstLevelMenu {
   background-color:#ececec;
   text-align: left;
   padding-top:5px;
   padding-bottom:10px;
   border-style:solid;
   border-color: inherit;
   border-top-width:7px;
   border-bottom-width:1px;
   border-left-width:1px;
   border-right-width:1px;
   border-collapse:collapse;
   z-index: 98;
   }

div.firstLevelMenu a:link, div.firstLevelMenu a:hover, div.firstLevelMenu a:visited, div.firstLevelMenu a:active {
   display: block;
   font-family: Verdana;
   font-size: 8pt;
   line-height:13px;
   white-space: nowrap;
   color: #666666;
   font-weight:normal;
   text-decoration: none;
   outline: none;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 8px;
   padding-right: 8px;
   border-top-style: solid;
   border-top-width: 1px;
   border-top-color: #ececec;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: #ececec;
   }

div.firstLevelMenu a.icon:link, div.firstLevelMenu a.icon:hover, div.firstLevelMenu a.icon:visited, div.firstLevelMenu a.icon:active {
   line-height:20px;
   }

div.firstLevelMenu a.more {
   background-image: url('../img/menubar-more.gif');
   background-repeat: no-repeat;
   background-position: right center;
   }

div.firstLevelMenu a:hover, div.firstLevelMenu a.more:hover {
   background-image: url('../img/menubar-selected-background.gif');
   background-repeat: repeat;
   color: #092a52;
   border-top-style: solid;
   border-top-width: 1px;
   border-top-color: #dbdbdb;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: #a8a8a8;
   }

div.firstLevelMenu a.icon:hover {
   background-image: url('../img/menubar-selected-background2.gif');
   }

img.menuIcon {
   margin-right: 12px;
   vertical-align: middle;
   }

div.firstLevelMenu div.separator {
   height: 0px;
   margin-top: 2px;
   margin-bottom: 2px;
   border-color: inherit;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   }

div.secondLevelMenuPane {
   display: none; 
   border-color: inherit;
   position: absolute;
   margin: 0px;
   }

div.secondLevelMenu {
   background-color:#ececec;
   text-align: left;
   padding-top:2px;
   padding-bottom:2px;
   border-style:solid;
   border-color: inherit;
   border-top-width:1px;
   border-bottom-width:1px;
   border-left-width:1px;
   border-right-width:1px;
   border-collapse:collapse;
   z-index: 99;
   }

div.secondLevelMenu a:link, div.secondLevelMenu a:hover, div.secondLevelMenu a:visited, div.secondLevelMenu a:active {
   display: block;
   font-family: Verdana;
   font-size: 8pt;
   line-height:13px;
   white-space: nowrap;
   color: #666666;
   font-weight:normal;
   text-decoration: none;
   outline: none;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 8px;
   padding-right: 8px;
   border-top-style: solid;
   border-top-width: 1px;
   border-top-color: #ececec;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: #ececec;
   }

div.secondLevelMenu a.more {
   background-image: url('../img/menubar-more.gif');
   background-repeat: no-repeat;
   background-position: right center;
   }

div.secondLevelMenu a:hover, div.secondLevelMenu a.more:hover {
   background-image: url('../img/menubar-selected-background.gif');
   background-repeat: repeat;
   color: #092a52;
   border-top-style: solid;
   border-top-width: 1px;
   border-top-color: #dbdbdb;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: #a8a8a8;
   }

div.secondLevelMenu div.separator {
   height: 0px;
   margin-top: 2px;
   margin-bottom: 2px;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   }


/* ==================================================================================================
Page local menu
================================================================================================== */ 
div.sideMenuBloc {
   padding-top: 12px; 
   padding-bottom: 12px; 
   }

div.sideMenuBloc:first-child {
   padding-top: 0px; 
   }

div.sideMenu {
   position: relative;
   padding: 6px; 
   border-style: solid; 
   border-width: 1px; 
   border-color: #999999;
   background-color: #ECECEC;
   z-index: 8;
   }


div.menuItem {
   padding-top: 5px;
   width:100%;
   }

div.menuItem a:link, div.menuItem a:hover, div.menuItem a:visited, div.menuItem a:active {
   display: block;
   background-color: #F6F6F6;
   font-family: Verdana;
   text-align: left;
   font-size: 8pt;
   line-height:13px;
   white-space: nowrap;
   color: #000066;
   font-weight:normal;
   text-decoration: none;
   outline: none;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 4px;
   padding-right: 4px;
   border-style: solid;
   border-width: 1px;
   border-color: #D0D0D0;
   }

div.menuItem a.more {
   background-image: url('../img/menubar-more.gif');
   background-repeat: no-repeat;
   background-position: right center;
   }

div.menuItem a:hover, div.menuItem a.more:hover {
   background-image: url('../img/menubar-selected-background.gif');
   background-repeat: repeat;
   color: #092a52;
   }

/* ==================================================================================================
Hide/display mask  on screen (grande-image...)
================================================================================================== */ 
div#maskBackground {
   position: absolute; 
   z-index: 100;
   display: none; 
   top: 0px;
   left: 0px;
   width:100%;
   height:100%;
   background-image: url('../img/background2.gif');
   }

div.maskContent {
   position: absolute; 
   z-index: 101; 
   display: none; 
   top: 0px;
   left: 0px;
   background-color: #ffffff;
   padding: 0px;
   border-style: solid;
   border-width: 1px;
   border-top-color: #444444;
   border-left-color: #444444;
   border-bottom-color: #999999;
   border-right-color: #999999;
   }

div.maskTransparent {
   position: absolute; 
   z-index: 101; 
   display: none; 
   top: 0px;
   left: 0px;
   background-color: transparent;
   padding: 0px;
   }


div.maskContentCloseIcon {
   text-align: right;
   vertical-align: middle;
   padding: 0px;
   font-size: 7pt;
   line-height: 18px;
   white-space: nowrap;
   }

div.maskContentCloseIcon img {
   border-style: none;
   border-width: 0px;
   vertical-align: middle;
   padding: 0px;
   }

div.maskContentCloseIcon a {
   color: #666666;
   padding: 0px;
   }

div.maskContentCloseText {
   text-align: center;
   vertical-align: middle;
   padding: 0px;
   padding-top: 6px;
   padding-bottom: 8px;
   font-size: 8pt;
   }

span.maskContentCloseText {
   background-color:#DDDDDD;
   border-style:solid;
   border-width:1px;
   border-color:#AAAAAA;
   }

span.maskContentCloseText a {
   color: #666666;
   padding: 2px;
   }

div.maskContentCloseText img {
   border-style: none;
   border-width: 0px;
   vertical-align: middle;
   padding: 0px;
   }

div.maskContentPane {
   padding-left: 18px; 
   padding-right: 18px; 
   padding-bottom: 18px; 
   }

div.maskContentPane img {
   }


/*
BROL
*/
table.textBoxRightBottom {
   margin: 0px;
   padding: 0px;
   border-spacing: 0px;
   border-collapse: collapse;
   }

tr.textBoxRightBottom {
   height:96px;
   }

td.textBoxRightBottom {
   vertical-align: bottom;
   text-align: right;
   margin: 0px;
   padding: 4px;
   border-spacing: 0px;
   color: #ffffff;
   font-size: 14pt;
   }

td.textBoxRightBottom a:link, td.textBoxRightBottom a:hover, td.textBoxRightBottom a:visited, td.textBoxRightBottom a:active {
   text-decoration: none;
   outline: none;
   color: #ffffff;
   }