/* General stuff we might want to add to m3.css */
/* Make sub/superscript less strange */
sup, sub {
font-size: 50%;
}
sup {
vertical-align: top;
}
.ui-dialog *, .ui-accordion *, #mainContent h3 * {
	font-size: 14px;
	line-height: 1.3;
}
form fieldset ol {
	list-style-type: none;
	padding: 0; /* override default left 40px */
	margin: 1% 0; /* override default top/bottom 1em */
}
form fieldset ol li {
	margin-top: 0.5em;
}
form fieldset ol li input[type=text],
form fieldset ol li select {
	width: 23em;
}
form fieldset ol li label {
	text-align: 0.5em;
	display: inline-block;
	width: 10em;
}
/* Questions need much more room for both the label and the answer (unless it's a tickbox) */
form fieldset ol li.question label {
	width: 59%;
}
form fieldset ol li.question input[type=text],
form fieldset ol li.question select {
	width: 39%;
}
form fieldset ol li input[size], form fieldset ol li.question input[size] {
	width: auto;
}
li.above label,
li textarea {
	width: 98%;
}
input[readonly] {
	background-color: lightgrey;
}
.warning, .required {
	font-weight: bold;
}
.error {
	color: red;
}

.schedule #mainContent h1 {
	color:rgba(44,107,149,0.8);
}
.schedule #mainContent p.address {
	padding:5px;
	border-radius:10px;
	-moz-border-radius:10px;
	background-color:rgba(44,107,149,0.4);
}
.pamwin #mainContent h1 {
	color:rgba(123,197,130,0.8);
}
.pamwin #mainContent p.address{
	padding:5px;
	border-radius:10px;
	-moz-border-radius:10px;
	background-color:rgba(213,254,224,0.5);		
}

.locator #mainContent h1 {
	color:rgba(31,157,145,0.8);
}
.locator #mainContent p.address{
	padding:5px;
	border-radius:10px;
	-moz-border-radius:10px;
	background-color:rgba(219,245,239,0.5);		
}

.pamwinlite #mainContent h1 {
	color:rgba(174,189,54,0.8);
}
.pamwinlite #mainContent p.address{
	padding:5px;
	border-radius:10px;
	-moz-border-radius:10px;
	background-color:rgba(217,255,156,0.5);		
}

/* Training stuff */
.delegate {
	width: 46%;
	min-height: 200px;
	display: inline-block;
	vertical-align: top;
}
#delegatenumber {
	width: auto;
}
.actions .button {
	display: block;
}
.button {
	margin-right: 0.5em;
}
.places {
	display: block;
}
.places, .places strong {
	font-weight: normal;
}
#requirements li {
	display: inline-block;
	width: 45%;
	padding-left: 1%;
	padding-right: 1%;
}
#requirements textarea {
	resize: vertical;
}

.hint {
	position: absolute;
	background-color: beige;
	display: none;
	border: 1px solid #000;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 1px 2px;
	max-width: 300px;
}
/* Also needed for hints */
#book , .ui-dialog { overflow: visible; }
input:focus + .hint,
select:focus + .hint,
textarea:focus + .hint
{ /* CSS3 - modern browsers only (IE8+) */
	display: inline;
}

.locator #mainContent .inhouse { color: #00B1B1; }
.schedule #mainContent .inhouse { color: rgba(44, 107, 149, 0.8); }
.pamwin #mainContent .inhouse { color: #4FB847; }
.pamwinlite #mainContent .inhouse { color: #AEBD36; }

.link {
	color: #2C4887;
	text-decoration: underline;
	cursor: pointer;
}
.link:hover {
	color: #F5A941;
}
.hidden {
	display: none;
}
#attendeeForm ol {
	list-style: none outside none;
	padding: 0px;
}
#attendeeForm ol div {
	width: 48%;
	display: inline-block;
	padding: 2px;
}
#attendeeForm label {
	width: auto;
}
#attendeeForm input[type='text'], #attendeeForm select {
	width: 100%;
}
.ui-dialog .ui-widget-header, .ui-dialog .ui-button {
	background: #005996;
	color: white;
}
select {
	width: auto;
}
label.required:after {
	content: ' *';
	color: red;
}
input[type='checkbox'] {
	float: left;
	margin-right: 2px;
}