/* <!-- 2 Column layout based on http://matthewjamestaylor.com/blog/perfect-3-column.htm */

/* General styles */
body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	font-family:"Helvetica Neue","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	font-size: 76%;
	color: #555555;
	overscroll-behavior-y: none;
}
a {
	color: #555555;
}

/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
}

#header_admin {
	clear:both;
	float:left;
	width:98%;
	padding:1%;
}
#header_right {
	float: right;
	overflow: hidden;
}
#logout a {
	color: #555555;
}

#logout span.ui-button-text {
	color: #FFFFFF;
}
#logout {
	position:relative; 
	float:right;
	padding-top: 5px;
}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	padding-top:1%;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
}
/* 2 Column (left menu) settings */
.leftmenu .colleft {
	right:85%;			/* right column width */
	background:transparent;	/* left column background colour */
}
.leftmenu .col1 {
	width:83%;			/* right column content width */
	left:101%;			/* 100% plus left column left padding */
}
.leftmenu .col2 {
	width:13%;			/* left column content width (column width minus left and right padding) */
	left:3%;			/* (right column left and right padding) plus (left column left padding) */
	margin-top:-2px;	/* hack to make the accordion the same level as col1 */
}

/* Full page settings */
.fullpage {
	background:#fff;		/* page background colour */
}
.fullpage .col1 {
	width:98%;			/* page width minus left and right padding */
	left:1%;			/* page left padding */
}

/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
}
/* --> End 2 Column Layout */
	
/* My styles */
/* a div that can be used to automatically center things */
div.centering {
	width:1px;
	height:1px;
	left:50%;
	position:relative;
}

#header_logo {
	float: left;
}

#breadcrumbs {
	float: right;
	clear: right;
	padding-top: 15px;
}

.jCrumb{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	float: right;
}

.jCrumb li{
	float: left;
	padding: 0 .4em;
	line-height:1.3em;
	height:1.3em;
	font-weight: normal;
	font-size: 11px;
	margin: 0;
}

.jCrumb li a{
	margin-right: .4em;
}
.ui-icon-alert {
	margin-right: 5px;
}
h1 {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}
pre {
	font-family: inherit;
	font-size:1.0em;	
}
input {
	border: 1px solid #D6D6D6;
	color: #555555;
}
.ui-widget-content,
.editable_area,
select {
	border: 1px solid #d6d6d6;
	padding: 3px;
	color: #555555;
	
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	color:#555555;
}
#filter_form select {
	padding: 0;
}
#copyright { 
	position:relative; 
	float:right; 
	padding-right: 1%;
	font-style: italic;
}
#privacy {
	display: inline-block;
	padding-left: 1%;
}
#privacy a,
#privacy a:hover,
#privacy a:visited {
	color: #555555;
	text-decoration: none;
}
label.error { 
	float: none; 
	color: red; 
	padding-left: .5em; 
	vertical-align: top;
}

td.actions {
	text-align:center; 
	white-space:nowrap;
}

.alert {
	color: red;
}

.nav_outside_accordion a {
	text-decoration: none;
	padding-bottom: 5px;
    display: inline-block;
}

.nav a {
	text-decoration: none;
}

.nav_section_content {
	display: inline-block;
	padding:0;
	line-height: 0.8em;
}

.nav_section_content ul, li {
	margin: 0 0 0 1.35em;
	padding: 0;
	line-height: 1.3em;
}

.nav_section_content a {
	text-decoration: none;
}

.nav_section_content p {
	margin: 0;
	line-height: normal;
}

.nav_section_content span {
	float:left;
	margin-top: -4px;
}

.nav_section_content span {
	float:left;
	margin-top: -2px;
}

.spacer {
	list-style-type:none; 
	line-height: 0.4em;
}

/* jQuery Customisations */

/* Remove the left margin in the nav accordion */
.ui-accordion .ui-accordion-content {	
	padding: 0.5em 0.3em;
	display: block;
}

/* Remove the x in the top right corner of the end of session dialog box */
.noClose .ui-dialog-titlebar-close,
#session-dialog.ui-dialog-titlebar-close {
	display:none
}

/* Give all ui bottons a smaller font */
.ui-button,
.ui-widget button {
   font-size: 0.9em!important;
}

/* Space the table tools buttons */
.ui-buttonset .ui-button {
   margin-right: 1px;
}

/* Datatables search box */
.dataTables_filter {
	width: 205px;
	float: left;
	text-align: left;
	font-weight: bold;
	font-size: 1.0em;
}
.dataTables_filter input {
	width: 145px;
	display: inline;
}
.dataTables_info {
	font-weight: bold;
}
/* Datatables number of entries select */
.dataTables_length {
	width: 105px;
	float: right;
	font-size: 0.8em;
	margin-left: 6px;
	margin-top: 2px;
	font-weight: bold;
}
.dataTables_length select {
	padding: 0;
}
.dataTables_processing {
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    font-size: 13px;
    height: 30px;
    opacity: 0.8;
    overflow: visible;
    padding: 2px 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20%;
}
.processing_image_n_text {
	padding-top: 6px;
	-moz-border-radius: 5px 5px 5px 5px;
}
.processing_image {
	padding: 0;
	margin-bottom: -4px;
}

.processing_text {
	color: #F13333;
	margin-left: 3px;
}

.datatable {
	table-layout: fixed;
}
.datatable thead th {
	overflow: hidden;
	color: #FFFFFF;
}
table.dataTable thead th div.DataTables_sort_wrapper {
    position: relative;
    padding-right: 20px;
}

table.dataTable thead th div.DataTables_sort_wrapper span {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 0;
}

.datatable td {
	padding-left: 3px;
	padding-right: 3px;
	font-family: inherit;
}

td.symbol, th.symbol {
	border: 0;
	margin: 0;
	width: 10px;
}

/* My row highlighting styles */
tr.odd {
    background-color: #d7ecb2;
   	color: #2a1149;
}

tr.odd td.sorting_1 {
	background-color: #a0c55f;
	color: #2a1149;
}

tr.even td.sorting_1 {
	background-color: #FFFFFF;
	color: #2a1149;
}

tr.even td.sorting_1:hover {
	background-color: #FFFFFF;
	color: #2a1149;
}

tr.even {
	color: #2a1149;
}		

.editable {
	word-wrap:break-word;
}

.editable:hover, 
.editable_autogrow:hover,
.editable_supervisor:hover, 
.editable_select:hover, 
.editable_tutor:hover, 
.editable_marker:hover, 
.editable_datepicker:hover, 
.editable_country:hover, 
.editable_countries:hover, 
.editable_currencies:hover, 
.editable_area:hover,
.editable_courses:hover,
.editable_payment_methods:hover,
.editable_verified:hover,
.editable_organisation:hover,
.editable td.sorting_1:hover {
	background-color: #0d6759 !important;
	color: #FFFFFF !important;
	cursor: pointer;
}

.ui-buttonset {
	margin-right: 0;
}

.uneditable th,
.editable th {
	color: 	#FFFFFF;
}
tr.odd .uneditable,
tr.even .uneditable {
	color: 	#555555;
}
.uneditable:hover {
	background-color: transparent !important;	/*Need important to over-ride td.sorting_1:hover */
}

/* This style was added to jeditable.js at line 260 */
select.jeditable_select {
	z-index: 2147483647;
}
/* This puts datatables sorting arrows in the right place */
.css_right { float: right; }

.ui-widget-content {
	padding: 2px;
}

.tips {
	font-style: italic; 
}

/* Error dialog style */
.ui-state-error, 
.ui-widget-content .ui-state-error, 
.ui-widget-header .ui-state-error {
	background: none;
	border: 0px;
}

/* Email form */
#email_form label, #email_form input { display:block; }
#email_form label p { margin:0; padding-bottom:5px }
#email_form fieldset { padding:0; border:0; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }

/* Pending enrollments notification */
#pending_enrollment_notification.single_digits,
#pending_enrollment_notification.double_digits {
   	background: none repeat scroll 0 0 #F93A43;
    color: #FFFFFF;
    font-family: inherit;
    font-size: 9px;
    font-weight: bold;
    display: inline;
    position: absolute;
    text-align: center;
    margin-left: -3px;
}

#pending_enrollment_notification.single_digits {
	width: 12px;
    height: 12px;
    line-height: 12px;
    border-radius: 6px;
    top: 3px;
}

#pending_enrollment_notification.double_digits {
   	width: 16px;
 	height: 16px;
    line-height: 16px;
    border-radius: 8px;
    top: 1px;
}

/* Payment details dialog */
#account_details_form fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/* Make textareas take up 100% width */
.textarea_wrapper {
	width: 100%;
}
.textarea_wrap {
	white-space: pre-wrap !important;
}

/* Student details dialog */
#user_details_form label {
	font-weight: bold;
	padding-bottom: 10px;
}
#user_details_form label.error {
	font-weight: normal;
	padding: 0;
}
#user_details_form label span {
	font-weight: normal;
}
#user_details_form fieldset,
#user_details_form td {
	border: 0;
	margin: 0;
	padding: 3px;
}
#reps_menu {
	border: none;
    margin: 0;
    padding-bottom: 5px;
    padding-left: 0;
    float: right;
    clear: both;
    margin-top: 11px;
}
.rep_active_page {
	background: #0d6759 url(../jquery/css/images/ui-bg_highlight-hard_75_0d6759_1x100.png) 50% 50% repeat-x;
}

#paypal-processing-overlay {
	display:none;
    position: absolute;
    background: #555555;
    opacity: 75%;
    z-index: 9999;
    border-radius: 5px;
}
.paypal-processing-text {
  display:none; 
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 16px;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  z-index: 10000;
}
.bank_details_wrapper {
	display: flex;
	justify-content: space-evenly;
}

/* To stop dialogs having the X to close it, add dialogClass: 'no-close' into the dialog properties */
.no-close-dialog .ui-dialog-titlebar-close {
	display: none 
}
#role_chooser {
	font: inherit;
	padding: 1px;
}
.centered {
	text-align: center;
}