/*----------------------------------------------------------------------------*/
/*                        (C) 2009 Ivan Reyné Ferrando                        */
/*----------------------------------------------------------------------------*/

/* display
   background    background-color background-image background-repeat background-position
   color
   position
   float
   clear
   overflow

   font    font-family font-size font-variant font style font-weight

   text-decoration
   line-height
   text-align
   vertical-align

   list-style

   width
   margin    (top right bottom left)
   border    border-width border-style border-color
   padding
*/

/* general properties
------------------------------------------------------------------------------*/
body {
  background-color: #ffffff;
  color: #c87137;
  /*overflow: hidden;*/
  font-family: serif;
  font-size: small;
  margin: 0px;
  padding: 0px;
}
h1, h2, h3, h4, h5, h6 {
  font-size: medium;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
p, div, span, ul, li {
  margin: 0px;
  padding: 0px;
}
img {
  border: 0px;
}
a {
  color: #303030;
  font-size: small;
  font-style: italic;
  text-decoration: none;
  outline-style: none;
  outline-width: 0;
}
a:hover {
  text-decoration: underline;
}

a.button {
  background-color: #c87137;
  color: #000000;
  display: inline-block;
  text-align: center;
  font-family: sans-serif;
  font-size: small;
  font-style: normal;
  text-decoration: none;
  margin: 0px;
  border: 2px outset #c87137;
  padding: 3px 10px;
}
a.button:hover {
  background-color: #dc9364;
  color: #000000;
  cursor: pointer;
  text-decoration: none;
  margin: 0px;
  border: 2px outset #dc9364;
  padding: 3px 10px;
}

input {
  background-color: #ffffff;
  font-family: sans-serif;
  font-size: small;
  margin: 0px;
  border: 1px solid #000000;
  padding: 2px;
  outline-style: none;
  outline-width: 0;
}
input[type="image"] {
  background-color: transparent;
  font-family: sans-serif;
  font-size: small;
  margin: 0px;
  border: 0px none #000000;
  padding: 0px;
}
input[type="image"]:hover {
  background-color: transparent;
  cursor: pointer;
  margin: 0px;
  border: 0px none #000000;
  padding: 0px;
}
input[type="button"], input[type="submit"] {
  background-color: #c87137;
  font-family: sans-serif;
  font-size: small;
  font-style: normal;
  white-space: normal;
  margin: 0px;
  border: 2px outset #c87137;
  padding: 3px 10px;
}
input[type="button"]:hover, input[type="submit"]:hover {
  background-color: #dc9364;
  cursor: pointer;
  margin: 0px;
  border: 2px outset #dc9364;
  padding: 3px 10px;
}
button {
  background-color: #c87137;
  font-family: sans-serif;
  font-size: small;
  font-style: normal;
  margin: 0px;
  border: 2px outset #c87137;
  padding: 3px 10px;
  outline-style: none;
  outline-width: 0;
}
button:hover {
  background-color: #dc9364;
  cursor: pointer;
  margin: 0px;
  border: 2px outset #dc9364;
  padding: 3px 10px;
}

/* main website page
------------------------------------------------------------------------------*/
div#website {
  background-color: #330000;
  width: 748px;
  margin: 10px auto;
  border: 1px solid #000000;
  padding: 0px;
}

/* publicity
------------------------------------------------------------------------------*/
div.publicity_center {
  width: 728px;
  margin: 10px auto;
  border: 0px none #000000;
  padding: 0px;
}

/* header
------------------------------------------------------------------------------*/
div#header {
  background: transparent url('../images/header.png') no-repeat scroll top center;
  position: relative;
  height: 80px;
  margin: 10px auto;
  border: 0px none #000000;
  padding: 0px;
}
div#header h1 {
  display: none;
  color: #c87137;
  font-variant: small-caps;
}
div#header_small {
  text-align: center;
  margin: 10px auto;
  border: 0px none #000000;
  padding: 0px;
}
div#header_small h1 {
  color: #c87137;
  font-variant: small-caps;
}

/* navigation bar
------------------------------------------------------------------------------*/
div#nav {
  background-color: #000000;
  position: relative;
  font-size: small;
  vertical-align: middle;
  margin: 10px 0px;
  border: 0px none #000000;
  padding: 5px 5px;
}
div#nav h5 {
  display: none;
}
ul.nav {
  float: left;
  list-style-type: none;
}
li.nav {
  display: inline;
  color: #7f7f7f;
  border-width: 1px;
  border-style: none dotted none none;
  border-color: #c87137;
  font-weight: bold;
  padding: 0px 15px 0px 10px;
}
ul.nav_lang {
  float: right;
  list-style-type: none;
  padding: 0px 5px 0px 0px;
}
li.nav_lang {
  display: inline;
  padding: 0px 0px 0px 5px;
}
a.nav {
  color: #c87137;
  text-decoration: none;
  border-style: none;
}
a.nav:hover, a.nav_sel:hover {
  color: #ffffff;
}

/* footer
------------------------------------------------------------------------------*/
div#footer {
  background-color: #000000;
  color: #ffffff;
  position: relative;
  font-size: x-small;
}
div#footer p {
  padding: 5px 10px;
}
div#footer a {
  color: #ffffff;
}

/* game
------------------------------------------------------------------------------*/
div.extras {
  display: inline-block;
  margin: 0px auto;
}
div.extras div.extra {
  width: 174px;
  float: left;
  padding: 15px;
}
div.extras div.extra img {
  margin: 15px 0px 0px 0px;
}

div#play_screen {
  position: relative;
  background: transparent url('../images/game_bk.png') no-repeat scroll center center;
  height: 375px;
  width: 675px;
  margin: 0px auto;
}
div#play_screen div#ps_score {
  visibility: hidden;
  width: 150px;
  margin: 0px auto;
  padding: 20px 0px 0px 0px;
}
div#play_screen p.score {
  background-color: #ffffff;
  color: #303030;
  text-align: center;
  font-weight: bold;
  padding: 2px;
}
div#play_screen p.scorec {
  background-color: #ffaaaa;
  color: #aa0000;
  text-align: center;
  font-weight: bold;
  padding: 2px;
}

div#ps_dices {
  position: absolute;
  top: 75px;
  left: 150px;
}
div#ps_dices div.dice {
  float: left;
  width: 75px;
  text-align: center;
  font-size: x-small;
}
div#ps_dices div.dice input.keep {
  margin-right: 5px;
}

/* normal rerolls */
div#ps_rerolls {
  position: absolute;
  top: 250px;
  left: 150px;
  width: 375px;
}
div#ps_rerolls input.reroll {
  background: transparent url('../images/reroll.png') no-repeat scroll center center;
  color: #ffffff;
  height: 100px;
  width: 75px;
  cursor: pointer;
  display: block;
  font-size: 0px;
  line-height: 0px;
  float: left;
  text-align: left;
  text-indent: -9999px;
  border: 0 none #000000;
}
div#ps_rerolls input.reroll:hover {
  background: transparent url('../images/rerollh.png') no-repeat scroll center center;
  color: #ffffff;
  height: 100px;
  width: 75px;
  cursor: pointer;
  display: block;
  font-size: 0px;
  line-height: 0px;
  float: left;
  text-indent: 0px;
  text-align: left;
  text-indent: -9999px;
  border: 0 none #000000;
}
div#ps_rerolls input.rerolld {
  background: transparent url('../images/rerolld.png') no-repeat scroll center center;
  color: #909090;
  height: 100px;
  width: 75px;
  cursor: default;
  display: block;
  font-size: 0px;
  line-height: 0px;
  float: left;
  text-align: left;
  text-indent: -9999px;
  border: 0 none #000000;
}
div#ps_rerolls input.next {
  background: transparent url('../images/next.png') no-repeat scroll center center;
  color: #ffffff;
  height: 100px;
  width: 75px;
  cursor: pointer;
  display: block;
  font-size: 0px;
  line-height: 0px;
  float: right;
  text-align: left;
  text-indent: -9999px;
  border: 0 none #000000;
}
div#ps_rerolls input.next:hover {
  background: transparent url('../images/nexth.png') no-repeat scroll center center;
  color: #ffffff;
  height: 100px;
  width: 75px;
  cursor: pointer;
  display: block;
  font-size: 0px;
  line-height: 0px;
  float: right;
  text-align: left;
  text-indent: -9999px;
  border: 0 none #000000;
}

/* reroll a specific number */
div#ps_roll_spec {
  position: absolute;
  top: 75px;
  left: 25px;
  width: 100px;
}
div#ps_roll_spec input.rerolls {
  cursor: pointer;
  display: block;
  height: 50px;
  width: 50px;
  margin: 0px;
  font-size: 0px;
  line-height: 0px;
  text-align: left;
  text-indent: -9999px;
  border: 0 none #000000;
  padding: 0px;
}
div#ps_roll_spec input#rerolls1 {
  background: transparent url('../images/reroll1.png') no-repeat scroll 0px 0px;
  float: left;
  font-size: 0px;
  line-height: 0px;
  text-align: left;
  text-indent: -9999px;
}
div#ps_roll_spec input#rerolls1:hover {
  background: transparent url('../images/reroll1h.png') no-repeat scroll 0px 0px;
  float: left;
  font-size: 0px;
  line-height: 0px;
  text-align: left;
  text-indent: -9999px;
}
div#ps_roll_spec input#rerolls2 {
  background: transparent url('../images/reroll2.png') no-repeat scroll 0px 0px;
  float: right;
  font-size: 0px;
  line-height: 0px;
  text-align: left;
  text-indent: -9999px;
}
div#ps_roll_spec input#rerolls2:hover {
  background: transparent url('../images/reroll2h.png') no-repeat scroll 0px 0px;
  float: right;
  font-size: 0px;
  line-height: 0px;
  text-align: left;
  text-indent: -9999px;
}
div#ps_roll_spec input#rerolls3 {
  background: transparent url('../images/reroll3.png') no-repeat scroll 0px 0px;
  float: left;
  font-size: 0px;
  line-height: 0px;
  text-align: left;
  text-indent: -9999px;
}
div#ps_roll_spec input#rerolls3:hover {
  background: transparent url('../images/reroll3h.png') no-repeat scroll 0px 0px;
  float: left;
  font-size: 0px;
  line-height: 0px;
  text-align: left;
  text-indent: -9999px;
}
div#ps_roll_spec input#rerolls4 {
  background: transparent url('../images/reroll4.png') no-repeat scroll 0px 0px;
  float: right;
  font-size: 0px;
  line-height: 0px;
  text-align: left;
  text-indent: -9999px;
}
div#ps_roll_spec input#rerolls4:hover {
  background: transparent url('../images/reroll4h.png') no-repeat scroll 0px 0px;
  float: right;
  font-size: 0px;
  line-height: 0px;
  text-align: left;
  text-indent: -9999px;
}
div#ps_roll_spec input#rerolls5 {
  background: transparent url('../images/reroll5.png') no-repeat scroll 0px 0px;
  float: left;
  font-size: 0px;
  line-height: 0px;
  text-align: left;
  text-indent: -9999px;
}
div#ps_roll_spec input#rerolls5:hover {
  background: transparent url('../images/reroll5h.png') no-repeat scroll 0px 0px;
  float: left;
  font-size: 0px;
  line-height: 0px;
  text-align: left;
  text-indent: -9999px;
}
div#ps_roll_spec input#rerolls6 {
  background: transparent url('../images/reroll6.png') no-repeat scroll 0px 0px;
  float: right;
  font-size: 0px;
  line-height: 0px;
  text-align: left;
  text-indent: -9999px;
}
div#ps_roll_spec input#rerolls6:hover {
  background: transparent url('../images/reroll6h.png') no-repeat scroll 0px 0px;
  float: right;
  font-size: 0px;
  line-height: 0px;
  text-align: left;
  text-indent: -9999px;
}

/* extra reroll */
div#ps_roll_extra {
  position: absolute;
  top: 100px;
  left: 36px;
}
div#ps_roll_extra input.rerolle {
  background: transparent url('../images/reroll.png') no-repeat scroll center center;
  color: #ffffff;
  height: 100px;
  width: 75px;
  float: left;
  cursor: pointer;
  display: block;
  font-size: 0px;
  line-height: 0px;
  font-weight: bold;
  text-align: left;
  text-indent: -9999px;
  border: 0 none #000000;
}
div#ps_roll_extra input.rerolle:hover {
  background: transparent url('../images/rerollh.png') no-repeat scroll center center;
  color: #ffffff;
  height: 100px;
  width: 75px;
  float: left;
  cursor: pointer;
  display: block;
  font-size: 0px;
  line-height: 0px;
  font-weight: bold;
  text-align: left;
  text-indent: -9999px;
  border: 0 none #000000;
}

/* end game indication */
div#ps_end_ind {
  position: absolute;
  top: 100px;
  left: 555px;
}

/* reduced penalties */
div#ps_reduced {
  position: absolute;
  top: 310px;
  left: 30px;
}

/* main_container
------------------------------------------------------------------------------*/
div.main_container {
  background: transparent url('../images/bg_mid.png') repeat-y scroll top center;
  width: 726px;
  margin: 10px auto;
  border: 0px none #000000;
  padding: 0px;
}
div.main_container div.top h1 {
  font-size: medium;
  font-weight: bold;
  border-bottom: 1px solid #000000;
}
div.top {
  background: transparent url('../images/bg_top.png') no-repeat scroll top center;
  color: #000000;
  padding: 5px 15px;
  text-align: center;
}
div.bottom {
  background: transparent url('../images/bg_btm.png') no-repeat scroll bottom center;
  color: #303030;
  font-size: small;
  padding: 15px 15px 20px 15px;
}

/* boxes
------------------------------------------------------------------------------*/
div.box_1 {
  float: left;
  width: 696px;
  margin: 0px;
  border: 0px none #000000;
  padding: 0px;
}
div.box_2 {
  float: left;
  width: 348px;
  margin: 0px;
  border: 0px none #000000;
  padding: 0px;
}
div.box_2r {
  float: right;
  width: 348px;
  margin: 0px;
  border: 0px none #000000;
  padding: 0px;
}
div.box_3 {
  float: left;
  width: 232px;
  margin: 0px;
  border: 0px none #000000;
  padding: 0px;
}
div.box_3r {
  float: right;
  width: 232px;
  margin: 0px;
  border: 0px none #000000;
  padding: 0px;
}
div.box_4 {
  float: left;
  width: 174px;
  margin: 0px;
  border: 0px none #000000;
  padding: 0px;
}
div.box_4r {
  float: right;
  width: 174px;
  margin: 0px;
  border: 0px none #000000;
  padding: 0px;
}

/* messages
------------------------------------------------------------------------------*/
div.messages img.medal {
  width: 45px;
  height: 45px;
  margin: 0px;
  border: 0px none #000000;
  padding: 0px;
}
table td.publish {
  text-align: center;
  vertical-align: middle;
}

/* full_profile
------------------------------------------------------------------------------*/
div.full_profile img.avatar {
  float: left;
  width: 100px;
  height: 100px;
  margin: 0px 10px 0px 0px;
  border: 1px solid #303030;
  padding: 2px;
}
div.full_profile div.profile {
  float: left;
  width: 434px;
  /* height: 100px; */
  margin: 0px 0px 10px 0px;
  border: 0px none #000000;
  padding: 0px;
}
div.full_profile div.trophy_biggies {
  float: right;
  background-color: #330033;
  color: #dfdfdf;
  width: 112px;
  font-size: xx-small;
  margin: 0px 0px 0px 10px;
  border: 5px ridge #c87137;
  padding: 7px;
}
div.full_profile div.trophy_scores {
  background-color: #000033;
  color: #dfdfdf;
  font-size: xx-small;
  margin: 10px auto;
  border: 5px ridge #c87137;
  padding: 7px;
}
div.full_profile div.trophy_monthly {
  background-color: #003300;
  color: #dfdfdf;
  font-size: xx-small;
  margin: 10px auto;
  border: 5px ridge #c87137;
  padding: 7px;
}

div.full_profile h1 {
  font-size: x-large;
}
div.full_profile table.profile_scores_1 {
  float: left;
  width: 200px;
  font-size: x-small;
  font-style: italic;
  margin: 15px 30px 0px 0px;
  border: 0px none #000000;
}
div.full_profile table.profile_scores_2 {
  float: left;
  width: 200px;
  font-size: x-small;
  font-style: italic;
  margin: 15px 0px 0px 0px;
  border: 0px none #000000;
}
div.full_profile table.profile_scores_1 th.ps_1,
div.full_profile table.profile_scores_2 th.ps_1 {
  text-align: left;
  font-weight: bold;
}
div.full_profile table.profile_scores_1 td.ps_1,
div.full_profile table.profile_scores_2 td.ps_1 {
  width: 25%;
}
div.full_profile table.profile_scores_1 td.ps_2,
div.full_profile table.profile_scores_2 td.ps_2 {
  width: 35%;
  text-align: right;
}
div.full_profile table.profile_scores_1 td.ps_3,
div.full_profile table.profile_scores_2 td.ps_3 {
  width: 20%;
  padding: 1px 1px 1px 15px;
}
div.full_profile table.profile_scores_1 td.ps_4,
div.full_profile table.profile_scores_2 td.ps_4 {
  width: 20%;
  text-align: right;
}
div.full_profile div.trophy img.ribbon {
  margin: 0px 0px 2px 0px;
}


/* cond_profile
------------------------------------------------------------------------------*/
div.cond_profile {
  position: relative;
  width: 270px;
  height: 90px;
  margin: 5px auto;
}
div.id_0 {
  background: transparent url('../images/id_0.png') no-repeat scroll 0px 0px;
}
div.id_1 {
  background: transparent url('../images/id_1.png') no-repeat scroll 0px 0px;
}
div.id_2 {
  background: transparent url('../images/id_2.png') no-repeat scroll 0px 0px;
}
div.id_3 {
  background: transparent url('../images/id_3.png') no-repeat scroll 0px 0px;
}
div.id_4 {
  background: transparent url('../images/id_4.png') no-repeat scroll 0px 0px;
}
div.cond_profile img.avatar {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 50px;
  height: 50px;
  margin: 0px;
  border: 0px none #000000;
  padding: 0px;
}
div.cond_profile div.profile {
  position: absolute;
  top: 10px;
  left: 70px;
  width: 100px;
  height: 50px;
  margin: 0px 10px 0px 0px;
  border: 0px none #000000;
  padding: 0px;
}
div.cond_profile div.profile h1 {
  font-size: medium;
  text-align: left;
}
div.cond_profile div.profile h1 a {
  color: #000000;
  text-decoration: none;
}
div.cond_profile div.trophy_biggies {
  position: absolute;
  top: 10px;
  left: 191px;
  height: 68px;
  width: 44px;
  margin: 0px;
  border: 0px none #000000;
  padding: 0px;
}
div.cond_profile div.trophy_biggies div.trophy {
  position: relative;
  height: 68px;
  width: 22px;
}
div.cond_profile div.trophy_biggies div.trophy img {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
div.cond_profile div.trophy_monthly {
  position: absolute;
  top: 10px;
  left: 234px;
  height: 68px;
  width: 22px;
  margin: 0px 0px 0px 5px;
  border: 0px none #000000;
  padding: 0px;
}
div.cond_profile div.trophy_monthly img {
  display: block;
}
div.cond_profile div.trophy {
  float: left;
  width: 22px;
  font-size: xx-small;
  text-align: center;
  margin: 0px;
}
div.cond_profile div.trophy img.medal {
  width: 20px;
  height: 48px;
  margin: 0px;
}
div.cond_profile div.trophy img.ribbon {
  width: 20px;
  height: 8px;
  margin: 0px 0px 2px 0px;
}

/* trophies
------------------------------------------------------------------------------*/
div.trophy {
  float: left;
  width: 56px;
  text-align: center;
  margin: 0px;
}

/* score
------------------------------------------------------------------------------*/
table.score1,
table.total1 {
  float: left;
  color: #303030;
  font-size: x-small;
  font-style: italic;
  margin: 0px 0px 0px 150px;
  border-collapse: collapse;
}
table.score2,
table.total2 {
  float: right;
  color: #303030;
  font-size: x-small;
  font-style: italic;
  margin: 0px 150px 0px 0px;
  border-collapse: collapse;
}
table.score1 td.id,
table.score2 td.id,
table.total1 td.id,
table.total2 td.id {
  width: 100px;
  padding: 2px 3px;
}
table.score1 td.sc,
table.score2 td.sc,
table.total1 td.sc,
table.total2 td.sc {
  width: 75px;
  text-align: right;
  padding: 2px 3px;
}
table.total1 td.sc {
  color: #ff0000;
}
table.total2 td.sc {
  font-weight: bold;
}

/* history
------------------------------------------------------------------------------*/
table.history1 {
  float: left;
  width: 335px;
  color: #303030;
  font-size: x-small;
  text-align: center;
  border-collapse: collapse;
}
table.history2 {
  float: right;
  width: 335px;
  color: #303030;
  font-size: x-small;
  text-align: center;
  border-collapse: collapse;
}
table.history1 tr.head,
table.history2 tr.head {
  border-bottom: 3px double #303030;
}


/* table to align things
------------------------------------------------------------------------------*/
table.align {
  margin: 0px auto;
}

/* avatar creation
------------------------------------------------------------------------------*/
div.create_avatar div.avatar_canvas {
  position: relative;
  height: 300px;
}
div.create_avatar img.avatar {
  position: absolute;
  left: 0px;
  top: 0px;
  border: 1px solid #303030;
  padding: 2px;
}
div.create_avatar img.avatar_bit {
  width: 50px;
  height: 50px;
  margin: 2px;
  border: 0px none #000000;
  padding: 0px;
}

ul.avatar_categories0 {
  background-color: #FFFFFF;
  position: absolute;
  z-index: 50;
  left: 136px;
  top: 0px;
  width: 108px;
  height: 270px;
  list-style-type: none;
  border: 1px solid #C0C0C0;
  padding: 5px;
}
li.avatar_categories0 {
  padding: 2px 2px;
}
li.avatar_categories0_sel {
  background-color: #C0C0C0;
  color: #000000;
}
li.avatar_categories0:hover {
  background-color: #C0C0C0;
  color: #000000;
  cursor: pointer;
}
/*
li.avatar_categories0:hover ul.avatar_categories1 {
  left: 120px;
}
*/
ul.avatar_categories1 {
  background-color: #ffffff;
  position: absolute;
  z-index: 55;
  left: -99999px;
  top: 0px;
  width: 216px;
  height: 270px;
  list-style-type: none;
  border: 1px solid #c0c0c0;
  padding: 5px;
}
ul.avatar_categories1_sel {
  left: 138px;
}
li.avatar_categories1 {
  float: left;
  width: 54px;
  height: 54px;
}
li.avatar_categories1_sel {
  background-color: #C0C0C0;
  color: #000000;
}
li.avatar_categories1:hover {
  background-color: #C0C0C0;
  color: #000000;
  cursor: pointer;
}
/*
li.avatar_categories1:hover ul.avatar_categories2 {
  left: 162px;
}
*/
ul.avatar_categories2 {
  background-color: #ffffff;
  position: absolute;
  z-index: 60;
  left: -99999px;
  top: 0px;
  width: 162px;
  height: 270px;
  list-style-type: none;
  border: 1px solid #c0c0c0;
  padding: 5px;
}
ul.avatar_categories2_sel {
  left: 246px;
}
li.avatar_categories2 {
  float: left;
  width: 54px;
  height: 54px;
}
li.avatar_categories2:hover {
  background-color: #C0C0C0;
  color: #000000;
  cursor: pointer;
}


/* rankings
------------------------------------------------------------------------------*/
table.rankings {
  text-align: center;
  font-size: small;
  border-collapse: collapse;
}
table.rankings tr.head {
  text-align: center;
  border-bottom: 5px double #303030;
}
table.rankings tr.players {
  height: 80px;
  border-bottom: 1px solid #7f7f7f;
}
table.rankings tr.select {
  background-color: #c0c0c0;
}
a.rank_change {
  display: inline-block;
  margin: 10px 0px 0px 0px;
}
td.rank_scale {
  padding: 10px 0px 0px 0px;
}
a.rank_scale {
  color: #303030;
  font-style: italic;
  text-decoration: none;
  margin: 0px 2px;
  padding: 1px 2px;
}
a.rank_scale_sel {
  background-color: #c0c0c0;
  color: #303030;
  font-style: italic;
  text-decoration: none;
  margin: 0px 2px;
  border: 1px solid #303030;
  padding: 1px 2px;
}
a.rank_scale:hover,
a.rank_scale_sel:hover {
  text-decoration: underline;
}
img.down {
  margin: 0px 0px 0px 5px;
}
img.up {
  margin: 0px;
}

/* help
------------------------------------------------------------------------------*/
div.help {
  font-family: monospace;
  font-size: medium;
}
div.help ul {
  margin: 5px 0px 10px 30px;
}
div.help h1 {
  font-family: serif;
  margin: 0px 0px 10px 0px;
  border-bottom: 1px solid #000000;
}


/* clears, infos and errors
------------------------------------------------------------------------------*/
.clear {
  clear: both;
}
.right {
  float: right;
}
.left {
  float: left;
}
.center {
  text-align: center;
  margin: 0px auto 0px auto;
}
img.right {
  float: right;
  margin: 0px 0px 0px 10px;
  border: 1px solid #303030;
  padding: 2px;
}
img.left {
  float: left;
  margin: 0px 10px 0px 0px;
  border: 1px solid #303030;
  padding: 2px;
}
img.center {
  display: block;
  margin: 5px auto 5px auto;
  border: 1px solid #303030;
  padding: 2px;
}
#recaptcha_area {
  margin: 0px auto 0px auto;
}
div.info {
  background-color: #ffff99;
  color: #000000;
  line-height: 1.5em;
  margin: 0px 0px 10px 0px;
  border: 2px solid #ffff66;
  padding: 10px;
}
div.info p {
  padding-bottom: 0px;
}
div.error {
  background-color: #ff9999;
  color: #000000;
  line-height: 1.5em;
  margin: 0px 0px 10px 0px;
  border: 2px solid #ff6666;
  padding: 10px;
}
div.error p {
  padding-bottom: 0px;
}
div.extra_margin {
  margin: 10px;
}