/* Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input, table, td, tr {margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th{font-size: 1em;font-weight: normal; font-style: normal;}
fieldset { border: none; }
a img {border: none;}
a:focus, a:active { outline: none; }
li { display: inline; }
body {color: #222222; font-family:Arial,Helvetica,sans-serif; font-size: 16px; }

h1.title { font-weight: bold;font-size: 140%; margin-bottom: 1em; }

#container { }

#logo { margin-right: 2em; }

#navigation { background-color: black; color: #aaaaaa; padding-top: 0.5em; padding-bottom: 0.5em; margin-bottom: 1.5em;}
#navigation a { color: white; }
#navigation .links { font-size: 90%; float: right; }
#navigation a.signup { color: #44FF44; }

#company { color: white; float: right; font-weight: bold; font-size: 100%; }
#company a { color: inherit; text-decoration: none; }
#company em { font-style: italic; font-weight: bold; }

#message .info, #message .success, #message .warning, #message .error, .validation { border: 1px solid;margin: 0;padding:15px 10px 15px 50px;background-repeat: no-repeat;background-position: 10px center; }
#message .info, #message .success, #message .warning, #message .error { margin-left: auto; margin-right: auto; margin-bottom: 1em; }
#message .info { color: #00529B;background-color: #BDE5F8;background-image: url('/images/info.png'); }
#message .success {color: #4F8A10;background-color: #DFF2BF;background-image:url('/images/success.png');}
#message .warning {color: #9F6000;background-color: #FEEFB3;background-image: url('/images/warning.png');}
#message .error {color: #D8000C;background-color: #FFBABA;background-image: url('/images/error.png');}

.validation {color: #D63301;background-color: #FFCCBA;background-image: url('/images/error.png'); margin-bottom: 1em; }
.validation li { display: list-item; margin-left: 2em; }

#footer { font-size: 70%; text-align: center; padding-top: 1em; clear: both; }
#copyright { margin-bottom: 1em; }
#legal { font-size: 80%; }

.layout { width: 980px; margin-left: auto; margin-right: auto; clear: both;}

.clear-left { clear: left; }
.clear { clear: both; }

.missingplugin { border: 1px dashed red;}

.chemwriter-editor { margin-bottom: 1em; }

.announcement { font-size: 80%; padding-top: 0.25em; padding-bottom: 0.25em; font-weight: bold;  text-align: center; background-color: #eeb95d;  color: #555555; }
.announcement a { color: #2b8fcc; text-decoration: none; }
.announcement a:hover { text-decoration: underline;}

.text p { margin-bottom: 1em; line-height: 1.3em; }
.text h2 { margin-bottom: 1em; font-weight: bold;}
.text .attribution { font-size: 80%; font-style: italic;}