/*
-------------------------------------------------------------------------------------------
This file is part of MIDOP.

    MIDOP, the Macroseismic Intensity Data Online Publisher
    Copyright (C) 2010-2015 Mario Locati
	Istituto Nazionale di Geofisica e Vulcanologia, Sezione di Milano

    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 (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY and TECHNICAL SUPPORT; 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/>.
-------------------------------------------------------------------------------------------
*/
/* CSS Document */
/*
 * Reset
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote {
	margin: 0;
	padding: 0;
}
td, th {
	white-space:nowrap;
}
th {
	padding-right:10px;
}
img {
	border: 0;
}
input[type=button], input[type=submit], button {
	padding:1px 4px 1px 4px;
	}
input[type=text], select {
	margin: 1px 0 1px 0;
	padding: 1px 1px 1px 2px;
	border:1px solid #CCC;
	}
input[type=checkbox] {
	vertical-align: middle !important;
}
textarea {
	box-shadow: inset 1px 1px 2px #CCC;
	margin: 1px 0 1px 0;
	padding: 1px 1px 1px 2px;
	border:1px solid #CCC;
	}
a:focus {
	outline: none;
}
ul, ol, dl, dd {
	margin: 0;
	padding: 0;
}
blockquote {
	margin: 0;
}
p {
	margin: 1em 0;
}
html {
	margin: 0;
	padding: 0;
}
/*
 * layout
 */
body {
	font-family:Arial, Helvetica, sans-serif;
	background:#FDF4D9;
	margin:0;
}

div.title {
	font-size:1.5em;
	display:inline;
}
div.credits {
	float:right;
	line-height:2em;
}
div#menu {
	clear:both;
}
div#header {
	clear:both;
	background:#FFFFFF;
	padding:0;
	margin:0;
	border-top:#FFFFFF solid 10px;
	border-right:#FFFFFF solid 17px;
	border-left:#FFFFFF solid 17px;
	border-bottom:#FFFFFF solid 20px;
}
div#menu ul li.item_none a {
	color:#FFF;
	cursor:not-allowed;
}

div#menu ul li.item {
	padding:0 8px 0 8px;
	font-size:85%;
	line-height:18px;
	float:left;
	height:1.5em;
	list-style:none;
	text-align:center;
	border-top:#CCC solid 1px;
	border-left:#CCC solid 1px;
	border-right:#CCC solid 1px;
	background:#DDD;
	background: #e2e2e2; /* Old browsers */
	background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
	background: linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	vertical-align:top;
	margin:0 8px 0 0;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

div#menu ul li.item_none {
	padding:0 8px 0 8px;
	font-size:85%;
	line-height:18px;
	float:left;
	height:1.5em;
	list-style:none;
	text-align:center;
	border-top:#CCC solid 1px;
	border-left:#CCC solid 1px;
	border-right:#CCC solid 1px;
	background:#EEE;
	background: #e2e2e2; /* Old browsers */
	background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
	background: linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	vertical-align:top;
	margin:0 8px 0 0;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	text-shadow: 0 0 white, 1px 1px #888;
}

div#menu ul li.active {
	padding:2px 8px 0 8px;
	font-size:85%;
	font-weight:bold;
	line-height:18px;
	float:left;
	height:1.5em;
	list-style:none;
	text-align:center;
	border-right:#D4A800 solid 1px;
	background:#F5B75D;
	vertical-align:top;
	margin:0 8px 0 0;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	text-shadow: #FFF 0 0 4px;
}
div#menu a:link, div#menu a:visited, div#menu a:hover {
	color:#000000;
	text-decoration:none;
}
div#formwrapper {
	clear:both;
	background:#FDF4D9;
}
div.submit {
	padding:0.3em;
	clear:both;
	text-align:right;
	background:#F5B75D url('../images/gradient_submit.png') repeat-x center bottom;
	border-bottom: 1px solid #555;
	padding-bottom:6px;
}

div#variableform {
	margin:10px;
	text-align:center;
}
div.message {
	color:#FF0000;
	font-size:1em;
	line-height:1.2em;
	border:dotted #FF0000 1px;
	margin:10px;
}
span.message {
	color:#FF0000;
}
fieldset {
	margin:15px auto;
	border:#999999 solid 1px;
	background-color:#FCECBC;
	text-align:left;
	min-width:650px;
	width:40%;
	display:block;
	padding:5px 0 5px 13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	border-radius: 5px;
}
legend {
	background:url(../images/triang.gif) 0 0 no-repeat;
	background-position:6px;
	padding: 0 5px 0 20px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:120%;
}
.label {
	white-space:nowrap;
	width:40%;
	margin:3px;
}
.label_lu {
	padding-left:50px;
}
.label_date1 {
	white-space:nowrap;
	width:8%;
	margin:3px;
}
.label_date2 {
	white-space:nowrap;
	width:32%;
	margin:3px;
}
.label_short {
	white-space:nowrap;
	width:5%;
	margin:3px;
}
.small {
	font-size:75%;
}

table.smalltable{
margin-top:10px;
border:1px solid #CCCCCC;
background-color:white;
}

th.smalltable{
	background-color:#DDDDDD;
	font-size:75%;
	border-bottom:1px solid #888888;
	white-space:normal;
	padding:2px;
	text-align:left;
}

td.smalltable {
	font-size:75%;
	border-bottom:1px solid #CCCCCC;
	white-space:normal;
	padding:3px;
}
.writable {
	color:#009900;
}
.nowritable {
	color:#990000;
}
hr {
	text-align:center;
	width:95%;
	height:0;
	border-top:1px solid #999999;
	border-bottom:0;
	border-left:0;
	border-right:0;
}
table .layersTable {
	margin-top:5px;
	margin-bottom:5px;
	background:#FBE49F;
	border-radius: 5px;
	box-shadow: 0 0 5px #666;
}
table .layersTable td {
	text-align:center;
}
table .layersTable th {
	text-align:center;
}
.code {
	font-family: 'Courier New', Courier, monospace;
}
.specialNote {
	border:1px solid black;
	padding:10px;
	margin-top:10px;
	background-color:white;
}
.copyrightBox {
	margin:auto;
	padding:5px;
	width:550px;
	box-shadow: 0 0 5px #888;
	border-radius: 5px;
	background:#DEDEDE;
	margin-top:25px;
	margin-bottom:20px;
	border: 1px solid #888;
	font-size: 10px;
}
table#selectEQtable {
	margin-top:20px;
	font-size:11px;
}
table#selectEQtable th {
	font-weight:bold;
	border-bottom:1px solid #888;
	background-color:#EEE;
	padding:3px;
}
table#selectEQtable td {
	font-family:'Courier New', Courier, monospace;
	border-bottom:1px solid #CCC;
	background-color:#FFF;
	padding:2px;
}