/* $Id: common.css 3094 2009-03-23 08:52:32Z cpfeiffer $ */
/*  border: 1px solid #408fc5; */
/*
  red:        #E10019
  green:      #61AC25
  yellow:     #FFC800
  light blue: #009ee0
  blue:       #006ab2
  more blue:  #408fc5
  dark blue:  #054a73
  gray:       #707070
*/

body {
  margin: 0;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  min-width:550px;
}

h1 { color: #006ab2; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-large; font-weight: normal;	margin: 0 0 2ex 0; }
h2 { color: #009ee0; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium;  font-weight: normal; margin: 0 0 2ex 0; }
h3 { color: #cc0000; text-align: left;   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium;  font-weight: normal; margin: 4ex 0 0 0; }
h4 { color: #006ab2; text-align: left;   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small;   font-weight: normal; }
h5 { color: #006ab2; text-align: left;   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small;   font-weight: normal; }
h6 { color: #006ab2; text-align: left;   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small;   font-weight: normal; font-style: italic; }

img          { border: 0; }
img.middle   { border: 0; vertical-align: middle; position: relative !important; position/**/: inherit; top: 4px; }
img.baseline { border: 0; vertical-align: baseline; }


/* ==========================
 *      Header & footer
 * ========================== */

.header    { border-bottom: 2px solid #408fc5; }
.header h1 { margin: 0; padding: 12px 8px 0 8px; }
.header h2 { margin: 0; padding: 0; font-weight: normal; font-variant: normal; }

.maifpartner { font-size: small; }

.header .logoRde {
  float: left;
  width: 220px;
  height: 68px;
  margin : 0 10px 0 8px;
  background: white url(../Images/rde.png) no-repeat top left;
}

.header .logoAsp {
  float: right;
  width: 102px;
  height: 68px;
  margin: 0 4px 0 10px;
  background: white url(../Images/asp.png) no-repeat top right;
}

.header .logoMaif {
  float: right;
  width: 50px;
  height: 68px;
  margin : 0 8px 0 4px;
  background: white url(../Images/maif.png) no-repeat top right;
  text-decoration: none;
  cursor: pointer;
}

.footer {
  clear: both;
  margin: 0;
  padding: 0;
  color: #054a73;
  border-top: 2px solid #408fc5;
  border-bottom: 2px solid #408fc5;
}

.footer hr { display: none; }

.footerArea {
  margin: 2px 0 2px 0;
  padding: 2px 8px 2px 8px;
  background: white url(../Images/color_scale1.png) repeat-y top left;
}

.footerArea a         { text-decoration: none; color: #006ab2; }
.footerArea a:visited { text-decoration: none; color: #006ab2; }
.footerArea a:hover   { text-decoration: none; color: #cc0000; }

.footerLeft      { float: left; font-size: x-small; }
.footerLeft a    { padding: 0 1ex 0 1ex; margin-right: 8px; background-color: white; }
.footerCenter    { font-size: x-small; }
.footerRight     { float: right; font-size: x-small; }
.footerRight a   { margin-left: 4px; }
.footerRight br  { display: none; }
.footerRight img { vertical-align: middle; }


/* ==========================
 *          History
 * ========================== */

.history {
  clear: both;
  margin: 2px 0 2px 0;
  padding: 2px 8px 2px 8px;
  background: white url(../Images/color_scaleb.png) repeat-y top left;
  color: white;
  font-size: x-small;
}

.history a         { text-decoration: none; color:#FFC800; }
.history a:visited { text-decoration: none; color:#FFC800; }
.history a:hover   { text-decoration: none; color:#E10019; }

#history_tea { background: white url(../Images/color_scaler.png) repeat-y top left; }
#history_std { background: white url(../Images/color_scaleg.png) repeat-y top left; }
#history_par { background: white url(../Images/color_scaley.png) repeat-y top left; }
#history_adm { background: white url(../Images/color_scalem.png) repeat-y top left; }

#history_tea a         { color:#FFC800; }
#history_tea a:visited { color:#FFC800; }
#history_tea a:hover   { color:#007DC3; }
#history_std a         { color:#FFC800; }
#history_std a:visited { color:#FFC800; }
#history_std a:hover   { color:#E10019; }
#history_par a         { color:#007DC3; }
#history_par a:visited { color:#007DC3; }
#history_par a:hover   { color:#E10019; }
#history_adm a         { color:#FFC800; }
#history_adm a:visited { color:#FFC800; }
#history_adm a:hover   { color:#007DC3; }

.historySepar { padding: 4px 0 4px 0; margin: 0 .5ex 0 .5ex; background-color: white; }


/* ==========================
 *         Main zones
 * ========================== */

.mainArea {
  clear: both;
  float: none !important;
  float/**/: left;
  margin: 0;
  padding: 8px 8px 8px 0;
  width: auto !important;
  width/**/: 100%;
  background: transparent url( ../Images/bg_left.png ) repeat-y left;
  border-top: 2px solid #408fc5;
}

.leftColumn {
  float: left;
  position: relative;
  width: 28ex;
  margin: 0;
  padding: 0;
}

.tools {
  margin: 0 0 1ex 0;
  padding: .5ex 1ex 0 1ex;
  background-color: #E8F2F8;
  list-style-type: none;
}

.toolsItem           { display: inline; margin-right: 10px; }
.toolsItem a         { text-decoration: none; }
.toolsItem a:visited { text-decoration: none; }
.toolsItem a:hover   { text-decoration: none; }

.toolsMainCol           { border-top: 1px solid #408fc5; border-bottom: 1px solid #408fc5; }
.toolsMainCol .tools    { margin: 0; }
.toolsMainCol a         { text-decoration: none; color: #408fc5; font-size: small; }
.toolsMainCol a:visited { text-decoration: none; color: #408fc5; }
.toolsMainCol a:hover   { text-decoration: underline; color: #993333; }
.toolsMainCol img       { vertical-align: middle; }

.mainColumn {
  clear: right;
  margin: 0 0 0 32ex;
  padding: 0;
}


/* ==========================
 *            User
 * ========================== */

.user {
  margin: -2.5ex 0 0 0;
  padding: 0;
  border: none;
}
.user legend { display: none; }

.user h2 {
  position: relative;
  margin: 0 0 1ex 0;
  padding-left: 8px;
  background: white url( ../Images/bg_left_title0.png ) repeat-y left;
  color: #054a73;
  text-align: left;
  font-weight: bold;
  font-size: small;
}

.user form { margin: 0 0 1.5ex 8px; padding: 0; }

.userItem       { font-size: x-small; color: #054a73; }
.userItem label { display: block; margin: 0; padding: 0; }
.userItem input { margin: 0 1ex 0 0; padding: 0; vertical-align: middle; }

.userItem a         { text-decoration: none; color: #009ee0; }
.userItem a:visited { text-decoration: none; color: #009ee0; }
.userItem a:hover   { text-decoration: underline; color: #009ee0; }

.userAutolog        { margin: 2px 0 0 0; padding: 0; font-size: x-small; color: #054a73; }
.userAutolog input  { margin-left: 0; padding: 0; }

.userInfo     { margin: 0 0 1.5ex 8px; padding: 0; }
.userInfo div { font-size: small; color: #054a73; }
.userInfo ul  { margin: 1ex 0 0 0; padding: 0; list-style-type: square; list-style-position: inside; font-size: x-small; color: #707070; }
.userInfo .important { font-weight: bold; }

.userInfo a         { text-decoration: none; color: #009ee0; }
.userInfo a:visited { text-decoration: none; color: #009ee0; }
.userInfo a:hover   { text-decoration: underline; color: #009ee0; }


/* ==========================
 *         Main menu
 * ========================== */

.noMainMenu     { margin: 0; padding: 0; height: 2.5ex; }
.mainMenuSpacer { height: 1.5ex; }

#mainMenu {
  margin: 0 0 0 32ex;
  padding: 0;
  height: 2.5ex;
  border: none;
}
#mainMenu legend { display: none; }
#mainMenu ul     { margin: 0; padding: 0; list-style-type: none; }

#mainMenu li            { display: inline; white-space: nowrap; }
#mainMenu li.item0      { margin: 0 -1ex 0 0; padding: 0 3.5ex 0 0; background : transparent url(../Images/bg_menu_item0.png) no-repeat top right; }
#mainMenu li.item0 span { margin: 0;          padding: 0 1px 0 2ex; background-color: #e10019; }
#mainMenu li.item1      { margin: 0 1ex 0 0;  padding: 0 0 0 3.5ex; background : transparent url(../Images/bg_menu_item1.png) no-repeat bottom left; }
#mainMenu li.item1 span { margin: 0;          padding: 0 2ex 0 0;   background-color: #61ac25; }
#mainMenu li.item2      { margin: 0 1ex 0 0;  padding: 0; }
#mainMenu li.item2 span { margin: 0;          padding: 0 2ex 0 2ex; background-color: #FFC800; }
#mainMenu li.item3      { margin: 0 1ex 0 0;  padding: 0 3.5ex 0 0; background : transparent url(../Images/bg_menu_item3.png) no-repeat top right; }
#mainMenu li.item3 span { margin: 0;          padding: 0 1px 0 2ex; background-color: #007dc3; }

#mainMenu a         { color: white; text-decoration: none; font-weight: bold; font-size: small; }
#mainMenu a:visited { color: white; text-decoration: none; }
#mainMenu a:hover   { color: white; text-decoration: underline; }

#mainMenu li.selected0      { margin: 0 -1ex 0 0; padding: 0 3.5ex 0 0; background : transparent url(../Images/bg_menu_sel0.png) no-repeat top right; }
#mainMenu li.selected0 span { margin: 0;          padding: 0 1px 0 2ex; background-color: #e8f2f8; }
#mainMenu li.selected1      { margin: 0 1ex 0 0;  padding: 0 0 0 3.5ex; background : transparent url(../Images/bg_menu_sel1.png) no-repeat bottom left; }
#mainMenu li.selected1 span { margin: 0;          padding: 0 2ex 0 0;   background-color: #e8f2f8; }
#mainMenu li.selected2      { margin: 0 1ex 0 0;  padding: 0; }
#mainMenu li.selected2 span { margin: 0;          padding: 0 2ex 0 2ex; background-color: #e8f2f8; }
#mainMenu li.selected3      { margin: 0 1ex 0 0;  padding: 0 3.5ex 0 0; background : transparent url(../Images/bg_menu_sel3.png) no-repeat top right; }
#mainMenu li.selected3 span { margin: 0;          padding: 0 1px 0 2ex; background-color: #e8f2f8; }

#mainMenu .selected0 a         { color: #E10019; }
#mainMenu .selected0 a:visited { color: #E10019; }
#mainMenu .selected0 a:hover   { color: #E10019; }
#mainMenu .selected1 a         { color: #61AC25; }
#mainMenu .selected1 a:visited { color: #61AC25; }
#mainMenu .selected1 a:hover   { color: #61AC25; }
#mainMenu .selected2 a         { color: #FFC800; }
#mainMenu .selected2 a:visited { color: #FFC800; }
#mainMenu .selected2 a:hover   { color: #FFC800; }
#mainMenu .selected3 a         { color: #006ab2; }
#mainMenu .selected3 a:visited { color: #006ab2; }
#mainMenu .selected3 a:hover   { color: #006ab2; }


/* ==========================
 *  Left column (view menu)
 * ========================== */

.treeColLeft {
  margin: 0 0 1.5ex 0;
  padding: 0;
  border: none;
}

.treeColLeft h2 {
  position: relative;
  margin: 0 0 1ex 0;
  padding-left: 8px;
  background: white url( ../Images/bg_left_title0.png ) repeat-y left;
  color: #054a73;
  font-weight: bold;
  font-size: small;
  text-align: left;
}

.treeColLeft ul { list-style-type: none; margin: 0 0 0 8px; padding: 0; }
.treeColLeft li { font-size: small; }
.treeColLeft .arrow { color: #E10019; font-weight : bold; }

.treeColLeft a         { color: #707070; text-decoration: none;  }
.treeColLeft a:visited { color: #707070; text-decoration: none; }
.treeColLeft a:hover   { color: #707070; text-decoration: underline; }
.treeColLeft a.selected         { color: #993333; }
.treeColLeft a.selected:visited { color: #993333; }


/* ==========================
 *    Standard left menu
 * ========================== */

.leftMenu {
  margin: 0;
  padding: 0;
  border: none;
}
.leftMenu legend { display: none; }

.leftMenu h2 {
  position: relative;
  margin: 0 0 1ex 0;
  padding-left: 8px;
  background: white url( ../Images/bg_left_title0.png ) repeat-y left;
  color: #054a73;
  font-weight: bold;
  font-size: small;
  text-align: left;
}

h2.menu0 { background: white url( ../Images/bg_left_title0.png ) repeat-y left; color: #054a73; }
h2.menu1 { background: white url( ../Images/bg_left_title1.png ) repeat-y left; color: white; }
h2.menu2 { background: white url( ../Images/bg_left_title2.png ) repeat-y left; color: white; }
h2.menu3 { background: white url( ../Images/bg_left_title3.png ) repeat-y left; color: white; }

.leftMenuTopic    { margin: 0 0 1.5ex 8px; padding: 0; color: #054a73; list-style: none; font-size: small; }
.leftMenuTopic h3 { margin: 0; padding-left: 0; font-size: small; font-weight: bold; color: #054a73; }
.leftMenuTopic p  { margin: 0; }
.leftMenuTopic ul { list-style: square; margin: 0 0 .8ex 0; padding: 0 0 0 6px; color: #006ab2; list-style-position: inside; }
.leftMenuTopic li { position: relative; margin: 0; padding: 0; font-size: small; }
.leftMenuTopic .current { color: #E10019; }
.leftMenuTopic .arrow   { color: #E10019; font-weight : bold; }

.leftMenuTopic a         { color: #006ab2; text-decoration: none; }
.leftMenuTopic a:visited { color: #006ab2; text-decoration: none; }
.leftMenuTopic a:hover   { color: #cc0000; text-decoration: underline; }
.leftMenuTopic a.selected         { color: #993333; }
.leftMenuTopic a.selected:visited { color: #993333; }
.leftMenuTopic .current a { color: #E10019; }


/* ==========================
 *  Navigation (quick+back)
 * ========================== */

#qnav .specif { margin: 0 0 1ex 0; color: #054a73; font-size: small; }
#qnav .qnavCombo  { font-size: small; }
#qnav select  { margin: 0 0 2px 0; width: 28ex; max-width: 28ex; color: #054a73; }
#qnav input   { background-color: #408fc5; color: white; font-size: xx-small; }

#bnav img { vertical-align: middle; }


/* ==========================
 *        quickSearch
 * ========================== */

.qsearch       { font-size: x-small; color: #054a73; }
.qsearch label { display: block; margin: 0; padding: 0; }
.qsearch input { margin: 0 1ex 0 0; padding: 0; vertical-align: middle; }

.qsearch a         { text-decoration: none; color: #009ee0; }
.qsearch a:visited { text-decoration: none; color: #009ee0; }
.qsearch a:hover   { text-decoration: underline; color: #009ee0; }


/* ==========================
 *        Debug & error
 * ========================== */

.debug {
  margin: 1ex 0 1ex 0;
  padding: 1ex;
  border-left:   1px solid #006ab2;
  border-bottom: 1px solid #006ab2;
  font-weight: bold;
  color: #008000;
}

.info {
  margin: 1ex 0 1ex 0;
  padding: 1ex;
  border-left:   1px solid #006ab2;
  border-bottom: 1px solid #006ab2;
  font-weight: bold;
  color: #009ee0;
}

div.error {
  margin: 1ex 0 1ex 0;
  padding: 1ex;
  border-left:   1px solid #cc0000;
  border-bottom: 1px solid #cc0000;
  font-weight: bold;
  font-size:small;
  background-color: #FFDCC8;
  color: #cc0000;
}
strong.error {
  font-size: x-small;
  color: red !important;
}
.specialError {
  margin: .5ex 0 .5ex 0;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: small;
  color: #E10019;
}

.fatal {
  margin: 1ex 0 1ex 0;
  padding: 1ex;
  border-left:   1px solid #FF0000;
  border-bottom: 1px solid #FF0000;
  font-size: large;
  color: #FF0000;
}
.fatal a {
  font-size: small;
  color: #FF0000;
}


/* ==========================
 *        Miscellaneous
 * ========================== */

.clearBoth  { clear: both; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.clearRight { clear: right; }
.accesskey  { text-decoration: underline; }
.hidden     { display: none;   }
.noScript   { display: inline; }
.clean      { margin: 0; padding: 0; height: 0; line-height: 1px; }
.back       { font-size: small; }
.printInfoFooter {display:none}