body { background-color: #FFFFCC; font-family: Verdana, sans-serif; font-size: 80%; color: #555; }
input, textarea { font-family: Verdana, sans-serif; font-size: 100%; }
#webdecker a { font-family: Garamond, Book Antiqua, Times, serif; }

/* font-family: monospace;

Book Antiqua, Tahoma, Book Antiqua, Times, serif;   , monospace
Century Schoolbook
Garamond
Palatino 
*/
pre { font-size: 120%; color: #000; border: 1px dotted #555; padding: 10px; }
pre { width: 478px; overflow: scroll; background-color: #EEE; }
pre.long { height: 500px; }


.clear, #clear { clear: both; }
.invisible { width:0px; height:0px; display:none; }
.print-only-block { display: none; }
.print-only-inline { display: none; }

img { border: 0; }
strong, em { color: #555; }
img.inline { float: left; margin: 0 10px 10px 0; }

h1, h2, h3, h4, h5 { font-size: 120%; margin: 0 0 4px 0px; margin: 0; margin-bottom: 4px; clear: both; }
h1 { font-size: 200%; }
h2 { text-align: right; }

#right h1, #right h2, #right h3, #right h4 { text-align: left; font-size: 100%;  }


p { padding: 0; margin: 0; margin-bottom: 10px; }

a { color: #000; text-decoration: none; }
h2 a { color: #555; }
a:hover { text-decoration: underline; }
#main a { text-decoration: underline; }
#main h2 a { text-decoration: none; }

ul { margin: 0; }

.block { margin-bottom: 12px; clear: both; }

#wrapper { margin: 30px auto 130px auto; background-color: transparent; width: 804px; }

#webdecker {  }
#webdecker a { font-size: 350%; font-weight: bold; color: #555; }
#webdecker a span { color: #AAA;  }
#webdecker a:hover { text-decoration: none; }

#header .mod_navigation ul { list-style: none; padding: 0; }
#header .mod_navigation li { display: inline; margin-right: 16px; }
#header .mod_navigation { padding: 4px 0 4px 0; border-top: 1px dotted #555; border-bottom: 1px dotted #555; }
#container { overflow: hidden; }
#main { float: left; width: 500px; }
#main .inside { padding: 10px 10px 40px 0px; }
#right { float: left; width: 300px; }
#right ul { list-style: none; padding: 0; }
#right .inside { padding: 10px 0px 40px 20px; }
#right .mod_navigation { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #555; }
#right .mod_navigation li { background: transparent url(img/arrow-red.gif) 0 4px no-repeat; padding-left: 12px; }
#right .mod_navigation li.active { background: transparent url(img/arrow-red.gif) 0 4px no-repeat; }
li.active a, li.trail a, .current { color: #DD0000; }

#footer { clear: both; border-top: 1px dotted #555; border-bottom: 1px dotted #555; padding: 4px 0 4px 0; }
#footer .mod_customnav ul { list-style: none; padding: 0; }
#footer .mod_customnav li { display: inline; padding-left: 6px; }
#footer .mod_customnav { text-align: right; padding-top: 4px; font-size: 90%; }
#footer-visual img { vertical-align: bottom; }
#footer-link a { color: #555; }

#logout { margin-bottom: 10px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px dotted #555; }


input, textarea { border: 1px dotted #BBB; background-color: #FFF; padding: 2px; }
input.radio, input.checkbox { background-color: transparent; }
.form-field { margin-bottom: 10px; }
.error { color: #DD0000; } 
.submit_container input, .submit { color: #EEE; font-weight: bold; background-color: #555; padding: 2px 10px 2px 10px; border: 0; } 
.field-short { width: 100px; }
.field-medium { width: 250px; }
.field-long { width: 400px; }
.form-field p { margin: 0; }
.form-field label {  }
.form-field-label { margin-bottom: 4px; }
/*.form-field input, .form-field textarea { border: 0; border-bottom: 1px solid #000; } */
.radio_container span { display: block; }
.radio_container input { border: 0; vertical-align: baseline }
.checkbox_container input { border: 0; vertical-align: baseline; }
.checkbox_container span { display: block; }
td.col_0, td.col_1 { padding: 4px 4px 4px 0; }
.widget { margin-bottom: 10px; }

.mod_search form { padding-bottom: 10px; }
.highlight { color: #DD0000; }
.mod_subscribe, .mod_unsubscribe { /* margin-bottom: 40px; */ }


.reference { clear: both; padding: 10px 0 10px 0; }
.reference img { border: 1px dotted #555; margin: 0 10px 10px 0; }

.layout_short { padding-bottom: 12px; border-bottom: 1px dotted #555; }

.ce_comments { margin-top: 40px; }
.ce_comments h1 { font-size: 100%; margin-bottom: 10px; }
.comment_default { margin-bottom: 10px; }
.comment { padding-left: 10px; }

#start_shortlist { background-color: #EEE; border: 1px dotted #555; padding: 10px; }
#start_shortlist h1 { margin-bottom: 10px; }
#start_shortlist div { font-size: 90%; padding-left: 10px; }