/*
 * GENERAL SETTINGS
 */

* {
  font-family: arial,sans-serif;
  font-style: normal;
  font-size: 13px;
  line-height: 120%;
  margin: 0
}

body {
  background: #ffffff;
}

/*
 * TOP AREA
 */

div#top_area {
  background: url("../images/bkg_top.png") top repeat-x;
  height: 35px
}

a#top_logo {
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    z-index: 2
}

a#top_logo img { border: 0 }

/*
 * TOP MENU
 */

#top_menu {
  background: url("../images/bkg_top_menu.png") top repeat-x;
  position: relative;
  height: 29px;
  padding: 0 30px;
  border-bottom: 2px solid silver;
  z-index: 1
}

#top_menu ul {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 3% 0 0;
  padding: 0;
  border-left: 1px solid rgb(150,150,150);
  list-style: none
}

#top_menu li {
  float: left;
  margin: 0;
  padding: 0
}

#top_menu ul span, #top_menu ul a:link, #top_menu ul a:visited {
  display: block;
  float: left;
  padding: 5px 15px 15px 15px;
  text-decoration: none;
  border-right: 1px solid rgb(150,150,150);
  color: rgb(230,230,230);
  height: 9px;
  line-height: 163%
}

#top_menu ul li span,
#top_menu ul li a:hover {
  background: url("../images/bkg_top_menu_hover.png") 0 0 repeat-x;
  color: white;
  text-decoration: none
}

/*
 * LEFT MENU
 */

#left_container {
  float: left;
  margin-top: 30px;
  padding: 0px 3%;
  width: 160px
}

#left_menu {
  float: left
}

#left_menu ul {
  background: url(../images/bkg_left_menu_bottom.png) bottom left no-repeat;
  list-style-type: none;
  margin: 0;
  padding: 13px 0px
}

#left_menu ul li a:link,
#left_menu ul li a:visited,
#left_menu ul li span {
  background: url(../images/bkg_left_menu.png) 0px 0 no-repeat;
  display: block;
  width: 160px;
  margin: 0;
  padding: 6px 12px;
  text-decoration: none;
  border-bottom: 1px solid silver;
  color: rgb(100,100,100)
}

#left_menu ul li span {
  background: url(../images/bkg_left_menu.png) -416px 0 no-repeat;
  color: rgb(240,240,240);
  width: 160px;
  margin: 0;
  font-weight: bold
}

#left_menu ul li a:hover,
#left_menu ul li a:active,
#left_menu ul li span.selected {
  background: url(../images/bkg_left_menu.png) -202px 0 no-repeat;
  color: black;
  font-weight: normal
}

/*
 * CENTRAL PAGE
 */

h1.title {
  float: right;
  padding-right: 2%;
  font-size: 32px;
  font-weight: bold;
  color: rgb(100,100,100)
}

#central_page {
  margin-left: 300px;
  margin-top: 30px;
  padding-right: 3%;
  padding-bottom: 75px;
  text-align : justify;
  color: rgb(130,130,130);
  position: relative;
}

#central_page a {
  text-decoration: none;
  padding-left: 20px;
  padding-right: 2px;
  background: url(../images/bkg_link.png) 2px 4px no-repeat;
  border-bottom: 1px dotted;
  color: rgb(35,125,35)
}

#central_page a:hover {
  background: url(../images/bkg_link_hover.png) 2px 4px no-repeat;
  background-color: rgb(180,180,180);
  color: white
}

#central_page a.no_decoration {
  text-decoration: none;
  padding: 0;
  border: 0;
  background: transparent;
  background-color: transparent
}

#central_page a.no_decoration img {
  border: 0;
}

p.separator {
  clear: right;
  height: 30px
}

#central_page p {
  margin-top: 1em;
  margin-bottom: 1em;
}

#central_page li, #central_page ol {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

#central_page h2 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

ul.public_members li img {
  vertical-align: middle;
  margin-left: 5px
}

/*
 * BOTTOM PAGE
 */

#bottom_logo {
    clear: both;
    display: block;
    height: 1px
}

#bottom_logo img {
  position: absolute;
  border: 0;
  right: 3%;
  margin-top: 1px
}

#bottom_page {
  width: 90%;
  border-top: 1px solid silver;
  margin-left: 3%;
  margin-top: 30px;
  color: gray
}

#bottom_page a {
  text-decoration: none;
  color: rgb(35,125,35)
}


#bottom_page a:hover {
  color: gray;
  text-decoration: underline
}

/*
 * FORM
 */

form {
  padding: 10px;
  background: rgb(250,250,250)
}

fieldset {
  margin: 0 0 10px 0;
  background-color: rgb(237,237,237);
  color: rgb(100,100,100)
}

form, fieldset {
  border-left: 1px solid rgb(230,230,230);
  border-top: 1px solid rgb(230,230,230);
  border-right: 1px solid silver;
  border-bottom: 1px solid silver
}

legend, label { color: rgb(100,100,100) }

select {
  border: 1px solid silver;
  color: gray;
}

select:hover {
  background: rgb(245,245,245);
  color: black
}

select option:hover { background: rgb(205,205,205) }

option { border-bottom: 1px dotted silver }
optgroup { border-bottom: 1px solid silver }

input, select { margin: 2px }
input, textarea, select { vertical-align: middle }
input[type=button], input[type=submit], input[type=reset] {
  margin: 0 10px 0 0;
  padding: 2px 5px 1px 5px;
  border: 1px outset rgb(225,225,225);
  background: rgb(225,225,225);
  color: rgb(80,80,80)
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover { background: rgb(210,210,210) }

input[type=button][disabled], input[type=submit][disabled],
input[type=reset][disabled] {
  background: rgb(210,210,210);
  color: rgb(80,80,80)
}

input[type=text], input[type=password], textarea {
  border: 1px solid silver;
  color: rgb(80,80,80);
  padding: 2px 5px 2px 5px
}

input[type=text]:hover, input[type=password]:hover, input[type=text]:focus,
input[type=password]:focus, textarea:hover, textarea:focus {
  border: 1px solid gray;
  background: white
}

input[type=text][disabled], input[type=password][disabled] {
  border: 1px dotted silver;
  background: rgb(240,240,240)
}

input[type=file] { border: 1px solid silver }

/*
 * COSMETICS
 */

.ocert {
  color: rgb(100,100,100)
}

sup {
  font-size: 8px
}

.code {
  font-family: monospace
}