body { background-color: white; color: #333; margin: 0; }

body, p, li, td, input, textarea, select { FONT-FAMILY: verdana, arial, helvetica, sans-serif; font-size: 9pt;}

h1 		{ font-size: 12pt; }
h2 		{ font-size: 10pt; }
td 		{ vertical-align: top; }
img 	{ border: none; }
legend 	{ font-weight: bolder; }
hr 		{ background-color: #9ACDDF; color: #9ACDDF; width: 100%; height: 1px; border: 0;  margin: 0 0 20px 0; }
label	{ font-weight: bolder; }

div.clear { margin: 0; padding: 0; clear: both; }
br.clear  { clear: both; }

/* ----- define misc buttons ------ */

.link 				{ color: #731F3A; }

.instructor-name 	{ color: #731F3A; font-weight: bolder; font-variant: small-caps; font-size: large; }

tr.header			{ background-color: #731F3A; color: white; }
tr.header td		{ vertical-align: bottom; }

.popup-header 			{ padding: 3px; text-align: center; font-size: large; background-color: #731F3A; color: white; font-weight: bolder; }

.reg					{ background-color: white; }
.alt					{ background-color: #efefef; }

.bold				{ font-weight: bolder; }

.good			{ color: green; }
.warning		{ color: #FF9900; }
.bad			{ color: red; }

a.add						{ 
								background		: url(images/add.gif) top left no-repeat; 
								color			: black;
								display			: inline-block;
								margin			: 0 4px 4px 0;
								min-height		: 13px; 
								padding-left	: 15px; 
								text-decoration	: none; 
							}
						
a.add:hover				{ text-decoration: underline; }
                        							
a.edit						{ 
								background		: url(images/edit.gif) top left no-repeat; 
								color			: black;
								display			: inline-block;
								margin			: 0 4px 4px 0;
								min-height		: 16px; 
								padding-left	: 16px; 
								text-decoration	: none; 
							}
						
a.edit:hover				{ text-decoration: underline; }

a.remove					{ 
								background		: url(images/delete.gif) top left no-repeat; 
								color			: black;
								display			: inline-block;
								margin			: 0 4px 4px 0;
								min-height		: 16px; 
								padding-left	: 17px; 
								text-decoration	: none; 
							}
							
a.remove:hover				{ text-decoration: underline; }