/* set the width of individual forms */
.modal { /*width:35em;*/ text-align:left; }

.modal_login { }
.modal_register_code { }

.modal_upgrade { }
.modal_order { }
.modal_extend { }
.modal_purchase { }

.modal h2 { 
	font-size:1.5em; 
/*	color:#000066; */
}
.modal h3 { 
	font-size:1.2em; 
/*	color:#000000; */
}
.modal li { margin-left:1em; }

.modal fieldset li { list-style:none; margin-left:0em; }


/* user_form */
#purchase_options .user_form {
font-size:100%;
text-align:left;
background-color: #f7f7f7;
height: 48px;
padding-top: 20px;
padding-left: 95px;
outline: 1px #d3d3d3 solid;
}
#purchase_options .user_form label {
	display:inline-block;
	width:none;
	font-weight:bold;
}
#purchase_options .member_code_label {
    padding-top: 4px;
}
.user_form p {
	margin-bottom:0.5em;
	background: none;
}
.user_form h2 {
	font-size:1.5em;
	margin-bottom:0.2em;
}
.user_form fieldset {
	border-bottom:solid 1px #000000;
	margin-bottom:0.2em;
}
.user_form label {
	display:inline-block;
}
/* adjust the field label width for individual forms */
.modal_register_code label {	width:9em; }

ol.field_list {
	margin:0px;
	padding:0px;
	width:100%;
}

ol.field_list li {
	list-style-type:none;
	padding:0px;
	margin-left:1.0em;
	margin-bottom:0.2em;
	width:100%;
}
/* text fields */
.user_form input:not([type=number]):not([type=submit]):not([type=button]):not([type=file]):not([type=image]), .user_form select, .user_form textarea {
	font-family:inherit;
	font-weight:normal;
	padding:0.2em;
}
.user_form select { text-indent:-2px; }
.user_form select option { text-indent:2px; }
/* number */
.user_form input[type=number] {
	font-family:inherit;
	font-size:90%;
	font-weight:normal;
	border-style:solid;
	border-width:1px;
	border-color:inherit;
	padding:0.1em;
}
/* buttons */
/*
.user_form input[type=submit], input[type=button] {
	font-family:inherit;
	font-size:90%;
	font-weight:normal;
	border-style:solid;
	border-width:1px;
	border-color:inherit;
	padding:0.2em 1em;
	cursor:pointer;
}
*/
/*.user_form .name_field { width:10em; }
.user_form .address_field { width:20em; }
.user_form .post_code_field { width:8em; }
.user_form .phone_field { width:15em; }
.user_form .email_field { width:20em; }
.user_form .date_field { width:6em; }
.user_form .username_field { width:10em; }
.user_form .password_field { width:10em; }*/
.user_form .currency_field { width:5em; text-align:right; }
.user_form .integer_field { width:2em; text-align:right; }
.user_form .quantity_field { width:3.2em; text-align:right; }
.user_form .qualification_field { width:30em; }
.user_form .chap_num_field { width:3.5em; text-align:left; }
.user_form .form_notes { font-size:80%; font-style:italic; }

#qualifications-tabs div { font-size:0.7em; }

.qualification_form {	width:100%; }
.qualification_form ol {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.qualification_form fieldset { border:none; }
.qualification_form li { margin-bottom:0.2em;; }
.qualification_form label {	width:13em; }
.qualification_form li select { font-size:90%; }

.qualification_list {	
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.qualification_list li { margin-bottom:0.5em; }
.qualification_list li.heading { font-weight:bold; }
.qualification_list span { display:inline-block; }
.qualification_list span.category { width:15em; }
.qualification_list span.order { width:4.5em; text-align:right; padding-right:2em; }
.qualification_list span.qualification { width:40em; }

.chapter_list {	
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.chapter_list .headings {	
	font-weight:bold;
}
.chapter_list li { float:left; clear:left; }
.chapter_list span { display:inline-block; }
.chapter_list span.sequence { width:3.5em; }
.chapter_list span.number { width:4.6em; }
.chapter_list span.title { width:21em; }
.chapter_list span.minutes { width:3.5em; }
.chapter_list span.questions { width:3.4em; }
.chapter_list span.page { width:3.7em; }

.chapter_form { float:left; clear:left; }
.chapter_form .title_field { width:22em; }

.delete_chapter_form { float:left; }

.course_list {	
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.course_list li { float:left; clear:left; margin-bottom:1em; padding-bottom:1em; border-bottom:solid 1px #000000; }
.course_list li.headings { font-weight:bold; }
.course_list .row_2 { color:#0000FF; }
.course_list span { display:inline-block; }
.course_list span.partner { width: 28em; }
.course_list span.title { width: 28.5em; }
.course_list span.course_version { width: 7em; }
.course_list span.available { width: 5.5em; }
.course_list span.qualification { width: 26em; }
.course_list span.reference { width: 6.9em; }
.course_list span.price { width: 6em; }
.course_list span.discount_group { width: 3em; }
.course_list span.days_allowed { width: 4em; }
.course_list span.kickback { width: 6em; }
.course_list span.members_only { width: 5.5em; }

.course_form { float:left; clear:left; }
.course_form .title_field { width:30em; }
.course_form .qualification_field { width:27em; }
.course_form .reference_field { width:6em; }
.course_form .course_version_field { width:7em; }
.delete_course_form { float:left; }

.exam_question_chapter_list { list-style:none }
.exam_question_chapter_list .chapter { font-weight:bold; }
.exam_question_list .question { color:#0000FF; }
.admin-area ul li ul.exam_question_option_list { display:block; }
.admin-area ul li ul.exam_question_option_list span.correct_mark { display:inline-block; width:1em; }

.user_form input.error, .user_form select.error, .user_form textarea.error { border-color:#FF0000; background-color:#FFFFCC; }
.user_form input.error:not([type=number]):not([type=submit]):not([type=button]):not([type=file]):not([type=image]) { border-color:#FF0000; background-color:#FFFFCC; }
.user_form label.error { color:#FF0000; width:auto; margin-left:1em; font-size:90%; }
.user_form div.error, .user_form span.error, div.error span { color:#FF0000; }
.user_form label.error:empty { margin-left:0px; }
.warning_image { width:24px; height:24px; float:left; margin: -5px 10px 0px 0px; }

.modal_order li { float:left; clear:left; list-style:none; width:100%; margin-left:0px; }
.modal_order li div { float:left; }
.modal_order li div.delete { width:1.5em; text-align:left; }
.modal_order li div.quantity { width:2em; text-align:right; padding-right:1em; }
.modal_order li div.course { width:22em; text-align:left; }
.modal_order.edit li div.quantity { width:5.5em; padding-right:0em; }
.modal_order.edit li div.course { width:18em; }
.modal_order li div.unit_cost { text-align:right; width:4em; }
.modal_order li div.cost { text-align:right; width:5em; }
.modal_order li ul.bundle_items_list { margin-left:4em; font-size:90%; }

.modal_order li.totals { font-weight:bold; }

.modal_order li.header { font-weight:bold; }
.modal_order li.header div.quantity { text-align:center; }
.modal_order li.header div.unit_cost { text-align:center; }
.modal_order li.header div.cost { text-align:center; }

.modal_purchase li { float:left; clear:left; list-style:none; width:100%; margin-left:0px; }
.modal_purchase li div.quantity { float:left; width:3em; }
.modal_purchase li div.course { float:left; }
.modal_purchase li div.cost { float:right; text-align:right; }
.modal_purchase div.course_versions label { display:inline; font-weight:normal; width:auto; }

.modal_order .terms { height:300px; overflow:scroll; text-align:left; font-size:80%; }
.modal_order .terms h1 { font-size:130%; margin-bottom:0.5em; }
.modal_order .terms p { margin-bottom:0.5em; }

.popup_link { cursor:pointer; color:#ce000b; }
.popup_link:hover { text-decoration:underline; }

.confirm_exam_form label { display:inline; }

.assessment_questions_form ol li { list-style-type:none; margin:0px; }
.assessment_questions_form ol ol { margin-left:1em; }

.quick_questions ol li { list-style-type:none; margin:0px; }
.quick_questions ol ol { margin-left:1em; }
.quick_questions ol.questions li { position:relative; }
.quick_questions ol.questions div.marking { position: absolute; right: 0; top: 40px; }

#courses .container .main-content section.col-lg-8 div.progress_summary ul li { background:none; padding:0px; }

ol.fasttrack_results_list li { list-style:none; }

ol.assistance {	margin:0px; padding:0px; }
ol.assistance li  { list-style:none; margin:0px; padding:0px; clear:left; }
ol.assistance li.headings  { font-weight:bold; }
ol.assistance li div { float:left; }
ol.assistance li div.date { width:5.5em; }
ol.assistance li div.notes { width:11em; }
ol.assistance li div.notes textarea { width:11em; }
ol.assistance li div.by { width:6em; }
ol.assistance li div.method { width:10em; }
ol.assistance li div.submit { width:4em; }

div.enquiry_list { width:200px; float:left; }
div.enquiry_list ul { position:relative; height:480px; left:auto; margin-right:0; overflow:auto; width:100%; }
div.enquiry_list ul li { list-style:none; margin:0px; margin-bottom:5px; }
div.enquiry_list ul li a { text-decoration:none; color:inherit; }
div.enquiry_list ul li a:visited { color:inherit; }
div.enquiry_list ul li.selected a { color:#b70000; }

div.enquiry_details form { width:420px; }
div.enquiry_details form ol li { list-style:none; margin:0px; padding-bottom: 5px; }

.red { color:#FF0000; }
.alert { color:#FF0000; }
.old_record { color:#666666; }

form#search_faqs_form input#find_in_faqs {
	float: left;
	margin-right: 5px;
	margin-top: 4px;
	width:25em;
}
form#learner_question_form textarea.learner_question {
	width:100%;
	height:5em;
	resize: none;
}

@media only screen and (min-width: 800px) {
	form#learner_question_form textarea.learner_question {
		width:75%;
	}
}

form#register_member_code_form label.member_code_label {
	width:3em;
	margin-left:0.5em;
	float:left;
}
form#register_member_code_form #member_code {
	width:5em;
	float:left;
	margin-left:0.5em;
}
form#register_member_code_form #member_code-error {
	position:absolute;
}
form#register_member_code_form .submit_button {
	float:left;
	margin-left:0.5em;
}

div.select_qualification { float:right; margin-top:0.5em; margin-right:1em; font-size:65%; }
form.select_qualification_form { display:inline-block; }

.bundles { }
.bundles li.bundle { float:left; border:solid 2px #333333; margin-left:0px; margin-bottom:10px; padding:5px; list-style:none; }
.bundles li.bundle ol.bundle_fields li { margin-left:0px; list-style:none; padding-top:1px; padding-bottom:1px; float:left; clear:left; }
.bundles li.bundle ol.bundle_fields li label { float:left; clear:left; }
.bundles li.bundle ol.bundle_fields li label.error { float:left; clear:none; }
.bundles li.bundle ol.bundle_fields li input { float:left; }
.bundles li.bundle ol.bundle_fields li textarea { width:30em; height:8em; }
.bundles li.bundle ul.bundle_items li.bundle_item form div.course_title { display:inline-block; width:22em; }
.bundles li.bundle ol.bundle_fields li input.bundle_title { width:30em; }
.bundles li.bundle ul.bundle_items { float:left; border-top:solid 1px #333333; margin-top:5px; margin-bottom:0px; }
.bundles li.bundle ul.bundle_items li.bundle_item { float:left; width:100%; border-bottom:solid 1px #333333; margin:0px; padding-top:2px; padding-bottom:2px; list-style:none; }
.bundles li.bundle ul.bundle_items li.bundle_item form { float:left; }

.admin-area .col-lg-8 .bundle_details_list{ margin-bottom:0.5em; }
.admin-area .col-lg-8 .bundle_details_list h3 { float:none; }
.admin-area .col-lg-8 .bundle_details_list p { margin-bottom:0.5em; }
.admin-area .col-lg-8 .bundle_details_list ul { display:block; }
.admin-area .col-lg-8 .bundle_details_list ul li { list-style:none; }

ul.courses_to_use_list li { list-style:none; margin-left:0px; }
ul.courses_to_use_list li.headings { font-weight:bold; }
ul.courses_to_use_list span.course_title { display:inline-block; width:20em; }

textarea.course_code_notes { height:3em; width:11em; }
textarea.course_code_notes:focus { height:6em; width:11em; }

td.number_cell { text-align:right; }

table.top_sales_table { width:65%; }

.courses-table .details td { padding:5px; }
.update_certificate_form ol { list-style:none; }
.update_certificate_form label { width:220px; }

/* to go in admin_style */
.tg td.heading { padding:0px; }

.trial { color: #006699; }

.personal_details  { margin-left:0.5em; margin-top:0.5em; }
.personal_details.retired  { color:#999999; }
.personal_details ol { list-style:none; }
.personal_details li { display:block; float:left; clear:left; margin-bottom:0.5em; }
.personal_details.retired li { text-decoration:line-through; }
.personal_details.retired li div { text-decoration:line-through; }
.personal_details .label { display:block; float:left; clear:left; width:200px; font-weight:bold; }
.personal_details .address_box { display:block; float:left; }

.duplicate_users { width:100%; }
.duplicate_users td.select { width:5em; text-align:center; }
.duplicate_users td.details { border:solid 2px #000000; padding:0.5em; vertical-align:text-top; }
.duplicate_users td.details h3 { width:100%; font-size:100%; font-weight:bold; }
.duplicate_users td.details h3 span.edit { display:block; float:right;}
.duplicate_users a.transferUser { display:block; margin-left:auto; margin-right:auto; font-size:150%; text-decoration:none; color:#000000; }

.bulleted_list { margin-left:1em; }
.bulleted_list li { list-style:outside disc; }


.row_warning { color:#FF0000; }
.row_alert 	{ color:#6600FF; }
.antispam { display:none;}

input.download_button { white-space: normal; background-color:inherit; color:#0000FF; text-align:left; text-decoration: underline; font-size:inherit; font-family:inherit; }
input.download_button:hover { cursor:pointer; border:inherit; }
input.download_button:active { border:inherit; }

input.required:placeholder-shown { color:#FF0000; }

#partner_form label.wide { width:18em; }

/* Payment card form */
#payment_card_form tr, #payment_card_form td, #payment_card_summary tr, #payment_card_summary td { padding:0px; background-color:transparent; }
#payment_cards .card { width:60px; height:38px; float:left; margin-left:2px; }

.user_form input[type=submit] {
    font-size: 14px;
    padding: 6px 12px 6px 12px;
    background: #008591;
    color: white;
    border-radius: 20px;
    font-weight: 600;
    display: inline-block;
    line-height: 1;
    margin: 0;
    cursor: pointer;
    width: auto;
}

@media only screen and (min-width: 760px) {
	.user_form input[type=submit] {
		padding: 10px 16px;
		font-size: 16px;
	}
}

.user_form input[type=submit]:hover {
    opacity: 0.9;
}