div#matrix-forms a { cursor: pointer; color: blue; text-decoration: underline; }

div#matrix-forms { font-family: sans-serif; font-size: 10pt; }
div#matrix-forms h1 { font-family: sans-serif; font-size: 16pt; }
div#matrix-forms h2 { font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; background: #000066; color: #fff; padding: .3em; margin: 2em 0 1em 0; }
div#matrix-forms h3 { margin: 2em 0 .5em 0; font-size: 11pt;  }

div#matrix-forms a.onclick-link { cursor: pointer; }
div#matrix-forms a.onclick-link:hover { text-decoration: none; }

div#matrix-forms span.ordinal { margin: 0 .5em 0 0; background: #EBEBFF; color: #000066; padding: 0 .5em; }

div#matrix-forms .listing-checkbox { float: left; margin-right: 10px; }

/* form controls; labels wrap elements and all are set to display: block including help text spans to force on sep. lines*/

	div#matrix-forms .required {color:#bb2026; font-weight: bold; }
	div#matrix-forms .alert {color:#bb2026; font-weight: bold; }
	
	div#matrix-forms form { margin: 30px 0;}
	div#matrix-forms form h3 {margin-top: 30px;}
	div#matrix-forms textarea {width: 90%; display: block; }
	div#matrix-forms input, select { display: block; }
	
	/* places thin gray line above submit buttons*/
	div#matrix-forms p#submit {padding-top: 0; margin-top: 30px; }
	div#matrix-forms p#submit input {display: inline; margin-right: 20px;}
	
	div#matrix-forms .help {color: #666; font-weight: normal; display: block; } /* use span class="help" when within a label*/
	div#matrix-forms div.help {margin-bottom: 5px;} /* use div class="help" when not within a label or within a small find-type form*/
	
	/* label styling */
	div#matrix-forms label {font-weight: bold; display: block; margin: 5px 0;}
	div#matrix-forms .fieldlabel {font-weight: bold;} /* label styling for use on form outputs */
	
	/* default fieldsets not showing visible border and having special black legend */
	div#matrix-forms fieldset {border: none; margin: 20px 0; padding: 0;}
	div#matrix-forms * html fieldset {}
	div#matrix-forms legend {font-weight: bold; font-size: 110%; color:#000; padding: 0 0 10px 0;}
	div#matrix-forms * html legend { margin-left: -8px; padding: 0 0 10px 0;}
	
	/* for fieldsets showing visible border */
	div#matrix-forms fieldset.visibleset { border: solid 1px #ccc; padding: 5px 20px 20px 20px; margin: 0 0 2em 0; background: #EFEFFF; }
	
	
	/* for inline checkboxes, radio buttons */
	div#matrix-forms fieldset.inline legend {font-weight: bold; font-size: 100%; color: #000; padding: 0;}
	div#matrix-forms fieldset.inline input, fieldset.inline label, fieldset.inline select {display: inline !important;}
	div#matrix-forms fieldset.inline input { margin-bottom: 0px; }
	div#matrix-forms fieldset.inline label { margin-right: 10px; } 
	div#matrix-forms fieldset.inline {margin: 0 0; padding-bottom: 10px;}
	
	/* multi-column displays */
		
	/* generic dual-column, used for two fields next to each other */
	div#matrix-forms .fieldleft {float: left; margin-right: 30px;}
	div#matrix-forms .fieldcenter {float: left; margin-right: 30px;}
	div#matrix-forms .fieldright {float: left; }
	
	/* date range displays */
	div#matrix-forms .dateRange p { font-weight: bold; margin: 0; font-size: 12pt; font-family: serif; }
	div#matrix-forms .dateRange div p { font-weight: normal; margin: 0; font-size: 10pt; font-family: serif; margin-left: 1em; }
	div#matrix-forms .dateRange label { float: left; margin-right: .25em; }
	div#matrix-forms .dateRange .alpha { float: left; margin-right: 2em; }
	div#matrix-forms .dateRange .beta { float: left; }
	
	/* delineating membership roles */
	div#delineateOptions { border: 1px solid #333333; background: #e0e0e0; padding-left: 12px; padding-right: 12px; }
	
/* end multi-column displays */

div#matrix-forms div.clearing {clear: both; line-height: 1px; overflow: hidden; }

div#matrix-forms input.button  { border: 1px solid #336699; background-color: #000066; color: #fff; font-size: 110%; font-weight: bold; padding: 5px; }

div#matrix-forms input.button:active { border: 1px solid #ccc; }

div#matrix-forms table.track-listing { width: 100%; border-collapse: collapse; }
div#matrix-forms table.track-listing tr.primary { background: #37386F; }
div#matrix-forms table.track-listing tr.secondary { background: #DFDFFF; }
div#matrix-forms table.track-listing th { font-variant: small-caps; color: #fff; padding: .3em; }
div#matrix-forms table.track-listing td { vertical-align: top; padding: .3em; }
div#matrix-forms table.track-listing td label { margin: 0; }

div#matrix-forms table.fee-listing { width: 100%; border-collapse: collapse; }
div#matrix-forms table.fee-listing tr.primary { background: #CFD0FF; }
div#matrix-forms table.fee-listing tr.secondary { background: #DFDFFF; }
div#matrix-forms table.fee-listing th { font-size: smaller; padding: 10px 20px 10px 0; font-weight: normal; text-align: left; }
div#matrix-forms table.fee-listing td { padding: 5px; }

div#matrix-forms a.secondary { font-size: smaller; text-decoration: none; color: #000066; }

ul li { margin: .5em 0; }

div#matrix-forms table { font-size: 10pt; }

div#matrix-forms div#previewInformation table { border-collapse: collapse; width: 100%; }
div#matrix-forms div#previewInformation table th { width: 150px; padding: .5em; text-align: right; background: #DFDFFF; color: #000; border: 1px solid #D1D1EF; }
div#matrix-forms div#previewInformation table td { padding-left: 1em; border: 1px solid #D1D1EF; }
div#matrix-forms div#previewInformation table tr.emphasis th { background: #FFE1DF; }
div#matrix-forms div#previewInformation table tr.separator td { background: #eee; height: 1em; }

table.pending { width: 100%; border-collapse: collapse; }
table.pending thead th { text-align: left; border-bottom: 1px solid #000; padding: .2em; }
table.pending td { padding: .2em; }
table.pending tr.even { background-color: #EBEBFF; }

table.searchResults { width: 100%; border-collapse: collapse; }
table.searchResults thead th { text-align: left; border-bottom: 1px solid #000; padding: .2em; }
table.searchResults td { padding: .2em; }
table.searchResults tr.even { background-color: #EBEBFF; }

.ickyErrors { background-color: #ffaaaa; }
.yayNoErrors { background-color: #ffffff; }

.progress { font-family: georgia; text-align: right; color: #A7A7BF; font-size: 13pt; }
.progress .current { font-size: larger; color: #000066; }

h3.entered-guest { margin: .2em 0 .2em 1em !important; display: list-item; list-style-type: square; padding:0;}
div.entered-guest { border-left: 5px solid #999; padding: 0 1em 0 1em; background: #eee; margin: 0 0 1em 0; }

/* Styling for CEU */

table.ceu-review { border-collapse: collapse; border: 1px solid #000066; width: 100%; }
table.ceu-review th { text-align: left; padding: .5em; background: #000066; color: #fff; }
table.ceu-review td { padding: .5em; }
table.ceu-review tr.odd { background: #EBEBFF; }
table.ceu-review tfoot tr { background: #FFF5EF; }

h3.print-ceu { float: right; }
h3.print-ceu a { padding-left: 20px; background: url(/images/printer.gif) no-repeat 0% 1px; color: #000066 !important; }

div#matrix-forms table.fees { width: 100%; border-collapse: collapse; }
div#matrix-forms table.fees tr.primary { background: #37386F; }
div#matrix-forms table.fees tr.secondary { background: #DFDFFF; }
div#matrix-forms table.fees th { font-variant: small-caps; color: #fff; padding: .3em; text-align: left; }
div#matrix-forms table.fees td { vertical-align: top; padding: .3em; }
div#matrix-forms table.fees td label { margin: 0; }

div.clearthese input { border: 1px solid red; clear: left; }