@charset "UTF-8";


@media all
{
  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   *
   * @section content-fonts
   */

  /* ### headings ### */
  #main  h1 span, #main_top h1 span, #teaser h1 span.small { margin: 0; padding: 0; }
  .list h5 {  padding-top: 0;}

  h2 a, h3 a {color: #2184e8; }
  h2 a:hover , h3 a:hover {color:#2184e8;}


  /* ### paragraphs ###*/
  #buttonstop p.clearfix,
  #messagefooter p.clearfix  { margin: 0 }

  /* ### text formatting  ### */
  strong,b {font-weight: bold; }
  em,i { font-style:italic; }
  pre, code {  font-family: "Courier New", Courier, monospace; padding: 1em; color: #ffffff; background-color: #333333;}
  address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }

  acronym, abbr {
    border-bottom: 1px dashed #c00;
    cursor: help;
  }

  blockquote {
    color: #444;
    background: #f8f8f8;
    border: 1px #ddd solid;
    border-left: 8px #ddd solid;
    padding: 1em 1em 0 0.25em;
    margin: 0 0 1em 0.25em;
  }

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
  }
  hr.divide {
    color: #fff;
    background:transparent;
    margin: 0 0 1em 0;
    padding: 0 0 1em 0;
    border:0;
    border-bottom: 1px transparent solid;
  }

   /**
   * Generic Content Classes
   * (en) standard classes for positioning and highlighting
   *
   * @section content-generic-classes
   */
  .hidden {display: none;}

  .note,.system-message {background: #FFF8C3; padding: 1em; border: 1px #888 solid; margin: 1em;}
  .note_big {color: #0066ff; font-weight: bold; line-height: 1.5em; font-size: 1.2em;}
  .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #dbb dotted;}
  .desc {color: #AFABA3; font-size: 11px; line-height: 1.5em;}
  .row_nav { display: block; border-bottom: 1px solid #e5e5e5;}
  .warning {
    background: #fdd;
    padding: 1em;
    border: 1px solid;
    border-color: #ff0800;
    font-weight: bold;
    font-size: 1.1em;
  }

  .error {
    background: #FFEBE8;
    border: 2px #FF0000 solid;
    border-radius: 5px;
    margin-bottom: 1em;
    padding: 1em;
  }
  .error li {
    list-style-type: disc;
    margin-left: 2em;
  }
  .error-caption {
    color: #FF0000;
  }
  .error-input-text {
    border-color: #FF0000;
  }
  .highlight {background-color: #eeeeee; border:1px solid #E5E5E5; margin-right:4px;}
  .success {background: #CCFF99 url(../images/iconsfam/accept.png); background-repeat:no-repeat; background-position: 1em; padding: 1em 3.4em; border: 1px #888 solid; margin: 1em;}

  .grey {color: #777777; }
  .black  {color: #000; }
  .highlighted, a.highlighted  {color: #000; font-weight: bold}

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }

  .small {
    font-size: 0.9em;
    color: #777777;
    /* margin: 0px; */
    font-weight: normal;
    /* display: inline; */
  }
  .big {font-size: 1.3em; }
  .flat {margin: 0; padding: 0;}
  .text { line-height: 1.5em; }

  .tr_span {
    display: inline-block;
  }
  /**
   * Flashes
   * (en) Classes for displaying notices and warnings at the top of the page
   *
   * @section content-flashes
   */
  .flash {
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    clear: both;
    margin-bottom: 1em;
    padding: 1.25em;
  }

  .flash.error {
    background: #ffebe8;
    border-color: #ff0000;
    border-width: 2px;
  }

  .flash.notice {
    background: #fff8c3;
    border-color: #888;
  }

  .loginmessage {
    border: 1px solid #888;
    border-radius: 5px;
    background: #fff8c3;
    clear: both;
    margin-top: 0.5em;
    margin-bottom: 1em;
    padding: 1.25em;
  }

  a.boxclose{
    float:right;
    margin-top:-17px;
    margin-right:-17px;
    cursor:pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 15px;
    background: #605F61;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 5px 1px;
  }

  .boxclose:before {
    content: "\d7";
  }

  /**
   * Images
   * (en) Generic classes for positiong and styling of images
   *
   * @section content-images
   */
  img.float_left { float: left; margin-right: 1em; margin-top: 0.15em; margin-bottom: 0.15em; border:0; }
  img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
  img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }
  img.framed {padding:1px; border: 1px #ddd solid; background: #f3f3f3 }

  #main a.imagelink {
    padding-left: 0;
    background: transparent;
  }



  /**
   * Lists
   * (en) Generic classes for ordered, unordered and definition lists
   *
   * @section content-lists
   */

  /* by default lists use no bullet point */
  ul,li { margin:0; padding:0; list-style-type:none;}

  ul,ol {margin-bottom: 1.5em;}

  /* in case we want bullet point */
  .bullet {margin: 0 0 1em 1em;}
  ul.bullet li { list-style-type: disc; margin-left: 0.8em}
  ol.bullet li { list-style-type: decimal; margin-left: 0.8em; }

  /* in case we want bullet point */
  .list-image {margin: 0 0 1em 1em;}
  ul.list-image li { list-style-image: url(../images/list-image-arrow.gif); margin-left: 0.6em}
  ol.list-image li { list-style-type: decimal; margin-left: 0.8em; }

  /* Unordered lists without bullets  */
  ul.linklist { list-style-type: none; }
  ul.linklist li { margin: 0 0 0.5em 0;}
  ul.linklist li a { line-height: 1em; vertical-align: bottom;}
  ul.linklist li a.active { line-height: 1em; color: #000; font-weight:bold;}

  /* CrossBrowser-Compatibility */
  ul.browsers { margin: 0  0 .4em 0; }
  ul.browsers li {
    margin: 0;
    list-style-type: none;
    background: #f8f8f8; color: #444;
    padding: 0.1em 0.1em 0.2em 0.5em;
    font-weight: normal;
    text-align: left;
    border-bottom: 1px #fff solid;
    border-right: 1px #fff solid;
  }
  ul.browsers li img { vertical-align:bottom; }
  ul.browsers li.title {
    font-weight: bold;
    background: #eee; color: #444;
    padding: 0.2em 0.2em 0.2em 0.5em;
  }

dl.list {
    display: block;
}
.list dt {
    line-height: 1.5em;
    font-size: 1em;
    font-weight: normal;
    color: #888;
    width: 12em;
    float: left;
    clear: left;
    margin-bottom: 0.8em;
}
.list dd {
    margin-left: 12em;
    line-height: 1.5em;
    margin-bottom: 0.8em;
}

  /**
   * Tables
   * (en) Generic classes for table-width and design definition
   *
   * @section content-tables
   */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }
  table.framed {border: 1px solid;   border: none 0pt;  border-bottom: 1px solid #e5e5e5; }

  th,td { padding: 0.5em; }
  thead th { background: #444; color: #fff }
  tbody th { color: #333;}
  tbody th.sub { background: #ddd; color: #333 }

  /* standard tablelist highlighting */
  tr.highlight{
    background: #eceff5;
    border: none 0pt;
    border-top: 1px solid #e5e5e5;
    margin-right: 4px;
  }
  tr.blank {
    border: none 0pt;
    border-top: 1px solid #e5e5e5;
    margin-right: 4px;
  }
  tr.blank:hover,tr.highlight:hover {
    background: #ffeebb;
    border: none 0pt;
    border-top: 1px solid #e5e5e5;
    margin-right: 4px;
  }
  td.memberlist  {padding: 0.5em 0.5em 0.5em 0.5em;}
  td.connections  {text-align: center;}

  /* thick orange touch */
  tr.blank:hover,tr.highlight:hover {
    background: #faf5dd;
  }

  /* table for bugs - where do we use that ? */
  table.bugs { margin-bottom: 1em; margin-top: .5em; }
  table.bugs th {
    background: #444; color: #fff;
    padding: 0.5em;
    text-align: center;
    border-bottom: 1px #fff solid;
    border-right: 1px #fff solid;
  }

  table.bugs td {
    background: #888; color: #fff;
    padding: 0.5em;
    text-align: center;
    border-bottom: 1px #fff solid;
    border-right: 1px #fff solid;
  }



  /**
   * Forms
   * (en) Generic classes for forms, inputs and textareas
   *
   * @section content-forms
   */

  fieldset {
    border: 1px solid #ccc;
    padding: 2em;
    margin-bottom: 1.5em;
  }
  .fieldset_toggles fieldset {
    border: 1px solid #e5e5e5;
    margin-bottom: 1em;
    margin-right: 2em;
    padding: .5em 1em;
  }
  .fieldset_toggles fieldset.collapsed {
    border-top: 1px solid #e5e5e5;
    border-bottom: none;
    border-left: none;
    border-right: none;
    padding: 0 1em;
    margin-bottom: 0;
  }
  legend{
    line-height: 1.5em;
    font-size: 1.8em;
    font-weight: bold;
    margin-left: -0.5em;
    padding: .6em;
    color: #2184E8;
  }
  .fieldset_toggles fieldset legend {
    font-size: 1em;
    margin-left: -0.5em;
    cursor: pointer;
    font-weight: normal;
    color: #000;
  }
  .fieldset_toggles fieldset.collapsed legend {
    color: #777;
  }
  select {
    margin-bottom: 0.5em;
    font-size: 0.9em;
    background: #ffffff;
  }

  textarea {
    font-family:  Arial, Helvetica, sans-serif;
    padding: 5px;
  }

  textarea.long {width: 100%; }

  input, textarea {
    border: 1px #ccc solid;
    background: #ffffff;
    color: #777;
    padding: 2px;
/*
    font-size:1.1em;
*/
  }
  input[type=image] {
    border: 0;
    background: transparent;
  }
/*  input[type=submit] {
    background:transparent url(../images/button_bg.png) repeat-x scroll 0 0;
    border-color:#E5E5E5 rgb(187, 187, 187) rgb(187, 187, 187) rgb(229, 229, 229);
    border-style:solid;
    border-width:1px;
    color:#ff8800;
    font-size:1.1em;
    font-weight:bold;
    height:24px !important;
    line-height:18px !important;
    margin:1px;
    padding:1px 5px;
    text-align:center;
    width:auto !important;
    cursor: pointer;
}*/

  input[type=reset] {
    background:transparent url(../images/button_bg.png) repeat-x scroll 0 0;
    border-color:#E5E5E5 rgb(187, 187, 187) rgb(187, 187, 187) rgb(229, 229, 229);
    border-style:solid;
    border-width:1px;
    color:#ff8800;
    font-size:11px;
    font-weight:bold;
    height:24px !important;
    line-height:18px !important;
    margin:1px;
    padding:1px 5px;
    text-align:center;
    width:auto !important;
  }

  input:focus, textarea:focus {
    background: #ffffff;
    color: #333;
    border-color: #666;
  }

  /**
   * breadcrumbs
   * (en) Generic classes for breadcrumbs
   *
   * @section breadcrumbs
   */

  div.breadcrumbs {padding:10px 0; color: #888;}
  div.breadcrumbs a { color: #888; }

  /**
   * Pagination
   * (en) Generic classes for pagination
   *
   * @section content-pagination


  div.pages {padding:1em 0; white-space: nowrap; overflow:hidden;}
  div.pages ul{float:right; margin:0;padding:0;}
  div.pages li{float: left; display:block; display:inline-block; height: 18px; line-height: 16px; margin:0; padding: 0 0 0 0.7em; }
  div.pages li.current a {color:#666;font-weight:bold; }
  div.pages li a:hover {color: #333; background: transparent url(../images/cell_bg_orange.png) repeat-x scroll 0%; text-decoration:none; }
  div.pages li a.off:hover {background: none; color: #666; }
  div.pages li a:active {color: #fff; background: #ff9900;}
  div.pages li a:focus {background-color: transparent; color: #333; text-decoration:none;}

  /* give pagination our 'button' style 
  div.pages li a{
    background:transparent url(../images/button_bg.png) repeat-x scroll 0%;
    border-color:#E5E5E5 rgb(187, 187, 187) rgb(187, 187, 187) rgb(229, 229, 229);
    border-style:solid;
    border-width:1px;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    color: #ff8800;
    height:18px !important;
    line-height:16px !important;
    margin: 0;
    padding:1px 5px;
    text-align:center;
    width:auto;
  }

  /*\*/
   * html div.pages li a {
       width: 10px; /* IE */
   }
   /*

  div.fullpager {padding:1em 0; width: 100%; white-space: nowrap; overflow:hidden; text-align: center;}
  div.fullpager ul{ margin:0; padding:0;display:inline-block; }
  div.fullpager li{ display: inline-block; height: 18px; line-height: 16px; margin:0; padding: 0 0.2em; }
  div.fullpager li.current a {color:#666;font-weight:bold; }
  div.fullpager li a:hover {color: #333; background: transparent url(../images/cell_bg_orange.png) repeat-x scroll 0%; text-decoration:none; }
  div.fullpager li a.off:hover {background: none; color: #666; }
  div.fullpager li a:active {color: #fff; background: #ff9900;}
  div.fullpager li a:focus {background-color: transparent; color: #333; text-decoration:none;}
  div.fullpager li a{
    background:transparent url(../images/button_bg.png) repeat-x scroll 0%;
    border-color:#E5E5E5 rgb(187, 187, 187) rgb(187, 187, 187) rgb(229, 229, 229);
    border-style:solid;
    border-width:1px;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    color: #ff8800;
    height:18px !important;
    line-height:16px !important;
    margin:.2em;
    padding:1px 5px;
    text-align:center;
    width:auto;
  }

  /*\*/
   * html div.fullpager li a {
       width: 10px; /* IE */
   }
  /**/


  /**
   * Footer
   * (en) Generic classes for footer
   *
   * @section content-footer
   */

    // border: none;
    color: #e3e3e3;
  #footer p {font-size: 1em;}

  #footer a {margin: 0.1em 0 0 0; padding: 0.2em 0 0 0; color:#e3e3e3; font-weight: normal; text-align: left; white-space: nowrap; }
  #footer a:hover { color: white; text-decoration:underline; }
  #footer a:focus { color: white; text-decoration:underline; }
  #footer #language { font-size: 0.9em; border: 0; outline: 0; background-color: #646464; color: #e3e3e3;}
  #footer .larger { font-size: 1.2em}

  footer a {margin: 0.1em 0 0 0; padding: 0.2em 0 0 0; color:#999; font-weight: normal; text-align: left; white-space: nowrap; }
  footer a:hover { text-decoration:underline; }
    color: #e3e3e3;
  footer .linklist {padding-top: 0.2em;}
  
  footer  {padding: 2em; color: #999;}
  #footer #flags a:hover {color: #e3e3e3; text-decoration:underline; }
  #footer #flags a:focus {color: #e3e3e3; text-decoration:underline; }


/* ###########################################
** ### Custom classes for mainpage / user homepage #################################
** ###########################################
*/

h4.news {
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  padding: 3px 0;
  margin: 0px;
  padding: 0 0 3px 0;
}



/* ###########################################
** ### Other classes & IDs #############################
** ###########################################
*/

.titlelink {font-size: 14px; font-weight: bold; }
.username {font-size: 14px; font-weight: bold; }
.author {font-size: .9em; color: #888; padding: 0 0 1em 0;}
.action {font-size: .9em; color: #888; padding: 1em 0 0 0;}
.hr_div {padding: 5px 30px 0 30px;}

/*.button, input.button, .control-links a, .control-links input, a.cancel {
    background:transparent url(../images/button_bg.png) repeat-x scroll 0 0;
    border-color:#E5E5E5 rgb(187, 187, 187) rgb(187, 187, 187) rgb(229, 229, 229);
    border-style:solid;
    border-width:1px;
    color:#ff8800;
    font-size:1.1em;
    font-weight:bold;
    height:24px !important;
    line-height:24px !important;
    margin:1px;
    padding:3px 8px;
    text-align:center;
    width:auto;
}
input.button, .control-links input { /* Only for inputs. Otherwise we have problems in Safari and IE 
    height:24px !important;
    line-height:22px !important;
    margin:0;
    padding:0 8px;
}
.button a, input.button{color: #ff8800; text-decoration:none; background-color:transparent;}
.button a:hover,a:hover.button,input.button:hover {background:transparent url(../images/button_bg.png) repeat-x scroll 0 0; color: #333; text-decoration:none; line-height: 21px;}
.button a:focus,a:focus.button {background:transparent url(../images/button_bg.png) repeat-x scroll 0 0; color: #333; text-decoration:none; line-height: 21px;}

button.button {
    font-size: 13px;
    height: 2.5em !important;
}

button.button:hover, button.button span.button_label:hover {
    color: #333;
}

a.bigbutton {
    background: transparent url(../images/bg_bigbutton_a_w.gif) no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 30px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding 
    text-decoration: none;
}
a.bigbutton span {
    background: transparent url(../images/bg_bigbutton_span_w.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 8px 0 8px 18px;
    font-size:1.2em;
    font-weight:bold;
}
a.bigbutton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox 
}
a.bigbutton:active span {
    background-position: bottom left;
    padding: 9px 0 7px 18px; /* push text down 1px 
}
*/
a.flagbutton {
  opacity: 0.2;
}

a.flagbutton:hover {
  opacity: 1;
}

/* General (Google-) Map styles */
.map, #spaf_map, .tripmap {overflow: hidden;}

/* Searchmembers styles */
#mapsearch {font-weight: bold;}
#mapsearch fieldset {padding: 15px 0 0 20px;}
#mapsearch label {font-size: 1.5em; color: #fff;}
#mapsearch input {padding: 0.2em; font-size: 1.2em;}
#loading_container {margin: 1em 0}

/* Tagcloud */
#tagcloud a:link, #tagcloud a:visited {
text-decoration:none;
background: none;
}

#tagcloud a:hover, #tagcloud a:active {
text-decoration: underline;
color: #000;
background: none;
}

#tagcloud .tag_smallest {font-size: 0.8em;}
#tagcloud .tag_small {font-size: 1em;}
#tagcloud .tag_medium {font-size:1.5em;}
#tagcloud .tag_large {font-size:1.7em;}
#tagcloud .tag_largest {font-size:2em;}


/* Standard user boxes with pictures */
#main li.userpicbox {
    padding: 10px;
    width: 180px;
    /* if we want vcard-like member-display then we have to uncomment the following lines*/
    /*  border: 1px solid transparent; */
}
/*
#main li.userpicbox:hover{
    background-color: #f5f5f5;
    border-top:1px solid #ccc;
    border-right:1px solid #777;
    border-bottom:1px solid #777;
    border-left:1px solid #ccc;
}
*/


#main li.userpicbox a {
    font-weight: bold;
    font-size: 1em;
}

/* Special classes for AboutUsPages*/
#main li.userpicbox_big {
    padding: 20px;
    width: 270px;
}
#main li.userpicbox_big h4 {
    font-size: 14px;
}
#main li.userpicbox_big img {
    margin-top: -10px;
}
/* Special classes for Places_Local_Volunteers_Sidebar*/
#main li.userpicbox_vol {
    width: 146px;
}

.userinfo {
    margin-left: 0px;
    overflow: hidden;
}
/* blog & gallery comments */
div.comment { padding:0; margin-bottom:1em; }
div.comment h4 {padding:0.2em; margin:0; }
div.comment .text {padding:0.2em;}
div.comment .author {background:#fff; padding:0.2em;}

/* Default styles for the "precontent" area of the template */
#SearchAdvanced div {    padding: 10px 30px; }
#SearchAdvanced a:hover {    background: transparent; }

#groups #comments {
  width: 500px;
}

/*
* Admin tools classes
*
*/

/* css for admincomment */

div.admincomment {
  padding-bottom: 4em;
}

/* css for adminmandatory */
.update {
  background-color: #FF6;
}

/**
 * admin app styles
 */

ul li.expandable ul {
    display: none;
}

ul li.expanded a.header {
    font-weight: bold;
}


/*
* css for gallery
*
*/
.gallery_container {
    padding: 2px;
    padding-right: 10px;
    padding-bottom: 8px;
}

/* --- Classes for "round boxes" --- */
div.box {
  margin: 1em 0.25em;
  padding: 1em;
  background-color: #EBF2F8;
  border: 1px solid #BFD1E1;
}

div.box h3 {
  margin: 0;
  color: #000;
  font-size: 1.3em;
  font-weight: bold;
}
#teaser h1,#teaser h1 a { color: #333; line-height: 1.2em; }
#teaser h1 a:hover, #teaser h1 a:focus { color: #888; text-decoration: none;}
#teaser #title { float: left; margin-right: 0}
#teaser #teaser_l {float:left; width: 120px; margin: 0 0 0 0; }
#teaser #teaser_r {width: 70%; margin: 0 10px 0 0; }

/* Fieldset menu - creates a tab-menu from form fieldsets via fieldset.js */
.fieldset-menu{
    margin:0;
}
.fieldset-menu-form .fieldset-menu {
    margin: 0;
}
.fieldset-menu-form fieldset {
	border: 1px solid #ccc;
	border-top: none;
    background: transparent;
	margin: 0;
	padding: 2em;
	position: relative;
}
.fieldset-menu-form legend {
	display: none;
}

#col3_content ul.fieldset-menu {
    margin: 0;
    padding: 4px 0;
	padding-bottom: 2px;
    list-style-type:none;
    border-bottom: 1px solid #ccc;
}
.fieldset-menu li{
    display:inline;
	margin-right: 0.5em;
}

.fieldset-menu li a{
    color: #333;
	background-color: #e8e8ee;
	border: 1px solid #ccc;
	border-bottom: none;
	padding: 4px 0.5em;
}
.fieldset-menu li a:hover{
    color: #333;
	background: #fff;
	border-bottom: 1px solid white;

}
.fieldset-menu li.active a {
    color: #333;
	background-color: #fff;
	border-bottom: 1px solid #fff;
}

#loginmessage {
    width: 100%;
    padding: 1em 1em 1em 3em;
    color: #ffffff;
    background: #222222 url(../images/iconsfam/accept.png) no-repeat scroll 1em 1em;
    border-bottom: 2px solid #000000;
}
#loginmessage.false {
    background: #222222 url(../images/iconsfam/exclamation.png) no-repeat scroll 1em 1em;
    border-bottom: 4px solid #ff0000;
}

/**
 *
 * (en) wordclick.css for translation links (adminword)
 *
 */


/* basic class for translation link */
a.tr_link {
    background:#ddeeff none !important;
    border:1px solid #888 !important;
    font-weight:normal !important;
    display:inline !important;
    color: #333 !important;
    padding-left:4px !important;
    padding-right:4px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* "Hotpink" for missing words + translations */
a.tr_link.missing_word {
    background-color: #FF69B4 !important;
    color: #000 !important;
}
a.tr_link.missing_translation {
    background-color:#FF69B4 !important;
    color: #000 !important;
}

/* "Aquamarine" for missing words + translations */
a.tr_link.obsolete {
    background-color:#7FFFD4 !important;
}

/* "GreenYellow" for editing existing translation */
a.tr_link.successful_translation {
    background-color:#ADFF2F !important;
}

/* "LemonChiffon" for hovering */
a.tr_link:hover {
    background: #FFFACD !important;
    color: #333 !important;
    border:1px solid #888 !important;
    font-weight: normal !important;
    text-decoration: none !important;
}


/* Geo Selector */
ol#locations li,ol.geoloc li { margin-bottom: 0; margin-top: 0; margin-right: 1em; padding:5px; border-top: 1px solid #e5e5e5; width: 22em; float:left; background: transparent none no-repeat scroll right center; background-position: 250px; cursor: pointer;}
ol#locations li.active,ol.geoloc li.active {
    background: transparent url(../images/button_bg.png) repeat-x scroll 0 0;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #999;
}
ol.plain{ margin-left: 0; }
ol.plain li{ list-style-type: none; margin-left: 0; margin-right: 1em; padding:5px; border-top: 1px solid #e5e5e5; width: 22em; float:left; background: center right no-repeat}
#location-suggestion {
  margin-top: 1em;
}


/* Datepicker classes */
div.datepicker {
  position:absolute;
  text-align:center;
  border: 1px #ccc solid;
  font-family:arial;
  background:#FFF;
  font-size:10px;
  padding:1px;
}
div.datepicker-calendar table {
  font-size:10px;
  border:1px solid #FFF;
  margin:0;
  padding:0;
  text-align:center;
  border-collapse: collapse;
}
div.datepicker div.datepicker-header {
  font-size:11px;
  font-weight:bold;
  background: #2184E8 url(../images/cell_bg_orange.png) repeat scroll 0 0;
  border-bottom:1px solid #666;
  padding:2px;
  text-align:center;
  color: #fff;
}
div.datepicker table.header {
  border:0;
  padding:0;
  text-align:center;
}
div.datepicker table td {
  padding:0;
}
td.prev,
td.prev_year,
td.next,
td.next_year {
  width:8%;
  color:#eee;
  cursor:pointer;
  font-weight:bold;
  line-height:16px;
}
td.prev:hover,
td.prev_year:hover,
td.next:hover,
td.next_year:hover {
  color:#fff;
}
td.header {
  text-align:center;
  width:68%;
  font-weight:bold;
  line-height:16px;
  padding: 0;
}
div.datepicker-header {
  height:16px;
}
div.datepicker-calendar table tbody tr {
  border:1px solid #FFF;
  margin:0;
  padding:0;
}
div.datepicker-calendar table tbody tr td {
  border:1px #ffffff solid;
  margin:0;
  padding:0;
  text-align:center;
  height:16px;
  line-height:16px;
  width:21px;
  cursor:pointer;
}
div.datepicker-calendar table tbody tr td:hover,
div.datepicker-calendar table tbody tr td.outbound:hover,
div.datepicker-calendar table tbody tr td.today:hover {
  border:1px #ccc solid;
  background:#ff8800;
  cursor:pointer;
  color: #fff;
}
div.datepicker-calendar table tbody tr td.wday {
  border:1px #ccc solid;
  background:#ddd;
  cursor:text;
  width:21px;
  height:16px;
  line-height:16px;
  font-weight:bold;
  padding: 1px;
  border-left: none;
}
div.datepicker-calendar table tbody tr td.outbound {
  background:#F4F3F3;
  color: #777;
}
div.datepicker-calendar table tbody tr td.today {
  border:1px #CCE9FF solid;
  background:#E9F5FF;
  background-image:url(../images/date_active.gif);
  background-repeat:no-repeat;
  width:21px;
  height:16px;
  line-height:16px;
}
div.datepicker-calendar table tbody tr td.today:hover {
  border:1px #CCE9FF solid;
  background:#E9F5FF;
  background-image:url(../images/date_active.gif);
  background-repeat:no-repeat;
}
div.datepicker-calendar table tbody tr td.nclick,
div.datepicker-calendar table tbody tr td.nclick_outbound {
  cursor:default;
  color:#aaa;
  width:21px;
  height:16px;
  line-height:16px;
}
div.datepicker-calendar table tbody tr td.nclick_outbound {
  background:#E8E4E4;
  width:21px;
  height:16px;
  line-height:16px;
}
div.datepicker-calendar table tbody tr td.nclick:hover,
div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
  border:1px #EAEAEA solid;
  background:#FFF;
}
div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
  background:#E8E4E4;
}
div.datepicker div.datepicker-footer {
  font-size:10px;
  background:#eee;
  border-top:1px solid #ccc;
  cursor:pointer;
  text-align:center;
  padding:2px;
}

form .date {
  float:left;
  margin-right: .5em;
}
.datepicker-opener-table {
  border:none;
  padding:0;
  border-spacing:0;
  margin:0 0 0 3px;
  background:transparent url(../images/datepicker.gif) no-repeat 0 0;
  width:16px;
  height:16px;
  cursor:pointer;
}
.Opera .datepicker-opener-table {
  float:right;
}
.IE7 .datepicker-opener-table {
  position:relative;
  top:0;
  left:3px;
}
.datepicker-opener-table:hover {
  background:transparent url(../images/datepicker_ro.gif) no-repeat 0 0;
}
.datepicker-opener {
  width:16px;
  height:16px;
  margin:0 0 0 3px;
  cursor:pointer;
}

/* Messages */
.unread {
  font-weight: bold;
}
#message { /*
  border: 1px solid #f5f5f5;
  border-right: 2px solid #777;
  border-bottom: 1px solid #888; */
}
#messageheader {
  background-color: #fff;
  padding: 1em 1.5em 0.5em 1.5em;
  border-bottom: 1px solid #e5e5e5;
}
#messagecontent {
  background-color: #fff;
  padding: 1em 1.5em;
}
#messagecontent .text {
/*
  font-family: Georgia;
  font-style: normal;
*/
  font-size: 1.1em;
}
#messagecontent ol li {
  list-style-type: decimal !important;
}
#messagecontent ul li {
  list-style-type: disc !important;
}
#messageside {
  width: 22em;
  text-align: right;
}
#buttonstop {
  background-color: #fff;
  padding: 1em 1.5em;
  border-bottom: 1px solid #e5e5e5;
}
#messagefooter {
  border-top: 1px solid #e5e5e5;
  background-color: #fff;
  padding: 1em 1.5em;
}

div#message div#messagecontent p textarea {
    width: 100%
}

#shade_top {
background:transparent url(../images/shade-top-trans.png) no-repeat scroll 0 10px;
height:20px;
}
#shade {
background:transparent url(../images/shade-trans.png) no-repeat scroll 0 -10px;
height:50px;
}
#shade-top {
background:transparent url(../images/shade-trans.png) no-repeat scroll 0 0;
height:50px;
}



  /**
   * Wiki
   * (en) Generic classes for the BeWelcome Wiki
   *
   * @section content-wiki
   */


/* toc - table of contents */
.wiki #toc td{ padding: 0; }
.wiki .page-toc { background-color: #f5f5f5; padding: 1em 2em; }
.wiki .page-toc-caption { font-size: 1.2em; padding: 1em 0; cursor: pointer; }
.wiki .page-toc ol { margin: 0 0 1em 0; }
.wiki .page-toc ol li { list-style-type: none; }
.wiki .page-toc ol .toc_1 { margin: 0; padding: .3em 0; }
.wiki .page-toc ol .toc_2 { margin: 0; padding: .3em 0; }
.wiki .page-toc ol .toc_3 { margin: 0 0.8em .5em .3em; padding: 0 .5em; }
.wiki .page-toc ol .toc_4 { margin: 0 0.8em .5em .3em; padding: 0 .5em; font-style: italic; }

.wiki .page-toc li { line-height: 1em;  }

.wiki .search-form { padding: 2em 0; }

.wiki.NewestPages a , .wiki.NewestPages br {margin-bottom: 0.8em;}

/* wiki headlines */
.wiki h1 {padding: 0;}
.wiki h2 {border-bottom: 1px solid #aaa; margin-top: 0.7em;}
.wiki h3 {color: #333;}

/* -----------------------------------------------
  every page has a title now, always <h2>,
  some of them enclose links (when "view"ed)
*/
.wiki h2.page.title {
   color: #333;
   border-bottom: 2px #eedddd solid;
}

.wiki h2.page.title a {
   color: #5555cc;
   text-decoration: none;
}


/* -----------------------------------------------
  the ".action-links" or ".control-links" are the
  list of links below every wiki page ('PageInfo'
  and 'EditThisPage' ...)
*/
.wiki.view .action-links { padding: 1em 0; }
.wiki.view .action-links hr,  .wiki .action-links br { display: none;}


/* links to unknown page get a different color */
.wiki.view .NotFound a { color: #777;}

/* -----------------------------------------------
  the "info" pages result list is often
  chunked into parts
*/
.wiki.info .chunked-result a { text-decoration: underline; }

.wiki.edit .edit-box textarea {  width: 99%; }

.wiki.edit form[name=ewiki] {
   /* old way, doesn't work with good old IE reliable */
}

.wiki.edit .image-upload {
   background: url("image-upload.jpeg") no-repeat;
}

.wiki.edit .preview {
   background-image: url("dashed.png");
   font-size:50%;
}


/* copyright info */
.wiki #copyright {
    margin-top: 2em;
    padding-top: 1em;
    border-top: 1px solid #ddd;
}
.wiki #copyright a {
    border-bottom: none;
    background: transparent;
    padding-right: 0;
}

.wiki .wiki_image {
    float: right;
    margin: .5em;
}

.wiki .indent {
   margin-left: 5px;
}

.wiki table {
    margin: 1em 0;
    overflow:hidden;
    border-color: #e5e5e5;
}

.wiki table td {
    background-color: #f5f5f5;
    vertical-align: top;
    padding: .5em 1em;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #cccccc;
}
.wiki .text-body table td {
    padding: 2em 2em;
}

.wiki dl {
  margin-bottom: .2em;
  margin-top: 0.5em;
}
.wiki dd {
  margin-bottom: .1em;
  line-height: 1.5em;
}

.wiki li {
  padding-left: 0;
  margin-left: 2em;
}
.wiki ol, .wiki ul {
  margin: .5em 0;
}
.wiki ul li {
  list-style-type: square;
}
.wiki ol li {
  list-style-type: decimal;
}
.wiki ol span.number {
  margin-right: .3em;
}


/* Add an external-link icon to absolute links */

.wiki a[href^="http:"] {
    background: url(/images/icons/icon_external.gif) right center no-repeat;
    padding-right: 15px;
    border-bottom: 1px dotted #ccc;
}

.wiki a[href^="http:"]:hover {
    background: url(/images/icons/icon_external.gif) right center no-repeat;
}

/* ...but not to absolute links in this domain... */

.wiki a[href^="http://www.bewelcome.org"] {
    background: transparent;
    padding-right: 0px;
}

.wiki a[href^="http://www.bewelcome.org"]:hover {
    background: transparent;
}

/* User:user links */
.wiki a.user,.wiki a.user:hover {
    background: url(/images/icons/user.png) left center no-repeat;
    padding-left: 18px;
    padding-right: 0px;
}

  /**
   *  YAML Forms - visual styling
   *
   *  (en) visual form styling area
   *  (de) Festlegung des optischen Erscheinungsbildes
   */

  .yform {
    background:#f4f4f4;
    border:1px #ddd solid;
    margin:0 0 1em 0;
    padding:10px;
  }

  .yform fieldset {
    border:1px #ddd solid;
    background:#fafafa;
    margin:0 0 1em 0;
    padding:0.5em;
  }

  .yform legend {
    font-size:125%; font-weight:normal; color:#000;
  }

  .yform label {
    color:#000;
  }

  .yform input,
  .yform textarea,
  .yform select,
  .yform optgroup {
    font-family:Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
  }

  .yform .type-text input,
  .yform .type-text textarea,
  .yform .type-select select {
    border:1px solid #ccc;
  }

  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  .yform div input:focus,
  .yform div select:focus,
  .yform div textarea:focus,
  .yform div input:hover,
  .yform div select:hover,
  .yform div textarea:hover,
  .yform div input:active,
  .yform div select:active,
  .yform div textarea:active {
    border:1px #666 solid;
    background:#fff;
  }

  /* avoid jumping checkboxes & radiobuttons in IE8 */
  .yform div.type-check input:focus,
  .yform div.type-check input:hover,
  .yform div.type-check input:active { border:0 none; }

  /* Styling of buttons | Gestaltung von Buttons */
  .yform .type-button input {
    border-top:1px #ddd solid;
    border-left:1px #ddd solid;
    border-right:1px #444 solid;
    border-bottom:1px #444 solid;
    color:#000;
    background:#454545 url(images/button_gray.png) top left repeat-x;
    padding:.5em 1.2em;
  }

  .yform .type-button input[type=reset] {
    background:transparent url(../images/button_bg.png) repeat-x scroll 0 0;
    border-color:#E5E5E5 rgb(187, 187, 187) rgb(187, 187, 187) rgb(229, 229, 229);
    border-style:solid;
    border-width:1px;
    color:#ff8800;
    font-size:11px;
    font-weight:bold;
    height:24px !important;
    line-height:18px !important;
    margin:1px;
    padding:1px 5px;
    text-align:center;
    width:auto !important;
  }

  .yform .type-button input[type=submit] {
    background:transparent url(../images/button_bg.png) repeat-x scroll 0 0;
    border-color:#E5E5E5 rgb(187, 187, 187) rgb(187, 187, 187) rgb(229, 229, 229);
    border-style:solid;
    border-width:1px;
    color:#ff8800;
    font-size:1.1em;
    font-weight:bold;
    height:24px !important;
    line-height:18px !important;
    margin:1px;
    padding:1px 5px;
    text-align:center;
    width:auto !important;
    cursor: pointer;
  }

  /* optional button styling for IE6 using classes */
  .yform .type-button input.reset { color:#300; background:#661717 url(images/button_red.png) top left repeat-x; }
  .yform .type-button input.submit { color:#330; background:#5e5607 url(images/button_yellow.png) top left repeat-x; }

  /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
  .yform div.type-button input:focus,
  .yform div.type-button input:hover,
  .yform div.type-button input:active {
    background:transparent url(../images/button_bg.png) repeat-x scroll 0 0;
    color: #333;
    text-decoration:none;
    line-height: 21px;
  }

  .yform div.type-button input.reset:focus,
  .yform div.type-button input.reset:hover,
  .yform div.type-button input.reset:active {
    background:#800; color:#fff;
  }

  .yform div.type-button input.submit:focus,
  .yform div.type-button input.submit:hover,
  .yform div.type-button input.submit:active {
    background:#880; color:#fff;
  }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | fieldset                      |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /fieldset                     |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display:block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
  *
  * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* General form styling  | Allgemeine Formatierung des Formulars */
  .yform { overflow:hidden; }
  .yform fieldset { overflow:hidden; }
  .yform label { display:block; cursor:pointer; }
  .yform legend { background:transparent; border:0; padding:0 0.5em; }
  .yform .message { display:block; margin-bottom:0.5em; color:#666; }

  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  .yform input[type=hidden] { display:none !important; }

  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  .yform sup { color:#800; font-weight:bold; }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  .yform div.type-text,
  .yform div.type-select,
  .yform div.type-check,
  .yform div.type-button {
    margin:0.5em 0;
    padding:3px 0.5em;
    position:relative;
    overflow:hidden;
  }

  .yform div.type-button {
    padding:3px 0em;
  }

  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  .yform .type-text input,
  .yform .type-text textarea {
    display:block;
    position:relative;
    padding:0.3em 0.3em;
    width:58.5%;
    font-size: 110%;
  }

  .yform .type-select select {
    display:block;
    position:relative;
    padding:0.3em 2px 0.3em 1px;
    width:60%;
    cursor:pointer;
  }
  .yform .type-select select optgroup {
    font-style:normal;
    font-weight:bold;
  }

  .yform .type-check input { cursor:pointer; }
  .yform .type-check label { display:inline; }

  /* Styling of buttons | Gestaltung von Buttons */
  .yform .type-button input {
    width:auto;
    cursor:pointer;
  }

  /* Styling of error-messages | Fehlermeldungen */
  .yform div.error {
    border:1px #cc0000 dashed;
    background:#ffebe8;
    padding:0.5em;
  }

  .yform div.error label { color:#000; font-weight:bold; }
  .yform div.error .message { color:#cc0000; }

 /*------------------------------------------------------------------------------------------------------*/

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */

  .full div.type-text input,
  .full div.type-text textarea { width:95.5%; }
  .full div.type-select select { width:97.0%; }

  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .full div.type-text input,
  * html .full div.type-text textarea { width:95.5%; }
  * html .full div.type-select select { width:97.0%; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Columnar forms display - technical base (optional)
  *
  * |-------------------------------------------|
  * | fieldset                                  |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /fieldset                                 |
  * |-------------------------------------------|
  *
  * (en) Styling of forms where label floats left of form-elements
  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  *
  * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* Columnar display | Spalten-Darstellung */
  .columnar .type-text label,
  .columnar .type-select label {
    float:left;
    width:30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .columnar div.type-check input { margin-left:30%; }
  .columnar div.error .message { margin-left:30%; }

  .columnar div.type-text input,
  .columnar div.type-text textarea { float:left; width:67.8%; }
  .columnar div.type-select select { float:left; width:69.4%; }

  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .columnar div.type-text input,
  * html .columnar div.type-text textarea { float:left; width:67.2%; }
  * html .columnar div.type-select select { float:left; width:68.8%; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Global fixes for YAML's form construction set
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7
  * @css-for IE 5.x/Win, IE6, IE7
  * @valid no
  */

  .yform,
  .yform div,
  .yform div * { zoom:1; }

 /**
  * Forms Fieldset/Legend-Bug in IE
  * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7, IE8
  * @css-for IE 5.x/Win, IE6, IE7, IE8
  * @valid no
  */

  /* all IE */
  .yform { padding-top:0; }
  .yform fieldset { padding:0 5px; padding-top:1em; }
  .yform legend { position:absolute; top:-.5em; *left:0; }
  .yform fieldset { position:relative; overflow:visible;  margin-top:1.5em; zoom:1; }

  /* IE5.x, IE6 & IE7 */
  .yform legend { *padding:0 5px; }
  .yform fieldset { *padding-top:1.5em; }

  /* IE5.x & IE6 */
  * html .yform { padding-top:10px; }

/* Media screen end */
}
