/* This notice must be untouched at all times.

previewstyle.css    v. 2.2
This file works with PhyloGeoViz
The latest version is available at
http://www.phylogeoviz.com

Copyright (c) 2007 Yi-Hsin Erica Tsai. All rights reserved.
Created 15.7.2007 by Yi-Hsin Erica Tsai (Web: http://www.duke.edu/~yet2)
Last modified: 20.8.2007

*/


/* General Styles */

h1 {
	font-size: 2.0em;
}

pre {
	font-size: 1.25em;
}

h3 {
	font-size: 1.15em;
}

input[type=submit] {
	display: block;
	margin-top: 10px;
}

label {
	display: block;
	margin-top: 30px;
	margin-bottom: 10px;
}

textarea {
	overflow: auto;
	white-space: nowrap;
}

.hidden {
	display: none !important;
}


/* Input Page Styles */

#phylodata {
	width: 100%;
	min-width: 250px;
}

#hapgroupdata {
	width: 25%;
	min-width: 250px;
}

.inputexample {
	border-collapse: collapse;
	border-spacing: 0px;
	margin-left: 10px;
	margin-bottom: 18px;
}

.inputexample td {
	padding-right: 12px;
	padding-bottom: 5px;
}

.indented {
	margin-left: 50px;
}

/* Data Processing Page Styles */

.loadinggif {
	text-align: center;
}


/* Map Viewer Page Styles */

.colorbox {
	width: 1.5em;
	height: 1.5em;
	border: 1px outset #666;
}

#seccolumn {
	left:706px;
	top:56px;
	position:absolute;
	width: 250px;
}

#editdata {
}

#exportoptions {
}


/* Edit Data Page Styles */
#datadiv {
	width: 100%;
	max-height: 400px;
	overflow: auto;
}

.hapheader {
	text-align: right;
}

td > input[type=checkbox] {
	text-align: center;
}

.checkbox {
	text-align: center;
}

.latlng *{
	width: 5em;
}

.stringname *{
	width: 5em;
}

.number *{
	width: 5em;
	text-align: center;
}

#datatable {
	border-collapse: collapse;
	border-spacing: 0;
}

#datatable td, #datatable th {
	margin: 0;
	padding: 5px;
}

#datatable td input[type=text] {
	border: none;
}

td.latlng, td.number, td.stringname {
	border: 1px solid #5C832F;
	background-color: #fff;
}

.total {
	text-align: center;
	padding: 5px;
}

.widget {
	margin-bottom: 10px;
}

.widgetBody {
	display: none;
	padding: 5px;
	border: 3px solid #659034;
	
}

.widgetHead {
	background-color: #659034;
	padding: 5px 8px;
	overflow: hidden;
}

.plus {
	background-color: #659034;
	padding: 1px 5px;
	font-size: 1.15em;
	font-weight: bold;
}

.clickable {
	cursor: pointer;
}

#colorlegend td, #colorlegend th {
	width: 25px;
}

.span1 {
	display: block;
	float: left;

	width: 10px;
	text-align: center;
	margin-right: 1em;
}

.span2 {
	display: block;
	float: left;

	text-align: center;
	margin-right: 1em;
}

.span3 {
	display: block;
	float: left;
	text-align: left;
}

#colorpicker img {
	border: 0;
}

#colorpicker-value, #colorpicker-value-input {
	height: auto;
}

.haprow {
	overflow: hidden;
}

.haprow+.haprow {
	margin-top: 5px;
}