body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 76%; line-height: 1.5em; text-align: center;}
#container {margin: 0 auto; text-align: left; width: 800px;}


/* ----- CLASS HELPERS ----- */
.accessible {height: 1px; left: -9999em; overflow: hidden; position: absolute; top: 0; width: 1px;}
.info, .success, .warning {padding: 1em;}

/* ----- FORMS ----- */
input {margin: 0;}
label {cursor: pointer;}
input, select, textarea, table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;}
form, fieldset, legend {margin: 0; padding: 0;}
form {margin: 2em 0;}
form div.field, form div.submit {padding: 1em;}
form div.field .required {cursor: help; font-style: normal; font-weight: bold;}
form div.help {line-height: normal; margin: 0.3em 0 0 0; padding: 0;}
form.familiar div.field .label, form.familiar legend span {display: block; margin: 0 0 0.2em 0;}
form.unfamiliar div.field .label {display: block; float: left; margin: 0 1em 0 0; text-align: right;}
form.unfamiliar fieldset {position: relative;}
form.unfamiliar legend span {display: block; float: none; left: 0; position: absolute; text-align: right; top: 0;}
form.unfamiliar.scan div.field .label, form.unfamiliar.scan legend span {text-align: left;}
/* mulitple selection */
form ol.selection, form ol.selection li, form ol.selection li input {list-style: none; margin: 0; padding: 0;}
form ol.selection li label {display: block; padding: 3px 0;}
form ol.selection.scroll {height: 10em; overflow: auto;}
form ol.selection.scroll li label {padding: 3px 3px 3px 23px; text-indent: -19px;}
form ol.selection.scroll li label input {text-indent: -19px; /*width: 15px;*/}
/* field sizes */
input.small, select.small, textarea.small, form ol.selection.small {width: 15em;}
input.medium, select.medium, textarea.medium, form ol.selection.medium {width: 20em;}
input.large, select.large, textarea.large, form ol.selection.large {width: 25em;}
textarea.short, form ol.selection.scroll.short {height: 10em;}
textarea.tall, form ol.selection.scroll.tall {height: 20em;}
/* label widths */
form.unfamiliar.small .label, form.unfamiliar.small legend span {width: 12em;}
form.unfamiliar.medium .label, form.unfamiliar.medium legend span {width: 15em;}
form.unfamiliar.large .label, form.unfamiliar.large legend span {width: 18em;}
form.unfamiliar.small .help, form.unfamiliar.small .selection, form.unfamiliar.small div.submit {margin-left: 13em;}
form.unfamiliar.medium .help, form.unfamiliar.medium .selection, form.unfamiliar.medium div.submit {margin-left: 16em;}
form.unfamiliar.large .help, form.unfamiliar.large .selection, form.unfamiliar.large div.submit {margin-left: 19em;}

.hide{
	display: none;
	position:relative;
}
.show{
	display: block;
	position:relative;
}