#header {height: 150px; background-color: #000000; background-image: url(/images/ui/header-bg.gif); background-repeat: repeat-x; overflow: hidden}
.content {width: 980px; margin: 0 auto}
#top_controls {height: 70px; overflow: hidden; background: #648a64 url(/images/ui/top-controls-bg.gif)}
#top_controls_inner {margin: 15px 20px 0 0px}
#top_controls .button {padding: 0 0 0 0; margin: 0 0 0 0; width: 160px;  font-size: 18px; height: 44px; line-height: 44px}
#top_controls .actions {float: right}
#top_controls .actions img {margin: 0 0 0 10px}
 #top_controls input.textInput { border: 2px solid #466046; color: #8a7b75; margin: 0 0 0 20px; padding: 10px 10px 0 10px; font-size: 18px; height: 30px; line-height: 30px; width: 300px}
#page {background-color: #ffffff}
#page_inner {padding: 20px 20px 20px 20px}
 #main_navigation {float: right; margin-top: 35px}
#main_navigation li a:link, #main_navigation li a:visited, #footer li a:link, #footer li a:visited {color: #e1e3ac; font-size: 16px; text-decoration: none}
#footer ul.navigation li, #main_navigation ul.navigation li {padding-left: 25px}
#footer {color: #e1e3ac; border-top: 10px solid #466046; background-color: #03062b; background-image: url(/images/ui/header-bg.gif); background-position: top left; background-repeat: repeat-x}
#footer_nav {margin: 20px 10px 10px 0; float:right}
  #main_callout {background-color: #47403d; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #dff3bd; padding: 20px; text-align: center; margin-bottom: 20px}
#main_callout_intro {margin-top: 20px}
#main_callout_intro p {font-size: 26px; font-weight: normal; line-height: 32px; margin-bottom: 20px}
#main_callout_intro strong {color: #ffffff}
#sidebar .callout {width: 262px; display:block; overflow:hidden}
.callout {background-color: #ebebeb; border: 4px solid #b7b7b7; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px 10px 10px 10px}
.callout h1 {text-align: left; margin: 0 0 0 0; padding: 0 0 0 0; font-size: 16px; font-weight: bold}
.callout p {margin: 5px 0 5px 0}
#sidebar .callout {margin-bottom: 20px; color: #805b4d}
.callout2 {background-color: #f8f8f8; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px 10px 5px 10px}
.left_float {float: left; width: 49%}
.left_float ul {margin: 0 5px 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.middle_float {float: left; width: 320px; margin-left: 20px; margin-right: 20px}
.right_float {overflow: hidden;  text-overflow: ellipsis;  float: right; width: 49%}
.right_float ul {white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
 .search_result.odd, .comment.odd {background-image: url(/images/ui/in-page-fade.gif); background-repeat: repeat-x; background-color: transparent}
#left_content {float:left; width: 630px}
#sidebar {float: right; width: 290px; display:block; overflow: hidden}
#sidebar .button.smaller {width: 53px; height: 33px; font-size: 10px; padding: 0px; background-position: 0px -10px}
#sidebar textarea.textInput {float: left; width: 170px; height: 15px; overflow: hidden; color: #999999}
  ul.navigation.secondary {float:right; margin-top: -30px; margin-right: 0px}
ul.navigation.secondary li a, ul.navigation.secondary li a:visited {text-decoration: none; color: #2835B6}
.navigation a, .navigation a:link, .navigation a:visited {}
#navigation .navigation a, #navigation .navigation a:link, #navigation .navigation a:visited, #right_navigation .navigation a {text-decoration: none; font-size: 14px; font-weight: bold}
#navigation .navigation .active a, #navigation .navigation .active a:link, #navigation .navigation .active a:visited, #right_navigation .navigation .active a {font-size:20px}
 .navigation.tertiary a, .navigation.tertiary a:link, .navigation.tertiary a:visited {color: #fff; text-decoration: none !important; padding: 5px 10px; padding-left: 10px !important; padding-left: 5px; display: block; font-size: 15px}
.navigation.tertiary li {background-color: #466046; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; padding: 0; text-align: center; font-style: italic}
.navigation.tertiary li.active {background-color: #466046; font-weight: bold; color: #fff; border-bottom: 0px}
.navigation.tertiary li.active a {color: #fff !important}
* {margin: 0; padding: 0}
body {background: #737373 url(/images/ui/body-bg.gif)}
body, p, ol, ul, td, input, textarea, select, option {font-family: 'Helvetica', 'Arial', sans-serif; font-size: 13px; line-height: 17px}
a { color: #334aa3}
a.silent {text-decoration: none}
a:link {color: #334aa3}
a:visited {color: #6d308c}
a.silent:visited {color: #334aa3}
a.cancel, a.cancel:link, a.cancel:visited {color: #B1454A; font-weight: bold}
a.action, a.action:link, a.action:visited { color: #993333; font-weight: bold}
a.blue_link:link, a.blue_link {color: #5272E0 !important}
img, fieldset {border: 0}
input, select, textarea {vertical-align: middle}
ul li {padding: 2px 0px; list-style-type: none}
ul.sortable li {cursor: pointer; list-style-type: none; margin-left: 10px; margin-right: 10px; border-bottom: 1px dotted #ccc; margin-bottom: 5px}
ul.sortable li p {margin-bottom: 5px}
 ul.navigation {margin: 0px; padding-left:0px; padding: 0px; display: inline}
ul.navigation li {margin:0px; list-style: none; display:block; float:left; padding:0px; padding-left:10px; margin-right:5px}
.contentPad ul {margin-left: 25px}
ol {list-style-type: decimal; margin-left: 20px !important; margin-left: 25px}
ol li {margin-bottom: 5px}
p {margin-bottom:10px}
p.more {text-align: right; margin-top: 20px; margin-bottom: 0px; font-weight: bold; padding: 0px}
table td {vertical-align: top}
table td ul {margin-left: 15px}
h1 {font-size: 26px; line-height: 30px; font-weight: normal; color: #4e3b33;   padding-top: 0px; padding-bottom: 5px;  }
h2 {font-size: 21px; color: #648a64; font-weight: normal; margin: 20px 0 10px 0; padding: 0 0 15px 0;  text-align: left; border-bottom: 1px dotted #7f7f7f}
h2, h2 a:link, h2 a:visited {color: !important; text-decoration: none}
h3 {font-size: 16px; font-weight: normal; color: #A6B985; margin-bottom:10px; margin-top: 5px; padding: 5px}
h4 {margin-top: 0.5em; margin-bottom: 0.5em; color: #666; font-weight: normal; padding: 2px; background-color: #F3F2F1}
div.line, div.line2 {border-bottom: 1px solid ; padding:0px; margin-top:0px; margin-bottom:10px; clear:both}
div.line2 {border-bottom: 1px dashed #ccc}
label {font-weight: bold}
label.normal {font-weight: normal}
select {border: 1px solid #ACB5B9; background-color: #F1F3F3}
select option {padding: 3px; background-color: #F1F3F3}
td.middle {vertical-align: middle !important}
 div.floatHalf {float: right; width: 48%}
div.indent {padding:0px; margin:0px; margin-top:-10px; padding-left:20px}
div.padLeft {padding-left:10px}
.clear {clear:both; height:1px; overflow:hidden}
.contentPad, .content_pad {margin: 0 20px 20px 20px;  }
.info {font-size: 11px !important; font-style:italic; color: #666666}
h1 .extra_info {clear:both; margin-left: 10px}
h2 .extra_info {float: right}
h3 .extra_info {float:right}
.extra_info {color: #999; font-size: 14px}
.notice {color: #CC666E}
.smaller *, .smaller * * {font-size: 11px}
 .temporary, .temp {background-color: #E05274; color: #fff; border: 4px solid #99334B; padding: 10px; margin-bottom: 10px}
.clickable {cursor: pointer}
.money_gain {color: #008800 !important}
.money_loss {color: #830516 !important}
 .textInput {background-color: #ffffff; border: 2px solid #b7b7b7; background-image: url(/images/ui/text-input-bg.gif); background-repeat: repeat-x; line-height: 20px;  padding: 10px 5px 0 5px}
.button {background-color: #3a251c; background-image: url(/images/ui/button-bg.gif); background-position: top left; background-repeat: repeat-x; color: #fff !important; text-decoration: none; border: 2px solid #000; font-size: 15px; padding: 5px 15px 5px 15px; cursor: pointer}
.button.cancel {background-image: url(/images/ui/buttons/cancel-bg.png); background-color: #B1454A; font-weight: normal !important}
.button.disabled {background-image: none; background-color: #7a7a7a; color: #ccc !important; border-color: #666}
.button_cell {text-align: center; padding-right: 20px; padding-left: 20px}
.button_cell p.info {margin-top: 10px}
 .instructional {color: #666;  font-style: italic}
.important {font-weight: bold; color: #CC1A00}
.hlt, .highlight {background-color: #F9F594}
 table.list {width: 100%; border: 2px solid #466046}
table.list h1, table.list h2, table.list h3, table.list h4 {font-size: 11px; margin: 0px; padding-top:2px; padding-bottom:2px; padding: 0px; margin-top: 3px; line-height: 1em; color: #8A7875; font-weight: normal; border-bottom: 1px dotted #E6DEDD}
table.list td {padding: 2px 10px; border-right: 1px dotted #d9d9d9;   }
table.list tr.odd td, .odd {background-color: #eff9de}
table.list tr.alt td {}
table.list tr td.first {padding-left:10px}
table.list tr td.last, table.list tr.footer td.last {padding-right:10px; border-right: 0px}
table.list tr.complete td {background-color: #DBD7D2; border-color: #B9B3AC}
table.list tr td.icon {vertical-align: middle; text-align: center}
.numeric, table.list .numeric {text-align:right}
table.list tr th {font-weight: bold;  padding: 5px 10px 5px 10px; text-align: left; background-image: url(/images/ui/table-header-bg.gif); background-repeat: repeat-x; background-color: #abbd8c; border-right: 1px solid #97a57f; border-bottom: 2px solid #466046; color: #213435;  }
 table.list table.inner {width: 100%}
table.list table.inner td {padding: 2px; border: 0px; background-color: transparent}
table.list table.inner td.icon {vertical-align:middle; text-align:center; border-bottom:1px dotted #ccc; cursor: pointer}
table.list .line, table.list tr.line td {margin-top: 5px; margin-bottom: 5px; border-bottom:1px dotted #ccc}
 table.formContent {width: auto}
table.formContent.bigger td, .bigger {font-size: 1.3em}
table.formContent td {padding-right: 5px; text-align: left; vertical-align: middle}
.mini_links {padding-top: 5px; padding-bottom: 5px; font-size: 11px; font-style: italic}
.mini_links a:link, .mini_links a:visited {color: #8A7B75}
.mini_links.notice {color: #CC666E; font-weight: bold}
.weekend {background-color: #EBEAE9 !important}
 div.pagination {margin-top: 10px; background-color: #EDEDED; border-top: 2px solid #C5BEBE; padding: 10px}
div.p * {font-size: 1.2em}
 .fieldWithErrors input, .fieldWithErrors * option, .fieldWithErrors *, input .textInput .error {background-color: #F0DEDB; border-color: #CC7266 !important}
 .errors {color: red; font-style: italic; padding-bottom: 5px; padding-top: 5px; padding-left: 5px}
.formError {color: red; font-style: italic; float:left; padding-bottom: 5px; padding-top: 5px; padding-left: 5px}
#ErrorExplanation {width: 400px; border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0}
#ErrorExplanation h2 {text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: #fff}
#ErrorExplanation p {color: #333; margin-bottom: 0; padding: 5px}
#ErrorExplanation ul li {font-size: 12px; list-style: square}
 #flash {margin: 10px; margin-top: 0px; padding: 10px; background-color: #D9F7D4; border: 2px solid #429933}
#flash h2 {background-image: none; background-color: #376B2E; color: #eee}
#flash * {font-size: 1em; line-height: 1.4em}
#nav {float: right; font-size: 75%}
#nav .user {margin: 0 20px 0 20px; font-size: smaller}
#nav ul {display: inline; margin: 0 0 10px 0}
#nav li {display: inline; list-style: none;  }
#nav li a {width: 100px; padding: 0 10px 0 5px; border-left: 10px solid #A0A0B0;  text-decoration: none}
#nav li a:link {color: #404080}
#nav li a:visited {color: #606070}
#nav li a:hover {border-color: #000000; color: #000000; background-color: #ffffff;  }
.error {color: red}
colgroup.measure {text-align: right}
td.measure {text-align: right}
table.list tr th.measure {text-align: right}
#title_block img {display: inline; float: left; width: 32px; height: 32px; margin: 0 10px 0 0}
#title_block .bookmark {float: right}
.loginform {width: 300px; margin: auto}
.loginform fieldset {border: 2px solid black; padding: 30px 20px 20px 40px}
.loginform input {margin: 5px 0 10px 0; display: block}
.loginform input.submit {font-size: 120%; font-weight: bold; margin: 20px 0 0 80px}
.loginform legend {padding: 0 10px 0 10px; font-weight: bold; font-size: 150%}
.loginform input#remember_me {display: inline}
span.right {display: inline-block; text-align: right; width: 25px; color: grey}
span.right:after {content: "."}
.basicform {width: 600px; margin: 0 auto}
.basicform fieldset {border: 2px solid black; padding: 30px 0 20px 30px}
.basicform label {font-size: 14px; display: block; margin: 10px 0 0 0}
.basicform input {padding: 5px 0 5px 0;  }
.basicform .button {padding: 0 15px 0 15px; font-size: 18px; height: 40px}
.basicform legend {padding: 0 10px 0 10px; font-weight: bold; font-size: 24px}
.basicform input#remember_me {display: inline}
.basicform input.submit {width: 100px; text-align: center}
.basicform li {list-style: disc inside; margin: 0 0 0 20px}
.errorExplanation h2 {display: none}
div.errorExplanation {margin: 0 20px 20px 0; padding: 5px 10px 5px 10px; border: thin solid black}
#exposition {margin: 0 250px 0 100px}
#exposition h2 {margin: 40px 0 20px 0; padding: 0 0 0 0; color: #666666; font-weight: bold; border: none}
#exposition h3 {margin: 40px 0 20px 0; padding: 0 0 0 0; color: black}
#exposition p {font-size: 110%}
#exposition ul li {margin: 0 0 10px 20px; list-style: disc outside; font-size: 110%}
#footer .copy {float: left; margin: 25px 0 0 20px; font-size: 80%}
.tablebox {overflow: auto}
ul.children {margin: 0 0 0 20px}
.datalink {font-size: 75%; margin-right: 5px; float: right; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.source {white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
 fieldset.reply_comment {border:none}
fieldset.reply_comment form, fieldset.reply_comment div.errors {display:none}
fieldset.reply_comment_active {}
fieldset.reply_comment_active form, fieldset.reply_comment_active div.errors {display:block}
fieldset.add_comment {border:none}
fieldset.add_comment form, fieldset.add_comment div.errors {display:none}
fieldset.add_comment_active {}
fieldset.add_comment_active form, fieldset.add_comment_active div.errors {display:block}
.comments fieldset {padding: 10px}
.comments form {margin: 0 0 0 20px}
.comments form label {display: inline}
.comments legend {padding: 0 10px 0 10px; font-weight: bold}
.comment {border: 1px solid gray; margin-bottom:10px}
.comment .comment {border:none; border-top:1px dotted gray}
.comment .author {display: block; float: right; margin: 5px 10px 0 0}
.comment .body {margin: 0 10px 0 10px}
.comment .body h1,.comment .body h2,.comment .body h3, .comment .body h4 {margin: 0 0 10px 0; padding: 0; line-height: normal; border: none; color: black; font-size: 120%; font-weight: bold}
.notes h1,.notes h2,.notes h3, .notes h4 {margin: 0 0 10px 0; padding: 0; line-height: normal; border: none; color: black; font-size: 120%; font-weight: bold}
 .edit_tags_block {display: none}
.edit_tags_active .edit_tags_block {display: block}
 .oldrev {font-weight: bold; border: thin solid black; margin-bottom: 10px; padding: 10px 10px 2px 10px; background: pink}
 #source_notes {margin: 0 0 5px 0; padding: 5px 0 0 0}
.notes {margin: 0 20px 0 20px}
.notes ul li {list-style: disc inside}
 .ancestry ul li {margin: 5px 0 5px 20px; padding: 0; text-indent: -20px}
.search_result h3 {margin: 0}
 .inline_form {display: inline-block}
.command {font-size: 12px}
span.extra {font-size: 12px}
.tooltip {display: none; border: 1px solid black; margin: 10px; background-color: grey; font-size: 18px}
#pending_block {border: thin solid grey; text-align: center; padding: 100px 0 100px 0}
#data_block li.active {font-weight: bold}
#data_block {margin: 0 0 20px 0}
#measures li {margin: 0 0 0 40px; text-indent: -40px}
.raw {font-family: monospace}
#home_topics {margin: 0 0 20px 0}
#home_topics p {font-size: 20px; margin: 30px 0 30px 20px}
pre {overflow: hidden; text-overflow: ellipsis}
.extra_tabs {float: right}
.tools {border: 2px solid #466046; padding: 10px 20px 10px 20px}
#chart_block {border: 2px solid #466046; width: 100%; text-align: center}
.rules {font-family: monospace; border: 2px solid #466046; font-size: 14px}
.details {margin: 0 0 10px 20px; font-style: italic}
.details .constraints {margin: 0 0 0 10px}
.details .chron {margin: 0 0 0 10px}
.ignore {opacity: 0.75}
.graybox {border: solid thin black; background-color: #eeeeee; padding: 20px 30px 10px 30px}
.thumb {height: 200px; width: 270px; margin: 5px 5px 5px 5px;  border: 3px solid #03062b;  overflow: hidden; float: left;  }
.thumblink {margin: 0; padding: 0}
.thumb .title {padding: 5px 0 10px 0; height: 30px; font-weight: bold; text-align: center; background-color: #b1d6b1}
.thumb .chart {height: 125; width: 250; margin: 0 5px 0 5px;  padding: 0; text-align: center; vertical-align: middle}
.thumb .alt {margin: 10px 0 0 20px}
.thumb p.del {float: right; margin: 0 10px 0 0}
#__idselector_button {width: 50px; height: 30px; background-color: white}
#RB_overlay {position: absolute; z-index:100; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; min-height:100%; background-color: #000; opacity: .6; filter: alpha(opacity=60)}
#RB_redbox {width: 100%; position: absolute; top: 0px}
#RB_loading {position: relative; top: 200px; z-index: 101; width: 70px; height: 70px; margin: 0 auto; text-align: center; background: #666 url(../images/redbox_spinner.gif) no-repeat center center; border: 2px solid black}
#RB_window {z-index: 102; background-color: #FFFFFF; display: block; text-align: left; overflow: hidden; margin: 20px auto 0 auto; position: absolute}