h1 { font-size:138.5%}
h2 { font-size:123.1%}
h3 { font-size:108%}
h1,h2,h3 { margin:1em 0}
h1,h2,h3,h4,h5,h6,strong { font-weight:bold}
abbr,acronym { border-bottom:1px dotted #000; cursor:help}
em { font-style:italic}
blockquote,ul,ol,dl { margin:1em}
ol,ul,dl { margin-left:2em}
ol li { list-style: decimal outside}
ul li { list-style: disc outside}
dl dd { margin-left:1em}
th,td { border:1px solid #000; padding:.5em}
th { font-weight:bold; text-align:center}
caption { margin-bottom:.5em;  text-align:center}
p,fieldset,table { margin-bottom:1em}
 body {background-color: #fff; color: #333; padding: 0; margin: 0;}
body, p, ol, ul, td {font-family: verdana, arial, helvetica, sans-serif}
pre {background-color: #eee; padding: 10px; font-size: 11px}
 a, a:link, a:visited{ color: #2A5685; text-decoration: none}
a:hover, a:active{ color: #c61a1a; text-decoration: underline;}
a img{ border: 0}
h1 {font-size: 16px; padding: 0.2em; border: 1px solid silver; margin: 0 0 1em 0}
fieldset {border: 1px solid #e4e4e4; margin:0; background: white}
legend {color: #484848}
 .yuimenubaritemlabel, .yuimenubaritemlabel-current {cursor: pointer !important}
.yuimenubaritemlabel-current, .yuimenuitemlabel-current {color: #008000 !important}
 #custom-doc {width:79.23em;*width:77.32em;min-width:925px; margin:auto; text-align:left}
div#body-container {min-width: 925px}
div#flash p.notice, div#flash p.error {margin: 0.2em 0em 1em 0em; padding: 0.5em}
div#flash p.notice {background: #A6D785; color: green}
div#flash p.error {background: #CD9B9B; color: #8C1717}
.fieldWithErrors label { color: red;  }
.fieldWithErrors input, .fieldWithErrors select { background-color: #ffdfdf}
#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; padding-left: 0em; margin-left: 4em; list-style: square}
 div#banner {vertical-align: middle; line-height: 40px; height: 100px; background: #0B2823 url(../images/banner.jpg) no-repeat scroll top left}
 div#logged-in {margin-bottom: 1em}
div#logged-in a {color: green}
div#top div#version {font-size: smaller; margin-top: 0.4em; text-align: right; color: grey}
div#menu {background: #001a57 url(../images/menu_bg.png) repeat-x 0 100%;  color: #ffffff; padding: 0.4em; padding-left: 1em}
div#menu a {text-decoration: none; color: #CDCDB4; font-size: 14px; margin-right: 1.4em}
div#menu a:hover {color: #ffffff; background-color: #001a57}
div#main, div#sidebar { padding: 0.5em}
div#main {height: 100%; margin-left: 0em; background: #FAFAFA url(../images/body_bg.gif) repeat-x}
div#sidebar {overflow: auto;  background: #FCFFF0; font-size: smaller}
div#sidebar h2 {border: 1px solid #CDCDC1; background: white; font-weight: bold; margin-bottom: 0.8em; margin-top: 5px; padding: 0.3em}
div.subcontainer {background: #F0F0F0; display: table; padding: 1em; border: 1px solid #A3A3A3}
 table.list {text-align: left; border-collapse: collapse}
table.list th, table.list td {text-align: left; border: none; padding: 0.2em 0.4em; vertical-align: top}
table.list td {border-bottom: 1px solid silver}
table.list th {font-weight: bold; color: #636363; border-bottom: 1px solid #666}
table.list tr.even {background: #ECF3FE}
table.list tr.odd {background: white}
table.list tr:hover {background: #FFFCCF }
table.list tr:first-child {border-bottom: 1px solid #666}
table.list tr.header:hover {background: transparent}
table.list h2.sub {font-weight: bold; padding: 0.3em; margin-top: 2em; margin-bottom: 1em; background: #EEE9E9}
div.tooltip:hover span.tip {display:block; position:absolute; top:12px; left:24px; width:270px; border:1px solid #555; background-color:#fff; padding: 4px; font-size: 0.8em; color:#505050}
 .action-icon {vertical-align: middle; border: none}
.icon {background-position: 0% 40%; background-repeat: no-repeat; padding-left: 20px; padding-top: 2px; padding-bottom: 3px}
.icon22 {background-position: 0% 40%; background-repeat: no-repeat; padding-left: 26px; line-height: 22px; vertical-align: middle}
.icon-new {background-image: url(../images/add.png)}
.icon-edit {background-image: url(../images/edit.png)}
.icon-copy {background-image: url(../images/copy.png)}
.icon-destroy {background-image: url(../images/delete.png)}
.icon-move {background-image: url(../images/move.png)}
.icon-save {background-image: url(../images/save.png)}
.icon-cancel {background-image: url(../images/cancel.png)}
.icon-file {background-image: url(../images/file.png)}
.icon-folder {background-image: url(../images/folder.png)}
.open .icon-folder {background-image: url(../images/folder_open.png)}
.icon-package {background-image: url(../images/package.png)}
.icon-home {background-image: url(../images/home.png)}
.icon-user {background-image: url(../images/user.png)}
.icon-mypage {background-image: url(../images/user_page.png)}
.icon-admin {background-image: url(../images/admin.png)}
.icon-projects {background-image: url(../images/projects.png)}
.icon-help {background-image: url(../images/help.png)}
.icon-attachment {background-image: url(../images/attachment.png)}
.icon-index {background-image: url(../images/index.png)}
.icon-history {background-image: url(../images/history.png)}
.icon-time {background-image: url(../images/time.png)}
.icon-stats {background-image: url(../images/stats.png)}
.icon-warning {background-image: url(../images/warning.png)}
.icon-fav {background-image: url(../images/fav.png)}
.icon-fav-off {background-image: url(../images/fav_off.png)}
.icon-reload {background-image: url(../images/reload.png)}
.icon-lock {background-image: url(../images/locked.png)}
.icon-unlock {background-image: url(../images/unlock.png)}
.icon-checked {background-image: url(../images/true.png)}
.icon-details {background-image: url(../images/zoom_in.png)}
.icon-report {background-image: url(../images/report.png)}
.icon-comment {background-image: url(../images/comment.png)}
.icon-calendar {background-image: url(../images/calendar.png)}
.icon-show {background-image: url(../images/show.png)}
.icon22-projects {background-image: url(../images/22x22/projects.png)}
.icon22-users {background-image: url(../images/22x22/users.png)}
.icon22-tracker {background-image: url(../images/22x22/tracker.png)}
.icon22-role {background-image: url(../images/22x22/role.png)}
.icon22-workflow {background-image: url(../images/22x22/workflow.png)}
.icon22-options {background-image: url(../images/22x22/options.png)}
.icon22-notifications {background-image: url(../images/22x22/notifications.png)}
.icon22-authent {background-image: url(../images/22x22/authent.png)}
.icon22-info {background-image: url(../images/22x22/info.png)}
.icon22-comment {background-image: url(../images/22x22/comment.png)}
.icon22-package {background-image: url(../images/22x22/package.png)}
.icon22-settings {background-image: url(../images/22x22/settings.png)}
.icon22-plugin {background-image: url(../images/22x22/plugin.png)}
h2 img {vertical-align:middle}
fieldset#date-range {padding: 0.7em; margin-bottom: 8px}
div#content {margin: 2em}
 form.tabular {padding: 0.3em }
form.tabular fieldset {background: white; margin-bottom: 1.2em; width: 70%; padding-bottom: 0.5em }
form.tabular fieldset legend {margin-left: 0.5em}
form.tabular textarea {width: 350px; height: 70px}
 form.tabular p {margin: 0; padding: 5px 0 8px 0; padding-left: 180px;  height: 1%; clear:left}
html>body .tabular p {overflow:hidden;}
form.tabular label {font-weight: bold; float: left; text-align: right; margin-left: -180px;  width: 175px;  }
form.tabular label.floating {font-weight: normal; margin-left: 0px; text-align: left; width: 270px}
form.tabular label.grouped {font-weight: normal; margin-left: 0px; text-align: left; width: auto; float: none}
form.tabular table.checkbox-group {border: none; margin-left: 1em}
form.tabular table.checkbox-group td {border: none; padding: 0.1em 0.5em}
.required {color: #bb0000;}
 table.composition {border: 1px solid #A1A1A1}
table.composition tr.header:hover {background: none}
table.composition th.method {background-color: #F3E88E}
table.composition th.inner {background-color: #CCFFFF; font-weight: normal; color: black}
table.composition th, table.composition td {border-left: 1px solid silver; border-right: 1px solid silver}
table.composition th.outer {background-color: #cdcdcd}
table.composition .nohits {color: gray; font-weight: normal}
 form.button-to {display: inline !important}
form.button-to div {display: inline !important}
 form.tabular {padding: 0.3em }
form.tabular fieldset {background: white; margin-bottom: 1.2em; width: 70%; padding-bottom: 0.5em }
form.tabular fieldset legend {margin-left: 0.5em}
form.tabular textarea {width: 350px; height: 70px}
 form.tabular p {margin: 0; padding: 5px 0 8px 0; padding-left: 180px;  height: 1%; clear:left}
html>body .tabular p {overflow:hidden;}
form.tabular label {font-weight: bold; float: left; text-align: right; margin-left: -180px;  width: 175px;  }
form.tabular label.floating {font-weight: normal; margin-left: 0px; text-align: left; width: 270px}
form.tabular label.grouped {font-weight: normal; margin-left: 0px; text-align: left; width: auto; float: none}
form.tabular table.checkbox-group {border: none; margin-left: 1em}
form.tabular table.checkbox-group td {border: none; padding: 0.1em 0.5em}
.required {color: #bb0000;}
p.actions {margin: 1.5em 0 1em 0; clear: both}
p.actions a {margin: 0.4em 0.2em; font-weight: bold; text-align: center; width: 6em; text-decoration: none; color: #0063dc; background-color: #ffffff; padding: 0.3em 0.6em; border: 1px solid #0063dc; line-height: 2.5em}
p.actions a:hover {color: #ffffff; background-color: #0063dc; border: 1px solid #ffffff}
 a.action {margin: 0.4em 0.2em; font-weight: bold; text-align: center; width: 6em; text-decoration: none; color: #0063dc; background-color: #ffffff; padding: 0.3em 0.6em; border: 1px solid #0063dc}
 a:hover.action {color: #ffffff; background-color: #0063dc; border: 1px solid #ffffff}
 .pagination {background: white; margin-top: 1em; margin-bottom: 0.5em}
.pagination a, .pagination span {padding: .2em .5em; display: block; float: left; margin-right: 1px}
.pagination span.disabled {color: #999; border: 1px solid #DDD}
.pagination span.current {font-weight: bold; background: #2E6AB1; color: white; border: 1px solid #2E6AB1}
.pagination a {text-decoration: none; color: #105CB6; border: 1px solid #9AAFE5}
.pagination a:hover, .pagination a:focus {color: #003; border-color: #003}
.pagination .page_info {background: #DCDCDC; color: green; padding: .4em .6em; width: 32em; margin-bottom: .3em; text-align: left}
.pagination .page_info b {color: #003; padding: .1em .25em}
.pagination:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
* html .pagination {height: 1%}
*:first-child+html .pagination {overflow: hidden}
 h2.show {font-size: smaller; background: #E8E8E8; font-weight: bold;  border-bottom: 1px dotted #B0B0B0;  padding: 0.7em; padding-left: 1em; margin-bottom: 1em; margin-top: 1em}
div.info-holder {background: #F7F2EE; border: 1px solid #A2A39D; padding: 0.3em; display: table; margin: 1em 0em 2em 1em}
div.info {background: #ECEDEF url(../images/show_summary_background.png); border: 1px solid #DBD9CF; padding: 0.6em}
div.info p {padding: 0em 0.5em}
 div.create-update-info {background: #ECEDEF url(../images/show_summary_background.png); border: 1px solid #DBD9CF; margin-top: 0.3em; padding: 0.5em 1.5em 0em 0.5em; font-size: smaller}
div.create-update-info p.history {text-align: right}
div.create-update-info span.value {color: #426F42}
 .yui-skin-sam .yui-layout .yui-layout-unit-top, .yui-skin-sam .yui-layout .yui-layout-unit-top div.yui-layout-bd-nohd {overflow: visible}
.yui-layout-hd h2 {margin: 0}
 .yui-skin-sam .yui-layout .yui-layout-hd {background: white; border: 1px solid #808080}
 .yui-skin-sam .yui-layout {background-color: #EDF5FF}
 .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd h2 {font-weight: bold; color: #454545; padding: 3px}
 .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {border: 1px solid #808080; border-bottom: none; border-top: none; *border-bottom-width: 0; *border-top-width: 0; background-color: white; text-align: left}
 .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-noft {border-bottom: 1px solid #808080}
 .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-nohd { border: none}
 .yui-skin-sam .yui-layout .yui-layout-clip {position: absolute; height: 20px; background-color: #EDF5FF; display: none; border: 1px solid #808080}
 .yui-skin-sam .yui-layout div.yui-layout-ft {border: 1px solid #808080; border-top: none; *border-top-width: 0; background-color: #f2f2f2}
 .yui-skin-sam .yui-layout-unit .yui-resize-handle {background-color: transparent}
 .search {float: right}
.search * {vertical-align:top}
.search .box input.text {border: 2px solid #B4B4B4; font-size: 140%; height: 1em; margin-top: 0.1em; padding: 0.2em 0; width: 16.6em; background: #F5FFFA}
.search .label {color:#777777; font-size:110%; font-weight:bold}
 .result-box {border: 1px solid gray; margin-bottom: 0.3em; padding: 0.3em; width: 700px; height: 120px; position: relative}
.result-box .thumb {float: right; border: none}
.result-box .result-box-hierarchy {padding-left: 1em; margin-top: 0.5em; margin-bottom: 2em}
.compound-result-box .result-box-hierarchy {margin-bottom: 3.6em}
.result-box .advanced-search {position: absolute; bottom:3px; right:3px}
.compound-class-result-box {background: #F7B3DA; height: 70px !important}
.food-group-result-box {height: 70px !important}
 .food-color {background-color: #E0EEE0}
.compound-color {background-color: #AFEEEE}
.food-group-color {background-color: #F7B3DA}
.compound-class-color {background-color: #EAEAAE}
 ul.search-summary {margin: 2em 0.3em; padding: 0}
ul.search-summary li {list-style-type: none; display: inline; border: 1px solid #8B8B83; padding: 0.4em; margin-right: 1em}
ul.search-summary li:hover {background: #0099CC}
 p.logged-in-warning {color: red}
div.editable-page-content {background: #F4FFF4; border-top: 1px solid #AACCAA; border-bottom: 1px solid #AACCAA; margin: auto; padding: 30px}
 a.add, span.add-example {display: block; text-align: center; font-weight: bold; font-size: 12px; background: #9DB68C; padding: 1px 3px; color: #484D46; text-decoration: none; margin: 1px 0; white-space:nowrap}
a.add:hover {background: #687E5A; color: white}
a.add-batch {background: #A8A8A8}
a.add-batch:hover {background: grey}
div.view-selector {background: #E7E0CC url(../images/view_select_bg.png); border: 1px solid #B0B0B0; padding: 0.5em 0em; margin-bottom: 1em; width: 100%; text-align: center; height: 70px}
div.view-selector a {float: left; margin: 0 2em}
div.view-selector a img {border: 4px solid transparent; padding: 0.3em 1em}
div.view-selector a img:hover {border-color: grey; background: silver}
div.view-selector a.selected img {background: #EEE8AA; border: 2px solid #CDCDC1 !important}
.units {font-size: smaller; white-space: nowrap}
 div#advanced_search h3 {color: green; border-bottom: 1px solid silver; margin-bottom: 1em; margin-top: 1.5em; font-size: larger}
 .prototip {font: 11px Arial, Helvetica, sans-serif; color: #000}
 .prototip .default {width: 250px; color: #808080}
.prototip .default .toolbar {background: #f1f1f1; font-weight: bold}
.prototip .default .title {padding: 5px}
.prototip .default .content {padding: 5px; background: #fff}
 .prototip .basic {width: 250px; color: #808080}
.prototip .basic .toolbar {background: #f1f1f1; font-weight: bold}
.prototip .basic .title {padding: 5px}
.prototip .basic .content {padding: 5px; background: #fff}
 .prototip .hint {width: 250px; color: #313120; background: #fff6aa}
.prototip .hint .toolbar {background: #fdf1a0; font-weight: bold}
.prototip .hint .title, .prototip .hint .content {padding: 5px}
 .prototip .protoblue {width: 250px; color: #fff}
.prototip .protoblue .toolbar {background: #0d7cd0; font-weight: bold}
.prototip .protoblue .title {padding: 5px}
.prototip .protoblue .content {background: #1e90ff; padding: 5px}
 .prototip .creamy {width: 250px; color: black}
.prototip .creamy .toolbar {background: #f3edc2; font-weight: bold}
.prototip .creamy .title {padding: 5px}
.prototip .creamy .content {background: #f8f4ca; padding: 5px}
 .prototip .darkgrey {width: 250px; color: #fff}
.prototip .darkgrey .toolbar {background: #5f5f5f; font-weight: bold}
.prototip .darkgrey .title {padding: 5px}
.prototip .darkgrey .content {background: #808080; padding: 5px}
 .prototip .protogrey {width: 250px; color: #fff; background: #fff}
.prototip .protogrey .toolbar {background: #969c92; font-weight: bold}
.prototip .protogrey .title {padding: 5px}
.prototip .protogrey .content {color: black; padding: 5px}
 .prototip .protogrey .toolbar .close {width: 14px; height: 14px}
 .prototipLoader {position: absolute; top: -1000px; left: -1000px; height: 14px; width: 14px; border: 1px solid #dddddd; overflow: hidden}
 .prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}
.prototip .clearfix{display:block;}