a {text-decoration: none}
a.external {background-image:url(./images/external_link.png); background-repeat: no-repeat; background-color:transparent; background-position:right; padding-right:15px; margin-right:3px}
p {display:block; margin:0em; padding: 0em; margin-top: 0.25em; margin-bottom: 0.25em; font-family:arial, sans-serif; font-weight: 400; width: 100%; overflow:auto; text-align:left; clear:both}
img {border: 0px}
.bold {font-weight: bolder}
.italic {font-style: italic}
.superscript {vertical-align:super; font-size: 8pt}
.hidden {display:none}
.right {float: right}
.centered{display:block; text-align:center}
.left {float: left}
.code {font-family: courier; font-weight: bolder; font-style: normal}
.smaller {font-size: 0.5em}
.clearfix { width: 100%; clear: both}
.clearfix:after {content: "."; display: block;height: 0; clear: both; visibility: hidden;}

.flatlist {list-style:none;margin:0px; padding-left:0; text-indent:0}
.flatlist li {float:left; padding-left:0.5em}
.flatlist li:first-child:before {padding-left: 0em}
.pipes li:before {content: "| "}
.pipes li:first-child:before {content: ""}
.commas li:after {content: ","}
.commas li:last-child:after {content: ""}
.page-block {font-family: arial, sans-serif; font-size: 0.7em}
.full-width {width:100%; clear:both; overflow:auto}
li.indent {text-indent: 4em}

/**
 * Layout
 */

#page {width: 1024px; min-width:800px;  margin: 0px auto}
#core {width:79%; float:left; overflow:auto; display: block;}
#supplementary-information{width: 20%;  float:right; overflow: auto;}

#navigation {width: 20%; float:left; overflow: auto; margin-left:0.25em; margin-right:0.25em; margin-top:0.5em; margin-bottom:0.5em}
#content {float:left; width: 73%; padding-left: 0.5em; overflow:auto; display:block; margin-top:0.5em; margin-bottom:0.5em; padding:0.25em}

#status {width: 20%;  overflow:auto; float:right}

#header {overflow:auto; width:78%; float:left}
/**
 * Header
 */
#banner {float:left; height: 80px; width:80%;}
#logo {float:left; width:20%; height: 80px;}
#banner h1 {padding: 0px; margin:0px; font-weight:normal; font-style:italic; font-family:arial, helvetica, sans-serif; font-size:3em}
#logo h1 { font-family:arial, helvetica, sans-serif;padding: 0px; margin:0px; font-size:3em}
#logo h2 { font-family:arial, helvetica, sans-serif;padding: 0px; margin:0px; font-size:0.5em; border-top-width: thin; border-top-style: solid; width:80%; text-align:center}

#status {padding:0.5em}	
#status ul li {padding-bottom: 0.5em}

#quicksearch input[type=text] {width:10em}

/**
 * Navigation around the web revision
 */
.menu {padding-left:0; text-indent:0px; margin-left: 0px; margin-right: 0.25em; list-style:none;}
.menu h3 {clear:both; overflow:auto; width: 100%; font-weight: bold; display:block; font-size:1em; margin-bottom:0em; margin-top: 0em}
.menu li {padding-left:0.5em; text-indent:0px; clear:both; list-style:none}
.spacer {display: block; padding-left: 0.5em}

/**
 * Main Content
 */
.breadcrumb {} 
.breadcrumb li:before {content: "\00BB\0020"}
.breadcrumb li:first-child:before {content: ""}

#distribution-alternative {background-color: white}

/* tabs */
ul.tabs {list-style-type: none; padding: 3px 0px 3px 0px; margin-bottom: 0px}
ul.tabs li {display: inline;}
ul.tabs li a {padding: 3px 4px; margin-right: 0px; text-decoration: none;}
ul.tabs li span {position: relative; top: 1px; padding: 3px 4px; margin-right: 0px; text-decoration: none;}	

.pager {padding: 0.5em; margin-bottom:0.5em}
.pager label {font-size: 1em} 

div.title,h1.title,h2.title,h3.title,h4.title {font-family: 'Helvetica Neue', arial, helvetica, sans-serif; font-size:2em; margin-bottom:0.25em; padding:0em; margin: 0em}
h1.title {font-size:1.2em; margin-bottom:0.25em}
h2.title {font-size:1.1em; margin-bottom:0.25em}
h3.title {font-size:1em; margin-bottom:0.25em}
h4.title {font-size:1em; margin-bottom:0.25em}

a.lsid {background-repeat:no-repeat; float:left; height:16px; width:36px; background-image:url(./images/lsid_button.png);}
a.lsid span {display:none}
a.spreadsheet {background-repeat:no-repeat; float:right; height:48px; width:48px; background-image:url(./images/excel.png); margin:0.2em}
a.spreadsheet span {display:none}
fieldset {border:none; padding: 0.5em; margin-bottom: 0.5em}
.form-row {width:75%; padding: 0.5em}
label {float:left; font-size: 0.7em; font-family: sans-serif; margin-bottom:0.5em; padding-left: 35px; width: 15%; text-align: right; margin-right: 1em; display: block; min-height:32px}
input[type=text], input[type=submit],input[type=reset],input[type=password],input[type=checkbox],input[type=file],select,.mock-input, textarea, .text-area {float:left; font-size: 1em; font-family: sans-serif; margin-bottom:0.5em}
legend {margin-left: 1em; padding: 0.25em; font-size: 1em; font-family: sans-serif}
input[type=text],select {width:70%; float:left}
textarea, .text-area {width:70%; height: 5em}
.text-area {border-color: #DDD; border-width: thin; border-style: solid; overflow:auto}	    
div input[type=submit]:first-child{margin-left:5em; display:block}
.mock-input {width: 70%; min-height: 1em; padding-top:0.25em; padding-bottom:0.25em; border-color: #DDD; border-width: thin; border-style: solid; overflow: auto}
.notes {clear:left; padding-left:25%; font-style: italic; width: 70%; padding-bottom:0.5em}
input[type=radio] + div.notes {padding-left:1em; clear:none}
.figure {padding: 0.5em; margin:0em; overflow:auto; width:95%}
.figure a img {max-width:300px}
.result {font-weight: bolder}
fieldset ul {list-style:none; margin:0px; padding-left:0; text-indent:0}
fieldset ul li {font-family: 'Helvetica Neue', arial, helvetica, sans-serif; clear:both}
img.thumbnail {width: 100px; clear:both; display:block}
.image-container {width:70%; overflow:auto; float:left}
.image-container img {width: 90%}
ul.gallery {width:30%; overflow:auto; float:left; max-height: 300px; margin:0; padding:0;}
ul.gallery li {float:left;margin-left:0; padding-left:0; list-style:none; margin-top: 0.25em; margin-right: 0.25em;}
ul.gallery li a {}
.selected {border: thin solid white}
.not-selected {border: thin solid #CCC}
.zoomable-image {width:95%; height:500px;}
.presence-absence-status {width: 3em; height: 1em; margin-right: 0.5em}
.message {width: 20%; padding: 0.2em}
.errors {font-weight: bolder; background-image:url(./images/warning.png); background-repeat: no-repeat; background-color:transparent; color:red; background-position:left; margin:0.5em;}
.errors div {padding-left: 35px; min-height: 3em; }
.error {background-color: red; color:white}
.error .form-row {background-image:url(./images/warning-background.png); background-repeat: repeat-y; background-color:white; background-position:right; color:red; min-height: 5em}
.error .form-row label {font-weight: bolder; background-image:url(./images/warning.png); background-repeat: no-repeat; background-color:transparent; color:red; background-position:left} 
.warning {background-color: yellow; color:black}
.warning .form-row {background-image:url(./images/query-background.png); background-repeat: repeat-y; background-color:white; background-position:right; color:black;}
.warning .form-row label {font-weight: bolder; background-image:url(./images/query.png); background-repeat: no-repeat; background-color:transparent; color:black; background-position:left middle} 
.message h5 {padding: 0px; margin: 0px; font-weight: bolder; font-size: 1.2em}


.authors {font-style: italic; text-align: right}
h1 div.authors {font-size: 0.333em}
h2 div.authors {font-size: 0.4em}
h3 div.authors {font-size: 0.5em}
h4 div.authors {font-size: 0.5em}
span.authors {font-size: 0.8em}
.subtle {display: none}
div.section ul {list-style:none; margin:0px; padding-left:0; text-indent:0}
div.section ul li {font-family: 'Helvetica Neue', arial, helvetica, sans-serif; clear:both}
section {margin-bottom:0.5em}

table {padding: 0.5em}
th {font-family: arial, sans-serif}
td {font-family: arial, sans-serif}
.even {}
.column {width:50%; overflow: auto; float: left}
.column label {clear: left; width: 35%}
.main-img {width:75%}
.main-img img {padding: 2em}
.image-gallery tr td {border:none}

.thumbWrapper img {height:38px; max-width:50px}
.thumbOuter .thumbNav img {height: 55px; width: 48px}

.language {text-indent: -5000px; width: 16px; height: 11px}
.de {background-image:url(./images/flags/de.png); background-repeat: no-repeat; background-color:transparent;}
.fr {background-image:url(./images/flags/fr.png); background-repeat: no-repeat; background-color:transparent;}
.ru {background-image:url(./images/flags/ru.png); background-repeat: no-repeat; background-color:transparent;}
.br {background-image:url(./images/flags/br.png); background-repeat: no-repeat; background-color:transparent;}
.es {background-image:url(./images/flags/es.png); background-repeat: no-repeat; background-color:transparent;}
.en {background-image:url(./images/flags/en.png); background-repeat: no-repeat; background-color:transparent;}

 ul.featureTree, ul.featureTree ul { list-style-type: none; background: url(images/vline.png) repeat-y; margin: 0; padding: 0; } 
 ul.featureTree ul { margin-left: 10px; } 
 ul.featureTree li { margin: 0; padding: 0 12px; font-family: 'Helvetica Neue', arial, helvetica, sans-serif; line-height: 20px; background: url(images/node.png) no-repeat; color: #369; font-weight: bold; } 
 ul.featureTree li.last { background: #fff url(images/lastnode.png) no-repeat; } 
 
 .question {float:left}
 .answer {font-weight: bold; float:right}
.key td {padding: 0.5em}
.key th.label {width: 2em}
.key th.choice {width: 1em}

p.definition {font-style: italic; text-indent: 2em; font-size:0.9em}

/**
 * Grid Styling
 */
 table.grid {overflow:auto}
.grid th {width: 100px;	padding:3px; background-color:#ddd;	border-top:1px solid #eef;	border-left:1px solid #eef;	border-right:1px solid #999; border-bottom:1px solid #999; color:#003; font-size:.9em; font-weight:bold;}
.grid th {text-align:left; min-width:8em;}
.grid td.inapplicable {background-color: #ddd}
.grid tr {vertical-align:top;}
.grid td {padding:0px; border-right:1px solid #999;	border-bottom:1px solid #999;	background-color:#fff;	font-size:.9em;}
.grid td input {padding: 0px; margin: 0px; border:0px none;	width:100%;	height:100%;
  //width:90%;
  //height:90%;
}

.grid td select {padding: 0px; margin: 0px;	border:0px none; width:100%; height:100%;
  //width:90%;
  //height:90%;
}

.grid td.error input {background-color:red; color:white}
.grid input[type=text],.grid input[type=submit],.grid input[type=reset],.grid input[type=password],.grid input[type=checkbox],.grid input[type=file],.grid select,.grid td.mock-input,.grid textarea,.grid legend,.grid td.text-area {float:left; font-size: 1em; font-family: sans-serif; margin-bottom:0}
.grid td.mock-input {width: 100%}

td.mock-input {border: 1px solid #999999; min-height: 1em; padding: 0px; width: 100%;}
td input[type="text"], td input[type="checkbox"],td input[type="file"],td select, td.mock-input, td textarea, td.text-area {float: none; margin: none; clear:both}
td.mock-input div.mock-input {border:none; padding: none; width: 100%}
div.autocomplete {min-width:300px}

.remove-button {height: 12px; width:12px; display:block; float:left}
.remove-button span {display:none}

.create-button {height: 12px; width:12px; display:block; float:left}
.create-button span {display:none}

.select-button {height: 12px; width:12px; display:block; float:left}
.select-button span {display:none}

div.grid-errors {padding:1em; background-color:#FECCCC;border:1px solid red}
div.grid-errors h2 {margin:0px; padding:0px; font-family:'Helvetica Neue', arial, helvetica, sans-serif; color:red; font-size:1.2em}
div.grid-errors h3 {margin:0px; padding:0px; font-family:'Helvetica Neue', arial, helvetica, sans-serif; color:red; font-size:1.0em}
div.grid-errors a {color: black; font-weight:bolder}

/**
 *  Styling of the Help Documentation
 */
h2.subtitle {font-family: 'Helvetica Neue', arial, helvetica, sans-serif;}
div.author {font-family: 'Helvetica Neue', arial, helvetica, sans-serif;}
div.toc dl dt {font-family: 'Helvetica Neue', arial, helvetica, sans-serif;}
div.list-of-figures dl dt {font-family: 'Helvetica Neue', arial, helvetica, sans-serif;}
div.list-of-tables dl dt {font-family: 'Helvetica Neue', arial, helvetica, sans-serif;}
div.list-of-examples dl dt {font-family: 'Helvetica Neue', arial, helvetica, sans-serif;}
/**
 * Supplementary Information
 */
#supplementary-information ul {padding-left:0; text-indent:0; margin-left: 0; padding-right: 3px}
#supplementary-information ul li ul {padding-left:0; text-indent:0; margin-left: 0; padding-right: 0px}
ul.container h3 {display:none}

.by-nc {background-image: url(./images/by-nc.png); width: 80px; height: 15px;  background-repeat:no-repeat; margin-right: 3px}
.by-nc span {display:none}
.pd {background-image: url(./images/pd.png); width: 80px; height: 15px;  background-repeat:no-repeat; margin-right: 3px}
.pd span {display:none}
/**
 *  Additional Information & Branding
 */

#footer {overflow:auto; clear: both; margin-top: 0.5em; margin-bottom: 1em; padding: 0.5em;}

.index-mainimg {width:55%; padding:0.25em}
.index-blurb {width:40%; padding:0.25em}
.index-images {padding-top: 0.5em; padding-bottom: 0.5em; width:90%;margin-left: 5%; margin-top:1em; padding-left:1em}
.index-images li {width: 30%}
.index-images li a h3 {text-align:center}
.index-images li p {font-family: 'Helvetica Neue', arial, helvetica, sans-serif; font-size:1em; text-align:left}
#register-link {font-family: 'Helvetica Neue', arial, helvetica, sans-serif; font-size:1em; text-align: center; padding:0.25em; margin-left:25%}

.autocomplete ul {list-style:none; text-indent: 0px; margin-left: 0px;}
.autocomplete {font-family:arial, helvetica, sans-serif;}
.map-popup h2 {font-size: 1em; margin:0px}