body {margin:0;padding:0;background-color: #f8f8e8;font-size: 1em;}
body, p, { color: black; font-family: Times, serif; }
table, table p, fieldset, fieldset table, fieldset p, fieldset label, fieldset legend { color: black; font-family: Arial, Helvetica, sans-serif; }
select, option, input, textarea, button { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
fieldset {background-color: #dddddd;}
h1, h2, h3, h4, h5, h6 { color: #800040; font-family: Arial, Helvetica, sans-serif; }
hr { color: black; }
.side-bar {width: 8em;vertical-align: top;margin: 0;padding: 0;}
.side-bar {background-color: navy;}
.content-area {padding-left: 25px;text-align: center;vertical-align: top;}
#site-logo {margin: 0.25em 0 0.25em 0.25em;padding: 0;}
#copyright-tag {color: #C0C0C0;margin: 1em 0 1em 0.5em;padding: 0;}
#published-date {color: white;font-style: italic;margin: 1em 0 1em 0.5em;padding: 0;}
.page-layout-table {width: 100%;padding: 0;border-spacing: 0;}
div.main-pane {text-align: center;}
div.main-pane h2 {margin-top: 0.5em;margin-bottom: 0;}
div.main-pane h3 {margin-top: 0;margin-bottom: 0;}
div.main-content {text-align: left;}
table.main-content {margin-left: auto;margin-right: auto;}
p {text-align: left;}
dt {font-weight: bold; }
.non-native-taxon, .non-native-taxon a:link, .non-native-taxon a:visited {color: #ff00ff; font-weight: bold;}
.scarce-taxon, .scarce-taxon a:link, .scarce-taxon a:visited {color: #ffa000; font-weight: bold;}
.description-taxon, .description-taxon a:link, .description-taxon a:visited {color: #ff0000; font-weight: bold;}
.visit-header {font-weight: bold;}
.menu-list {margin: 0.5em 1em;padding: 0;}
.menu-list li {list-style-image: url(../graphics/blu_bult.gif);text-align: left;margin: 0.3em;padding: 0;}
.heading-list {margin: 0.5em;padding: 0;}
.heading-list li {list-style-type: none;text-align: left;margin: 1.5em 0 0 0;padding: 0;}
.menu-list {margin: 0.5em 1em;padding: 0;}
.menu-list li {list-style-image: url(../graphics/blu_bult.gif);text-align: left;margin: 0.3em;padding: 0;}
.heading-list .menu-list li {margin-left: 2em;padding: 0;}
#whats-new-text {color: #FF0000;}
#admin-links li {list-style-type: none;}
#observer-identity label, #observer-contact label {position: absolute; left: 60px;}
#add-observer-form input {margin-left: 9em;}
#add-observer-form fieldset {margin-bottom: 1em;}
#nav-bar {margin: 1em 0 1em 1.5em;padding: 0;}
#nav-bar ul {margin: 0;padding: 0;}
#nav-bar li {list-style-type: none;}
#nav-bar a:link {color: white;}
#nav-bar a:visited {color: white;}
#nav-bar {text-align: left;font-weight: bold; }
#simplenav {font-weight: bold; }
#status-bar {padding: 0.5em;border-top: 1px solid black;border-bottom: 1px solid black;}
label {font-weight: bold; }
legend {font-weight: bold; }
.input-fields {vertical-align: middle;margin-top: 0.5em;margin-bottom: 0.5em;}
.input-fields input, .input-fields select, .input-fields textarea, .input-fields label, .input-fields img {margin: 2px;}
.input-fields td {vertical-align: middle;}
input.submit {margin-left: 40%;}
input[type="submit"] {margin-left: 40%;}
.input-fields input.submit {margin-left: 0.5em;}
.input-fields input[type="submit"] {margin-left: 0.5em;}
#headlines-submit {margin-left: 0.5em;}

.input-fields th, .breeding-input-fields th {text-align: center;font-weight: bold;padding: 0.3em;}

.breeding-input-fields {vertical-align: middle;margin-top: 0.5em;margin-bottom: 0.5em;}
.breeding-input-fields input, .breeding-input-fields select, .breeding-input-fields textarea, .breeding-input-fields label, .breeding-input-fields img {margin: 2px;}
.breeding-input-fields td {vertical-align: middle;}
.breeding-input-fields input.submit {margin-left: 0.5em;}
.breeding-input-fields input[type="submit"] {margin-left: 0.5em;}
.breeding-survey-fields, .breeding-evidence-fields {max-width: 35em;}
#login-fields {max-width: 35em;}

.data-table {margin: 1em 0;border: 1px solid white;empty-cells: show;}
.data-table td {border: 1px solid white;}
.data-table th, .input-fields th {border: 1px solid white;}

.data-table th, .input-fields th {text-align: center;font-weight: bold;padding: 0.3em;color: white;background-color: navy;}
.data-table tr { background-color: #eeeeff; }
.data-table tr.alt { background-color: #ddddff; }
/*
.data-table tr { background-color: #ddddff; }
.data-table tr.alt { background-color: #bbbbff; }
*/
/*
.data-table th {text-align: center;font-weight: bold;padding: 0.3em;color: black;background-color: #cccccc;}
.data-table tr { background-color: #ffffff; }
*/
#headlines-table {width: 100%;}
#headlines-table {max-width: 40em;}

/* if PhotoDisplayMethod = popup */
.photo-frame {text-align: center;margin-left: -40px;padding-left: 5px;}

/* if PhotoLayoutMethod = div */
div.thumbnail {float: left;width: 25em;height: 10em;margin: 0 1em 1em 0;border: 1px solid #7f7f7f;background-color: #dddddd;}
div.thumbnail img {float: left;margin: 1em 1em 1em 1em;border: 1px solid #7f7f7f;}
div.thumbnail p {margin: 1em 1em 1em 1em;}
#photo-list-bottom-link {clear: both;}
#photos-full-index-link {clear: left;}
#float-container {overflow: hidden;width: 100%;}

/* if taxon name suggestions */
#record-detail-table td {vertical-align: top;}
#taxon-name {top: -1.25em;width: 20em;}
#search-criteria-table {margin-top: 0.5em;}
#record-detail-col-1 {width: 15em;}
.add-visit-taxon {width: 15em;}
/* */
#visit-submit-default {position: absolute;left: -1000px;width: 10px;}

.more48 {color: green;}
.more24 {color: #FFA000; font-weight: bold;}
.less24 {color: red; font-weight: bold;}

.writeup_body {margin-left: 2em;margin-right: 2em;}

#preference-layout-table td {text-align: left;}

/* for select location from map */
#popupmap {
	position: absolute;
	visibility: hidden;
	width: 650px;
	height: 462px;
	left: 10px;
	top:300px;
	background-image: url(../graphics/SOGArea7.JPG);
	border: 1px solid #000;
	padding: 0px;
}

#mapclose {
	float: right;
    text-decoration: none;
}

#mapcloselink:link, #mapcloselink:visited {
    color: red;
}

/* for datepicker */
    /*
        Set the "zoom" property to "normal" since it is set to "1" by the 
        ".example-container .bd" rule in yui.css and this causes a Menu
        instance's width to expand to 100% of the browser viewport.
    */
div.yuimenu .bd {zoom: normal;}
    /*
        Restore default padding of 10px for the calendar containtainer 
        that is overridden by the ".example-container .bd .bd" rule 
        in yui.css.
    */
#calendarcontainer {padding:10px;}
#calendarmenu {position: absolute;}
#calendarpicker button {
    background: url(/script/yui2.8.0r4/button/assets/calendar_icon.gif) center center no-repeat;
    text-align: left;
    text-indent: -10em;
    overflow: hidden;
    *margin-left: 10em; /* For IE */
    *padding: 0 3em;    /* For IE */
    white-space: nowrap;
}
#calendarpicker {vertical-align: baseline;}