/*
 maposmatic, the web front-end of the MapOSMatic city map generation system
 Copyright (C) 2009  David Decotigny
 Copyright (C) 2009  Frédéric Lehobey
 Copyright (C) 2009  David Mentré
 Copyright (C) 2009  Maxime Petazzoni
 Copyright (C) 2009  Thomas Petazzoni
 Copyright (C) 2009  Gaël Utard

 This program is free software: you can redistribute it and/or modify
 it under the terms of the GNU Affero General Public License as
 published by the Free Software Foundation, either version 3 of the
 License, or any later version.

 This program is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU Affero General Public License for more details.

 You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

html, body {
  margin: 0;
  padding: 0;
}

body {
  font: 90% sans-serif;
}

a {
  color: #0066b3;
  text-decoration: none;
}

a img {
  border: none;
}

a.current {
  font-weight: bold;
  font-size: larger;
}

img {
  -ms-interpolation-mode: bicubic;
}

img.feedicon {
  width: 20px;
}

/* Header */
#header {
  background-color: #cee5f6;
  background-image: url('/smedia/header.png');
  background-position: top right;
  background-repeat: no-repeat;
  border-bottom: 1px black solid;
}

#header h1 {
  margin: 0;
  padding: 0.5em 0 0 0.5em;

  font-size: 30pt;
  font-weight: bold;
  font-family: Georgia, serif;
}

#header h1 a {
  color: black;
}

#header h2 {
  margin: 0;
  padding: 0 0 1em 1.5em;

  font-size: 10pt;
  font-weight: normal;
  font-style: italic;
}

form#langsel {
  float: right;
  margin-right: 1em;
}

ul#nav {
  margin: 0;
  padding: 2px 0;
  padding-left: 2em;

  list-style: none;
  height: 2em;
}

ul#nav li {
  display: block;
  float: left;
}

ul#nav a {
  display: block;
  padding: 0.5em 1em;
}

ul#nav a:hover {
  background: white;
  border-bottom: 1px black solid;
}

ul#nav li.activelink a {
  background: white;
  border: 1px black solid;
  border-bottom: none;
}

#status {
  background-image: url('/smedia/info.png');
  background-repeat: no-repeat;
  background-position: 10px;
  border-bottom: 1px black solid;
  color: #eb2f43;
  padding: 1em 3em 1em 50px;
  font-weight: bold;
}


#layout {
  clear: both;
  margin: 2em auto;
  width: 98%;
}

/* Main content */
#content {
  width: 75%;
  vertical-align: top;
  padding-right: 1em;
}

#content h1 {
  color: #0066b3;
  border-bottom: 1px black solid;
  margin-top: 0;
}

#content h2 a {
  color: black;
}

#content table.authors {
  width: 80%;
}

table.authors td {
  vertical-align: top;
}

table#chavagne {
  margin-left: 3em;
  text-align: center;
  float: right;
}

table#chavagne img {
  width: 200px;
}

p#more {
  margin: 2em 0 0 1em;
  font-size: 13pt;
}

p#more img {
  width: 32px;
  vertical-align: middle;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}

p#more span {
  font-weight: bold;
}

p.infobox {
  background: #eee;
  padding: 0.5em;
}

p.infobox img {
  vertical-align: middle;
}

/* Meta informations */
#meta {
/*  float: right; */
  width: 25%;
  border-left: 1px #ccc solid;
  vertical-align: top;
  padding-left: 1em;
}

#meta h3 {
  margin: 1em 0;
  padding: 0;
}

#bcontact {
  padding-top: 1em;
}

#bnews {
  padding-top: 1em;
}

#bnews ul {
  padding-left: 1.5em;
  margin: 0;
}

#bnews li {
  padding-bottom: 0.5em;
}

#bnews span.newsinfo {
  font-size: smaller;
  font-style: italic;
}

#bmap {
}

#bmap p.randommap {
  text-align: center;
}


/* Jobs and maps */
.job {
  margin: 1em 0;
  padding: 1em;

  border: 1px #ccc solid;
}

.jobodd {
  background: #fff6bf;
}

form.recreate {
  float: right;
}

.job form.recreate {
  visibility: hidden;
}

.job:hover form.recreate {
  visibility: visible;
}

form.jobcancel {
  float: right;
}

h2.jobtitle {
  margin: 0;
  padding: 0;
}

h2.jobtitle a {
  color: #0066b3 !important;
}

.job h3 {
  margin-top: 0;
}

.job h4 {
  margin: 1em 0 0.5em 0;
  padding: 0;
}

table.jobinfo {
  margin-top: 1em;
  width: 100%;
}

table.jobinfo td.status {
  width: 130px;
  text-align: center;
}

table.jobinfo td.thumb {
  width: 220px;
  text-align: center;
  vertical-align: top;
}

table.jobinfo td.info {
  vertical-align: top;
}

p.nofiles {
  font-style: italic;
}

div.mapsearch {
  float: right;
  font-style: italic;
}


/* Navigation links */
div.pagination {
  margin-top: 1em;
  text-align: center;
}

/* Map form */
#mapform {
  width: 100%;
}

#mainfrm {
  padding: 0 0 1em 1em;
  margin: 1em 1em;

  border-left: 0.5em #ccc solid;
}

#mainfrm ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#mainfrm tr.bybbox {
  display: none;
}

#mainfrm tr.label td {
  font-weight: bold;
  padding-top: 10px;
}

#mainfrm input[type=text] {
  border: 1px black solid;
}

#mainfrm input[type=submit] {
  margin-top: 0.5em;
  font-size: 14pt;
  width: 150px;
}

#id_go_next_btn {
  display: none;
}

#mainfrm input#id_maptitle,
#mainfrm input#id_administrative_city {
  width: 80%;
  max-width: 600px;
  font-size: 13pt;
}

/* Suggest */
#suggest {
  margin: 0;
  margin-top: -3px;

  width: 80%;
  max-width: 600px;
  list-style: none;
  background: white;
  border: 1px black solid;
  font-size: 13pt;
  display: none;
}

#suggest li {
  padding: 1px;
  display: block;
}

#suggest li.selected {
  background: #36c;
  color: white;
}

#suggest li.suggestok:hover {
  cursor: pointer;
}

#suggest li.suggestoff {
  color: #bbb;
}

#suggest li.suggestoff:hover {
  background: #eee;
  cursor: help;
}

#suggest li.info {
  color: #bbb;
  font-size: 8pt;
}

#suggest span.suggestid {
  display: none;
}

#map_language_label,
#map_language_entry {
  display: none;
}

#map {
  border: 1px black solid;
  width: 600px;
  height: 350px;
}

#map_bb {
  text-align: left;
  margin: 0.5em 0;
  color: #444;
}

#map_bb input {
  border: 1px #444 solid;
  width: 4em;
  display: inline;
  color: #444;
}

p.bbox_select_help {
  font-style: italic;
  font-size: smaller;
  width: 600px;
}

p.bbox_select_help tt {
  font-size: normal;
}

#map .olControlAttribution {
  bottom: 3px !important;
}

ul.errorlist {
  color: red;
}

#noadminlimitinfo,
#noresultsinfo {
  display: none;
}