* {margin: 0; padding: 0; outline: 0;}
body {background: white; font: 14px/1.6em Geneva, Verdana, Sans-Serif; color: #555;}
a:link, a:visited {background: inherit; text-decoration: none; color: #2e5c95;}
a:hover {background: inherit; color: #996800;}
h1, h2, h3, h4 {font-family: Verdana, Sans-serif; font-weight: Bold; padding: 5px 12px;}
h1 {font-size: 130%;}
h2 {font-size: 120%; text-transform: uppercase;}
h3 {font-size: 120%; color: #2e5c95;}
p, table {margin: 0; padding: 10px 12px;}
ul, ol {margin: 10px 20px; padding: 0 20px;}
img:not(.icon):not(.imgunder):not(.imgover):not(.slide):not(.thumbnail) {max-width: 80%; height: auto; float: none; display: block; margin: 0px auto 10px;}
.icon {background: none; border: none; height: 15px; width: 15px; padding: 0px; margin: 0px 0px -1px 0px; display: inline;}
acronym {cursor: help; border-bottom: 1px solid #777;}
.container {width: 100%; position: relative; margin: 0px auto 0px; border: 0px solid green;  /*for testing*/}
#panel {border-radius: 20px; box-shadow: 0px 0px 10px 5px lightgray; display: block; position: absolute; width: 100%; height: auto; top: 10px; color: black; border: 0px solid purple; /*for testing*/}
#content-wrap {float: left; margin: 0 auto; text-align: left; width: 100%; border: 0px solid red; /*testing*/}
#header {position: relative; width: 100%; height: auto; background: #F6F6F6; margin: 0px; padding: 5px 0px 15px; font-size: 14px; color: white; border-top-left-radius: 20px; border-top-right-radius: 20px; box-shadow: 0px -5px 8px 4px rgba(0,0,0,0.03) inset; overflow: auto; overflow-x:hidden;}
#header h1#title {position: relative; margin: 0; padding: 0; font: bold 30px 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -2px; color: black; text-transform: none; top: 10px; left: 10px;}
#header h2#domain {position: relative; z-index: 999; margin: 0; padding: 0; font: bold 20px 'Trebuchet MS', Arial, Sans-serif; text-transform: none; color: black; top: 5px; left:10px;}
#menu {clear: both; width: 100%; height: auto; background: #BBB; margin: 0; font: bolder 12px/30px Verdana, Sans-Serif; overflow: auto;}
#menu ul{margin: 0; padding: 0 0 0 10px; height: 30px;}
#menu ul li{float: left; list-style: none; border-left: 1px solid white; border-right: 1px solid white;}
#menu ul li a{display: block; text-decoration: none; padding: 0 10px; background: inherit; color: white;}
#menu ul li:hover {background: #376fb4; cursor:pointer; box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.25); transition: all 0.4s;}
#menu ul li#current {background: #2e5c95; color: white;}
#footer {clear: both; color: #66737B; font: normal 90% Verdana, Sans-Serif; background: #F6F6F6; width: 100%; height: 40px; float: top; text-align: center; padding: -10px 0 3px 0; margin-left:auto; margin-right:auto; margin-bottom: 0px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 0px -5px 8px 4px rgba(0,0,0,0.03) inset;}
img.float-left  {max-width: 80%; height: auto; float: none; display: block; margin: 0px auto 10px;}
img.float-right {max-width: 80%; height: auto; float: none; display: block; margin: 0px auto 10px;}
.clear {clear: both;}
.blue {color: #2E5C95;}
.message {margin: 10px; padding: 10px; border: 1px solid #FFC407; color: black; background: #FFFBBA; text-align: left;}
.warning {padding: 10px; border: 1px solid #FF6347; color: black; background: #FFE4E1; text-align: left;}
.imgoverlay {position: relative; width: 100%; display: block; padding: 0px; margin: 0px 0px 0px 0px;}
.imgunder {position: relative; height: auto; width: 50%; left: 25%; top: 0px; margin: 0px;}
.imgoverlay>.landscape {width: 80%; left: 10%;}
.imgover {position: absolute; height: auto; width: 50%; left: 25%; top: 0px; margin: 0px;}
#slideshow {position: relative; overflow: hidden; width: 300px; height: 200px; margin: 0 auto; box-shadow: 0 0 20px rgba(0,0,0,0.4);}
#slideshow div {position: absolute; z-index: 1; text-align: center; height: 200px;}
#slideshow>div>img {width: 300px; height: 200px;}
#slideshow div.active {z-index: 3}
#slideshow p {position: absolute; bottom: 0; width: 95%; color: white; background-color: rgba(46,92,149,0.6); height: 1em; padding-bottom: 1em;}



.webapp {display:block; font: 12px/1.6em Geneva, Verdana, Sans-Serif;}
#colorpickers {clear: left; padding: 0; margin: 0 0 0 10px;}
.colorpicker{float: left; height: 25px; background: #DDD; width: 100px; list-style: none; border: 1.5px solid #CCC; margin: 0 10px 10px 0; border-radius: 2px; display: block; text-decoration: none; padding: 7px 0px 0px 5px; color: black;}
.colorpicker:hover {cursor: pointer; border: 1.5px solid #AAA;}
.colorpicker.current {background: #376fb4; color: white;}
.colorpicker div {position: relative; top: -20px; left: 75px; height: 20px; width: 20px; background: black;}
.button#samplesize{width: 45px;}

#decoimage{clear: all; width: 300px; height: 300px; border: 1px solid #CCC; margin: 0 0 10px 10px; background: #EEE; cursor: crosshair;}

#processing {clear: left; height: 25px; padding: 0; margin: 0 0 0 10px;}
.button{float: left; height: 25px; background: #DDD; width: 100px; list-style: none; border: 1.5px solid #CCC; margin: 0 10px 10px 0; border-radius: 2px; color: black; display: block; text-decoration: none; padding: 7px 0px 0px 5px;}
.button:hover {cursor: pointer; border: 1.5px solid #AAA;}
.button.current {background: #376fb4; color: white;} /*  #2196f3;  */
#thumbnails {clear: left; padding: 0; margin: 0 0 0 10px;}
.thumbnail {clear: left; padding: 0; margin: 0 5px 0 0; cursor: pointer;}