/* Overall settings. */
/* body { background: white; font-size: 14px; font-family: Times, "Times New Roman", serif } */
body { background: white; font-size: 14px; font-family: serif }
h1 { margin: 5px 0px 5px 0px; font-size: 18px; font-family: Arial, Helvetica, sans-serif }
h2 { margin: 5px 0px 5px 0px; font-size: 18px; font-family: Arial, Helvetica, sans-serif }
h3 { margin: 5px 0px 5px 0px; font-size: 16px; font-family: Arial, Helvetica, sans-serif }
h4 { margin: 5px 0px 5px 0px; font-size: 16px; font-family: Arial, Helvetica, sans-serif }
h5 { margin: 5px 0px 5px 0px; font-size: 14px; font-family: Arial, Helvetica, sans-serif }
h6 { margin: 5px 0px 5px 0px; font-size: 14px; font-family: Arial, Helvetica, sans-serif }
/* td, p, li, ol { font-size: 14px; font-family: Times, "Times New Roman", serif } */
td, p, li, ol { font-size: 14px; font-family: serif }
/* ul { list-style-type: circle; font-size: 14px; font-family: Times, "Times New Roman", serif } */
ul { list-style-type: circle; font-size: 14px; font-family: serif }

pre { width: 400px; font-size: 12px; }

/* The sidebar. */
.sidebar { font-family: sans-serif }
.sidebar b { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
.sidebar ol { margin: 0.25ex 0ex 0ex 0.75ex; padding: 0; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
.sidebar li { list-style-type: none; line-height: 110%; font-size: 14px; font-family: sans-serif; }
.sidebar A { color: blue; text-decoration: none }
.sidebar A:link { color: blue; text-decoration: none }
.sidebar A:active { color: blue; text-decoration: none }
.sidebar A:visited { color: blue; text-decoration: none }

/* The topbar. */
.topbar { font-family: sans-serif }
.topbar b { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
.topbar ul { margin: 0.5ex 0.5ex 0.5ex 0.5ex; padding: 0; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
.topbar li { list-style-type: none; line-height: 110%; font-size: 14px; font-family: sans-serif; }
.topbar A { color: blue; text-decoration: none }
.topbar A:link { color: blue; text-decoration: none }
.topbar A:active { color: blue; text-decoration: none }
.topbar A:visited { color: blue; text-decoration: none }
.topbar .logo { background: white; color: blue; }
.topbar .conf_name { background: #336699; color: white; }
.topbar .user_name { background: #336699; color: white; }
.topbar .menu { background: rgb(75%,75%,75%); color: #336699; }

/* The banner. */
.banner { background: #336699; color: white; font-size: 25px; font-family: Arial, Helvetica, sans-serif; }
.event_name { background: #336699; color: white; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
.user_name { background: #336699; color: white; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }

/* For links. */
A { color: "#003366" }
A:link { color: "#003366" }
A:active { color: "#cc3366" }
A:visited { color: "#cc3366" }

/* For the home page summary boxes. */
/* .sum_box { background: "#ffb099"; padding: 10px; margin: 10px; } */
/* .sum_box { background: rgb(100%,86%,75%); padding: 15px; } */
.sum_box { background: #ffb099; padding: 15px; }

/* For lists of displayed items. */
.input .even { background: rgb(75%,80%,100%) }
.input .odd { background: rgb(82%,85%,100%) }
.output .even { background: rgb(75%,80%,100%) }
.output .odd { background: rgb(82%,85%,100%) }
.even { background: rgb(100%,86%,75%) }
.odd { background: rgb(100%,93%,87%) }

/* For the submission type bar across the top. */
.stype_tab { background: rgb(100%,77%,77%); font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.stype_tab TABLE TR TD { background: rgb(100%,77%,77%); font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.stype_tab A { color: blue; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.stype_tab A:link { color: blue; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.stype_tab A:active { color: blue; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.stype_tab A:visited { color: blue; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif }

/* For the role bar across the top. */
.tab { background: rgb(100%,86%,75%); font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.tab TABLE TR TD { background: rgb(100%,86%,75%); font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.tab A { color: blue; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.tab A:link { color: blue; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.tab A:active { color: blue; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.tab A:visited { color: blue; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif }

/* For the navigation bar across the top. */
.navbar { background: rgb(93%,90%,80%); font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.navbar TABLE TR TD { background: rgb(100%,90%,85%); font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.navbar A { color: blue; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.navbar A:link { color: blue; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.navbar A:active { color: blue; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.navbar A:visited { color: blue; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif }

/* For input fields. (use input_box() function) */
.input {
	background: #99b0ff; color: black;
	margin: 0px; padding: 0px; 
	width: auto; height: auto;
	border-width: 1px; border-color: #336699; border-style: solid;
}
.input .title {
	background: #336699; color: white;
	margin: 0px; padding: 3px;
	border-width: 0px;
	text-align: center; 
	font-weight: bold;
}
/* .input .instr { border: 0px; font-style: italic; background: #6699cc; } */
.input .instr { border: 0px; background: #6699cc; }

.input table { text-align: center; border: 0px; padding: 0px; margin: 0px; 
	background: white; }
.input table .col_headings { border: 0px; padding: 3px;
	background: #6699cc;
	text-align: center; font-weight: bold; }
.input table th { border: 0px; padding: 3px; background: #336699; }
.input table tr { border: 0px; padding: 3px; background: #99b0ff; }
.input table td { border: 0px; padding: 3px; }

/* For output fields. (use output_box() function) */
.output_box {
	background: rgb(100%,86%,75%); color: black;
	margin: 0px; padding: 0px; 
	width: auto; height: auto;
	border-width: 1px; border-color: rgb(90%,70%,50%); border-style: solid;
}
.output_box .title {
	background: rgb(93%,75%,60%); color: black;
	margin: 0px; padding: 3px;
	border-width: 0px;
	text-align: center; 
	font-weight: bold;
}
/* .output .instr { border: 0px; font-style: italic; background: #6699cc; } */
.output_box .instr { border: 0px; background: #6699cc; }

.output_box table { text-align: center; border: 0px; padding: 0px; margin: 0px; 
	background: white; }
.output_box table .col_headings { border: 0px; padding: 3px;
	background: rgb(100%,86%,75%);
	text-align: center; font-weight: bold; }
.output_box table th { border: 0px; padding: 3px; background: rgb(100%,86%,75%); }
.output_box table tr { border: 0px; padding: 3px; background: rgb(100%,86%,75%); }
.output_box table td { border: 0px; padding: 3px; }

.tablehead { font-size: 14px; font-family: Arial, Helvetica, sans-serif }

.required { border: thin solid red }
.error_msg { background: rgb(100%,85%,80%); padding: 10px; border-width: 1px; border-color: red; border-style: solid; color: red; font-family: Arial, Helvetica, sans-serif }
.error_field { color: red; }

.disp_sub I { color: rgb(75%,25%,25%); }
.disp_user I { color: rgb(75%,25%,25%); }

/* Collection of nice colors.
Dark blue: #336699
Medium blue: #6699cc
Light blue: #99b0ff
Lighter blue: rgb(75%,80%,100%)
Even lighter blue: rgb(82%,85%,100%) }
Peach: #ffb099
Very light peach: rgb(100%,86%,75%)
*/

/* Examples of things you can do with style sheets.
.error_field { border: thin solid red }
.required { color: red }
font-size: 1.1em;
font-weight: bold;

P.first { color: green }
H1 { text-indent: 10px; font-family: verdana }
IMG { margin-top: 100px }
H2 { font-variant: small-caps }
B { text-transform: uppercase }
B { line-height: 16pt }
H3 { word-spacing: 1em } 
H3 { letter-spacing: 10px }
H4 { text-align: center }  # left, right, center, justify.
H4 { vertical-align: top }
P.yellow { background-color: #FFFF66 }
H4 { position: absolute; left: 100px; top: 43px }
I { position: relative; left: 40px; top: 10px }
DIV { position: absolute; left: 200px; top: 40px; width: 150px; overflow: auto}  # puts in scrollbar if needed. (not reliable)

--Font options:
font-family 
font-size 
font-weight 
font-style 
font-variant 
text-transform 
text-decoration 
font 
*/