body { font: 12px/1.5em "Lucida Grande", Verdana, sans-serif; background: #f0fff0; margin: 0 }

h3 { text-align: center; margin: 16px 0 8px 0; text-shadow: 2px 2px 2px #999 }

.left_h3 { text-align: left; margin: 16px 8px 8px 8px; text-shadow: 2px 2px 2px #999 }

h4 { margin: 0; padding: 6px 10px 6px 10px }

a:link, a:visited { color: #00a; text-decoration: none }

a:hover { text-shadow: 1px 1px 1px #333 }

img { border: none }

li { margin: 0 0 0 30px }

form table { width: auto; margin: auto }

fieldset { border: none; text-align: center }

.first_letter { float: left; display: block; font-size: 225%; line-height: 1; margin: 0 5px 0 0; color: #07b506; font-weight: bold }

.blue_letter { color: #00f; font-weight: bold }
#upgrade {width:960px; margin:0 auto; padding:1.25rem .75rem; border: 1px solid transparent; -webkit-border-radius:.25rem; -moz-border-radius:.25rem; background:#d9edf7; border-color:#bce8f1; color:#31708f;position: relative;font-size:1rem}
.alert-dismissible {padding-right: 2px;}
.alert-dismissible button{
    position: absolute;
    top: 0;     right: 0;
    padding: 1.25rem .75rem;background:none;
    color: inherit;line-height:1;border:none;font-size:21px;cursor:pointer;opacity:0.2;
  }
.alert-dismissible button:hover{opacity:1}
#header { background: #5cd42c url(/media/header.gif) no-repeat scroll top left !important; height: 70px; width: 960px; margin: 2px auto 0 auto;
	-webkit-box-shadow: 2px 2px 3px #4e4e4e; -moz-box-shadow: #4e4e4e 2px 2px 3px; box-shadow: 2px 2px 3px #4e4e4e;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/media/PIE.htc) }

#header p { margin: 0; padding: 5px 25px 0 200px; font-size: 200%; color: #252; line-height: 30px; text-align: center; text-shadow: 0 1px rgb(209, 253, 38) }

#footer { font-size: 90%; text-align: center; color: #111; width: 950px; margin: 0 auto 10px auto; background-color: #5cd42c;
	-webkit-box-shadow: 2px 2px 3px #4e4e4e; -moz-box-shadow: #4e4e4e 2px 2px 3px; box-shadow: 2px 2px 3px #4e4e4e;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/media/PIE.htc) }

#nav { padding: 8px 0 0 0; width: 950px; margin: auto; text-align: center }

#nav table, #footer table { width: 100% }

#nav img { width: 80px; height: 80px; top: 3px; position: relative }

#nav div { border: 2px solid #5cd42c; margin: auto; width: 86px; height: 86px; background: #f0fff0;
	-webkit-box-shadow: 2px 2px 3px #4e4e4e; -moz-box-shadow: #4e4e4e 2px 2px 3px; box-shadow: 2px 2px 3px #4e4e4e;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }

#nav .highlight { background: #5cd42c }

#nav div:hover { background: #07b506 }

#section { clear: both; width: 900px; height: 30px; line-height: 30px; text-align: center; margin: auto; color: #008; background: #efd;
	-webkit-box-shadow: 2px 2px 3px #4e4e4e; -moz-box-shadow: #4e4e4e 2px 2px 3px; box-shadow: 2px 2px 3px #4e4e4e;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/media/PIE.htc) }

#container { clear: both; width: 900px; margin: 0 auto }

.maintable { border-spacing: 10px; width: 100% }

.content { vertical-align: top; color: #000078; border: 1px solid #eee; background: #fff; padding-bottom: 20px;
	-webkit-box-shadow: 2px 2px 3px #4e4e4e; -moz-box-shadow: #4e4e4e 2px 2px 3px; box-shadow: 2px 2px 3px #4e4e4e;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/media/PIE.htc) }

.content a { color: #00f }

.content p { line-height: 17px; padding: 0 18px 0 18px; color: #000; margin: 0 }

.content ul { padding: 0 0 0 6px; color: #000; margin: 0 }

ul.errorlist { margin: 0; padding: 0 }

ul.errorlist li { background-color: #07b506; color: #fff; display: block; margin: 0 0 3px; padding: 4px 5px; font-size: 90% }

.formC th { text-align: right; padding-right: 20px }

.formC input { margin-right: 20px; width: 75px }

.compound_list { padding: 5px }

.compound_list a:link, a:visited { text-decoration: none; margin: 0 2px }

.compound_list td { background: #efd }

.compound_list .cid { width: 10%; text-align: center }

.compound_profile { color: #000; padding: 2px; table-layout: fixed; word-wrap: break-word; width: 100% }

.compound_profile td, .compound_profile th { background: #efd }

.compound_profile .level1 { font-weight: bold; background-color: #5cd42c; text-align: center; font-size: 100% }

.compound_profile .level2 { font-weight: bold; background-color: #a0f7d8; text-align: center; font-size: 90% }

#list { width: 600px; float: left; list-style: disc outside; color: #000; margin-left: 30px }

#list li { float: left; margin: auto; width: 300px }

#jsdraw { width: 660px; margin: auto }

input { border: 1px solid #6AABB1 }

input:focus, .submit:hover, textarea:focus {
	transition: box-shadow linear .2s;
	-moz-transition: -moz-box-shadow linear .2s;
	-webkit-transition: -webkit-box-shadow linear .2s;
	outline: medium none;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}