html, body, head, div, fieldset, legend, form, label, textarea, dl, dt, dd, ul, ol, li, img, a, span, blockquote, table, td, tr, address, hr, input.checkbox, input.radio, input.img-button {border:none; margin:0; outline:none; padding:0}
h1, h2, h3, h4, h5, h6, p {margin:0; padding:0}
body {text-align:center}
.hidden {position:absolute; font-size:0; height:0; left:-100%; top:0; overflow:hidden; margin:0; padding:0}
  h1 {padding: 0 }
h1 span {display: block; width: 739px; margin: 0 auto; padding: 8px 22px }
h2 {padding: 8px 0; margin-bottom:8px}
#sidebar h2 {margin-bottom: 0; padding-bottom: 6px}
.box h2 {padding: 11px 10px 7px; margin: 0 7px 8px}
.notice h2 {margin: 0; padding: 13px 16px 9px}
.static h2 {padding: 0; margin-bottom: 14px}
.public h2 {padding-top: 0; margin-bottom: 0}
h3 {padding: 10px 0; margin-bottom: 12px}
.box h3 {margin-left: 6px; margin-bottom: 0}
.static h3 {padding: 0 }
 #container {text-align:left}
#header {position:relative; height:145px; width: 760px; margin: 0 auto}
#header a#home_link {width: 334px; height: 49px; display: block; position: absolute; bottom: 52px; left: 2px}
#header ul {list-style: none }
#header li {display: inline; padding: 0 8px}
#login {padding:8px 0 14px}
#navigation {width: auto; position: absolute; right: 0; bottom: 0; list-style:none}
#navigation li {float:left; margin-left: 5px; padding: 0}
#navigation a {padding:6px 12px 10px; display:block }
#navigation a span {padding-left: 16px}
.wrapper {padding-top: 19px; min-width: 800px }
.home .wrapper {padding-top: 0}
#content {width: 745px; margin: 0 auto; padding: 21px 19px 23px}
.home #content {width: 760px; padding: 0 0 23px}
.login #content {width: 760px; padding: 0; height: 4px}
.static #content {width: 739px; padding: 14px 22px 23px}
#intro {width: 760px; height: 414px; margin: 0 auto}
#intro p, #intro ul, #intro h3 {padding-right: 342px}
#intro h3 {margin-bottom: 3px}
#intro ul {margin-left: 5px; padding-right: 339px}
#intro li {list-style: none; padding-left: 20px; margin-bottom: 5px}
#intro p {padding-top: 14px}
.home #main {width: 467px; float: right; padding: 0; padding-top: 7px }
p {margin-bottom: 14px}
.box p {margin-left: 6px}
.notice p {margin: 0 6px; padding: 10px 20px 19px}
.static p {margin-bottom: 1em}
#breadcrumbs {height: 29px; width: 761px; margin: 0 auto}
#breadcrumbs li {list-style: none }
#breadcrumbs li, #breadcrumbs ul, #breadcrumbs a, #breadcrumbs strong {float: left }
#breadcrumbs a, #breadcrumbs strong {padding: 0 14px 0 10px }
.review {margin-bottom: 8px}
.review h3 {padding: 5px 9px; margin-bottom: 7px }
.review h4, .review p {padding-left: 67px; padding-right: 5px}
.review p {margin-bottom: 10px}
#sidebar {width: 274px; float: left; padding-top: 18px}
#sidebar dl {margin-right: 22px; margin-bottom: 8px }
#sidebar dt {display: block; padding-top: 7px }
#sidebar dd {padding: 4px 0 8px }
#links {margin-bottom: 12px; list-style: none }
#links li {margin-bottom: 7px}
#links a {display: block; height: 41px; width: 233px}
#links #register_today {height: 42px}
#footer {clear:both; padding:20px 0 25px}
.search #footer {padding-top: 15px}
#footer ul {list-style: none; width: 760px; margin: 0 auto}
#footer li {display: inline}
#footer li a {padding: 0 4px}
#footer p {width: 760px; margin: 0 auto; padding: 10px 0}
 div[id=footer], div[id=content], ul[id=navigation], div[id=featured], [class^=control], div[class=links], div[class=item], [class=item-header], ul[class^=col] li, ul[id=breadcrumbs], [class^=method] dl, form fieldset > div {overflow:hidden}
 .box {min-height: 217px; width: 732px; margin: 0 auto 10px; clear: both}
.notice {width: 730px; min-height: 0}
.notice ul {list-style: none; padding-bottom: 22px; padding-left: 17px}
.notice ul li {display: inline; margin-right: 5px}
.box dt {display: block}
.method-eval, .method {position: relative}
.method {clear: both }
.methods div {padding: 0 11px 13px 13px}
.method-summary .methods, .method-evaluation .methods {position: relative }
.method-summary .recommend, .method-evaluation .recommend {position: absolute; right: 0; top:0; padding: 3px 10px 4px 4px}
.method-summary .recommend img, .method-evaluation .recommend img {vertical-align: middle }
.recommend {margin-bottom: 0; padding-left: 20px; clear: both }
.methods h2 {float: left; position: relative; left: 7px; padding: 0; padding-left: 10px; margin-bottom: 0 }
.methods h2 span {float: left; padding: 2px 10px 5px 0 }
.methods dl {margin-bottom: 4px}
.methods dl dt {float: left; clear: left; margin-right: 7px}
.methods dl dd {float: left}
.methods dl ul, .methods dl li {display: inline }
.methods dl li ul {margin-left: 6px}
.methods h3 {clear: both; padding: 2px 0 7px; margin-bottom: 6px }
.methods, .publication, .method-eval, .work-chart {width: 714px; margin: 0 auto 18px}
.methods {margin-bottom: 0}
.publication {padding-left: 25px; width: 687px}
.publication h3 {margin-bottom: 0; padding-bottom: 6px }
.publication p {margin-bottom: 3px }
h2.method-work, h2.eval {margin: 0 8px; padding-left: 25px}
h2.eval {margin-bottom: 6px }
.work-chart {height: 201px}
.work-chart ul {float: left; width: 100%; list-style: none; padding-top: 5px}
.work-chart li {clear: left; display: block; position: relative; height: 46px }
.work-chart li a {display: block; left: 170px; position: absolute; width: 525px; bottom: 0; height: 25px}
.work-chart .label {display: block; position: relative; bottom:10px; width: 125px; padding-right:20px; left: -150px; padding-bottom: 4px; height: 30px;}
.work-chart .count {display: block; height: 25px; left: 0; bottom: 0; position: absolute; overflow: hidden }
 .work-chart .count em {display: block; position: absolute; right: 5px; bottom: 5px}
.work-chart .axis em {display: block; margin-bottom: 14px; position: relative; left: 10px; *top:-5px}
.work-chart .axis {width: 544px; float: right; padding-top: 6px }
.work-chart .axis span {float: left; width: 94px; padding-left: 5px; padding-right: 6px}
.work-chart .axis em {display: block; margin-bottom: 14px; position: relative; left: 10px }
.work-chart .axis .eval1 {width: 95px }
.work-chart .axis .eval3 {width: 93px }
.work-chart .axis .eval4 em {margin-right: 2px }
.work-chart .axis .eval5 {width: 95px }
.item-header, .item, .paging {width: 717px; margin: 0 auto}
.item-header {padding-top: 5px}
.item-header h3 {float: left; margin-bottom: 0; padding-top: 0}
.item-header label {margin-right: 3px}
.item {margin-bottom: 13px; padding-top: 9px }
.item table {float: left; width: 70%}
.item td, .item th {vertical-align: text-top; padding: 4px 8px }
.item .box-item {float: right; padding: 5px 8px; margin-top: 8px}
.public {padding-left: 30px; margin-left: 14px; margin-right: 7px}
.public p {margin-bottom: 9px}
 ul.col {float: left; width: 42%; padding-left: 35px; list-style: none}
form ol {padding-left: 20px; padding-top: 20px; padding-right: 10px}
form ol li {padding-left: 20px; padding-bottom: 15px}
.box ol .radiogroup {padding-top: 0}
.radiogroup label {display: block; margin-bottom: 5px}
.radio input {vertical-align: middle}
.paging {padding: 13px 0}
.paging li {display: inline}
.paging a {padding: 0 4px}
.paging strong {padding: 0 4px}
.breadcrumbs {margin-bottom: 5px; width: 185px}
.breadcrumbs li, .breadcrumbs ul {display: inline}
.list {padding-left: 20px; margin-bottom: 1em; margin-left: 10px}
 .control .button {float: right}
.browse .control {margin-left: 34px; padding-top: 20px; padding-bottom: 20px}
.browse .control .button {float: left}
a.button {float: left; padding-left: 12px}
.method-eval .button {position: absolute; right: 0; top:0}
a.button span {float: left; padding: 6px 12px 8px 0 }
 a.back, a.add, a.save, a.search, a.cancel, a.delete, a.button {padding-left: 32px;}
a.disabled {cursor: default}
.search .button {float: right}
.control .button {position: static }
.public-summary .control {margin: 0 14px; padding: 10px 0}
.controls {padding-top: 21px}
.controls a {margin-right: 10px}
ul.control a {padding-left: 18px}
 table {border-collapse: collapse}
td, th {padding: 6px 8px}
.listing {width: 542px; padding-bottom: 18px; margin-bottom: 22px }
.table {width: 714px; margin: 0 auto 10px }
.table div div {padding-bottom: 12px; padding: 0 2px 12px }
.table table {}
.table th {vertical-align: top}
.table td {width: 15% }
.table td:first-child + td {width: 16% }
.table td:first-child + td + td {width: 10% }
 input.text, textarea {padding:3px 4px}
form input, form select {vertical-align: baseline}
.box fieldset div {clear: both; padding-top: 9px; position: relative }
textarea {overflow: auto; width: auto}
.search fieldset {padding: 0 26px 16px 46px}
fieldset.box-a {float: left; width: 45%; padding-left: 30px; padding-right: 0}
.box-a {clear: left }
.box-a div {padding-left: 16px}
.box-a .control, .box-b .control {width: 302px}
fieldset.box-b {float: right; width: 47%; padding-left: 0; padding-right: 0}
.box-b div {padding-left: 16px}
.box-a h3, .box-b h3 {margin-left: 0; padding-bottom: 0}
fieldset label {display: block; margin-bottom: 3px}
.search fieldset span.text {float: left; width: 300px; clear: left}
fieldset span.text label {width: auto; margin-right: 0; float: none; display: inline }
fieldset span.text input {margin-right: 0; float: none; margin-left: 4px}
fieldset label.short {width: auto}
.search fieldset .text {width: 292px; display: block }
.search #doi {width: 540px; float: left }
.search fieldset input.number {width: 7em; display: inline }
#from_year {margin-right: 4px}
span.label {float: left}
.box-b .control {margin-right: 20px }
form .control.c1 {clear: both; width: 706px; padding-top: 12px }
label.checkbox {float: none!important; margin-right: 20px; display: inline }
.browse label.checkbox {display: block}
label.subject {width: 175px; display: inline; margin-right: 10px }
textarea.text {float: none; margin-right: 0}
.text.long {width: 629px}
form ol label {float: none; margin-bottom: 5px; display: block; width: auto}
form ol .text {float: none; margin-right: 0}
.box ol p {margin-left: 0}
.box ol div {padding-top: 0; padding-bottom: 12px}
h3.chem {padding-left: 22px; margin-left: 15px; margin-top: 5px; margin-bottom: 5px}
p.more {margin-left: 28px}
.home p.more {margin-left: 0}
.box form {margin: 0 21px}
.box dl {margin: 0 20px}
.box dt {margin-bottom: 7px}
.box dd {margin-bottom: 15px; margin-left: 10px }
.box dd p {margin-bottom: 5px }
span.comment {padding-left: 24px; margin-left: 10px}
div.comment {margin-left: 16px; margin-right: 36px; padding-left: 24px}
.comment h3 {margin: 0 0 6px; padding: 0}
.comment p {margin-left: 0}
#comments .button {float: right}
#comments > h3 {margin-left: 16px}
#comments fieldset textarea {float: right; width: 663px}
#comments .control {padding-bottom: 9px}
.user-profile input.text {width: 342px}
.user-profile .text.long {width: 629px}
.user-profile select.text {width: 160px; vertical-align: middle }
.user-profile label {margin-bottom: 6px}
.user-profile fieldset {padding-bottom: 20px}
.user-profile fieldset div {padding-top: 12px}
.user-profile fieldset fieldset .text, .user-profile fieldset fieldset label {display: inline; margin-bottom: 0; vertical-align: middle }
.user-profile fieldset fieldset .text {width: 169px}
.user-profile fieldset fieldset {display: inline; vertical-align: middle; margin-left: 10px; padding-bottom: 0}
.user-profile fieldset fieldset div {clear: none; display: inline; padding: 0}
.user-profile .controls {margin-top: 10px}
.login fieldset {width: 360px}
.login fieldset div {padding-bottom: 20px}
.login fieldset .control {margin-right: 10px}
.login fieldset label {display: block; margin-bottom: 8px}
.login fieldset .text {width: 342px}
.login fieldset a {float: left}
.login fieldset .img-btn {float: right}
.login #intro p {padding-top: 0}
.static p img {float: left; margin-right: 1.5em; margin-bottom: 0.75em}
.static blockquote {padding: 7px 0; margin-bottom: 1em; min-height: 48px; padding-left: 18px; padding-right: 18px}
.static blockquote p {margin-bottom: 0}
label.error {display: none}
div.error {margin: 0 20px 10px; padding-left: 30px}
body {font-family: Verdana, Arial, sans-serif; font-size:62.5%}
#container {font-size:1.1em; line-height: 1.182}
h1, h2, h3 {}
h1 {font: bold 1.818em/1.1 Georgia, "Times New Roman", Times, serif}
h2 {font: bold 1.63636363636em/1.33333333333 Georgia, "Times New Roman", Times, serif bold}
.method-summary h2 {font-size: 1.36363636364em}
.method h2, .methods h2 {font-size: 1.45454545455em}
h3 {font: bold 1.273em/1.3 Verdana, Arial, sans-serif}
h3 em {font-size: 0.889em; font-weight: normal; font-style: normal; text-transform: none}
#intro h3 {font: bold 1.90909090909em/1.1 Georgia, "Times New Roman", Times, serif bold}
.publication h3 {font-size: 1.0909091em}
.method h3, .methods h3 {line-height: 1.5}
cite {font-style: italic }
.box h2 {font-size: 1.63636363636em; line-height: 1.11111111111}
.notice {font-size: 1.09090909091em}
.notice h2 {font-size: 1.16666666667em; font-family: Verdana, Arial, sans-serif}
.notice ul a {font-weight: bold}
h2.method-work, h2.eval {font-family: Verdana, Arial, sans-serif}
em {font-style:normal}
a:link {text-decoration:none}
a:visited {text-decoration:none}
a:hover, a:active, a:focus {text-decoration:underline}
select, input, textarea {font-size:1.0em; font-family:inherit; line-height: 1.3}
.att, .err, .req {font-weight:normal}
#login, #sub_nav {text-align: right; line-height: 1}
#login {font-size: 1.0909091em}
#sub_nav {font-size: 1.2727273em}
#navigation {font-size: 1.273em; text-align: left; text-transform:uppercase; font-family: Arial, sans-serif; font-weight: bold}
#navigation a:link, #navigation a:visited, #navigation a:hover, #navigation a:active {text-decoration: none}
a.btn span {text-transform: uppercase; line-height: 22px}
a.btn:link, a.btn:visited, a.button:link, a.button:visited, a.button:hover, a.button:active, a.button:focus {text-decoration:none}
#intro p {font-size: 1.9090909em; font-family: Georgia, Times, serif; line-height: 1.33333333333}
#intro ul {line-height: 1.45454545455}
.review {font-size: 1.09090909091em}
.review h3 {font: 1.5em/1.1 Arial, sans-serif bold}
.review h4 {font-size: 1.16666666667em; font-weight: bold}
.review p {}
.review a {font-weight: bold }
.recommend {font-size: 1.0909091em; font-family: Georgia, Times, serif; line-height: 1.33333333333}
#sidebar dt {text-transform: uppercase}
#sidebar dd {font-size: 1.27272727273em; font-weight: bold; text-transform: capitalize}
#sidebar .more {text-transform: capitalize; font-size: 1.09090909091em; font-weight: bold }
 #footer {text-align: right}
#footer {font-size:1.09090909091em; line-height: 1}
#footer a:link, #footer a:visited {text-decoration:none}
#footer a:hover, #footer a:active, #footer a:focus {text-decoration:underline}
#breadcrumbs a, #breadcrumbs strong {line-height: 29px; font-weight: normal }
a.button span {font: bold 1.091em/1 Verdana, Arial, sans-serif; text-transform: uppercase}
 a.back span, a.add span, a.save span, a.cancel span, a.delete span, a.button span {text-transform: none}
table th {font-weight: normal}
form {text-align: left }
fieldset span.text label {text-align: left}
.search form label, .search .label {font-size:1.09090909091em; line-height: 1.5 }
label.checkbox input {vertical-align: middle }
.browse label.checkbox {line-height: 1.5; font-size:1.09090909091em}
label.subject {font-size: 1.27272727273em; font-weight: bold; line-height: normal}
form ol {font-size: 1.18181818182em; font-weight: bold; line-height: 1.38461538462}
form ol label {line-height: normal; text-align: left }
form ol select {font-size: 0.84615384615em}
.radiogroup label {font-weight: normal; font-size: 0.92307692308em}
.table tr {text-align: center}
.table th {text-align: left}
.table td:first-child {text-align: left; white-space: nowrap}
.table td:first-child + td {text-align: left }
.method dl, .methods dl {line-height: 1.81818181818 }
.method dl dt, .methods dl dt {font-weight: bold }
.work-chart li {font-size: 1.09090909091em; line-height: 1}
.work-chart li a:link, .work-chart li a:visited, .work-chart li a:hover, .work-chart li a:active {text-decoration: none}
.work-chart .label {line-height: 1.25}
.work-chart .count {line-height: 1}
.work-chart .count em {font-size: 1.16666666667em; font-weight: bold; text-shadow: #666 2px 2px 1px }
.work-chart .axis span {text-align: right; line-height: 1.25}
.paging {text-align: right; font-size: 1.09090909091em; line-height: 1}
.paging strong {font-weight: normal}
.item-header {text-align: right}
.item-header h3 {font-weight: normal; font-size: 1.27272727273em}
.item-header label {font-weight: bold; font-size: 1.27272727273em}
.item {font-size: 1.09090909091em}
.item table {line-height: normal }
.item table h4 {font-size: 1.16666666667em}
 .item table th {font-weight: bold; text-align: right; width:80px;}
.box-item {line-height: 1.4}
.box dl {font-size: 1.09090909091em}
.box dt {font-size: 1.08333333333em; font-weight: bold; line-height: 1.38461538462}
.comment p {font-size: 1.09090909091em; line-height: normal}
.comment h3 {font-size: 0.91666666667em; font-weight: normal}
.public abbr {font-weight: bold}
.public cite a {font-weight: bold}
.public p {font-size: 1.09090909091em}
.public p.authors {font-size: 0.91666666667em}
h3.chem {font-weight: normal}
p.more {font-size: 1.27272727273em; font-weight: bold}
input[disabled] {font-style: italic }
.user-profile label {font-size: 1.18181818182em; font-weight: bold}
.user-profile fieldset fieldset label {font-size: 0.92307692308em; font-weight: normal}
.login fieldset label {font-size: 1.27272727273em; font-weight: bold }
.login fieldset a {font-size: 1.09090909091em; font-weight: bold }
.static #content {font-size: 1.09090909091em; line-height: 1.5}
.static h2 {font-size: 1.5em}
.static h3 {font-size: 1.16666666667em}
.static .list {line-height: 1.75 }
.static blockquote {font-family: Georgia, Times, serif; font-size: 1.5em; font-style: italic; line-height: 1.33333333333}
div.error {font-family: Georgia, Times, serif; font-size: 18px; font-weight: bold; line-height: 2em}
 body {background: #F2F2F2 url(../images/bg-body.png) 0 0 repeat-x; color:#333}
.wrapper {background: #fff url('../images/wrapper.png') left top repeat-x}
.home .wrapper {background-image: url('../images/wrapper-home.png')}
input, select {background-color:#fff; color:#000}
input.checkbox, input.radio, input.img-btn, .radio input {background-color:transparent}
 input.text, textarea {border:1px solid #ccc; background-color:#fff; color:#1C4B68}
input.inactive {background-color: #F2F2F2; color: #808080 }
input[disabled] {background-color: #F2F2F2; color: #808080 }
a:link, a:visited {color:#2D7BB2}
a:hover, a:active, a:focus {color:#66A13A}
 h1 {background-color: #A8C8D5; border-bottom: 1px solid #84A7B7; color: #19435D }
h1 span {background: #A8C8D5 url(../images/h1.png) repeat-y top right}
h2, h3 {}
.review h3 {color: #fff}
 #container {}
#navigation {}
#navigation li {border-bottom: 1px solid #205176; background: #000D17 url('../images/nav-left.gif') left top no-repeat}
#navigation li a {color:#CCD5DC; background: transparent url('../images/nav-right.gif') right top no-repeat}
#navigation .current {background-color: #003253; background-image: url('../images/nav-left-c.gif'); border-bottom-color: #003253 }
#navigation li.current a {color:#fff; background-image: url('../images/nav-right-c.gif') }
#navigation a span {background: transparent url('../images/plus.png') left center no-repeat}
#navigation a:hover, #navigation a:focus {color: #fff}
#login li, #sub_nav li {border-left: 1px solid #808080}
#login li:first-child, #sub_nav li:first-child {border-left: 0 none}
#content {background: transparent url(../images/content.png) left top no-repeat}
.home #content {background: transparent url(../images/sidebar.png) repeat-y 255px 0}
.login #content {background-image: none}
#intro {color: #CCD5DC; background: #003253 url('../images/intro.jpg') left top no-repeat }
#intro strong, #intro h3 {color: #FFAC32}
#intro li {background: transparent url('../images/check.png') left top no-repeat }
#main {}
.search #main {background: none }
.review {background-color: #F2F2F2; border: 1px solid #DFDFDF; border-top: none}
.review p {}
.review {background-position: 12px 41px; background-repeat: no-repeat}
.review h3 {background-position: left bottom; background-repeat: repeat-x}
.biology {background-image: url('../images/bio.png')}
.biology h3 {background-color: #86AB55; background-image: url('../images/green.png')}
.chemistry {background-image: url('../images/chem.png')}
.chemistry h3 {background-color: #D95E32; background-image: url('../images/red.png') }
.medicine {background-image: url('../images/med.png')}
.medicine h3 {background-color: #7FADE0; background-image: url('../images/blue.png') }
.engineering {background-image: url('../images/tools.png');}
.engineering h3 {background-color: #7FADE0; background-image: url('../images/blue.png')}
#breadcrumbs {background: transparent url(../images/breadcrumbs.png) no-repeat scroll 0 0}
#breadcrumbs a {color: #808080; background: transparent url(../images/bread-li.png) no-repeat top right}
#breadcrumbs strong {color: #1C4B69 }
#sidebar dt {color: #999 }
#sidebar dd {border-bottom: 1px solid #E0E0E0 }
 #badge {width: 205px; height:80px; padding: 10px 15px; margin-bottom:12px; text-align:center;background-image:url(../images/badge.gif);}
#badge a {font-size:18px; line-height:1.5em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold}
#footer {background: transparent url(../images/footer.png) repeat-x 0 0}
#footer {color: #808080}
#footer li {border-left: 1px solid #808080}
#footer li:first-child {border-left: 0 none}
 .methods h2 {background: transparent url(../images/method-h2-left.png) no-repeat left bottom; color: #603813 }
.methods h2 span {background: transparent url(../images/method-h2-right.png) no-repeat right bottom}
.methods h3 {border-bottom: 1px solid #DFDDC8; color: #1C4B68}
.methods dl {color: #1C4B68}
.methods {background-color: #FFFCE0; border: 2px solid #FCC774; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px}
 .methods .recommend {color: #603813; min-width:220px; max-width:600px;}
.methods .positive {background: transparent url(../images/check.png) no-repeat left center}
.methods .neutral {background: transparent url(../images/50-50.png) no-repeat left center}
.methods .negative {background: transparent url(../images/no.png) no-repeat left center}
.method-summary .recommend, .method-evaluation .recommend {background-color: #fff; -moz-border-radius-topright: 6px; border-left: 2px solid #FCC774; border-bottom: 2px solid #FCC774; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-top-right-radius: 6px; background-position: 4px 50%}
.publication {background: transparent url('../images/info.png') 0 9px no-repeat}
.publication h3, h2.method-work, h2.eval {color: #333 }
h2.method-work {background: transparent url('../images/stat.png') 0 9px no-repeat}
h2.eval {background: transparent url('../images/eval.png') 0 9px no-repeat}
.work-chart {background: transparent url('../images/chart.png') 100% 0 no-repeat; color: #1C4B68 }
.work-chart .label {border-bottom: 1px solid #D3D3D3}
.work-chart .count em {color: #fff }
.box {background: transparent url(../images/box.png) no-repeat left top}
.box h2 {border-bottom: 1px solid #E4E4E4}
.box dd p {color: #666 }
.notice {background: #F3F3F3 url(../images/box-notice.png) repeat-y left top}
.notice h2 {background: transparent url(../images/box-notice-tp.png) left top no-repeat; border-bottom: none}
.notice p {border-top: 1px solid #E2E2E2}
.notice ul {background: transparent url(../images/box-notice-bt.png) left bottom no-repeat}
 a.button {background: transparent url('../images/button-left.png') 0 0 no-repeat; margin:0 5px;}
a.button span {background: transparent url('../images/button-right.png') 100% 0 no-repeat; color: #2D7BB2}
a.button:hover span {color: #333}
a.back {background-image: url('../images/button-back-left.png')}
a.back span {color: #2D7BB2}
 a.add {background-image: url("../images/button-plus-left.png");}
a.add span, a.save span, a.edit-method-info span {color: #3A7900;}
a.save {background-image: url("../images/button-save-left.png");}
a.delete {background-image: url("../images/button-delete-left.png"); float:right}
a.cancel {background-image: url("../images/button-cancel-left.png");}
a.cancel span {color:#ea403c;}
a.delete span {color:#fff; background-image:url(../images/button-delete-right.png);}
a.edit-method-info {background-image: url("../images/button-edit-left.png");}
a.search {background-image: url("../images/button-search-left.png")}
a.disabled span, a.disabled:hover span {color: #ccc}
a.new {background: transparent url('../images/plus.png') left center no-repeat}
a.edit {background: transparent url('../images/modify.png') left center no-repeat}
form a.btn {background:transparent url(../images/bg-btn-left.gif) no-repeat scroll left top; color:#FFF}
form a.btn span {background:transparent url(../images/bg-btn.gif) no-repeat 100% 0}
.item {border-top: 1px solid #ECECEC}
.box-item {background-color: #F0F5F9; border: 1px solid #CCD5DC; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px}
.paging {border-top: 1px solid #ECECEC}
.paging a {background-color: #F0F5F9; border: 1px solid #CCD5DC}
.comment {background:transparent url(../images/comment.png) no-repeat left top}
span.comment {background-position: left center}
.controls {background:transparent url(../images/controls.png) no-repeat left top}
.public {background:transparent url(../images/public.png) no-repeat 0 3px}
 .table {background: #F2F2F2 url('../images/table-bg.gif') left top repeat-y}
.table div {background:transparent url('../images/table-bg-bot.gif') left bottom no-repeat}
.table div div {background:transparent url('../images/table-bg-top.gif') left top no-repeat}
.table th {border-left: 1px solid #C9C9C9}
.table th:first-child {border-left: none}
.table tbody td {background-color: #fff}
.table tr {border-bottom: 1px solid #D2D2D2}
.att, .err, .req {color: #EE4036}
div.error {color: #F8283D}
.chem {background:transparent url(../images/chemistry.png) no-repeat left center}
.static blockquote {background:transparent url(../images/quote.png) no-repeat left center}
input.error, select.error {background-color: #FEE5E8!important; border-color: #F8283D!important}
div.error {background:transparent url(../images/error.png) no-repeat left center }
.msg {background: url(../images/icon-info.png) no-repeat left 1px; margin: 0 1em; padding-left:2em; color:#19435D; font-weight:bold; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:10px;}
.invisible {display:none}
#main .procedures {font-size: 1.2em}
.procedures .procedure {padding-top: 1em; clear: both}
.procedures .procedure .title .value {font-weight: bold; font-size: .9em}
.procedures .procedure .value {clear: right; float: right; width: 85%}
.procedures .procedure .legend {text-align: right; float: left; width: 12%}
.procedures .procedure .article {font-size: .9em; padding-top: .2em}
.procedures .procedure .article .value, .procedures .procedure .article .legend {clear: right; font-weight: normal}
.procedures .procedure .article .legend {clear: both}
.procedures .procedure .article .journal .title {float: none}
.procedures .procedure .article .journal .title, .procedures .procedure .article .journal .volume, .procedures .procedure .article .journal .issue, .procedures .procedure .article .journal .year, .procedures .procedure .article .journal .pages {display: inline}
.procedures .procedure .article .journal .title {font-style: italic}
.procedures .procedure .attribute {clear: left; float: left; font-size: .9em; line-height: 1.1em}
.procedures .procedure .created, .procedures .procedure .updated {display: inline}
.procedures .procedure .subjects {padding-top: 0}
.procedures .procedure .subjects .legend {float: left; font-weight: bold; width: 100%; text-align: left}
.procedures .procedure .subject {float: none; width: 100%; font-size: 1em}
.procedures .procedure .subject a {font-size: 1em}
.procedures .procedure .keywords {padding-top: .2em; font-size: .8em}
.procedures .order_by {float: right; text-align: right; font-size: .9em; font-style: italic; font-weight: bold}
.procedures .order_by select {margin-top: 4px}
.procedures .procedure .right {float: right; width: 75%}
.procedures .procedure .left {float: left; width: 22%}
.search .procedures .procedure .created, .search .procedures .procedure .updated, .search .procedures .procedure .recent_eval {display: none}
.search-box {margin-bottom: 1em}
.search-box{ margin: 0; padding: 5px 0 5px; overflow:hidden; border:1px solid #1b4764}
.search-box h4{ margin:0; overflow:hidden; text-align:left; padding:2px 0 4px 12px}
.search-box dl{ display:block; overflow:hidden; margin:2px 0 0 12px; color:#1c4b68}
.search-box dl dt{ float:left; clear:both; font-weight:bold}
.search-box dl dd{ float:left; width:400px; display:inline; margin:0 0 0 4px}
.form.btn {text-align: center}
.form a.btn {float: none; background:transparent url(../images/bg-btn-left.gif) no-repeat scroll left top; color:#FFF}
.form a.btn span {float: none; background:transparent url(../images/bg-btn.gif) no-repeat 100% 0}
.articles.show .method h3 {margin-bottom: 2px}
.articles.show .method dt.last {margin-bottom: 10px}
.evaluations.show dl.results {margin-left: 2em; font-size: 1.4em}
.evaluations.show dl.results dt, .evaluations.show dl.results dd {display: inline; float: left}
.evaluations.show dl.results dt {clear: left}
.evaluations.show dl.results dd.results {margin-top: 8px; margin-bottom: 4px}
.evaluations.show dl.results span, .evaluations.show dl.results div, .evaluations.show dl.results dl {clear: left; margin-top: 4px; margin-left: 1em; font-size: .8em}
.evaluations.show dl.results span {font-weight: bold}
.evaluations.show dl.results dd.div {font-weight: bold; display: block; float: none}
.evaluations.show dl.results dd.div div {padding-top: 8px}
.evaluations.show dl.results dl dd {font-size: .8em; font-weight: bold; margin-left: 1em}
.evaluations.show dl.results dl dt, .evaluations.show dl.results dl dd {float: left; display: inline}
.evaluations.show dl.results dl dt {clear: left}
dt.clear {clear: both}
.evaluations.show dl.results dt.clear {clear: both; float: none; display: block}
.evaluations.show h2.results {margin-left: 1em}
.evaluations.show ul.comments {font-size: 1.4em; list-style: none; margin-left: 2em}
.evaluations.show ul.comments dt, .evaluations.show ul.comments dd {float: left; display: inline; margin: 0 0 0 1em}
.evaluations.show ul.comments dt.comment {margin-top: .1em; clear: left}
.evaluations.show ul.comments dd.comment {clear: left; float: none; display: block; padding: 1em 0 1em 1em; font-weight: bold}
.clear {clear: both}
.new-comment {margin-left: 4em}
.new-comment span {font-weight: bold}
.evaluations.show .form {padding-top: 1em; margin-left: 4em}
.evaluations.form #main {font-size: 1.2em}
.evaluations.form #main .line-block dt {display: inline; float: left; clear: left; margin-right: 1em}
.evaluations.form #main .line-block.post-03, .evaluations.form #main .line-block.post-06 {margin: 1em 0 1em 1em}
.evaluations.form #main .line-block label {display: block; text-align: left}
.evaluations.form .flash {margin-left: 1em}
.evaluations.form .flash ul {list-style-position: inside}
.evaluations.form .flash ul li {margin-top: 1em; margin-left: 1em}
#main.survey {font-size: 1.2em}
#main.survey .line-block dt {display: inline; float: left; clear: left}
#main.survey .line-block.post-03, #main.survey .line-block.post-06 {margin: 1em 0 1em 1em}
#main.survey .line-block label {display: block; text-align: left}
.survey .flash {margin-left: 1em}
.survey .flash ul {list-style-position: inside}
.survey .flash ul li {margin-top: 1em; margin-left: 1em}
.survey dd {margin-left: 2em; font-weight: bold}
.survey form input, .survey form select {margin: 1em 0 1em 2em}
.eval.survey form input, .eval.survey form select {margin: 0em 0 0em 2em}
#main.survey .subjects input {float: left}
#main.survey .subjects label {float: left; display: inline; margin-left: .5em; width: 90%}
#main.survey .subjects .subject {float: left; width: 33%}
#main.survey .subjects {margin-left: 4em}
#main.survey .subjects input {margin: 0}
.method-eval h2 {display: inline; float: left}
.method-eval .table {clear: both}
.method-eval a.button.right, .method-eval a.button.left {float: right; position: static}
.method-eval a.button.right {padding-right: 1em}
.ac_results em {font-style: italic}
.ac_results {text-align: left}
body.static_pages form li input {margin-top: .5em; margin-left: .5em}
body.static_pages input {padding-left: .5em}
body.static_pages form textarea {margin-left: 2em}
body.static_pages input[type="submit"] {font-weight: bold; padding: 0; margin-left: 1em}
.edit_button {display: inline; float: right; width: auto; background: none; padding: 0; padding-right: .1em}
body.static_pages.show #main {font-size: 2em}
body.static_pages.show #main ol, body.static_pages.show #main ul {list-style-position: inside}
body.static_pages .help {font-size: 1.2em; margin-top: .2em; margin-left: 2em}
body.my.show dl {font-size: 1.6em}
body.my.show dl dt, body.my.show dl dd {margin-top: .5em}
body.my.show dl dt {font-size: .9em; font-weight: bold; width: 15em; float: left; clear: left}
body.my.show dl dt.space, body.my.show dl dd.space {margin-top: 2em}
body.my.show dl dd {display: inline; float: left}
body.my.show dl dd input {padding-left: .5em}
div.formError {color: red; display: inline}
 .static #content ul {padding-left: 20px; margin-bottom: 1em; margin-left: 10px}
.static #content ol {padding-left: 20px; margin-bottom: 1em; margin-left: 10px}
.static #content ul {line-height: 1.75 }
.static #content ol {line-height: 1.75 }
.subject_area_2.long {background-image: url('../images/bio.png')}
.subject_area_2.long h3 {background-color: #86AB55; background-image: url('../images/green.png')}
.subject_area_3.long {background-image: url('../images/chem.png')}
.subject_area_3.long h3 {background-color: #D95E32; background-image: url('../images/red.png') }
.subject_area_6.long {background-image: url('../images/med.png')}
.subject_area_6.long h3 {background-color: #7FADE0; background-image: url('../images/blue.png') }
.subject_area_3 {background:transparent url(../images/chemistry.png) no-repeat left center}
h3.subject_area {padding-left: 22px; margin-left: 15px; margin-top: 5px; margin-bottom: 5px}
h3.subject_area {font-weight: normal}
.procedures.update .subjects h3, .procedures.update label.subject, .new-method label.subject, .new-method .subjects h3 {display: none}
.procedures.update .subjects li, .new-method .subjects li {padding-bottom: 5px; padding-top: 5px; padding-left: 5px}
.work-chart li .label {font-size: 0.89em; line-height: 1}
.home .review {position: relative}
.home .review .edit_link {position: absolute; right: 1em; top: .7em; color: white}
.latest_news {position: relative}
.latest_news a {position: absolute; right: 1em}
.qtip {font-size: 1.2em}
div.button a.button {position: relative; float: right; margin-left: 1em}
.login #intro div.err {padding-right: 342px}
.procedures .flash {padding-top: 1em; padding-left: 1em; font-size: 1.2em; margin-left: 1em}
.procedures .flash ul {list-style-position: inside}
.procedures .flash ul li {margin-top: 1em; margin-left: 1em}
.my .info span {padding-left: 3em; color: green; font-size: 1.1em; font-weight: bold}
.my .errors span {padding-left: 3em; color: red; font-size: 1.1em; font-weight: bold}
.textile p {color: black ! important}
.ac_results {padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999}
.ac_results ul {width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0}
.ac_results li {margin: 0px; padding: 2px 5px; cursor: default; display: block;   font: menu; font-size: 12px;  line-height: 16px; overflow: hidden}
 .ac_odd {background-color: #eee}
.ac_over {background-color: #0A246A; color: white}