/* basic elements */
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFFFAA;
	margin: 0px;
	text-align: center;
}

H1 .siteEnvironment {
	position: absolute;
	top: 0.2em;
	right: 0.2em;
	border-color: black;
	background-color: #FF8800;
	padding: 0.25em;
	border: 3px solid black;
}

H1 .siteDB {
	font-size: 1rem;
}

h4 {
	font-size: 1.1rem;
	margin-bottom: 0.2rem;
}

details summary {
	cursor: pointer;
}

FIGURE { margin: 1em; text-align: center; }
FIGCAPTION { font-size: 0.9em; font-style: italic;  text-align: center; }
FIGURE > A { display: block; }

IMG { border: none; }

LABEL  { display: inline-block; min-width: 75px; font-weight: bold; padding: 3px; }
BUTTON { cursor: pointer; }

FIELDSET { margin-top: 1em; margin-bottom: 1em; border-color: #FFCC66; }
FIELDSET LEGEND { font-weight: bold; }

INPUT[readonly] { background-color: #E1E4F2; border: 1px solid gray; }
INPUT[disabled] { background-color: #E1E4F2; border: 1px solid gray; }
INPUT[type="radio"] { background-color: transparent; border: none; }

a:link    { color: #CD6600; text-decoration: none; } /* CD6600,A0522D,D2691E,FF8800 */
a:visited { color: #CD6600; text-decoration: none; }
a:hover,
a:focus   { color: #FF9900; text-decoration: none; }

.indent1, .indentOne   { padding-left: 0.5em; }
.indent2, .indentTwo   { padding-left: 1em; }
.indent3, .indentThree { padding-left: 1.5em; }
.indent4, .indentFour  { padding-left: 2em; }
.indent5, .indentFive  { padding-left: 2.5em; }
.indent6, .indentSix   { padding-left: 3em; }

.flex-horiz-space-around,
.card.flex-horiz-space-around {
	display: flex;
	justify-content: space-around;
}

.flex-items-equal-widths > * {
	flex: 1 0 0;
}

.card {
	display: block;
	padding: 0.5em;
	/* background-color: rgba(255, 165, 0, .1); */
	/* box-shadow: -5px 5px 14px -1px rgba(255,165,0,.5); */
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2); /* Material design box shadow */
}

.card h1:first-child,
.card h2:first-child,
.card h3:first-child,
.card h4:first-child,
.card h5:first-child,
.card h6:first-child {
	margin-top: 0;
}

a.card:hover,
a.card:focus {
	box-shadow: 0 6px 5px 0 rgba(0,0,0,.14), 0 3px 10px 0 rgba(0,0,0,.12), 0 4px 4px -1px rgba(0,0,0,.2); /* Material design box shadow */
}

.maxwidth-10 { max-width: 10%; }
.maxwidth-20 { max-width: 20%; }
.maxwidth-30 { max-width: 30%; }
.maxwidth-40 { max-width: 40%; }
.maxwidth-50 { max-width: 50%; }
.maxwidth-60 { max-width: 60%; }
.maxwidth-70 { max-width: 70%; }
.maxwidth-80 { max-width: 80%; }
.maxwidth-90 { max-width: 90%; }



/***************************
 ** ACCESSIBILITY CLASSES **
 **************************/

.sr-only,
.accessibilityHeader,
.accessibilitySection
{
	/* The equivalent of 'display: none' but leaves the elements readable by some screen readers */
	/* See http://www.csszengarden.com/063/063.css */
	display: inline;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -5000em;
	overflow: hidden;
	clip: rect(0,0,0,0);/* because 'height: 0' doesn't have any fun in IE5.5 */
	height: 0;/* because clip doesn't have any fun in IE6 */
}

A#skip,
A#skip:visited
{
	position: absolute;
	left: -1000px;
	top: auto;
	font-size: 1em;
}

A#skip:active,
A#skip:hover,
A#skip:focus
{
	position: static;
	text-decoration: underline;
	float: right;
	color: #FF9900;
}

.buttonize,
.buttonize:link,
.buttonize:visited {
	display: inline-block;
	text-decoration: none;
	text-align: center;
	color: white;
	padding: 10px;
	font-weight: bold;
	font-size: 14px;
	border-radius: 3px;
	/*
	border: solid 1px #245b7a;
	text-shadow: 1px 1px 1px #333333;
	background: #326279;
	background: -moz-linear-gradient(top, #326279 0%, #123347 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#326279), color-stop(100%,#123347));
	*/
	border: solid 1px #f30;
	text-shadow: 1px 1px 1px #333333;
	background: #f60;
	background: -moz-linear-gradient(top, #f90 0%, #f60 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f90), color-stop(100%,#f60));
	
}

.buttonize:hover,
.buttonize:focus,
.buttonize:active {
	border: solid 1px #f00;
	text-shadow: 1px 1px 1px #333333;
	text-decoration: underline;
	background: #f30;
	background: -moz-linear-gradient(top, #f80 0%, #f30 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f80), color-stop(100%,#f30));
	
}

.buttonize[disabled],
.buttonize.disabled,
.buttonize.disabled:link,
.buttonize.disabled:visited {
	color: #999;
	border: solid 1px #ccc;
	text-shadow: 1px 1px 10px #aaa;
	background: #ddd;
	background: -moz-linear-gradient(top, #eee 0%, #ccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ccc));
	
}

.buttonize[disabled]:hover,
.buttonize[disabled]:focus,
.buttonize[disabled]:active,
.buttonize.disabled:hover,
.buttonize.disabled:focus,
.buttonize.disabled:active {
	color: #999;
	border: solid 1px #ccc;
	text-shadow: 1px 1px 10px #aaa;
	background: #ddd;
	background: -moz-linear-gradient(top, #eee 0%, #ccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ccc));
	
}


/* Default bullet list settings */
UL    { margin-top: 5px; margin-bottom: 3px; margin-left: 1em; padding-left: 2em; }
UL LI { margin-top: 5px; margin-bottom: 3px; }
LI UL { font-size: 12pt; } /* Keeps lists from inheriting their parents' font sizes (important because using em's) */
dl dt { margin-top: 1em; font-weight: bold; }
dl dd { margin-top: 0.25em; margin-inline-start: 20px; }

UL.noindent { margin-left: 0; padding-left: 0; }

/* List bullet item classes */
UL.tp  LI,  LI.tp    { list-style-image: url("../images/icons/tinkerplots.gif"); }
UL.doc LI,  LI.doc   { list-style-image: url("../images/icons/msword.gif"); }
UL.xls LI,  LI.xls   { list-style-image: url("../images/icons/xlsicon.gif"); }
UL.ppt LI,  LI.ppt   { list-style-image: url("../images/icons/ppt.gif"); }
UL.pdf LI,  LI.pdf   { list-style-image: url("../images/icons/pdf.gif"); }
UL.gsp LI,  LI.gsp   { list-style-image: url("../images/icons/gsp.gif"); }
UL.jpg LI,  LI.jpg   { list-style-image: url("../images/icons/jpg.gif"); }
UL.gif LI,  LI.gif   { list-style-image: url("../images/icons/gif.gif"); }
UL.java LI, LI.java  { list-style-image: url("../images/icons/java.gif"); }
UL.note LI, LI.note  { list-style-image: url("../images/icons/notepage.gif"); }
UL.email LI,LI.email { list-style-image: url("../images/icons/letter.gif"); }
UL.forum LI,LI.forum { list-style-image: url("../images/icons/forum.gif"); }
UL.users LI,LI.users { list-style-image: url("../images/icons/32x32/kuser.png"); }
UL.none LI, LI.none  { list-style-image: none; list-style-type: none; }

/**
 * Bee list style
 */

ul.bee {
	margin-left: 0;
	list-style: disc url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.bee li:before {
	content: "\1F41D";
	position: absolute;
	margin-right: 0.5em;
	margin-left: -1.5em;
}

.bee li {
	padding-left: 1em;
}

UL.inlineList,UL.inlineList LI, LI.inlineList { display: inline; margin: 0; padding: 0; }
UL.inlineListItem LI, LI.inlineListItem { display: inline; margin: 0; padding: 0; }

/* NOTE:
 *  Sm   => 16x16
 *  Med  => 22x22
 *  Lg   => 32x32
 *  XLg  => 48x48
 */

UL.usersSm  > LI,LI.usersSm  { list-style-image: url("../images/icons/16x16/kuser.png"); font-size: 100%; }
UL.usersMed > LI,LI.usersMed { list-style-image: url("../images/icons/22x22/kuser.png"); font-size: 138%; }
UL.usersLg  > LI,LI.usersLg  { list-style-image: url("../images/icons/32x32/kuser.png"); font-size: 200%; }
UL.usersXLg > LI,LI.usersXLg { list-style-image: url("../images/icons/48x48/kuser.png"); font-size: 300%; }

UL.groupSm  > LI,LI.groupSm  { list-style-image: url("../images/icons/16x16/kuser.png"); font-size: 100%; }
UL.groupMed > LI,LI.groupMed { list-style-image: url("../images/icons/22x22/kuser.png"); font-size: 138%; }
UL.groupLg  > LI,LI.groupLg  { list-style-image: url("../images/icons/32x32/kuser.png"); font-size: 200%; }
UL.groupXLg > LI,LI.groupXLg { list-style-image: url("../images/icons/48x48/kuser.png"); font-size: 300%; }

UL.personalSm  > LI,LI.personalSm  { list-style-image: url("../images/icons/16x16/personal.png"); font-size: 100%; }
UL.personalMed > LI,LI.personalMed { list-style-image: url("../images/icons/22x22/personal.png"); font-size: 138%; }
UL.personalLg  > LI,LI.personalLg  { list-style-image: url("../images/icons/32x32/personal.png"); font-size: 200%; }
UL.personalXLg > LI,LI.personalXLg { list-style-image: url("../images/icons/48x48/personal.png"); font-size: 300%; }

UL.identitySm  > LI,LI.identitySm  { list-style-image: url("../images/icons/16x16/identity.png"); font-size: 100%; }
UL.identityMed > LI,LI.identityMed { list-style-image: url("../images/icons/22x22/identity.png"); font-size: 138%; }
UL.identityLg  > LI,LI.identityLg  { list-style-image: url("../images/icons/32x32/identity.png"); font-size: 200%; }
UL.identityXLg > LI,LI.identityXLg { list-style-image: url("../images/icons/48x48/identity.png"); font-size: 300%; }

UL.starSm  > LI,LI.starSm  { list-style-image: url("../images/icons/16x16/bookmark.png"); font-size: 100%; }
UL.starMed > LI,LI.starMed { list-style-image: url("../images/icons/22x22/bookmark.png"); font-size: 138%; }
UL.starLg  > LI,LI.starLg  { list-style-image: url("../images/icons/32x32/bookmark.png"); font-size: 200%; }
UL.starXLg > LI,LI.starXLg { list-style-image: url("../images/icons/48x48/bookmark.png"); font-size: 300%; }

UL.findSm  > LI,LI.findSm  { list-style-image: url("../images/icons/16x16/viewmag.png"); font-size: 100%; }
UL.findMed > LI,LI.findMed { list-style-image: url("../images/icons/22x22/viewmag.png"); font-size: 138%; }
UL.findLg  > LI,LI.findLg  { list-style-image: url("../images/icons/32x32/viewmag.png"); font-size: 200%; }
UL.findXLg > LI,LI.findXLg { list-style-image: url("../images/icons/48x48/viewmag.png"); font-size: 300%; }

UL.topicSm > LI,LI.topicSm  { list-style-image: url("../images/icons/16x16/topic.png"); font-size: 1em; }
UL.topicMed> LI,LI.topicMed { list-style-image: url("../images/icons/22x22/topic.png"); font-size: 1.38em; }
UL.topicLg > LI,LI.topicLg  { list-style-image: url("../images/icons/32x32/topic.png"); font-size: 2em; }
UL.topicXLg> LI,LI.topicXLg { list-style-image: url("../images/icons/48x48/topic.png"); font-size: 3em; }

UL.folderSm  > LI,LI.folderSm  { list-style-image: url("../images/icons/16x16/folder_yellow.png"); font-size: 100%; }
UL.folderMed > LI,LI.folderMed { list-style-image: url("../images/icons/22x22/folder_yellow.png"); font-size: 138%; }
UL.folderLg  > LI,LI.folderLg  { list-style-image: url("../images/icons/32x32/folder_yellow.png"); font-size: 200%; }
UL.folderXLg > LI,LI.folderXLg { list-style-image: url("../images/icons/48x48/folder_yellow.png"); font-size: 300%; }

UL.cameraSm > LI,LI.cameraSm  { list-style-image: url("../images/icons/16x16/camera.png"); font-size: 1em; }
UL.cameraMed> LI,LI.cameraMed { list-style-image: url("../images/icons/22x22/camera.png"); font-size: 1.38em; }
UL.cameraLg > LI,LI.cameraLg  { list-style-image: url("../images/icons/32x32/camera.png"); font-size: 2em; }
UL.cameraXLg> LI,LI.cameraXLg { list-style-image: url("../images/icons/48x48/camera.png"); font-size: 3em; }

UL.thumbnailSm > LI,LI.thumbnailSm  { list-style-image: url("../images/icons/16x16/thumbnail.png"); font-size: 1em; }
UL.thumbnailMed> LI,LI.thumbnailMed { list-style-image: url("../images/icons/22x22/thumbnail.png"); font-size: 1.38em; }
UL.thumbnailLg > LI,LI.thumbnailLg  { list-style-image: url("../images/icons/32x32/thumbnail.png"); font-size: 2em; }
UL.thumbnailXLg> LI,LI.thumbnailXLg { list-style-image: url("../images/icons/48x48/thumbnail.png"); font-size: 3em; }

UL.thumbnailThumbSm > LI,LI.thumbnailThumbSm  { list-style-image: url("../images/icons/16x16/indeximg.png"); font-size: 1em; }
UL.thumbnailThumbMed> LI,LI.thumbnailThumbMed { list-style-image: url("../images/icons/22x22/indeximg.png"); font-size: 1.38em; }
UL.thumbnailThumbLg > LI,LI.thumbnailThumbLg  { list-style-image: url("../images/icons/32x32/indeximg.png"); font-size: 2em; }
UL.thumbnailThumbXLg> LI,LI.thumbnailThumbXLg { list-style-image: url("../images/icons/48x48/indeximg.png"); font-size: 3em; }

UL.videoSm > LI,LI.videoSm  { list-style-image: url("../images/icons/16x16/mplayer.png"); font-size: 1em; }
UL.videoMed> LI,LI.videoMed { list-style-image: url("../images/icons/22x22/mplayer.png"); font-size: 1.38em; }
UL.videoLg > LI,LI.videoLg  { list-style-image: url("../images/icons/32x32/mplayer.png"); font-size: 2em; }
UL.videoXLg> LI,LI.videoXLg { list-style-image: url("../images/icons/48x48/mplayer.png"); font-size: 3em; }

UL.deleteSm > LI,LI.deleteSm  { list-style-image: url("../images/icons/16x16/delete.png"); font-size: 1em; }
UL.deleteMed> LI,LI.deleteMed { list-style-image: url("../images/icons/22x22/delete.png"); font-size: 1.38em; }
UL.deleteLg > LI,LI.deleteLg  { list-style-image: url("../images/icons/32x32/delete.png"); font-size: 2em; }
UL.deleteXLg> LI,LI.deleteXLg { list-style-image: url("../images/icons/48x48/delete.png"); font-size: 3em; }

UL.camphotoSm > LI,LI.camphotoSm  { list-style-image: url("../images/icons/16x16/digikam.png"); font-size: 1em; }
UL.camphotoMed> LI,LI.camphotoMed { list-style-image: url("../images/icons/22x22/digikam.png"); font-size: 1.38em; }
UL.camphotoLg > LI,LI.camphotoLg  { list-style-image: url("../images/icons/32x32/digikam.png"); font-size: 2em; }
UL.camphotoXLg> LI,LI.camphotoXLg { list-style-image: url("../images/icons/48x48/digikam.png"); font-size: 3em; }

UL.chartSm > LI,LI.chartSm  { list-style-image: url("../images/icons/16x16/kchart.png"); font-size: 1em; }
UL.chartMed> LI,LI.chartMed { list-style-image: url("../images/icons/22x22/kchart.png"); font-size: 1.38em; }
UL.chartLg > LI,LI.chartLg  { list-style-image: url("../images/icons/32x32/kchart.png"); font-size: 2em; }
UL.chartXLg> LI,LI.chartXLg { list-style-image: url("../images/icons/48x48/kchart.png"); font-size: 3em; }

UL.chartThumbSm > LI,LI.chartThumbSm  { list-style-image: url("../images/icons/16x16/kchart_chrt.png"); font-size: 1em; }
UL.chartThumbMed> LI,LI.chartThumbMed { list-style-image: url("../images/icons/22x22/kchart_chrt.png"); font-size: 1.38em; }
UL.chartThumbLg > LI,LI.chartThumbLg  { list-style-image: url("../images/icons/32x32/kchart_chrt.png"); font-size: 2em; }
UL.chartThumbXLg> LI,LI.chartThumbXLg { list-style-image: url("../images/icons/48x48/kchart_chrt.png"); font-size: 3em; }

UL.beelogSm > LI,LI.beelogSm  { list-style-image: url("../images/icons/16x16/toggle_log.png"); font-size: 1em; }
UL.beelogMed> LI,LI.beelogMed { list-style-image: url("../images/icons/22x22/toggle_log.png"); font-size: 1.38em; }
UL.beelogLg > LI,LI.beelogLg  { list-style-image: url("../images/icons/32x32/toggle_log.png"); font-size: 2em; }
UL.beelogXLg> LI,LI.beelogXLg { list-style-image: url("../images/icons/48x48/toggle_log.png"); font-size: 3em; }

UL.beelogTopicSm > LI,LI.beelogTopicSm  { list-style-image: url("../images/icons/16x16/klipper.png"); font-size: 1em; }
UL.beelogTopicMed> LI,LI.beelogTopicMed { list-style-image: url("../images/icons/22x22/klipper.png"); font-size: 1.38em; }
UL.beelogTopicLg > LI,LI.beelogTopicLg  { list-style-image: url("../images/icons/32x32/klipper.png"); font-size: 2em; }
UL.beelogTopicXLg> LI,LI.beelogTopicXLg { list-style-image: url("../images/icons/48x48/klipper.png"); font-size: 3em; }

UL.beelogPostSm > LI,LI.beelogPostSm  { list-style-image: url("../images/icons/16x16/kontact.png"); font-size: 1em; }
UL.beelogPostMed> LI,LI.beelogPostMed { list-style-image: url("../images/icons/22x22/kontact.png"); font-size: 1.38em; }
UL.beelogPostLg > LI,LI.beelogPostLg  { list-style-image: url("../images/icons/32x32/kontact.png"); font-size: 2em; }
UL.beelogPostXLg> LI,LI.beelogPostXLg { list-style-image: url("../images/icons/48x48/kontact.png"); font-size: 3em; }

UL.beelogSearchSm > LI,LI.beelogSearchSm  { list-style-image: url("../images/icons/16x16/kpdf.png"); font-size: 1em; }
UL.beelogSearchMed> LI,LI.beelogSearchMed { list-style-image: url("../images/icons/22x22/kpdf.png"); font-size: 1.38em; }
UL.beelogSearchLg > LI,LI.beelogSearchLg  { list-style-image: url("../images/icons/32x32/kpdf.png"); font-size: 2em; }
UL.beelogSearchXLg> LI,LI.beelogSearchXLg { list-style-image: url("../images/icons/48x48/kpdf.png"); font-size: 3em; }

UL.birthdaySm > LI,LI.birthdaySm  { list-style-image: url("../images/icons/16x16/cookie.png"); font-size: 1em; }
UL.birthdayMed> LI,LI.birthdayMed { list-style-image: url("../images/icons/22x22/cookie.png"); font-size: 1.38em; }
UL.birthdayLg > LI,LI.birthdayLg  { list-style-image: url("../images/icons/32x32/cookie.png"); font-size: 2em; }
UL.birthdayXLg> LI,LI.birthdayXLg { list-style-image: url("../images/icons/48x48/cookie.png"); font-size: 3em; }

UL.newsSm > LI,LI.newsSm  { list-style-image: url("../images/icons/16x16/knode.png"); font-size: 1em; }
UL.newsMed> LI,LI.newsMed { list-style-image: url("../images/icons/22x22/knode.png"); font-size: 1.38em; }
UL.newsLg > LI,LI.newsLg  { list-style-image: url("../images/icons/32x32/knode.png"); font-size: 2em; }
UL.newsXLg> LI,LI.newsXLg { list-style-image: url("../images/icons/48x48/knode.png"); font-size: 3em; }


/************************
 ** Social Media Icons **
 ************************/

#pageFooter .socialMediaLinks { margin-bottom: 10px; }
#pageFooter .socialMediaLinks A,
#pageFooter .socialMediaLinks A:link,
#pageFooter .socialMediaLinks A:visited { font-weight: normal; margin-right: 5px; opacity: 0.8; filter:alpha(opacity=80); }
#pageFooter .socialMediaLinks A:hover,
#pageFooter .socialMediaLinks A:focus { opacity: 1; filter:alpha(opacity=100); }
#pageFooter .socialMediaLinks .socialMediaIcon { margin: 0 0 -10px 5px; }

.socialMediaIconFacebook
{
	width: 16px;
	height: 16px;
	background-image: url("/images/icons/social/icons_17.png");
	background-repeat: no-repeat;
	background-position-x: 0px !important;
	background-position-y: -782px !important;
	
	border: none;
	margin: 0 4px 2px 0;
	opacity: 0.8;
	vertical-align: middle;
	overflow: hidden
}
.socialMediaIconFacebook:hover,
.socialMediaIconFacebook:focus { opacity: 1; }


/**************************
 ** Social Media Classes **
 **************************/

/*
#twitter_div { float: right; clear: right; width: 225px; margin: 0px; padding: 0px; border: 3px double black; background-color: #FFFFCC; overflow: hidden; }
#twitter_div H2.sidebar-title { font-size: 110%; border-bottom: 1px solid black; background-color: yellow; font-weight: bold; padding: 3px; margin: 0px; margin-bottom: 5px; }
*/

#twitter_div UL    { margin: 0; padding: 0; }
#twitter_div UL LI { margin: 0; padding: 3px; list-style-type: none; list-style-image: none; border-bottom: 1px solid #333333; }
#twitter_div UL LI:nth-child(1n) { background-color: #ffb; }
#twitter_div UL LI:nth-child(2n) { background-color: #FFFFCC; }

#twitter_div UL LI.twitterLoadingIcon { text-align: center; padding: 10px; }
#twitter_div UL LI.twitterLoadingIcon DIV { text-align: center; padding: 24px 0 0 0; background: transparent url('/images/loading/circle-orange.gif') no-repeat center top; }
#twitter_div UL LI.twitterLoadingIcon DIV.img-top-center { text-align: center; padding: 24px 0 0 0; background: transparent url('/images/loading/circle-orange.gif') no-repeat center top; }
#twitter_div UL LI.twitterLoadingIcon DIV.img-left { text-align: left; padding: 0 0 0 24px; background: transparent url('/images/loading/circle-orange.gif') no-repeat center left; }

/* Twitter API 1.1: Embedded Timeline */

#twitter_div IFRAME { width: 230px; height: 600px; }
#twitter_div IFRAME .timeline-header { display: none; }

/*
#twitter_div A#twitter-link { display: block; text-align: right; padding: 3px; background-color: #FFFF99; }
*/

/*************************
 ** Lightbox (Magnific) **
 *************************/

/* On-page lightbox gallery/link styles */
UL.lightbox,
.lightbox UL {
	overflow: auto;
	margin: 0.5em;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}
UL.lightbox LI,
.lightbox UL LI {
	list-style-image: none;
	list-style-type: none;
}
UL.lightbox-3col LI,
.lightbox-3col UL LI {
	display: inline-block;
	float: left;
	width: 31%;
	margin: 0.5em 0.7em 0.5em 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}
UL.lightbox-4col LI,
.lightbox-4col UL LI {
	display: inline-block;
	float: left;
	width: 22%;
	margin: 0.5em 0.7em 0.5em 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}
.lightbox a.gallery-item {
	opacity: 1;
	filter:alpha(opacity=100);
	display: block;
	border-style: solid;
	border-width: 5px;
	border-color: #DEDFDE;
	border-radius: 0.5em;
}
.lightbox a.gallery-item:hover,
.lightbox a.gallery-item:focus {
	opacity: 0.9;
	filter:alpha(opacity=90);
	border-color: orange;
}
.lightbox a.gallery-item IMG {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* Popup lightbox styles */
.mfp-title a,
.mfp-title a:link {
	color:  #CD6600;
	font-weight: bold;
	text-decoration: underline;
	text-shadow: 0px 0px 0.1em rgba(205, 102, 0, 0.5);
}

.mfp-title a:visited {

}

.mfp-title a:active,
.mfp-title a:hover,
.mfp-title a:focus {
	color: #FF9900;
	text-decoration: none;
	text-shadow: 0px 0px 0.1em rgba(255, 153, 0, 0.5);
}


/***************
 ** Accordion **
 ***************/

.accordion.ui-accordion .ui-accordion-content {
	padding: 1em;
}

.accordion.ui-accordion .ui-accordion-content p:first-of-type {
	margin-top: 0;
}

.accordion.ui-accordion .ui-accordion-content p:last-of-type {
	margin-bottom: 0;
}


.accordion .accordionSidebar {
	float: right;
	max-width: 300px;
	padding: 0.5em;
	margin-left: 0.5em;
	margin-bottom: 0.5em;
	/* background-color: rgba(255, 165, 0, .1); */
	/* box-shadow: -5px 5px 14px -1px rgba(255,165,0,.5); */
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2); /* Material design box shadow */
}



/*****************
 ** Page Layout **
 *****************/

#pageContainer
{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	width: 800px;
	text-align: left;
	background-image: url('../images/bg3/bg3.png');
	background-repeat: repeat-y;
	background-position: center;
}

#pageContainerHeader
{
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	width: 800px;
	height: 128px;
	background-image: url('../images/bg3/bg3-top.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	
	border: none;
/*	font-size: 64pt; */
	font-weight: bold;
	text-align: left;
}

#pageContainerHeader IMG { margin: 0; margin-left: 20px;}

#pageContainerFooter
{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding: 0px;
	width: 800px;
	height: 40px;
	background-image: url('../images/bg3/bg3-bottom.png');
	background-repeat: no-repeat;
	background-position: top center;
}

#pageHeader
{
	width: 753px;
	border: none;
	border-bottom: 1px solid black;
	padding: 0px;
	margin: 0px 20px;
	font-size: 64pt;
	font-weight: bold;
	text-align: center;
}

#mainNavigation
{
	list-style-image: none;
	list-style-type: none;
	display: inline;
	
	float: left;
	clear: both;
	width: 753px;
	padding: 0px;
	margin: 0px 20px;
	border: none;
	text-align: left;
	border-top: 3px double black;
	border-bottom: 3px double black;
}

#mainNavigation A,
#mainNavigation A:link    { text-decoration: none; font-weight: bold; margin: 0; position: relative; z-index: 2; display: block; color: #FF8800; padding: 4px 5px; }
#mainNavigation A:visited { text-decoration: none; font-weight: bold; margin: 0; position: relative; z-index: 2; color: #FF8800; }
#mainNavigation A:hover,
#mainNavigation A:focus   { text-decoration: none; font-weight: bold; margin: 0; position: relative; z-index: 2; color: #333333; background-color: #FFD280; } /* background-color: orange; filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; */

#mainNavigation DIV,
#mainNavigation LI
{
	list-style-image: none;
	list-style-type: none;
	
	float: left;
/*	font-size: 12pt; */
	margin: 0px;
/*	padding: 3px; */
	padding: 0;
	border: none;
	border-right: 1px solid black;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}

#pageBody
{
	float: left;
	clear: both;
	width: 753px;
	padding: 0px;
	margin: 0px 20px;
/*	background-image: url('../images/bg-body-bee.gif'); */
	background-repeat: no-repeat;
	background-position: top right; 
}

#pageHeading
{
	clear: left;
	padding: 3px;
	margin: 0;
	font-size: 2em;
	font-weight: bold;
	background-color: #FFFFCC;
	border: none;
	border-bottom: thin dotted black;
}

#pageHeading>IMG
{
	margin-left: 3px;
}

#pageBC
{
	clear: left;
	padding: 3px;
	padding-left: 6px;
	font-size: 1em;
	font-weight: bold;
	background-color: #FFFFDD;
	border: none;
	border-bottom: thin dotted black;
}

H2 { margin: 5px 0; }

H2.heading { font-size: 110%; border-bottom: 1px solid black; font-weight: bold; padding: 15px 3px 3px 3px; margin: 0 0 5px 0; }

#pageBody UL.newsItem H2 { font-size: 110%; font-weight: bold; border-bottom: 1px solid black; padding: 15px 3px 3px 3px; margin: 0 0 5px 0; }
#pageBody UL.newsItem H3 { font-size: 100%; font-weight: bold; padding: 0; margin: 0; }


#pageContents
{
	float: left;
	clear: both;
	width: 733px;
	padding: 10px;
}

#pageContents>P.left   { width: 360px; }
#pageContents>DIV.left { width: 360px; }

#pageContents DIV.displayBox
{
	float: left;
	width: 128px;
	height: 128px;
	margin: 15px 30px;
	padding: 10px 0px;
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
/*	border: 1px solid orange; */
/*	background-color: #FFFF00; */
	cursor: pointer;
}

#pageContents DIV.linksBox
{
	float: right;
	width: 200px;
	border: 1px solid #5F7756;
	background-color: #CCFFCC;
	padding: 0px;
	margin-top: 30px;
}

#pageContents DIV.linksBox DIV.linksBoxHeader
{
	font-size: 1.3em;
	font-weight: bold;
	color: #CCFFCC;
	border: 1px solid #5F7756;
	background-color: #5F9756;
	padding: 2px;
	margin: 0px;
}

#pageContents DIV.linksBox DIV.linksBoxContents       { margin: 0px; padding: 5px; }
#pageContents DIV.linksBox DIV.linksBoxContents UL    { margin-top: 3px; margin-bottom: 3px; margin-left: 1em; padding-left: 1em; }
#pageContents DIV.linksBox DIV.linksBoxContents UL LI { margin-top: 2px; margin-bottom: 2px; list-style-image: url("../images/icons/16x16/apply.png"); }

#pageFooter
{
	clear: both;
	width: 733px;
	border-top: 1px dashed black;
	padding: 10px;
	margin: 0px 20px;
/*	background-color: #FFFF99;*/
}

#pageFooter P { margin: 0; padding: 3px; }

#pageFooter a:link    { color: #CD6600; text-decoration: none; font-weight: bold; }
#pageFooter a:visited { color: #CD6600; text-decoration: none; font-weight: bold; }
#pageFooter a:hover,
#pageFooter a:focus   { color: #FF9900; text-decoration: none; font-weight: bold; }




.titlebarStatic { float: left; margin: 0px; line-height: 200%; width: 733px; height: 37px; padding: 0px; font-size: 120%; background: url("/images/headings/brightorange/heading.png") no-repeat left top; overflow: hidden; }
.titlebarStatic>SPAN { float: left; margin: 0px 7px; }

/*
 * TAB CLASSES
 */

.submit-spotting { padding: 0px;  }
.submit-spotting>.title    { border-bottom: 1px solid black; background-color: #FFCC66; margin: 0px; padding: 5px; font-size: 120%; }
.submit-spotting>.contents { background-color: #FFFFCC; border: 1px solid black; margin: 0px 10px; width: 700px; padding: 5px; font-size: 100%; top: -2px; position: relative; z-index: 2; }

.submit-spotting LABEL { font-weight: bold; }
.submit-spotting INPUT { width: 170px; }

.submit-spotting .beeImageListing { border: none; }


DIV#enterBeeNavBar      { float: left; clear: both; width: 700px; margin: 0px 10px; padding: 10px 5px 0px 5px; border-right: 1px solid black; border-left: 1px solid black; }
DIV#enterBeeNavBar DIV  { float: left; position: relative; z-index: 1; font-weight: bold; width: 21%; border: 1px solid black; background-color: #E8E8C0; margin: 0px; margin-left: 5px; padding: 3px; text-align: center; }

DIV#enterBeeNavBar DIV.topTabFirst    { clear: left; }
DIV#enterBeeNavBar DIV.topTabSelected { z-index: 3; background-color: #FFFFCC; border-bottom: none; }

DIV#enterBeeNavBar DIV.topTab           { }
DIV#enterBeeNavBar DIV.topTab a:link    { color: orange; text-decoration: none; }
DIV#enterBeeNavBar DIV.topTab a:visited { color: orange; text-decoration: none; }
DIV#enterBeeNavBar DIV.topTab a:hover,
DIV#enterBeeNavBar DIV.topTab a:focus   { color: orange; text-decoration: none; }

DIV#enterBeeNavBar DIV.topTabDisabled   { background-color: #EEEEDD; color: #999999; }

DIV#enterBeeNavBar DIV.topTab:hover,
DIV#enterBeeNavBar DIV.topTab:focus           { background-color: orange; color: white; cursor: pointer; }
DIV#enterBeeNavBar DIV.topTab:hover a:link,
DIV#enterBeeNavBar DIV.topTab:focus a:link    { color: white; text-decoration: none; }
DIV#enterBeeNavBar DIV.topTab:hover a:visited,
DIV#enterBeeNavBar DIV.topTab:focus a:visited { color: white; text-decoration: none; }
DIV#enterBeeNavBar DIV.topTab:hover a:hover,
DIV#enterBeeNavBar DIV.topTab:focus a:hover,
DIV#enterBeeNavBar DIV.topTab:hover a:focus,
DIV#enterBeeNavBar DIV.topTab:focus a:focus   { color: white; text-decoration: none; }


DIV.flaps      { float: left; clear: both; width: 100%; margin-top: 5px; margin-bottom: 0px; margin-left: auto; margin-right: auto; }
DIV.flaps DIV  { float: left; position: relative; z-index: 1; font-weight: bold; border: 1px solid black; background-color: #E8E8C0; margin: 0px; margin-left: 5px; padding: 3px 8px; text-align: center; }

DIV.bottomLine { clear: left; float: left; border-top: 1px solid black; background-color: white; margin: 0px; padding: 5px; font-size: 100%; top: -2px; position: relative; z-index: 2; width: 97%; }

DIV.flaps DIV.topFlapFirst    { clear: left; }
DIV.flaps DIV.topFlapSelected { z-index: 3; background-color: #FFFFFF; border-bottom: none; }

DIV.flaps DIV.topFlap           { }
DIV.flaps DIV.topFlap a:link    { color: orange; text-decoration: none; }
DIV.flaps DIV.topFlap a:visited { color: orange; text-decoration: none; }
DIV.flaps DIV.topFlap a:hover,
DIV.flaps DIV.topFlap a:focus   { color: orange; text-decoration: none; }

DIV.flaps DIV.topFlapDisabled   { background-color: #EEEEDD; }

DIV.flaps DIV.topFlap:hover,
DIV.flaps DIV.topFlap:focus           { background-color: orange; color: white; cursor: pointer; }
DIV.flaps DIV.topFlap:hover a:link,
DIV.flaps DIV.topFlap:focus a:link    { color: white; text-decoration: none; }
DIV.flaps DIV.topFlap:hover a:visited,
DIV.flaps DIV.topFlap:focus a:visited { color: white; text-decoration: none; }
DIV.flaps DIV.topFlap:hover a:hover,
DIV.flaps DIV.topFlap:focus a:hover,
DIV.flaps DIV.topFlap:hover a:focus,
DIV.flaps DIV.topFlap:focus a:focus   { color: white; text-decoration: none; }


/*
DIV#enterBeeNavBar>DIV#info                   { clear: left;  }
DIV#enterBeeNavBar>DIV#infoSelected           { z-index: 3; background-color: #CCFFCC; clear: left; border-bottom: none; }
DIV#enterBeeNavBar>DIV#infoDisabled           { background-color: #EEEEDD; clear: left;  }
DIV#enterBeeNavBar>DIV#map                    {  }
DIV#enterBeeNavBar>DIV#mapSelected            { z-index: 3; background-color: #CCFFCC; }
DIV#enterBeeNavBar>DIV#mapDisabled            { background-color: #EEEEDD; }
DIV#enterBeeNavBar>DIV#images                 {  }
DIV#enterBeeNavBar>DIV#imagesSelected         { z-index: 3; background-color: #CCFFCC; }
DIV#enterBeeNavBar>DIV#imagesDisabled         { background-color: #EEEEDD; }
DIV#enterBeeNavBar>DIV#identification         { }
DIV#enterBeeNavBar>DIV#identificationSelected { z-index: 3; background-color: #CCFFCC; }
DIV#enterBeeNavBar>DIV#identificationDisabled { background-color: #EEEEDD; }

DIV#enterBeeNavBar>DIV#newusers               { margin-left: 5px; clear: left;  }
DIV#enterBeeNavBar>DIV#newusersSelected       { z-index: 3; margin-left: 5px; background-color: #CCFFCC; clear: left;  }
DIV#enterBeeNavBar>DIV#newusersDisabled       { margin-left: 5px; background-color: #EEEEDD; clear: left;  }
DIV#enterBeeNavBar>DIV#howheard               {  }
DIV#enterBeeNavBar>DIV#howheardSelected       { z-index: 3; background-color: #CCFFCC; }
DIV#enterBeeNavBar>DIV#howheardDisabled       { background-color: #EEEEDD; }
*/

/**
 * SUBMIT SPOTTING CLASSES
 */

.submit-spotting dt {
	font-weight: bold;
}
.submit-spotting dd {
	margin-bottom: 0.5em;
}



/* LOCATION PAGE CLASSES */
.submit-spotting-location #map {
	/* width: 97%; */
	height: 400px;
}

.submit-spotting-location INPUT#geocodeAddress { width: 370px; }

.submit-spotting-location .card { margin-bottom: 1em; }

DIV#locMsg { width: 100%; margin: 0; padding: 0; }
DIV#locMsg.message { width: 92%; margin: 0.5em 1% 0 1%; padding: 1em 3%; }


/* IDENTIFICATION PAGE CLASSES (CLASSIC) */
H3.identificationHeading       { border-top: 3px double black; border-bottom: 3px double black; cursor: pointer; }
H3.identificationHeading:hover,
H3.identificationHeading:focus { background-color: #FFFFCC; }

DIV.identMsg,
DIV.identifiedBee { float: left; background-color: white; border: 3px double black; width: 45%; text-align: center; margin: 5px 10px; padding: 0px; }
DIV.identMsg>IMG,
DIV.identifiedBee>IMG         { margin: 3px; }
DIV.identMsg>DIV.beeName,
DIV.identifiedBee>DIV.beeName { background-color: #EEE; border-top: 1px solid black; padding: 3px; }  


DIV.identificationMsgBlank { height: 0px; }
DIV.identificationMsgSuccess { font-weight: bold; color: green; }
DIV.identificationMsgFailure { font-weight: bold; color: red; }

DIV.identificationBeeName { font-style: italic; padding: 3px; }  

DIV.identificationBee          { float: left; border: 1px solid white; width: 98px; padding: 0px; margin: 5px; font-weight: bold; text-align: center; cursor: pointer; }
DIV.identificationBee>IMG      { margin: 3px; }
DIV.identificationBee>DIV.identificationBeeName { background-color: white; border-top: 1px solid white; }  
DIV.identificationBee:hover,
DIV.identificationBee:focus    { border: 1px solid black; background-color: white; }

DIV.identificationBeeSelected  { float: left; border: 1px solid black; width: 98px; padding: 0px; margin: 5px; font-weight: bold; text-align: center; cursor: pointer; }
DIV.identificationBeeSelected>IMG { margin: 3px; }
DIV.identificationBeeSelected>DIV.identificationBeeName { background-color: #CCFFCC; border-top: 1px solid #00FF00; }


/* IDENTIFICATION PAGE CLASSES (NEW VERSION - 2020) */
.submit-spotting-identification input {
	width: 300px;
}

.identifications-container {
	display: flex;
	flex-wrap: wrap;
	margin-top: 1em;
}

.identifications-container .card {
	background-color: white;
	padding: 0;
	/* margin: 2em 1em; */
	margin: 1em 2%;
    width: 46%;
	flex: 0.46 0.46 46%;
}

.identifications-container .card.selected {
	border: 5px solid green;
	margin: 0.7em 1%;
}
.identifications-container .card:not(.selected) .is-selected,
.identifications-container .card.selected .not-selected {
	display: none;
}

.bee-identification {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.bee-identification .bee-diagram {
	display: flex;
	/* flex-grow: 1; */
	/* flex-direction: column; */
	justify-content: center;
}

.bee-diagram-unavailable {
	text-align: center;
}

.bee-identification img,
.bee-identification svg,
.bee-identification .bee-diagram-unavailable {
	height: 136px; /* Highly dependent on current diagram dimensions */
	margin: 3%;
}

.bee-diagram-unavailable-msg {
	color: #ccc;
	font-size: 3em;
	font-weight: bold;
}

.bee-diagram-unavailable-link {
	font-size: 1.2em;
}

#species-viewer img {
	/* width: 94%; */
	height: 136px; /* Highly dependent on current diagram dimensions */
	margin: 3%;
}

.unidentified-spotting svg {
	width: 80%;
	margin: 10%;
}

.bee-identification svg path {
	fill: #ccc;
}

.bee-identification .card-title {
	padding: 2%;
	margin-top: 1em;
	text-align: center;
	border-top: 1px solid black;
}

.unidentified-spotting .card-title,
.identified-other .card-title,
.identified-bee .card-title {
	background-color: #EEE;
}

.identifications-container .card.selected .card-title {
	background-color: #CCFFCC;
}

.card-title .scientific-name {
	font-weight: bold;
}

.card-title .select-button-container {
	margin: 0.5em;
}

.additional-description {
	color: #333;
	font-style: italic;
	margin-top: 0.5em;
}

.species-select-container {
	padding: 1em;
	margin: 2em 1em 3em 1em;
	padding: 1em;
}

.species-select-container > .maxwidth-50:first-child {
	/* margin: 1em 2em 1em 1em; */
	margin-right: 2em;
}

.species-select-container > .maxwidth-50:last-child {
	/* margin: 1em 1em 1em 2em; */
	margin-left: 2em;
}

.expertise-select-container {
	padding: 1em;
	margin: 1em 1em 2em 1em;
}

.relevant-features-container {
	padding: 1em;
	margin: 2em 1em;
}

.feature-question {
	margin-bottom: 1em;
}



.expertTitleOr { font-size: 75%; color: red; }

FORM.contactForm INPUT    { width: 400px; }
FORM.contactForm TEXTAREA { width: 400px; height: 300px; }

FORM.accountInfoForm INPUT    { width: 200px; }
FORM.accountInfoForm INPUT.checkbox { width: 20px; }

FORM.loginForm { margin: 1.5em; }
FORM.loginForm LABEL { min-width: 100px; font-weight: bold; padding: 3px; }

FORM.createAccountForm { }
FORM.createAccountForm .generalInfo { margin-bottom: 0.5rem; }
FORM.createAccountForm LABEL { display: inline-block; vertical-align: top; width: max-content; }
FORM.createAccountForm .generalInfo LABEL { width: 14rem; }
FORM.createAccountForm .generalInfo LABEL .aside { padding-left: 0; }
FORM.createAccountForm INPUT,
FORM.createAccountForm .inputContainer { display: inline-block; vertical-align: top; }
FORM.createAccountForm .generalInfo INPUT { width: 14rem; }
FORM.createAccountForm .username_check_result { min-height: 100px; width: 100%;}
FORM.createAccountForm .beeCAPTCHAContainer { clear: both; overflow: auto; }
FORM.createAccountForm .beeCAPTCHAradio { float: left; border: 1px solid black; margin: 1%; padding: 1%; text-align: center; width: 20%; }
FORM.createAccountForm .beeCAPTCHAradio IMG { width: 130%; }
FORM.createAccountForm .isHuman { display: none; }



/* EXPERT IDENTIFICATION PAGE STYLES */
.expertIdentification.beeImageListing textarea {
	width: 90%;
}

.expertIdentification.beeImageListing button {
	margin: 1rem 1rem 1rem 0;
}


.expertIdentification.beeImageListing details summary h4 {
	display: inline;
	vertical-align: middle;
}

.expertIdentification.beeImageListing ol.comments {
	list-style: none;
	padding: 0;
	margin: 0 0 1rem 0;
}
.expertIdentification.beeImageListing ol.comments li {
	list-style: none;
	padding-left: 1rem;
	border-left: 4px solid rgb(205 102 0 / 0.4);
}

.expertIdentification.beeImageListing ol.comments li .commentMetadata {
	font-weight: bold;
	margin-top: 0.75rem;
}

.expertIdentification.beeImageListing ol.comments li .commentContent {
	margin-left: 1rem;
}

.expertIdentification.beeImageListing h3 {
	margin: 1em 0.5em 0.25em 0.5em;
	padding: 0;
}

.expertIdentification.beeImageListing>.contents P {
	margin-left: 0;
}

.expertIdentification.beeImageListing .contents > :not(h3) {
	margin: 0 0 0 2em;
}

.expertIdentification.beeImageListing ul.photoListing {
	list-style-image: none;
	list-style-type: none;
	margin: 0 0 0 2em;
	padding: 0;
}

.expertIdentification.beeImageListing ul.photoListing li {
	list-style-image: none;
	list-style-type: none;
	display: block;
	float: left;
	clear: left;
	margin-bottom: 0.75em;
	padding-bottom: 0.75em;
}

.expertIdentification.beeImageListing ul.photoListing li:not(:last-child) {
	border-bottom: 2px solid rgba(255, 165, 0, 0.5);
}

.expertIdentification.beeImageListing ul.photoListing li .imgThumb {
	float: left;
	margin-left: 0px;
}
.expertIdentification.beeImageListing ul.photoListing li .imgThumb>a {
	float: left;
}

.expertIdentification.beeImageListing ul.photoListing li .annotations {
	float: left;
}

.expertIdentification.beeImageListing ul.photoListing li .annotations fieldset {
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	border: none;
}

.expertIdentification.beeImageListing ul.photoListing li .annotations .ratingOptions {
	float: left;
	margin: 0 5px 5px 5px;
	text-align: center;
}

.expertIdentification.beeImageListing ul.photoListing li .annotations .ratingOptions input {
	display: inline-block;
	margin: 0 auto;
}
	
.expertIdentification.beeImageListing ul.photoListing li .annotations .ratingOptions label {
	display: block;
	margin: 0 auto;
	text-align: center;
	min-width: inherit;
}

.expertIdentification.beeImageListing ul.photoListing li .annotations .flowerOptions {
	float: left;
	clear: left;
}

.expertIdentification.beeImageListing ul.photoListing li .annotations .flowerOptions label {
	min-width: inherit;
}
.expertIdentification.beeImageListing .contents .expertIdentificationMap {
	display: block;
	margin-right: 2em;
}

.expertIdentification.beeImageListing .expertIdentificationSpecies LABEL {
	float: left;
	clear: left;
	width: 150px;
}

.expertIdentification.beeImageListing .expertIdentificationSpecies SELECT {
	float: left;
}

.expertIdentification.beeImageListing .expertIdentificationEmail #personalMsgToggler {
	border: 1px dashed black;
	padding: 3px;
	margin: 2px 25px;
	background-color: #FFFFAA;
}



/**************************
 ** Default table styles **
 **************************/

TABLE                          { border-collapse: collapse; border: none; width: 100%; margin: 0px; }
TABLE>THEAD>TR                 { background-color: #FFCC66; font-weight: bold; }
TABLE>THEAD>TR>TH              { background-color: #FFCC66; font-weight: bold; }
TABLE>TBODY>TR                 { margin: 0px;  border: none; }
TABLE>TBODY>TR:nth-child(odd)  { background-color: #FFFFAA; }
TABLE>TBODY>TR:nth-child(even) { background-color: #FFFFFF; }
TABLE>TBODY>TR>TH,
TABLE>TBODY>TR>TD              { margin: 0px; padding: .25em .25em; }


/***********************
 ** bsDataEntry class **
 ***********************/

TABLE.bsDataEntry                      { border-collapse: collapse; border: none; }
TABLE.bsDataEntry>TBODY>TR             { border: none; }
TABLE.bsDataEntry>TBODY>TR>TH          { border: none; font-weight: bold; padding: 3px; }
TABLE.bsDataEntry>TBODY>TR.heading>TH,
                          .heading     { font-size: 110%; border-bottom: 1px solid black; font-weight: bold; padding: 15px 3px 3px 3px; margin-bottom: 5px; }
TABLE.bsDataEntry>TBODY>TR>TD          { border: none; padding: 1px; }
TABLE.bsDataEntry>TBODY>TR>TD>BUTTON   { cursor: pointer; }
TABLE.bsDataEntry>TBODY>TR>TD>INPUT.userInfo { width: 300px; }
TABLE.bsDataEntry>TBODY>TR>TD>INPUT.beeInfo  { width: 300px; }
TABLE.bsDataEntry>TBODY>TR>TD>INPUT.beeLoc   { width: 200px; }
TABLE.bsDataEntry>TBODY>TR>TD>INPUT#geocodeAddress { width: 350px; }
TABLE.bsDataEntry>TBODY>TR>TD>INPUT.med { width: 250px; }
TABLE.bsDataEntry>TBODY>TR>TD>INPUT.long { width: 360px; }


.heading     { font-size: 110%; border-bottom: 1px solid black; font-weight: bold; padding: 15px 3px 3px 3px; margin-bottom: 5px; }

DIV.bsDataEntry        { width: 100%; overflow: auto; }
DIV.bsDataEntry LABEL  { float: left; clear: left; display: block; width: 480px; font-weight: bold; padding: 3px; }
DIV.bsDataEntry BUTTON { cursor: pointer; }

/* Basic Bee Info */
DIV.bsDataEntry INPUT#title        { float: left; width: 170px; }
DIV.bsDataEntry INPUT#date_spotted { float: left; width: 135px; }
DIV.bsDataEntry .calChooserPic     { float: left; }

DIV.bsDataEntry INPUT.userInfo { width: 300px; }
DIV.bsDataEntry INPUT.beeInfo  { width: 300px; }
DIV.bsDataEntry INPUT.beeLoc   { width: 200px; }
DIV.bsDataEntry INPUT#geocodeAddress { width: 350px; }
DIV.bsDataEntry INPUT.med { width: 250px; }
DIV.bsDataEntry INPUT.long { width: 360px; }

BUTTON.updateMapBtn       { font-weight: bold; margin: 0px; padding: 4px 7px; }

BUTTON.prevBtn     { float: left;  font-size: 100%; font-weight: bold; margin-top: 10px; /* padding: 3px; */ }
BUTTON.prevBtn>IMG { vertical-align: text-bottom; }
BUTTON.nextBtn     { float: right; font-size: 100%; font-weight: bold; margin-top: 10px; /* padding: 3px; */ }
BUTTON.nextBtn>IMG { vertical-align: text-bottom; }


.bsSearch        { width: 100%; overflow: auto; }
.bsSearch LABEL  { display: inline-block; width: 125px; font-weight: bold; padding: 3px; }
.bsSearch BUTTON { cursor: pointer; margin-bottom: 1em; }
.bsSearch FIELDSET { }
.bsSearch FIELDSET LEGEND { font-weight: bold; }
.bsSearch FIELDSET LABEL { font-weight: bold; width: initial; min-width: 75px; }


/***********************
 ** fileListing class **
 ***********************/

DIV#fileListingContainer      { clear: both; }
DIV#fileListingContainer FORM { margin: 0px; }
DIV#fileListingContainer DIV.topicLink { float: right; }

TABLE.fileListing { border-collapse: collapse; width: 100%; margin: 0px; }
TABLE.fileListing>TBODY>TR           { margin: 0px; border: 1px solid #000000;}
TABLE.fileListing>TBODY>TR.row0      { background-color: #FFFF66; }
TABLE.fileListing>TBODY>TR.row1      { background-color: #FFFFAA; }
TABLE.fileListing>TBODY>TR.nofiles   { text-align: center; font-style: italic; background-color: #FFFFAA; }
TABLE.fileListing>TBODY>TR.fileListingControls
                                     { text-align: left; border: none; }
TABLE.fileListing>TBODY>TR.heading   { background-color: #FFCC66; }
TABLE.fileListing>TBODY>TR>TH,
TABLE.fileListing>TBODY>TR>TD        { margin: 0px; padding: .25em .25em; }
TABLE.fileListing>TBODY>TR>.fselect  { text-align: center; width: 1.5em; }
TABLE.fileListing>TBODY>TR>.fname    { text-align: left; }
TABLE.fileListing>TBODY>TR>.foptions { text-align: right; width: 5em; }
TABLE.fileListing>TBODY>TR>.fsize    { text-align: right; width: 4.5em; }
TABLE.fileListing>TBODY>TR>.fmod     { text-align: center; width: 7em; }

DIV.fileListingControls { clear: both; float: left; width: 100%; margin: 0px; padding: 0px; }
DIV.fileListingControls FORM { display: inline; margin: 0px 0px 10px 0px; padding: 5px; }

DIV.fileListingControls FORM.uploadForm { float: right; background-color: #FFCC66; border: none; border-right: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black; }
DIV.fileListingControls FORM.mkdirForm  { float: left;  background-color: #FFCC66; border: none; border-right: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black; }


/**********************
 ** beeListing class **
 **********************/

.beeListingPrefixStats { margin-top: 15px; }

TABLE.beeListing { border-collapse: collapse; border: none; width: 100%; margin: 0px; }
TABLE.beeListing>TBODY>TR           { margin: 0px;  border: none; }
TABLE.beeListing>TBODY>TR.heading   { background-color: #FFCC66; font-weight: bold; }
TABLE.beeListing>TBODY>TR.odd       { background-color: #FFFFAA; }
TABLE.beeListing>TBODY>TR.even      { background-color: #FFFFFF; }
TABLE.beeListing>TBODY>TR>TH,
TABLE.beeListing>TBODY>TR>TD        { margin: 0px; padding: .25em .25em; }


/***************************************
 ** Member (Users and Groups) Listing **
 ** --------------------------------- **
 ** - See /members/contact            **
 ***************************************/

DIV.memberListing { float: left; border: 1px solid #333333; background-color: #FFFFAA; width: 300px; height: 150px; margin: 5px 10px; overflow: hidden; }
DIV.memberListing>.heading { height: 20px; font-size: 110%; border-bottom: 1px dashed #333333; background-color: #EEEE99; font-weight: bold; padding: 3px; margin-bottom: 5px; }
DIV.memberListing>.contents { height: 117px; overflow: auto; margin: 0px; background-color: #FFFFCC; }


/****************************
 ** Main Page Popup Class  **
 ** ---------------------- **
 ** - See /index           **
 ****************************/

.mainpageContainerLeft  { /* float: left;  width: 460px; */ }
.mainpageContainerRight { float: right; /* width: 225px; */ width: 250px; margin-bottom: 20px; }

.announceContainer { float: right; width: 225px; z-index: 5; margin: 0px 0px 5px 5px; padding: 0px 0px 0px 5px; background-color: white; }
.announceContents { margin: 0px; padding: 0px; border: 3px double black; background-color: #FFFFCC; overflow: hidden; }
.announceContents>.heading { font-size: 110%; border-bottom: 1px solid black; background-color: yellow; font-weight: bold; padding: 3px; margin: 0px; margin-bottom: 5px; }
.announceContents>.contents { padding: 3px; }
.announceContents>.contents>IMG.centered { margin-top: 3px; margin-bottom: 3px; }


/****************************
 ** Main Page News Class   **
 ** ---------------------- **
 ** - See /index           **
 ****************************/

.newsContainer { float: right; width: 240px; z-index: 5; margin: 0px 0px 5px 5px; padding: 0px 0px 0px 10px; background-color: white; }
.newsContents { margin: 0px; padding: 0px; border: 3px double #999999; background-color: #FFFFCC; overflow: hidden; border-radius: 0.5em; }
.newsContents>H2.heading { font-size: 110%; border-bottom: 1px solid #999999; background-color: #FFFF99; font-weight: bold; padding: 3px; margin: 0px; margin-bottom: 5px; border-radius: 0.3em 0.3em 0 0; }
.newsContents>.contents { padding: 3px; border-bottom: 1px solid #999999; }
.newsContents>.contents>IMG.centered { margin-top: 3px; margin-bottom: 3px; }
.newsContents>.contents>DIV { padding: 3px; }
.newsContents>A.moreInfoLink { display: block; text-align: right; padding: 3px; background-color: #FFFF99; font-weight: bold; border-radius: 0 0 0.3em 0.3em; }


/*************************************
 ** Main Page WebTools List Builder **
 ** ------------------------------- **
 ** - See /index                    **
 *************************************/

.newsAndAnnouncementsContainer #pc-8264 #edu-il-ws-8264-GE3-wrapper { width:100%; }
.newsAndAnnouncementsContainer #pc-8264 #edu-il-ws-8264-GE3-wrapper UL { /* float: left; */ padding: 0 0 0 1em; }
.newsAndAnnouncementsContainer #pc-8264 #edu-il-ws-8264-GE3-wrapper UL LI { /* float: left; */ list-style-image: url("//beespotter.org/images/icons/16x16/knode.png"); }
.newsAndAnnouncementsContainer #pc-8264 #edu-il-ws-8264-GE3-wrapper UL H3 { margin-top: 0; margin-bottom: 0; }
.newsAndAnnouncementsContainer #pc-8264 #edu-il-ws-8264-GE3-wrapper UL LI IMG { margin-right: 10px; }

.newsAndAnnouncementsContainer #pc-8264 #edu-il-ws-8264-GE3-wrapper UL LI UL { margin-top: 5px; margin-bottom: 5px; }
.newsAndAnnouncementsContainer #pc-8264 #edu-il-ws-8264-GE3-wrapper UL LI UL LI { margin-top: 0; margin-bottom: 0; }


.newsAndAnnouncementsContainer #pc-8264 #edu-il-ws-8264-GE3-wrapper .edu-il-ws-8264-GE3-title { font-size: 1.05em; font-weight: bold; }
.newsAndAnnouncementsContainer #pc-8264 #edu-il-ws-8264-GE3-wrapper .edu-il-ws-8264-GE3-description P:first-child { margin-top: 0; }
.newsAndAnnouncementsContainer #pc-8264 #edu-il-ws-8264-GE3-wrapper .edu-il-ws-8264-GE3-description P:last-child { margin-bottom: 0; }


/************************************
 ** Bee Image Thumbnail listings   **
 ** ------------------------------ **
 ************************************/

.imgThumb {
	margin: 10px;
	padding: 0px;
	display: inline-block;
	float: none;
	position: relative;
}
.imgThumb>a {
	display: block;
	position: relative;
	overflow: hidden;
	border-style: solid;
	border-width: 5px;
	border-color: #DEDFDE;
	border-radius: 0.5em;
	float: none;
	width: 100px;
	max-width: 100px;
	max-height: 100px;
}
.imgThumb>a:hover,
.imgThumb>a:focus {
	border-color: orange;
}
.imgThumb>a>img {
	top: 0;
	left: 0;
	width: 100%;
}

/* toolbar hidden by default; only used on pages with special privileges, like spotting submission page */
.imgThumb>.toolbar {
	display: none;
}
.imgThumb .toolbar a.delete       { display: none; }
.imgThumb .toolbar a.viewImg      { display: none; }


/************************************
 ** Uploaded Images                **
 ** ------------------------------ **
 ** - See /beedata/editbee_images  **
 ** - See /beedata/allbeepics      **
 ************************************/

iframe {
	border-width: 0px;
}
iframe.hidden {
	visibility: hidden;
	width:0px;
	height:0px;
}

IFRAME.iframeUploader
{
	height: 40px;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid black;
	background-color: #FFFFCC;
}

#uploaderContainer {
	margin: auto;
	/* width: 410px; */
	width: 100%;
	height: 350px;
	border-style: solid;
	border-width: 1px;
	background-color: white;
}

UL#uploadedImages {
	list-style-image: none;
	list-style-type: none;
	width: 100%;
	overflow: auto;
	height: 306px;
	margin: 0px;
}

UL#uploadedImages>LI {
	list-style-image: none;
	list-style-type: none;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0;
}

UL#uploadedImages IMG.load {
	margin: 36px;
}

/* show toolbar on spotting submission page */
UL#uploadedImages .imgThumb .toolbar {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 100;
	display: block;
	height: 16px;
	margin: 0px;
	background: none;
}
UL#uploadedImages .imgThumb .toolbar a {
	display: block;
	float: right;
	margin: 0px 0 0 1px;
	cursor: pointer;
	background-color: rgba(0,0,0, 0.75);
	border: 3px double transparent;
	opacity: 0.75;
	filter:alpha(opacity=75);
	border-radius: 0.3em;
	padding: 1px;
}
UL#uploadedImages .imgThumb .toolbar a:hover,
UL#uploadedImages .imgThumb .toolbar a:focus {
	background-color: rgba(255, 255, 153, 0.75);
	border: 3px double orange;
	opacity: 1;
	filter:alpha(opacity=100);
}
UL#uploadedImages .imgThumb .toolbar a.delete       { }
UL#uploadedImages .imgThumb .toolbar a.viewImg      { display: none; }



/***************************
 ** beeImageListing class **
 ***************************/

.beeImageListingList { margin: 15px 0 0 0; padding: 0; }

.beeImageListing { display: inline; float: left; width: 100%; padding: 0 0 10px 0; margin: 0; border: 1px solid black; background-color: #FFFFCC; }
.beeImageListing H3 { margin: 5px 0 5px 5px; padding: 0; }
.beeImageListing UL { margin: 0; }
.beeImageListing UL>LI { margin: 0; padding: 0; }
.beeImageListing>.heading { padding: 3px; margin: 0px; border: none; border-bottom: 1px dashed black; background-color: #FFFFAA; }
.beeImageListing>.heading>h2 { margin: 0px; }
.beeImageListing>.contents { width: 100%; overflow: visible; margin: 0; background-color: #FFFFCC; }
.beeImageListing>.contents UL { overflow: visible; padding: 0; margin: 0; }
.beeImageListing>.contents UL>LI
{
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.beeImageListing>.contents P { margin: 10px; }

.beeImageListing .message { width: 97%; margin: 0 10px; padding: 0; }


/**************************
 ** listPagination class **
 **************************/

DIV.listPagination { line-height: 125%; padding: 7px; margin-top: 35px; margin-bottom: 5px; background-color: #FFFFAA; border: 2px solid #FFCC66; border-radius: 0.5em; }

DIV.listPagination>.listPaginationTitle { font-size: 1em; text-align: center; padding: 0; margin: -30px 0 10px 5px; font-weight: bold; width: 150px; height: 21px; overflow: visible; background-color: #FFFFAA; border: 2px solid #FFCC66; border-bottom: none; border-radius: 0.5em 0.5em 0em 0em; }
DIV.listPagination>.listPaginationTitle>DIV { margin: 2px auto; }

DIV.listPagination UL.listPaginationPageLinks { display: block; float: left; margin: 0; padding: 0; }
DIV.listPagination UL.listPaginationPageLinks LI { display: block; float: left; margin: 0; padding: 0; }
DIV.listPagination UL.listPaginationPageLinks LI.curPage { display: block; float: left; border: 1px solid transparent; margin: 3px; padding: 2px; text-align: center; color: black; }


DIV.listPagination UL.listPaginationPageLinks LI A:link    { display: block; float: left; border: 1px solid orange; background-color: #FFFFCC; margin: 3px;  padding: 2px; text-align: center; color: #FF9900; text-decoration: none; border-radius: 0.5em; } /* CD6600,A0522D,D2691E,FF8800 */
DIV.listPagination UL.listPaginationPageLinks LI A:visited { display: block; float: left; border: 1px solid orange; background-color: #FFFFCC; margin: 3px;  padding: 2px; text-align: center; color: #FF9900; text-decoration: none; border-radius: 0.5em; }
DIV.listPagination UL.listPaginationPageLinks LI A:hover,
DIV.listPagination UL.listPaginationPageLinks LI A:focus   { display: block; float: left; border: 1px solid black;  background-color: orange;  margin: 3px;  padding: 2px; text-align: center; color: white;   text-decoration: none; border-radius: 0.5em; }

DIV.listPagination>A.imgLink:link    { border: none; background-color: transparent; margin-left: 5px;  padding: 2px; color: #CD6600; text-decoration: none; } /* CD6600,A0522D,D2691E,FF8800 */
DIV.listPagination>A.imgLink:visited { border: none; background-color: transparent; margin-left: 5px;  padding: 2px; color: #CD6600; text-decoration: none; }
DIV.listPagination>A.imgLink:hover,
DIV.listPagination>A.imgLink:focus   { border: none; background-color: transparent; margin-left: 5px;  padding: 2px; color: #FF9900; text-decoration: none; }


/********************
 ** emailMsg class **
 ********************/


.emailMsg { border: 1px dashed black; padding: 5px; margin: 5px; background-color: #FFFFAA; }
.emailMsg>.heading { font-weight: bold; font-size: 125%; margin: 5px; padding: 3px; border: none; background: none; }
.emailMsg>.toField { margin: 5px; padding: 3px; border: 1px solid #FF9900; background-color: #FFFFCC; }
.emailMsg>.fromField { margin: 5px; padding: 3px; border: 1px solid #FF9900; background-color: #FFFFCC; }
.emailMsg>.subjField { margin: 5px; padding: 3px; border: 1px solid #FF9900; background-color: #FFFFCC; }
.emailMsg>.bodyField { margin: 5px; padding: 3px; }

/************************
 ** gmapInfoPage class **
 ************************/

.gmapInfoPage { width: 450px; padding: 0px; margin: 0px; border: none; background: none; }
.gmapInfoPage>.heading  { padding: 0px; margin: 0px; border: none; background: none; }
.gmapInfoPage>.heading>h2 { margin: 0px; padding: 0px; }
.gmapInfoPage>.contents { width: 425px; height: 150px; overflow: auto; margin: 0; background: none; }
.gmapInfoPage>.contents UL {
	list-style-image: none;
	list-style-type: none;
	overflow: visible;
	padding: 0;
	margin: 0;
}
.gmapInfoPage>.contents UL>LI
{
	list-style-image: none;
	list-style-type: none;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.gmapInfoPage H3    { margin: 0 0 5px 0; padding: 0; }

.gmapInfoPage>UL    { margin: 0; }
.gmapInfoPage>UL>LI { margin: 0; padding: 0; }

.gmapInfoPage .message { width: 92%; margin: 0.5em 1% 0 1%; padding: 1em 3%; }


/**************************************
 ** Calendar Classes                 **
 ** -------------------------------- **
 ** Currently used in analysis pages **
 **************************************/

DIV.calYear { float: left; width: 100%; text-align: center; }
DIV.calYear>DIV.calMonth { float: left; text-align: center; margin: 0px; }
DIV.cols1>DIV.calMonth  { width: 100%; }
DIV.cols2>DIV.calMonth  { width: 50%; }
DIV.cols3>DIV.calMonth  { width: 33%; }
DIV.cols4>DIV.calMonth  { width: 25%; }
DIV.cols6>DIV.calMonth  { width: 16%; }
DIV.cols12>DIV.calMonth { width:  8%; }
DIV.calYear>DIV.first    { clear: left; }

DIV.calYear>.heading { font-size: 125%; }



/***********************************
 * General Expand/Collapse Classes *
 ***********************************/

.toggler,
.togglerSm
{
	border: none;
/*	border: 1px solid #778899; */
/*	background-color: #4D5B75; */
	padding: 0px;
	margin: 0px;
}

.togglerHeaderExpanded
{
	background-image: url("../images/icons/16x16/edit_remove.png");
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 25px;
}

.togglerHeaderCollapsed
{
	background-image: url("../images/icons/16x16/edit_add.png");
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 25px;
}

.togglerHeader
{
	border: 0px;
	padding: .3ex;
	padding-left: 25px;
	margin: 0px;
	
	background-color: none;
/*	background-color: #DFEBFF; */
	font-size: 120%;
	font-weight: bold;
	
	cursor: pointer;
	color: black;
}
.togglerSm>.togglerHeader { font-size: 100%; }

.togglerHeader:hover,
.togglerHeader:focus { background-color: none; text-decoration: underline; /* background-color: #D0DEE9; */ }

.togglerContents
{
	border: none;
	background-color: none;
/*	border-top: 1px solid #D0DEE9; */
/*	background-color: #DFEBFF; */
	margin: 0px;
	padding: 0px;
}


/**************************
 * Message Center Classes *
 **************************/

.message
{
	font-weight: bold;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 701px;
}

.messageFlow
{
	font-weight: bold;
	font-size: 80%;
	padding: 0px;
	margin: 0px;
}
DIV.messageFlow>DIV { padding: 5px; }

.messageWarning
{
	border: 1px solid #FFCC66;
	background-color: #FFFFCC;
	color: #990000;
	margin-bottom: 3px;
	padding: 10px;
}

.messageSuccess
{
	border: 1px solid #00FF00;
	background-color: #CCFFCC;
	color: #009900;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 10px;
}

.messageFailure
{
	border: 1px solid #FF0000;
	background-color: #FFCCCC;
	color: #990000;
	margin-top: 3px;
	padding: 10px;
}

/* msgSuccess & msgFailure are used to respond to form submissions */
.msgSuccess
{
	border: 1px solid #00FF00;
	background-color: #CCFFCC;
	color: #009900;
	margin-bottom: 3px;
	padding: 10px;
}

.msgFailure
{
	border: 1px solid #FF0000;
	background-color: #FFCCCC;
	color: #990000;
	margin-top: 3px;
	padding: 10px;
}

.msgWarning,.msgInfo
{
	border: 1px solid #FFCC66;
	background-color: #FFFFCC;
	color: #990000;
	margin-top: 3px;
	padding: 10px;
}


/***************************
 ** Script.aculo.us Slider **
 ***************************/

.sliderTrackHorizContainer { position: relative; background-color: #FFFFCC; padding: 0px; margin: 0px; border: 1px solid #FFCC66; height: 16px; width: 320px; z-index: 0; }

.sliderTrackHoriz { position: relative; background-color: #FFCC66; margin: 5px 0px; padding: 0px; height: 6px; width: 320px; cursor: pointer; z-index: 0; }

.sliderTrackHoriz .handle { background-color: none; position: absolute; height: 1em; width: 0.5em; top: -0.5em; cursor: move; z-index: 2; }

.sliderTrackHoriz .handleUpper { background-color: none; position: absolute; height: 16px; width: 16px; top: -5px; cursor: move; }
.sliderTrackHoriz .handleUpper:hover,
.sliderTrackHoriz .handleUpper:focus { z-index: 3; }
.sliderTrackHoriz .handleLower { background-color: none; position: absolute; height: 16px; width: 16px; top: -5px; cursor: move; }
.sliderTrackHoriz .handleLower:hover,
.sliderTrackHoriz .handleLower:focus { z-index: 3; }

.sliderTrackHorizNumbers { float: left; clear: both; }
.sliderTrackHorizNumbers>DIV { float: left; margin: 0px; padding: 0px; }

.sliderBarSpacer { background-color: #DCDCDC; width: 0px; height: 7px; border: 1px dashed #232323; margin-top: 0px; margin-left: 0px; }


/*************************
 ** General-use classes **
 ************************/

/* Text styles */
.b { font-weight: bold; }
.u { text-decoration: underline; }
.i { font-style: italic; }
.plain { font-weight: normal; text-decoration: none; font-size: 12pt; }
.grayedOut { color: #666666; }
.aside { color: #666666; font-size: 80%; font-weight: bold; padding: 3px; }
.datePosted { font-style: italic; }
.plusOne { font-size: 1.25em; }
.minusOne { font-size: .75em; }
.scientific-name { font-style: italic; }

/* Text alignment */
.textCenter { text-align: center; }
.textLeft   { text-align: left; }
.textRight  { text-align: right; }

/* Floating */
.floatLeft   { float: left; }
.floatRight  { float: right; }

/* Block centering (Horizontal) */
/* See http://www.w3.org/Style/Examples/007/center#block */
.centered    { display: block; margin-left: auto; margin-right: auto; }
.floatCenter { display: block; margin-left: auto; margin-right: auto; }

/* Block centering (Vertical) */
/* We must specify the vertical centering on the CONTAINER */
/* Everything inside this container will be centered vertically */
/* See http://www.w3.org/Style/Examples/007/center#vertical */
.centerVerticalContainer { display: table-cell; vertical-align: middle; }

.clearLeft  { clear: left; }
.clearRight { clear: right; }
.clearDiv   { clear: both; height: 0px; }
.clearBoth  { clear: both; height: 0px; }

/* Primarily useful for lead images with an article */
.floatLeft.leadImg { margin: 0 0.5em 0.5em 0; }
.floatRight.leadImg { margin: 0 0 0.5em 0.5em; }