/* This CSS file will contain all the new colour scheme for the admin interface.
   I want to tidy everything up, put things in as few files as possible, remove redundant stuff, etc., etc.

   Hex colour codes:-
   #f4f4f4 = grey - table detail background
   #f8f8f8 = grey - paler - input/text/select objects background colour
   #e0e0e0 = grey - standard - button top/left borders; table heading background; banner background; Ts and Cs background
   #c0c0c0 = grey - darker - button background; node menu hover background
   #a0a0a0 = grey - input box border; banner text colour; node menu border colour
   #808080 = grey - hr; text colour
   #707070 = grey - headings; button bottom/right borders
   #606060 = grey - table heading text
   #303030 = grey - table detail text; link text; input text;
   #ee4699 = pink - special text colour
   #f0d0e0 = pink - very pale
*/

/* All the unqualified object styles are first. */
.frame {
	background: #fff;
	padding: 2px;
	padding-right: 15px;
	font-family: trebuchet ms, arial, sans serif;
	font-size: 11px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
}
body {
	font-family: trebuchet ms, arial, sans serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
h1 {
	color: #686868;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 0px;
	/*background: #ffffff url(../images/headingback2.jpg) bottom left no-repeat;*/
}
h2 {
	color: #606060;
	font-weight: normal;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 0px;
/*	background: #ffffff url(../images/headingback2.jpg) bottom left no-repeat;*/
}
h3 {
	color: #606060;
/*	color: #686868;*/
	font-weight: normal;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 0px;
/*	background: #ffffff url(../images/headingback2.jpg) bottom left no-repeat;*/
}
h4 {
	font-family: trebuchet ms, arial, sans serif;
	font-size: 11px;
	color: #686868;
	padding-bottom: 2px;
	margin-bottom: 2px;
	border-bottom: 1px solid #ABC1E3;
	background: #ffffff url(../images/headingback2.jpg) bottom left no-repeat;
}
p {
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 15px;
	color: #303030;  /* Standard text colour */
}
hr {
	border: 0px;
	border-bottom: 1px solid #808080;
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 15px;
}
img {
	border: 0px;
}
a {
	color: #303030;  /* Standard text colour */
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
label {
	color: #303030;  /* Standard text colour */
}
input {
	background: #f8f8f8;
	color: #303030;  /* Standard text colour */
	border: 1px solid #d0d0d0;
	font-family: trebuchet ms, arial, sans serif;
	font-size: 11px;
}
textarea {
	background: #f8f8f8;
	color: #303030;  /* Standard text colour */
	border: 1px solid #a0a0a0;
	font-family: trebuchet ms, arial, sans serif;
	font-size: 11px;
}

textarea.assessment_notes
{
font-weight:bold;

}
select {
	background: #f8f8f8;
	color: #303030;  /* Standard text colour */
/*	border: 1px solid #a0a0a0;*/
	font-family: trebuchet ms, arial, sans serif;
	font-size: 11px;
}
.select {
	background: #f8f8f8;
/*	border: 1px solid #a0a0a0;*/
	padding: 2px;
	font-family: trebuchet ms, arial, sans serif;
	font-size: 11px;
	height: 200px;
	width: 200px;
	overflow: auto;
}
button {
	background: #c0c0c0;
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #707070;
	border-bottom: 1px solid #707070;
	font-family: trebuchet ms, arial, sans serif;
	font-size: 11px;
	color: #303030;  /* Standard text colour */
}
.button {
	background: #c0c0c0;
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #707070;
	border-bottom: 1px solid #707070;
	font-family: trebuchet ms, arial, sans serif;
	font-size: 11px;
	color: #303030;  /* Standard text colour */
}
.disabledbutton {
	background: #c0c0c0;
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #707070;
	border-bottom: 1px solid #707070;
	font-family: trebuchet ms, arial, sans serif;
	font-size: 11px;
	color: #808080;
}

table {
	font-size: 11px;
	background: #d0d0d0;
	padding: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 15px;
/*	border-top: 2px #ee4699 solid;  /* Bright pink */
}
table.clear {
	font-size: 11px;
	background: #fff;
	margin-bottom: 0px;
	padding: 0px;
	padding-left: 0px;
	padding-right: 0px;
}/*
tr.seasoning,
tr.seasoning th,
tr.seasoning td {
	display: none;
}*/
th {
	font-size: 11px;
	background: #f0e8e8;  /* Greyey pink */
	color: #606060;
	margin: 1px;
	padding: 2px;
}
th.thleft {
	text-align: left;
}
td {
	font-size: 11px;
	background: #f4f4f4;  /* Very pale grey. */
	color: #303030;  /* Standard text colour */
	margin: 1px;
	padding: 2px;
	text-align: left;
}
td.clear {
	background: #fff;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
}
td.tdcentre {
	text-align: center;
}
input.darker-border {
	border-color:#A0A0A0;
}

/* This is the top banner on the RH pane of the Admin Interface. */
#admin_banner {
	position: relative;
	height: 62px;
	margin: 0px;
	border-bottom: #f0d0e0 2px solid;
	background: #e0e0e0 url(../images/headerback.jpg) repeat-y left center;
	z-index: 1;
}
p.banner_heading{
	padding-top: 5px;
	font-size: 20px;
	color: #a0a0a0;
	margin-bottom: 0px;
}

/* Class that just makes the text pink. */
#pinktext{
	color: #ee4699;
	}

/* Classes for the node menu */
#nodemenu, #nodemenuleft {
	padding-top: 5px;
}
#nodemenu {
	float: right;
	padding-right: 10px;
}
#nodemenuleft {
	float: left;
	padding-left: 12px;
}
span.nodemenu, a.nodemenu, a.nodemenuleft {
	padding: 5px;
	border: #a0a0a0 1px solid;
	text-decoration: none;
}
a.nodemenuleft {
	background: #f3f3f3;
}
a.nodemenu:hover, a.nodemenuleft:hover {
	background: #a7a7a7;
	text-decoration: none;
}

form {
	display: inline;
}

/* Classes for the Terms and Conditions page. */
p.ts_and_cs {
	background: #e0e0e0;
	padding: 10px;
}

/* styles for the node editor */
.deactivatednode {
	color: gray;
}
.errormsg {
	color: #cc3300;
}

/* For positioning images, etc. */
.left {
	float: left;
}
.right {
	float: right;
}

/* For the help tooltip */
.help {
	color: blue;
	background: grey;
}

.clear {
	height:1px;
	clear:both;
}

/* For the Import users screen. */
.import_section {
	background: #f0f0f0;
	height: 13em;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 1em;
/*	overflow: hidden;*/
	min-width: 70em;
}
.import_section h2 {
	margin-top: 0em;
	margin-bottom: 0.5em;
}

.record_hint_text {
	background: #ffa;
	display: none;
	position: absolute;
	width: 25em;
	border: 1px #000 solid;
	left: 1em;
	top: 1em;
	text-align: left;
	padding: 0.5em;
}

/* This is the div that shows/hides the user search criteria (only when results are being displayed). */
#find_user_criteria {
	display: none;
}

/* This indents slightly the allocate and assign links in the node area. */
.node_alloc_assign {
	margin-left: 3em;
}

/* The print stylesheet overrides this and sets it to not displayed. */
.screen_only {
	display: block;
}

/* Some module stuff */

/* The container for the module switcher. */
.module_chooser {
	position: relative;
	float: right;
	border: 1px solid #707070;
	background: #e0e0e0;
	margin-top: 1em;
	margin-right: 1em;
	padding: 0.5em;
}

/* Some things for the session manager status table. */
.status_table {
	display: block;
}
.status_table:hover {
	background: #acacac;
}
.more-content {
	display:none;
}

/* Dialog boxes */
div.dialog {
	display: none;
}

div.dialog p {
	margin-left: 0;
}

textarea#conf_terms {
	width: 570px;
	height: 250px
}

table#assessment_records td{
	padding:5px;
}

table#session_info {
	margin:1px 15px 0px 15px;
}

#issue_manager_toobar {
	list-style:none;
	margin:0px 0px 0px 15px;
	padding:0px;
	background:#F4F4F4;
}


	#issue_manager_toobar li{
		display:inline;
		margin:0px 10px 0px 0px;
		padding:0px;
	}

.section_container {
	background:#F4F4F4;
	float:left;
	width:100%;
	padding:15px 0px 15px 0px;
	margin-bottom:3px;
	border-top:2px solid #F0D0E0;
	border-bottom:2px solid #F0D0E0;
}

#assessment_info_priority {
	margin-left:15px;
	font-weight:bold;
}
#node_level2_users,
#backgroud_info,
#session_info {
	margin-top:10px;
}

.assessment_info {
	float:left;
	margin-top:10px;
}

.toggler {
	background:url("../images/toggle-v.gif") transparent 0% 0% no-repeat;
	height:11px;
	line-height:10px;
	width:auto;
	float:left;
	margin-right:10px;
	padding-left:16px;
	color:#606060;

}

#ir_col_sys_client_id {
	display:none;
}

/** styles for new media content manager **/

#media_content_manager {
	font-family: arial,vadana,sans serif;
	float:left;
		width:815px;
}

#media_content_manager h2 {
	width:785px;
	float:left;
	padding:10px 15px 10px 15px;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	margin:0px 0px 0px 15px;
}
#media_content_manager #add_new_heading {
	background:#F1A121;
}

#media_content_manager #find_an_image_heading {
	background:#EA4438;
}

#media_content_manager #gallery_header {
	background:#364A9F;
}

#media_content_manager form,
#media_content_uploader {
	width:815px;
	float:left;
	background:#EFD9B8;
	margin:0px 0px 0px 15px;
	padding:5px 0px;
}
	#media_content_manager form label,
	#media_content_uploader label{
		width:380px;
		float:left;
		text-align:right;
		margin:5px 10px 10px 0px;
		font-size:12px;
		font-weight:bold;
	}
	#media_content_manager form input,
	#media_content_manager form textarea,
	#media_content_manager form select,
	#media_content_uploader input,
	#media_content_uploader textarea{
		width:400px;
		float:left;
		text-align:left;
		margin:5px 10px 10px 0px;
		border:none;
	}
		#media_content_manager form input.button,
		#media_content_uploader input.button{
			width:auto;
			color: #FFFFFF;
			font-weight: bold;
			height: auto;
			padding: 5px 10px;
			background:#F1A121;
			border:none;
			cursor:pointer;
		}

#media_content_manager form#media_item_search {
	background:#EDAFAA;
}
	#media_content_manager form#media_item_search input.button {
		background:#EA4438;
	}

#media_content_manager .gallery {
	background:#BEC9F7;
	float:left;
	width:815px;
	margin:0px 0px 0px 15px;
	padding:0px 0px 15px 0px;
	height:auto;
}
	#media_content_manager .gallery .gallery_main {
		float:left;
		width:815px;
		height:auto;
	}

	#media_content_manager .gallery .gallery_main .gallery_current{
		float:left;
		width:815px;
		height:auto;
		text-align:center;
	}

	#media_content_manager .gallery .gallery_main .gallery_current p{
		float:left;
		width:815px;
		height:400px;
		text-align:center;

	}

	#media_content_manager .gallery .gallery_main .gallery_current .video_preview{
		float:left;
		width:815px;
		height:400px;
		text-align:center;
	}

	#media_content_manager .gallery .gallery_info_bar {
		float:left;
		width:815px;
		height:30px;
		background:#364A9F;
		color:#FFFFFF;
		font-weight:bold;
		text-align:center;
	}

	#media_content_manager .gallery .gallery_thumbs {
		float:left;
		width:815px;
		height:200px;
		overflow:hidden;
		background:#364A9F;
		position:relative;
		z-index:10;
	}
	#media_content_manager .gallery .gallery_thumbs .thumbs_move {
		position:absolute;
		width:40px;
		float:left;
		height:200px;
		filter:alpha(opacity=75);
		opacity: 0.75;
		-moz-opacity:0.75;
		z-index:20;
	}
	#media_content_manager .gallery .gallery_thumbs .thumbs_move:hover {
		filter:alpha(opacity=100);
		opacity: 1;
		-moz-opacity:1;

	}
		#media_content_manager .gallery .gallery_thumbs .thumbs_move#thumbs_move_left {
			background:url('../images/gal_move_left.png') transparent center center no-repeat;
			left:0px;
		}
		#media_content_manager .gallery .gallery_thumbs .thumbs_move#thumbs_move_right {
			background:url('../images/gal_move_right.png') transparent center center no-repeat;
			left:775px;
		}

		#media_content_manager .gallery .gallery_thumbs .gallery_thumb_wrapper {
			width:805px;
			float:left;
			height:200px;
			position:relative;
			right:0px;
		}

		#media_content_manager .gallery .gallery_thumbs .gallery_thumb {
			float:left;
			height:90px;
			width:120px;
			margin-left:12px;
			margin-top:6px;
			background-position: left center;
			background-repeat:no-repeat;
			color:#FFFFFF;
			font-weight:bold;
			cursor:pointer;
			border:1px solid #FFFFFF;
		}
		#media_content_manager .gallery .gallery_thumbs .gallery_thumb h4{
			background:#FFFFFF;
			color:#364a9f;
			text-align:left;
			border:none;
			margin-left:0px;
			margin-top:0px;
			text-align:center;
		}
		#media_content_manager .gallery .gallery_thumbs .gallery_thumb h4:hover{
			text-decoration:underline;
		}

.meta_data_form {
	float:left;
	width:99%;
	padding: 20px;
}

.meta_data_form h2{
	margin:0px 0px 20px 0px;
	padding:0px;
}

.meta_data_form label{
	float:left;
	width:45%;
	text-align:left;
	margin:5px 20px 5px 0px;
}

.meta_data_form input{
	float:left;
	width:45%;
	text-align:left;
	margin:5px 0px;
}


.meta_data_form textarea{
	float:left;
	width:45%;
	text-align:left;
	margin:5px 0px;
}

.meta_data_form input.button {
	background: none repeat scroll 0 0 #EA4438;
    color: #FFFFFF;
    font-weight: bold;
    height: auto;
    margin: 15px;
    padding: 5px 10px;
	width:auto;
	border:none;
}

#filter_errors {
	width:776px;
	border:1px solid #FF0000;
	padding:10px;
	margin-left:20px;
	margin-bottom:10px;
	display:none;
}
#filter_errors h3{
	color:#FF0000;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

#issues_reporter_filter {

}

#issues_reporter_filter fieldset {
	float:left;
	width:370px;
	height:80px;
	margin-left:20px;
	margin-bottom:10px;
	border:2px solid #F0D0E0;
}
#issues_reporter_filter fieldset h3{
	float:left;
	width:370px;
	margin:0px;
	padding:0px;
}

#module_node_selector {
	border:2px solid #F0D0E0;
	margin:20px;
	padding:10px;
	width:780px;
	overflow:auto;
	height:120px;
}
	#module_node_selector h3{
		margin:0px 0px 5px 0px;
		padding:0px;
	}
#run_report_button,
#csv_report_button {
	float:left;
	margin: 10px 0px 0px 20px;
}


#question_explorer{
	border:2px solid #F0D0E0;
	margin:20px 20px 0px 20px;
	width:800px;
	overflow:auto;
	height:350px;
}
	#question_explorer h3{
		margin:0px 0px 0px 0px;
		padding:5px 0px 5px 10px;
	}

	#question_explorer h2{
		margin:0px;
		padding:0px;
		font-size:1.2em;
		font-weight:bold;

	}

	#question_explorer .chapter_section {
		width:770px;
		float:left;
		height:20px;
		overflow:hidden;
	}

	#question_explorer .chapter_section .chapter_toggler{
		float:left;
		width:11px;
		height:18px;
		margin-left:10px;
		background: url('../images/toggle.gif') transparent left center no-repeat;
	}
	#question_explorer .chapter_section .chapter_toggler.expanded{
		background-position: right center;
	}
	#question_explorer .chapter_section .choose_all_question_toggler {
		 color:#6776b6;
		 font-weight:bold;
		 float:right;
	}
	#question_explorer .chapter_section.expanded {
		height:auto;
	}

		#question_explorer .chapter_section h2{
			padding-left:10px;
			background:#FFFFFF;
			color:#F1A121;
			width:727px;
			float:left;
		}

			#question_explorer .chapter_section .topic_section{

			}
				#question_explorer .chapter_section .topic_section h2{
					padding-left:20px;
					background:#FFFFFF;
					color:#84C446;
					width:780px;
					font-size:11px;
					margin-top:0px;
				}
				#question_explorer .chapter_section .topic_section input{
					margin-left:40px;



				}
.result_responses {
	float:left;
}



#issues_results {
	border:2px solid #F0D0E0;
	margin:10px 20px 20px 20px;
	padding:10px;
	width:780px;
	height:auto;
	float:left;
}

	#issues_results h2{
		margin:0px;
		padding:0px 5px;
		float:left;
		width:749px;
	}

	#issues_results h3{
		margin:0px 0px 0px 15px;
		padding:0px;
		float:left;
		width:780px;
	}
.result_question {
	float:left;
	width:780px;
	padding:5px 0px;
}

.result_responses {
	display:none;
}

.response_expander {
	float:right;
	width:16px;
	height:16px;
	margin:5px 5px 0px 0px;
	background:url("../images/expander.png") transparent center center no-repeat;
	cursor:pointer;
}

.results_summary {
	float:left;
	width:780px;
	height:30px;
}

ul.question_responses {
	list-style:none;
}

ul.question_responses li {
	width:730px;
	float:left;
	padding-left:10px;
}
ul.question_responses li:hover {
	background:url("../images/indicator.png") transparent left center no-repeat;
}

ul.question_responses li a,
ul.question_responses li a:link,
ul.question_responses li a:active,
ul.question_responses li a:visited {
	float:right;
	margin-left:10px;
	color:#364A9F;
}

#add_multi_file {
	text-decoration: underline;
}


/* CSS hack for IE6 */
select{}

select.large_select {
	font-size: 16px;
}
select.vlarge_select {
	font-size: 24px;
}

#assessment_session_list {

}
#assessment_session_list tr{
	height:65px;
}
#assessment_session_list tr#session_count{
	height:25px;
}
#assessment_session_list td{
	text-align: center;
}
	#assessment_session_list td .deactivate_uw {
		background: #F9C5C5;
		font-weight: bold;
	}
	#assessment_session_list td .activate_uw {
		background: #D8F9C5;
		font-weight: bold;
	}
.save_success_message {
	color: #83C247;
	float: left;
	width: 800px;
	padding:10px 0px 10px 20px;
	font-weight: bold;
	background:url("../images/correct.png") transparent left center no-repeat;
}

#delete_selected_sessions {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background: #D00;
	margin: 0px 0px 10px 15px;
	padding: 5px 10px;
	border-radius: 5px;
	border:1px solid #eee;
}

#delete_selected_sessions.disabled {
	background: #CECECE;
}

.btn {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background: #006699;
	margin: 0px 0px 10px 15px;
	padding: 5px 10px;
	border-radius: 5px;
	border:1px solid #eee;
}
.btn.btn-danger {
	background: #d9534f;
}
.btn.btn-success {
	background: #5cb85c;
}

#session_removal_confirmation_content .red {
 color: #E00;
}
#session_removal_confirmation_content h2 {
	color: #E00;
	font-weight: bold;
}
#session_removal_confirmation_content input[type="text"] {
	width:88%;
	padding:2% 10px;
	margin: 2px 10px;
}
#session_removal_confirmation_content button {
	margin-top: 10px;
	float: right;
}
td .pull_right {
	float: right;
}
td .align_with_box {
	margin-top: 3px;
}
td br.thin {
	line-height: 5px;
}
.close_session_item {
	margin-bottom: 0px;
}
label.hover_active:hover {
	cursor: pointer;
}