/*********
 * Reset *
 *********/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
    font-size: 30px;    
    font-family: georgia, serif;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/***********
 * General *
 ***********/

#wrapper {
	position: relative;
	margin: 0 auto -50px;
	min-height: 100%;
}

.warning {
    color: #b31b1b;
}

.browse-title {
    margin: 10px;
    margin-top: 4px;
}

.info-box {
    padding: 10px;
    margin: 12px 10px;
    width: 920px;
    overflow: hidden;
    background: #f0f0f0;
    font-family: helvetica, arial, sans-serif;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
    border-radius: 8px;
}

#tags {
    padding: 10px;
    margin: 12px 10px;
    width: 930px;
    overflow: hidden;
    background: #f0f0f0;
    font-family: helvetica, arial, sans-serif;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
    border-radius: 8px;
}

.tag-title {
    margin-left: 12px;
    margin-bottom: 16px;
    font-weight: bold;
    color: #888;
}

.tag-name {
    float: left;
    margin: 3px 8px;
    max-width: 500px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tag-name a {
    padding: 4px;
}

.tag-name a:hover {
    color: #666;
}

.tag-name .tag-small {
    color: #d97474;
    font-size: 14px;
}

.tag-name .tag-middle {
    color: #d94f4f;
    font-size: 18px;
}

.tag-name .tag-big {
    font-size: 22px;
}

.tag-name .selected {
    color: #888;
    background: #fff;
}

#chess {
    margin: 10px;
}

#about-tech, #press {
    padding: 30px;
    color: #222;
}

#press .title {
    margin-bottom: 20px;
    font-size: 40px;
}

#press .subtitle {
    color: #888;
}

#press .section + .section, #press ul + .section {
    margin-top: 3em;
}

#press a {
    outline: none;
}

#press img {
    border: 1px solid #ccc;
    margin-right: 10px;
    padding: 5px;
}

#press img:hover {
    border-color: #888;
}

#press-logos {
    text-align: center;
}

#press #press-logos img {
    border: none;
    margin: 0 0 2em 0;
    padding: none;
}

#about-tech ul, #press ul {
    list-style-type: disc;
    list-style-position: outside;
}

#about-tech ul li, #press ul li {
    line-height: 22px;
}

#about-tech ul li {
    margin: 20px 0 0 30px;
}

#press ul li, #press ol li {
    margin-left: 20px;
}

#press ol {
    list-style-type: decimal;
    list-style-position: outside;
}

#about-tech-content, #press p {
    line-height: 22px;
}

#about-tech-additional p {
    font-family: georgia, serif;
    font-size: 30px;
}

.push {
	height: 50px;
}

.title {
    margin-bottom: 10px;
    font: bold 32px helvetica, arial, sans-serif;
}

.section-title {
    margin-bottom: 10px;
    font: bold 28px helvetica, arial, sans-serif;
}

.subtitle {
    margin-bottom: 10px;
    font: bold 20px helvetica, arial, sans-serif;
}

.section + .title {
   margin-top: 1em; 
}

html {
	height: 100%;
}

body {
	min-width: 1275px;
	height: 100%;
	background: #f0f0f0;
	font-family: helvetica, arial, sans-serif;
    color: #444;
}

p {
    font-family: helvetica, arial, sans-serif;
}

p+p, p+.title, p+.section-title, p+.subtitle, p+ol, p+ul, ol+.title, ol+.section-title, ol+.subtitle, ul+.title, ul+.section-title, ul+.subtitle {
    margin-top: 1em;
}

a {
    font-family: helvetica, arial, sans-serif;
	color: #b31b1b;
	text-decoration: none;
}

a:hover {
	color: #cf7676;
}

input {
	outline: none;
}

input[type="submit"] {
	padding: 4px;
	background: #444;
	border: none;
	font-weight: bold;
	font-family: helvetica, arial, sans-serif;
	color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

input[type="submit"][disabled], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:active {
    background: #ccc;
    color: #888;
}

input[type="submit"]:hover, #start:hover, input[name="evolve"]:hover, input[name="publish"]:hover {
	background: #888;
}

input[type="submit"]:active, #start:active, input[name="evolve"]:active, input[name="publish"]:active {
	background: #aaa;
}

.left {
	text-align: left;
}

.center {
    text-align: center;
}

.right {
	text-align: right;
}

.small {
    font-size: 10px;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}

#browserWarning2 {
	position: relative;
	padding: 10px;
    margin-bottom: 20px;
	width: 150px;
	background-color: #ffc;
	border: 1px solid #880;
}

#browserWarning2 a {
	border-bottom: 1px dotted;
	color: #880;
}

#hoverMover {
	position: absolute;
	left: 120px;
	top: 0;
	padding: 10px;
	background: #fff;
	border: 1px solid #444;
	z-index: 10;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
}

#hoverMover a {
	border-bottom: 1px dotted;
    color: #b31b1b;
}


/**********
 * Header *
 **********/

#header {
	position: relative;
	min-width: 1275px;
	width: 100%;
	height: 50px;
    background: #bc3b3b;
	-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
	z-index: 1;
}

#logo {
    outline: none;
}

#logo img {
	margin-left: 15px;
	margin-top: 7px;
}

.marker {
	float: right;
}

#header .arrow {
	float: left;
	width: 0;
	height: 0;
	border-color: #b31b1b #b31b1b #b31b1b #bc3b3b;
	border-style: solid;
	border-width: 25px;
}

#userline {
	float: right;				
	padding-right: 18px;
	height: 50px;
	background: #b31b1b;
	font: bold 18px helvetica, arial, sans-serif;
	color: #fff;
}

#userline a {
	color: #fff;
}

#userline form {
    float: left;
}

#userline input {
	padding: 4px 4px 4px 30px;
	margin-top: 11px;
	margin-left: 40px;
	width: 150px;
	background: #fff url("/web/20210507124726im_/http://endlessforms.com/media/images/search.png") no-repeat scroll 4px center;
}

/*********
 * Space *
 *********/

#gen-space {
	height: 2em;
}

#gen-space .inner {
	margin-left: auto;
	margin-right: auto;
	width: 1050px;
}

#gen-space #notes {
	margin-top: 0.3em;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	text-align: center;
	color: #444;
	overflow: hidden;
}

#gen-space #notes .note {
	position: relative;
}

#left-note {
	float: left;
}

#right-note {
	float: right;
}

#left-note, #right-note {
	padding-top: 3px;
    width: 16px;
	height: 2em;
	cursor: pointer;
}

#left-note .arrow, #right-note .arrow {
	width: 0;
	height: 0;
	border-width: 8px;
}

#main-space, #gen-space {
	margin-top: 15px;
	min-width: 1275px;
	width: 100%;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.85);
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	font: 16px tahoma;
	line-height: 21px;
	overflow: hidden;
}

#main-space .inner {
    margin: auto;
    width: 1275px;
}

#quote {
	position: relative;
    width: 385px;
	font: 18px georgia;
	text-align: right;
}

#main-space #announcements {
	padding: 15px 0;
    margin-top: -1px;
	width: 300px;
}

#main-space #notes .note {
	width: 100%;
	text-align: center;
}

#main-space #notes .note .extra {
    display: none;
}

#main-space #announcements .title {
    margin-bottom: 4px;
    text-align: center;
    font-size: 18px;
}

#main-space #announcements .tip {
    position: relative;
    text-align: center;
}

#tips {
	width: 400px;
    border-right: 1px dashed #ddd;
}

#tips .tip {
	position: relative;
}

#left-tip {
    margin-left: 5px;
    margin-right: 20px;
}

#right-tip {
    margin-left: 20px;
    margin-right: 5px;
}

#left-tip .arrow, #right-tip .arrow {
    margin-top: 45px;
	width: 0;
	height: 0;
	border-width: 12px;
}

#left-tip .arrow, #left-note .arrow {
	border-color: transparent #888 transparent transparent;
	border-style: solid;
}

#right-tip .arrow, #right-note .arrow {
	border-color: transparent transparent transparent #888;
	border-style: solid;
}

#left-tip:hover .arrow, #left-note:hover .arrow {
	border-color: transparent #b31b1b transparent transparent;
}

#right-tip:hover .arrow, #right-note:hover .arrow {
	border-color: transparent transparent transparent #b31b1b;
}

#left-tip, #right-tip {
    float: left;
    padding: 15px 0;
	height: 110px;
	cursor: pointer;
}

#quote, #main-space #announcements, #tips {
	float: left;				
	height: 110px;
	color: #444;
	overflow: hidden;
}

#quote, #left-tip, #tips {
	border-left: 1px dashed #ddd;
}

#quote, #tips {
    padding: 15px 20px;
}

/***********
 * Content *
 ***********/

#container {
	margin: 15px auto;
    width: 1190px;
}

#content {
	float: left;
    padding: 10px;
	min-width: 925px;
	max-width: 975px;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.85);
	border: 1px solid #ddd;
}

#sidebar {
	float: left;
    margin: 2px 15px 0px 0;
	width: 170px;
	font-family: helvetica, arial, sans-serif;
}


#start, input[name="evolve"], input[name="publish"] {
	display: block;
	background: #444;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#start {
	padding: 8px;
	margin-bottom: 8px;
    text-align: center;
}

.share+.share {
    margin-top: 8px;
}

.follow-button {
    float: left;
    margin-right: 4px;
    width: 30px;
    height: 30px;
}

.menu {
	float: right;
	width: 170px;
}

.menu .section {
    padding: 8px;
    background: #bc3b3b;
    border-bottom: 4px solid #a11818;
	font-weight: bold;
	font-size: 20px;
	color: #fff;	
}

.menu .inner {
	padding: 8px;
    margin-top: -1px;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.85);
    border: 1px solid #ddd;
    border-top: none;
	font-size: 16px;
	color: #888;
}

.menu .inner a {
	display: block;
	text-decoration: none;
	color: #888;
	line-height: 24px;
	cursor: pointer;
}

.menu .inner a:hover {
	background: #f2f2f2;
}

.pagination {
    margin: 15px 0 5px 0;
    width: 100%;
    font-size: 14px;
}

.pagination .left {
    float: left;
    margin-left: 10px;
}

.pagination .right {
    float: right;
    margin-right: 10px;
}

.pagination .left, .pagination .right {
    background: #444;
    color: #fff;
}

.pagination .pages {
    margin: auto;
    width: 200px;
    background: #f2f2f2;
    border: 1px solid #d8d8d8;
    text-align: center;
}

.pagination .pages, .pagination a {
    padding: 6px 8px;
    font-weight: bold;
}

.pagination a:hover {
    background: #888;
}

.pagination a:active {
    background: #aaa;
}

/**********
 * Footer *
 **********/

#footer {
	position: relative;
	min-width: 1275px;
	width: 100%;
	height: 50px;
	background: #b31b1b;
	font: bold 18px helvetica, arial, sans-serif;
	color: #fff;
	overflow: hidden;
}

#cml-logo {
    float: right;
    margin: 12px 20px 12px 20px;
}

#suggest {
	float: left;
	padding-left: 15px;
	margin-top: 11px;
}

#suggest p, label {
	display: block;
	float: left;
	margin-top: 3px;
	margin-right: 8px;
	font: bold 18px helvetica, arial, sans-serif;
}

#suggest input {
	padding: 4px;
	width: 200px;
}

#userline div, #userline a, #about div, #about a {
	float: left;
	padding: 0 6px;
    margin-top: 8px;
	margin-left: 25px;
    line-height: 34px;
	cursor: pointer;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#userline div:hover, #userline a:hover, #about div:hover, #about a:hover {
	background: #fff;
	color: #b31b1b;
}

#userline input, #suggest input {
	height: 20px;
	border: none;
	font: bold 16px helvetica, arial, sans-serif;
	color: #888;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#userline input:focus, #suggest input:focus {
	color: #222;
	-moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.65);
	-webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.65);
	box-shadow: 0 0 5px rgba(255, 255, 255, 0.65);
}

#about {
	float: right;
	padding-right: 15px;				
}

#about div, #about a {
	color: #fff;
}

#userline a, #about a {
	display: block;
	text-decoration: none;
}

/************
 * Organism *
 ************/

.org-display {
	float: left;
	margin: 10px;
	width: 175px;
}

.org-display .org-header {
	margin-bottom: 6px;
}

.org-display .evolve a {
    float: right;
    width: 50px;
}

.org-display .publish a {
    float: left;
    width: 54px;
}

.org-display .evolve a, .org-display .publish a {
	padding: 4px 8px;
	margin-top: -4px;
	background: #444;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
    cursor: pointer;
}

.org-display .evolve a:hover, .org-display .publish a:hover, #share-download-print .button:hover {
	background: #888;
}

.org-display .evolve a:active, .org-display .publish a:active, #share-download-print .button:active {
	background: #aaa;
}

.org-display .evolve a.disabled, .org-display .publish a.disabled {
    background: #ccc;
    color: #888;
    cursor: default;
}

.org-header .rating {
	float: left;
}

.org-box {
	position: relative;
	float: left;
	margin: 5px;
	width: 173px;
	height: 200px;
	overflow: hidden;
	border: 1px solid #d8d8d8;
}

.org-display .org-box {
	margin: 0 0 6px 0;
}

.org-box:hover {
	border-color: #c8c8c8;
}

.org-box.selected {
    border-color: #b2d3f8;
}

.org-box.selected:hover {
    border-color: #729dd2;
}

.org-box .window {
    position: absolute;
    top: 0;
    left: 0;
	width: 173px;
	height: 200px;
	background: #f2f2f2;
}

.org-box:hover .window {
	background: #e8e8e8;
}

.org-box.selected .window {
    background: #d4e7fc;
}

.org-box.selected:hover .window {
    background: #c6dffc;
}

.org-box label {
    width: 100%;
    height: 100%;
}

.org-box input {
    display: none;
}

.org-box label, .org-box input {
    position: absolute;
    z-index: 1;
}

.zoom {
    position: absolute;
    top: -40px;
    padding: 8px;
    width: 157px;
	background: rgb(179, 27, 27);
	background: rgba(179, 27, 27, 0.75);
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 1.3em;
    cursor: default;
    z-index: 10;
}

.org-info {
	position: absolute;
	bottom: -75px;
	padding: 8px;
	width: 157px;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.85);
	font-size: 12px;
	color: #222;
	line-height: 1.3em;
}

.org-rating {
	float: left;
	margin-top: 2px;
	margin-bottom: 10px;
}

.num-ratings {
	float: left;
	margin-top: 2px;
	margin-left: 4px;
	font-size: 12px;
}

.org-comments {
	float: right;
}

.org-comments .bubble {
	width: 24px;
	height: 16px;
	background: #b31b1b;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.org-comments .arrow {
	margin-left: 8px;
	width: 0;
	height: 0;
	border-color: #b31b1b transparent transparent transparent;
	border-style: solid;
	border-width: 4px;
}

.unsave {
    font-size: 14px;
}

.org-display .org-tags {
	margin-top: 6px;
    width: 175px;
    min-height: 1.2em;
	font-size: 14px;
	color: #222;
    line-height: 1.2em;
    overflow: hidden;
}

p.org-gallery {
    margin: 10px;
    font-size: 20px;
}

.org-display-2d{
    float: left;
}

.chess, .chess .window {
    width: 118px;
    height: 118px;
    margin: 0;
    border: none;
}

.chess.black .window {
	background: #dedede;
}

.chess.black:hover .window {
    background: #d4d4d4;
}

.chess.white:hover .window {
    background: #eaeaea;
}

/********************
 * Organism Tagging *
 ********************/

#tagging {
    float: left;
	padding: 10px;
    padding-top: 0;
    width: 250px;
}

#tagging .tag-input {
    float: left;
    margin-top: 6px;
}

#add {
    float: left;
    margin-top: 5px;
    margin-left: 6px;
    font-weight: bold;
	font-size: 28px;
    cursor: pointer;
}

#add:hover {
    color: #b31b1b;
}

#tagging #userform input[type="submit"] {
    margin-top: 8px;
    width: 206px;
}

/****************
 * User Profile *
 ****************/

.edit-profile {
    display: inline-block;
    margin-left: 50px;
    font-size: 16px;
}

.profile-title {
    margin: 5px 10px 15px 10px;
}

.profile-title.user {
    font-size: 40px;
    font-weight: bold;
}

.profile-info {
    padding: 10px;
    margin: 10px
}

.profile-info .label {
    display: block;
    float: left;
    width: 175px;
    font-weight: bold;
    line-height: 1.5em;
}

.profile-info .info {
    display: block;
    float: left;
    width: 500px;
    line-height: 1.5em;
}

/********************
 * Organism Profile *			
 ********************/

#share-download-print {
    margin: 10px auto;
    width: 175px;
    text-align: center;
}

#share-download-print .imagelink{
    display: block;
    margin: 6px auto 0 auto;
	padding: 6px 8px;
    width: 140px;
	background: #444;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#share-download-print .button{
    display: block;
    margin: 6px auto 0 auto;
	padding: 6px 8px;
    width: 140px;
	background: #444;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#share-download-print .small {
    display: block;
    margin-top: 4px;
}

#share-download-print form.thingiForm {
	display: none;
}

#social-buttons {
    margin-bottom: 10px;
}

#comments-ancestors {
    position: relative;
	float: left;
	padding: 6px 10px 10px 10px;
	margin-left: 4px;
    width: 520px;
	font-size: 14px;
}

/*
#comments-title {
    float: left;
}

#ancestors-title {
    float: right;
}

#comments-title, #ancestors-title {
    padding: 4px 8px;
    margin-bottom: 14px;
    cursor: pointer;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

#comments-ancestors .title {
    background: #f4f4f4;
}

#comments-ancestors .title:hover {
    background: #d97474;
    color: #fff;
}

#comments-ancestors .selected-title {
    background: #b31b1b;
    color: #fff;
}

#comments-ancestors .selected-title:hover {
    background: #b31b1b;
}
*/

#comments textarea {
	padding: 6px;
	width: 506px;
	height: 3em;
	border: 1px solid #ddd;
	font-size: 14px;
	font-family: helvetica, arial, sans-serif;
	color: #888;
	outline: none;
	resize: none;
}

#comments textarea:focus {
	border-color: #ccc;
	color: #444;
}

#comments input {
	float: right;
    margin-top: 10px;
	width: 90px;
    font-size: 14px;
    cursor: pointer;
}

.comment {
	padding: 10px;
	width: 500px;
	font-size: 14px;
	font-family: helvetica, arial, sans-serif;
	line-height: 16px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.comment+.comment {
    margin-top: 6px;
}

.comment.odd {
	background: #f0f0f0;
	color: #666;
}

.comment.odd:hover {
	background: #eaeaea;
}

.comment.even {
	background: #f6f6f6;
	color: #666;
}

.comment.even:hover {
	background: #f0f0f0;
}

.comment .user {
	float: left;
}

.comment .date {
	float: right;
}

.comment .user, .comment .date {
    font-size: 16px;
}

.comment .user.publisher a {
    font-weight: bold;
}

.comment .text {
	margin-top: 2.2em;
	clear: both;
}

/*********
 * Forms *
 *********/

.formSubmit a {
    cursor: pointer;
}

input[name="evolve"], input[name="publish"] {
    margin-bottom: 6px;
	width: 400px;
}

input[name="evolve"] {
    margin-top: 2px;
    margin-left: 5px;
}

input[name="publish"] {
    float: right;
    margin-right: 5px;
}

#userform {
    font-size: 16px;
}

.field+.field {
    margin-top: 4px;
}

#userform label, #userform input, #userform .error {
	display: block;
    float: left;
    font-family: helvetica, arial, sans-serif;
    font-weight: normal;
}

#userform label {
    width: 150px;
    font-size: 16px;
}

#userform input[type="text"], #userform input[type="password"], #userform input[type="checkbox"] {
    height: 20px;
}

#userform input[type="text"], #userform input[type="password"], #userform textarea {
    padding: 2px;
    width: 200px;
    border: 1px solid #ddd;
    font-size: 14px;
    font-family: helvetica, arial, sans-serif;
	color: #888;
	outline: none;
	resize: none;
}

#userform input[type="text"]:focus, #userform input[type="password"]:focus, #userform textarea:focus {
    border-color: #bbb;
    color: #444;
}

#userform input[type="submit"] {
    padding: 4px;
    width: 200px;
    font-size: 20px;
}

/***********
 * Ratings *
 ***********/

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(/web/20210507124726im_/http://endlessforms.com/media/css/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(/web/20210507124726im_/http://endlessforms.com/media/images/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

input[type="radio"].star {
    opacity: 0;
}

/*****************
 * Ancestor Tree *
 *****************/

div.ancestors {
	position: relative;
    background: #f8f8f8;
    border: 1px solid #eee;
}

div.ancestors .title {
    padding: 5px 0;
    margin-bottom: 0;
    background: #f4f4f4;
}

div.ancestors canvas {
	position: absolute;
	top: 0;
	left: 0;
}

div.ancestors p {
    padding: 6px;
}

div.ancestors div.clear + div.epoch {
    margin-top: 40px;
}

div.ancestors div.org-box {
	float: left;
	width: 87px;
	height: 100px;
}

div.ancestors div.org-box div.org-info {
    display: none;
	padding: 4px 4px 5px 4px;
	width: 79px;
	font-size: 70%;
}	

div.ancestors div.org-box label {
	width: 87px;
	height: 100px;
}

div.ancestors div.org-box span.window {
	width: 87px;
	height: 100px;
}

div.ancestors div.expand {
    position: relative;
    cursor: pointer;
    z-index: 1;
}

/***********************
 * Large Organism View *
 ***********************/

div.org-display.detail.large { 
    width: 525px;
}
div.org-display.detail.large div.org-box {
	width: 525px;
	height: 600px;
}

div.org-display.detail.large div.org-box label {
	width: 525px;
	height: 600px;
}

div.org-display.detail.large div.org-box span.window {
	width: 525px;
	height: 600px;
}

div.org-display.detail.large .org-info {
	width: 507px;
	font-size: 16px;
}

div.org-display.detail.large div.org-tags {
    font-size: 200%;
    text-align: center;
    width: 100%;
}

/************
 * Redirect *
 ************/

#redirect {
    position: absolute;
    top: 100px;
    left: 50%;
    padding: 10px;
    margin: 0 0 0 -400px;
    width: 800px;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.85);
	border: 1px solid #ddd; 
    font-size: 24px;
}

#redirect .timer {
    text-align: center;
    font-size: 40px;
}

/****************
 * AutoComplete *
 ****************/

#tag_lookup {
	border: 1px solid #666;
	border-bottom: 0px;
	font-size: 12px;
	font-family: inherit;
    margin-left: 1px;
	padding: 0px;
	display: none;
    text-align: left;
}

#tag_lookup div {
    border-bottom: 1px solid #666;
    padding: 3px;
}

#tag_lookup .selected {
	background-color: #666;
	color: #fff;
}

#tag_lookup .unselected {
	background-color: #fff;
	color: #666;
}

/***********
 * Overlay *
 ***********/

#overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 1275px;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
}

#pop-up {
    position: absolute;
    top: 80px;
    left: 50%;
    padding: 10px;
    margin-left: -300px;
    width: 600px;
    height: 680px;
    background: #fff;
}

#close-overlay {
    right: 0;
    padding: 4px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}

#close-overlay:hover {
    background: rgb(50, 50, 50);
    background: rgba(50, 50, 50, 0.7);
}

#close-overlay:active {
    background: rgb(100, 100, 100);
    background: rgba(100, 100, 100, 0.7);
}

#overlay .org-display {
    width: 580px;
    height: 640px; 
    background: #fff;
}

#overlay .org-box {
    width: 580px;
    height: 640px; 
}

#overlay .org-box .window {
    width: 580px;
    height: 640px;
}

/*
     FILE ARCHIVED ON 12:47:26 May 07, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:39:11 Jul 12, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.984
  exclusion.robots: 0.095
  exclusion.robots.policy: 0.079
  esindex: 0.016
  cdx.remote: 11.667
  LoadShardBlock: 195.783 (3)
  PetaboxLoader3.datanode: 182.928 (5)
  PetaboxLoader3.resolve: 127.802 (3)
  load_resource: 120.383 (2)
*/