* { margin: 0; padding: 0; }

body { background: #fff; font-family: times, serif; padding: 12px; text-align: center;}

div.error { width: 350px; background-color: #fcc; padding: 10px; border: solid 1px #000; margin-bottom: 4px;}
div.errorbox { height: 43px; margin: 6px 0 6px 0; border: dotted 1px #666; }
div.errorbox img.icon {  vertical-align: middle; /*float: left;*/ }
div.errorbox p, div.infobox p { margin: 4px 0 10px 4px;}

div.infobox { margin: 6px 0 10px 0; padding: 4px; border: dotted 1px #666; font-size: 90%; }

h1 { font-size: 28px; margin: 0px 0 4px 0px;}
h2 { margin: 2px 0 4px 0;}
h3 { margin: 2px 0 6px 0;}
h4 { margin: 2px 0 6px 0;}

ul,ol { margin: 0 0 10px 30px; }
ul li, ol li { margin: 2px 0 4px 0; }

td.label { text-align: right; vertical-align: top; /*font-size: 13px; padding-top: 0px;*/}
td.blabel { text-align: left; font-weight: bold; padding-top: 10px;} /* bold label */
.hint { color: #777; font-size: 80%;}
table#login { margin: 0 0 0 20px;}

div.alert { text-align: right; clear: both; margin-right: 10px;}
div.abovealert { margin: 8px 0 0 0; color: #900; font-weight: bold; }
.alert { color: #900; font-weight: bold; }
span.alert { padding: 0 0 0 14px; background: #fff url(arrow_yellow.gif) center left no-repeat;}
span.red { color: #900; }
img.arrow { vertical-align: top;}

span.smalllink { font-size: 10px; }
span.smalllink a { color: #ccc; text-decoration: none; }
span.smalllink a:hover { color: #c66; text-decoration: underline; }


p { margin: 0px 0 10px 0; }

div#content, div#header { position: relative; width: 560px; text-align: left; margin: 0 auto 0 auto;}
div#header { margin-bottom: 20px; text-align: center;}
div#header img.ois { position: absolute; top: 0; left: 10px;}
div#header img.cosecsa { position: absolute; top: 0; right:0;}
div#header h1, div#header h2, div#header h3 { padding-right: 10px;}
div#header div#text { }

div#footertext p { margin: 0; }
div#footer { clear: left; }
div#footer ul { padding: 50px 0 0 0; }
div#footer ul li { display: inline; text-transform: uppercase; margin: 0 10px 0 10px; }
div#footer ul li a { text-decoration: none; font-size: 11px; }
div#footer ul li a:hover { color: #933; }

div#login { width: 560px; text-align: right; margin: 0 auto 0 auto;}

.question { clear: left; margin: 0 0 20px 0; }
.question ul { list-style-type: none; margin-left: 20px;}
.question input, .question textarea, input, textarea { background-color: #ddd; }
/* .question p { width: 300px; } */
/* short items - horizontal layout */
ul.short { float: right; padding: 3px; }
ul.short li { float: left; margin: 0 10px 0 0; padding: 1px;}
p.short { float: left; padding: 4px; width: 300px; }

#admin { text-align: left; margin: 26px 0 0 8px; }
#admin ul { margin: 0 0 8px 26px; }
#admin li { margin: 0 0 2px 0; }
#admin #version { font-size: 60%; padding-left: 4px;}
#admin h2 { display: block; padding: 0 0 4px 4px;} 
#admin h3 { padding: 8px 0 4px 4px;} 
#admin h1 { float: right; padding: 2px 8px 0 0; display: block; font-size: 14px;}
#admin ul li { list-style: square; }
#admin #banner { position: absolute; top: 0; left: 0; width: 100%; background: rgb(178,178,206); height: 24px;}
#admin p { padding: 0 0 8px 4px; }
#admin form { margin: 2px 0 8px 4px; }
#admin div.status { margin: 4px 0 8px 0; padding: 4px; background: #cdc; width: 50%;}
#admin table { border-collapse: collapse; }
/* #admin tr.head { background: rgb(206,205,178); font-weight: bold; text-align: left;} */
#admin th { background: #ccc; font-weight: bold; text-align: left; padding: 0 4px 0 4px; }
#admin td { padding: 2px 4px 2px 4px;}
/* #admin td:hover { background: #999; } */ /* just highlights cells - need js for entire row */
#admin span.quiet a { color: #999; text-decoration: none; }
#admin span.quiet a:hover { color: #c66; text-decoration: underline; }
#admin div.question { margin: 2px 0 6px 0; }