@charset "utf-8";

html, body  {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #DCE9EF;
    color: #000000;
    }

body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color: #DCE9EF;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  text-align: left;
  overflow-y: scroll;
}

p      { margin: 3px 10px 3px 10px;}
img    { border: 0;}
div    { text-align: left; overflow: hidden;}
object { outline:none;}


hr {
  color: #f39200;
  background-color: #f39200;
  height: 1px;
  border: 0;
  }

/* Layout */
#full           { position: relative; width: 940px; margin : auto; overflow: hidden; position: relative; overflow: hidden; background-image: url('resource.php?fct=img&f=main-eric.png');}
#topbar_o       { position: relative; width: 930px; height: 160px; overflow: hidden; margin: 0 5px 0 5px; }
#logo_o         { position: relative; float: left; width: 210px; height: 160px; overflow: hidden; }
#header_o       { position: relative; float: right; width: 720px; height: 160px; overflow: hidden;}

#banner_o       { position: relative; width: 720px; height: 110px; overflow: hidden; margin: 30px 0 0 0; background-color: #ECECEC; }
#banner_i       { position: relative; width: 700px; height: 90px; overflow: hidden; margin: 10px; background-color: #FFFFFF; }
#banner_o       { position: relative; width: 720px; height: 110px; overflow: hidden; margin: 30px 0 0 0; background-color: #ECECEC; }
#banner_img     { position: absolute; width: 720px; height: 140px; overflow: hidden; top: 0; left: 10px;}

#ariane_o       { height: 20px; overflow: hidden; }
#ariane         { height: 15px; padding-top: 5px; font-size: 10px; color: #f39200; float: inherit; }
#ariane a       { color: #f39200; text-decoration: none; padding-right: 10px; background: url('resource.php?fct=img&f=arrow_grey.gif') right no-repeat; }
#ariane a:visited { color: #f39200; text-decoration: none; }
#ariane a:hover   { color: #000000; text-decoration: none; }
#ariane a:active  { color: #000000; text-decoration: none; }
#ariane ul        { margin-left: 0; margin: 0; padding: 0; }
#ariane li        { list-style: none; display: inline; padding: 0 5px 0 0; }

#main           { position: relative; width: 930px; min-height: 450px; margin: 0 5px 0 5px; }

#contentL_o     { position: relative; float: left; width: 210px; overflow: hidden; }
#contentL_i     { position: relative; margin: 0 10px 0 20px; border-top: 2px solid #999999; min-height: 448px; }
#contentR_o     { position: relative; float: right; width: 720px; overflow: hidden; margin: 0; background-color: #ECECEC; min-height: 450px; }
#contentR_i     { position: relative; margin: 0px 0px 10px 0px; }
.contentR1_o    { position: relative; margin: 10px; background-color: #FFFFFF; }
.contentR1_i    { position: relative; padding: 10px;}
.contentR21_o   { position: relative; float: left; width: 390px; margin: 10px 5px 10px 10px; background-color: #FFFFFF; }
.contentR21_i   { position: relative; padding: 10px; }
.contentR22_o   { position: relative; float: right; width: 300px; margin: 10px 10px 10px 5px; background-color: #FFFFFF; }
.contentR22_i   { position: relative; padding: 10px; }
.contentR3_o    { position: relative; margin: 0px 10px 10px 10px; background-color: #FFFFFF; }
.contentR3_i    { position: relative; padding: 10px;}

/* Text */
a:link, a:visited, a:active { text-decoration: none; color: #f39200; outline: none;}
a:hover         { text-decoration: none; color: #000000; outline: none;}
.titlepage      { position: relative; margin: 10px 10px 0px 10px; background-color: #FFFFFF; text-transform: uppercase; color: #f39200; font-weight: bold; font-size: 1.1em; line-height: 1.3; padding: 4px 10px 4px 10px; }


#footer         { position: relative; width: 930px; margin: 0 5px 0 5px; }
#footerL_o      { position: relative; float: left; width: 210px; overflow: hidden; margin: 0; }
#footerL_i      { position: relative; margin: 10px 10px 0 20px; text-align: right; font-size: 11px;}
#footerR_o      { position: relative; float: right; width: 720px; overflow: hidden; margin: 0; background-color: #ECECEC; }
#footerR_i      { position: relative; margin: 10px 10px 10px 10px; }

#footershortcuts_o { position: relative; float: left; height: 60px; overflow: hidden; width: 390px; overflow: hidden; }
#footershortcuts_i { position: relative;}
#footermenu_o      { position: relative; float: right; height: 60px; overflow: hidden; width: 300px; text-align: right; font-size: 11px; background-color: #FFFFFF; background-image: url('resource.php?fct=img&f=bg_foot_gray.jpg'); background-position: right; background-repeat: no-repeat; }
#footermenu_i      { position: relative; float: right; text-align: right; margin: 45px 5px 0 5px; color: #FFFFFF; }

#footermenu_i a:link, #footermenu_i a:visited, #footermenu_i a:active { text-decoration: none; color: #FFFFFF; outline: none;}
#footermenu_i a:hover         { text-decoration: none; color: #FFFFFF; outline: none;}

.shortcutitem      { position: relative; float: left; margin-right: 0px; }

#languageMenu { position: relative; text-align: right; margin-top: 20px; font-size: 10px; color: #CCCCCC;}
#languageMenu a:link, #languageMenu a:visited, #languageMenu a:active { color: #BABABA; text-decoration: none; }
#languageMenu a:hover                                                 { color: #000000; text-decoration: none; }

#newsletterMenu {margin-top: 20px;}
input.newsletter {
    background-image: url('resource.php?fct=img&f=eric_newsletterbg.jpg');
    border-top: 1px solid #7b7f82;
    border-bottom: 1px solid #7b7f82;
    border-left: 1px solid #7b7f82;
    border-right: 1px solid #7b7f82;
    padding-left: 20px;
    height: 16px;
    margin: 0px;
    width: 140px;
    font-size: 12px;
}
input.newslettersubmit {
    padding: 0;
    margin: 0;
    height: 20px;
}


/* more styles */

.title_arrow_teal  { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #009BBE; border-bottom: 2px solid #009BBE; margin-bottom: 10px; height: 16px; background-image: url('resource.php?fct=img&f=more_arrow_teal.png'); background-position: right; background-repeat: no-repeat; }
.title_arrow_blue  { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #EE7203; border-bottom: 2px solid #EE7203; margin-bottom: 10px; height: 16px; background-image: url('resource.php?fct=img&f=more_arrow_blue.png'); background-position: right; background-repeat: no-repeat; }
.title_arrow_rose  { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #755E6A; border-bottom: 2px solid #755E6A; margin-bottom: 10px; height: 16px; background-image: url('resource.php?fct=img&f=more_arrow_rose.png'); background-position: right; background-repeat: no-repeat; }

.title_plus_teal   { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #009BBE; border-bottom: 2px solid #009BBE; margin-bottom: 10px; height: 16px; background-image: url('resource.php?fct=img&f=more_plus_teal.png'); background-position: right; background-repeat: no-repeat; }
.title_plus_blue   { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #EE7203; border-bottom: 2px solid #EE7203; margin-bottom: 10px; height: 16px; background-image: url('resource.php?fct=img&f=more_plus_blue.png'); background-position: right; background-repeat: no-repeat; }
.title_plus_rose   { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #755E6A; border-bottom: 2px solid #755E6A; margin-bottom: 10px; height: 16px; background-image: url('resource.php?fct=img&f=more_plus_rose.png'); background-position: right; background-repeat: no-repeat; }

.title_feed_teal   { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #009BBE; border-bottom: 2px solid #009BBE; margin-bottom: 10px; height: 16px; background-image: url('resource.php?fct=img&f=rss_teal.png'); background-position: right; background-repeat: no-repeat; }
.title_feed_blue   { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #EE7203; border-bottom: 2px solid #EE7203; margin-bottom: 10px; height: 16px; background-image: url('resource.php?fct=img&f=rss_blue.png'); background-position: right; background-repeat: no-repeat; }
.title_feed_rose   { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #755E6A; border-bottom: 2px solid #755E6A; margin-bottom: 10px; height: 16px; background-image: url('resource.php?fct=img&f=rss_rose.png'); background-position: right; background-repeat: no-repeat; }


/* forms */

input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #3A302B;
    height: 15px;
    background-color: transparent;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #363636;
    border-left-color: #363636;
    margin-right: 10px;
    margin-bottom: 10px;
    }

input[type=radio] {
  border: 0px;
  margin-bottom: 10px;
  }

textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #363636;
    background-color: transparent;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #363636;
    border-left-color: #363636;
    margin-right: 10px;
    margin-bottom: 10px;
    }
.button {
    border: 1px solid #363636;
    background: transparent;
    color: #363636;
    height: 20px;
    text-transform: uppercase;
    float: right;
    margin-right: 10px;
    margin-bottom: 10px;
    }
.button:hover {
    border: 1px solid #363636;
    background: #363636;
    color: #FFFFFF;
    }

select {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  height: 20px;
  color: #363636;
  border: 0;
  margin-right: 10px;
  margin-bottom: 10px;
  background-image: url('resource.php?fct=img&f=bgselect.png');
}

/* LEFT SIDE MENU */

/*GENERIC*/
.eric_sub_menu_empty { float: left; width: 100%; }
.eric_sub_menu { font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #7b7f82; float: left; width: 100%; }
.eric_sub_menu ul { float: left; margin: 0; padding: 0; width:100%; font-size: 1.1em; line-height: 1.3; font-weight: normal; list-style-type: none;    }
.eric_sub_menu ul li { list-style: none; float: left; width: 100%;  clear: both; }
.eric_sub_menu ul li a, .eric_sub_menu ul li a:link, .eric_sub_menu ul li a:visited { padding: 3px 10px 3px 10px; display: block; color: #363636; text-decoration: none; border-top: 0px;}
.eric_sub_menu ul li strong a, .eric_sub_menu ul li strong a:link, .eric_sub_menu ul li strong a:visited { background: #f39200; color: #363636; font-weight: normal; }
.eric_sub_menu ul li a:hover, .eric_sub_menu ul li strong a:hover { color: #FFFFFF; background: #7b7f82; text-decoration: none; }

/* second level */
.eric_sub_menu ul li ul { list-style: none; float: left; width: 100%; padding: 0; margin: 0; clear: both; }
/*.eric_sub_menu ul li ul li a, .eric_sub_menu ul li ul li a:link, .eric_sub_menu ul li ul li a:visited { padding: 3px 10px 3px 25px; display: block; color: #0f4dbc; text-decoration: none; font-weight: 400; border-top: none; }*/
/*.eric_sub_menu ul li ul li a, .eric_sub_menu ul li ul li a:link, .eric_sub_menu ul li ul li a:visited { padding: 3px 10px 3px 25px; display: block; color: #000000; text-decoration: none; font-weight: normal; border-top: none; } */
.eric_sub_menu ul li ul li a, .eric_sub_menu ul li ul li a:link, .eric_sub_menu ul li ul li a:visited { padding: 3px 10px 3px 25px; display: block; color: #363636; text-decoration: none; font-weight: normal; border-top: 0px; }
/*.eric_sub_menu ul li ul li strong a, .eric_sub_menu ul li ul li strong a:link, .eric_sub_menu ul li ul li strong a:visited { background: #87a6dd; color: #0f4dbc; }*/
.eric_sub_menu ul li ul li strong a, .eric_sub_menu ul li ul li strong a:link, .eric_sub_menu ul li ul li strong a:visited { background: #BFE6EF; color: #363636; }
.eric_sub_menu ul li ul li a:hover, .eric_sub_menu ul li ul li strong a:hover { color: #FFFFFF; background: #7b7f82; text-decoration: none;  }

/* third level */
.eric_sub_menu ul li ul li ul li { list-style: none; float: left; width: 100%; padding: 0; margin: 0; clear: both; border-bottom: none;}
/*.eric_sub_menu ul li ul li ul li a, .eric_sub_menu ul li ul li ul li a:link, .eric_sub_menu ul li ul li ul li a:visited { padding: 3px 10px 3px 40px; display: block; color: #0f4dbc; text-decoration: none; font-weight: 400; }*/
/*.eric_sub_menu ul li ul li ul li a, .eric_sub_menu ul li ul li ul li a:link, .eric_sub_menu ul li ul li ul li a:visited { padding: 3px 10px 3px 40px; display: block; color: #000000; text-decoration: none; font-weight: normal; } */
.eric_sub_menu ul li ul li ul li a, .eric_sub_menu ul li ul li ul li a:link, .eric_sub_menu ul li ul li ul li a:visited { padding: 3px 10px 3px 40px; display: block; color: #363636; text-decoration: none; font-weight: normal; border-top: 0px; }
/*.eric_sub_menu ul li ul li ul li strong a, .eric_sub_menu ul li ul li ul li strong a:link, .eric_sub_menu ul li ul li ul li strong a:visited { background: #cfdbf3; color: #0f4dbc; }*/
.eric_sub_menu ul li ul li ul li strong a, .eric_sub_menu ul li ul li ul li strong a:link, .eric_sub_menu ul li ul li ul li strong a:visited { background: #E5F5F8; color: #363636; }
.eric_sub_menu ul li ul li ul li a:hover, .eric_sub_menu ul li ul li ul li strong a:hover { color: #FFFFFF; background: #7b7f82; text-decoration: none; }

/* the following are explicit to avoid the main menu inheriting font sizes since the selection arrow then fails to line up with the background */   
    
.eric_sub_menu_i ul, .eric_sub_menu_i ol, .eric_related_i ul, .eric_related_i ol    {
/*    padding-bottom: 0.8em; */
    font-size: 1.1em;
    line-height: 1.3333333;
    }
    
.eric_sub_menu_i ul ul, .eric_sub_menu_i ol ol, .eric_related_i ul ul, .eric_related_i ol ol  {
    font-size: 1em;
    line-height: 1.2;
    padding: 0.4em 0 0.4em 0;
    margin-left: 1.6em;
    }
    
.eric_sub_menu_i ul ul ul, .eric_sub_menu_i ol ol ol, .eric_related_i ul ul ul, ._related_i ol ol ol    {
    font-size: 1em;
    line-height: 1.4;
    }