.static {
	padding: 10px;
	margin-top: 0;
}

.admin_error, .admin_notice, .admin_msg {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 8px 0px;
	margin: 0 0px 1em 0;
	font-size: 18px;
	font-weight: 300;
	z-index: 999999;
	background-position: top left;
}

.admin_error {
	border: 1px solid #E61C00;
    background-color: rgb(255, 191, 183); /* IE 8 */
    background-color: rgba(255, 191, 183, 0.9);
	color: #E61C00;
}

.admin_notice {
	border: 1px solid #04658E;
    background-color: rgb(160, 225, 255); /* IE 8 */
    background-color: rgba(160, 225, 255, 0.9);
	color: #04658E;
}

.admin_msg {
	border: 1px solid #6F9C2E;
    background-color: rgb(232, 244, 214); /* IE 8 */
    background-color: rgba(232, 244, 214, 0.9);
	color: #6F9C2E;
}

.error {
	display: block;
	color: #E20000;
	font-weight: 400;
	padding: 10px;
	background: rgba(255, 191, 183, 0.9);
	background-position: top left;
	border-radius: 2px;
}

.dashed_error_border {
	border: 1px solid #E20000;
}

.notice {
	display: block;
	color: #04658E;
	font-weight: 400;
	padding: 10px;
	background: rgba(160, 225, 255, 0.9);
	background-position: top left;
	border-radius: 2px;
}

.dashed_notice_border {
	border: 1px solid #04658E;
}

#wrapper_popup {
	background: #FFFFFF;
}

#wrapper_footer {
	position: relative;
	width: 100%;
	max-width: 1440px;
	min-width: 1000px;
	margin: 0px auto;
	color: #FFFFFF;
	border: 0;
	height: 40px;
	display: block;
	padding: 8px;
	text-align: center;
	background: #565656;
	border-top: 1px solid #565656;
	border-bottom: 1px solid #565656;
}

	#wrapper_footer p {
		margin: 0;
		width: 100%;
		text-align: center;
		color: #FFFFFF;
		font-size: 14px;
	}

	#wrapper_footer a {
		color: #FFFFFF !important;
	}


#wrapper_outer {
	width: 100%;
	max-width: 1440px;
	min-width: 1000px;
	min-height: 0!important;
	margin: 0 auto;
	margin-top: 40px;
	background: #FFFFFF;
	padding: 20px;
	padding-top: 10px;
}

.wrapper_header {
	width: 100%;
	max-width: 1440px;
	min-width: 1000px;
	background: #FFFFFF;
	margin-left: -20px;
	margin-top: -10px;
	padding: 20px;
}

#wrapper_content {
	display: block;
	position: relative;
	background: white;
	margin: 0 0 0 0;
	min-height: 0;
	padding: 0;
	color: black;
}

.toggle {
	display: block;
	float: right;
	width: 10em;
	text-align: right;
	padding: 1.5em 3px 3px;
}

.form .header_bg {
	margin-top: 0 !important;
}

.form_section {
	position: relative;
	vertical-align: top;
	margin-bottom: 2em;
	padding: 10px;
}

	.form_section label {
		display: inline-block;
		float: left;
		width: 200px;
		min-height: 32px;
		cursor: pointer;
		padding-right: 20px;
		font-size: 12px;
		font-weight: 400;
		vertical-align: middle;
		line-height: 32px;
		text-align: right;
	}

	.form_section input[type=text], .form_section input[type=file], .form_section select, .form_section textarea, .form_section input[type=password], .form_section .options {
		font-family: 'Open Sans', sans-serif;
		float: left;
		color: #565656;
		padding: 0px 8px;
		font-size: 100%;
		vertical-align: middle;
		outline: none;
	}

	.form_section input[type=text], .form_section select, .form_section textarea, .form_section input[type=password] {
		min-width: 400px;
		background-color:#FFFFFF;
		border: 1px solid #BABEC5;
		border-radius: 2px;
	}

	.form_section input[type=text], .form_section textarea, .form_section input[type=password] {
		min-height: 32px;
	}

	.form_section .chosen-container input[type=text] {
		min-height: initial; /* or whatever value you want for chosen inputs */
	  }

	.form_section input[type=checkbox] {
		height: 26px;
	}

	.form_section .chosen-container {
		width: 400px !important;
	}

	.form_section select {
		min-width: 418px;
	}

	.form_section textarea {
		height: auto !important;
	}

	.form_section input[type=text]:focus, .form_section select:focus, .form_section textarea:focus, .form_section input[type=password]:focus {
		outline: 1px solid #2CA01C;
	}

	.form_section .options .option {
		display: inline-block;
		vertical-align: middle;
		line-height: 32px;
		height: 32px;
	}

	.form_section .options .option input {
		float: left;
		display: inline-block;
		vertical-align: middle;
		line-height: 26px;
		height: 26px;
		margin-right: 5px;
		accent-color: #2CA01C;
	}

	.form_section .options .option label {
		width: auto;
	}

	.form_section .short_box {
		min-width: 80px !important;
		width: 80px !important;
	}

	.form_section .date_box {
		min-width: 120px !important;
		width: 120px !important;
	}

	.form_section .date_time_box {
		min-width: 170px !important;
		width: 170px !important;
	}

	.form_section input.txt_date {
		float: left;
		width: 120px;
		text-align: center;
	}

	.form_section span.readonly {
		min-height: 32px;
		line-height: 32px;
	}

	.form_section .amount_field {
		width: 60px !important;
		min-width: 60px !important;
	}

	.form_hidden {
		display: none;
	}

	.form_section .caption {
		clear: both;
		padding: 0 0 1em 200px;
		font-size: 12px;
	}

	.form_section .field_note {
		display: block;
		padding: 10px;
		width: 250px;
		border: 1px solid #04658E;
    background-color: rgb(160, 225, 255); /* IE 8 */
    background-color: rgba(160, 225, 255, 0.9);
	color: #04658E;
		font-size: 12px;
		float: right;
	}

	.form_section .field_note_absolute {
		position: absolute !important;
		top: 10px !important;
		right: 10px !important;
	}

	.wrapper_edit_field {
		float: right;
		width: 20px;
		text-align: right;
	}

	optgroup.region {
		font-size: 120%;
	}

	optgroup.sub_region {
		font-size: 100% ! important;
	}

	optgroup.sub_region option {
		font-size: 100%;
		color: #000 ! important;
	}

	.form_section .field_error {
		border: 1px solid #E61C00;
		background-color: rgb(255, 191, 183); /* IE 8 */
		background-color: rgba(255, 191, 183, 0.9);
		color: #E61C00;
	}


#toolbar {
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
	padding: 0;
	height: 38px;
	background-color: #FFFFFF;
	border: none;
	z-index: 1001;
	margin: 0 0 10px 0;
	border-radius: 4px;
}

	#search_container {
		width: 40px;
		float: left;
		padding: 0;
		overflow: hidden;
	}

		#search_container_inner {
			width: 400px;
		}

	#copy_property_container,
	#bulk_edit_room_and_measurement {
		width: 26px;
		float: left;
		padding: 5px;
		overflow: hidden;
	}

		#copy_property_container img,
		#bulk_edit_room_and_measurement img {
			float:left;
			margin-right: 5px;
			cursor: pointer;
		}

	#copy_property_container,
	#bulk_edit_room_and_measurement {
		width: auto;
		line-height: 14px;
		border-left: none;
		border-right: none;
	}

		#copy_property_container a,
		#bulk_edit_room_and_measurement a {
			text-decoration: none;
		}

	#help_text {
		display: none;
		padding: 10px;
		width: 650px;
	}

		#help_text h1, #help_text h2, #help_text h3, #help_text h4, #help_text h5, #help_text h6 {
			display: block;
			font-weight: 400 !important;
			border-bottom: 1px dashed #E0E0E0;
			padding-left: 0;
			margin-bottom: 5px;
			clear: both;
			background: none;
		}

		#help_text h2 {
			font-weight: 600 !important;
			border-bottom: none;
			padding-bottom: 10px;
		}

		#help_text ul li {
			padding: 5px 5px 5px 15px;
		}

.float_doc {
	margin-top: 60px;
	margin-right: 25px;
}

#link_toolbar {
	position: absolute;
	top: 0px;
	text-align: right;
	padding: 2px;
	height: 26px;
	background-color: transparent;
	border: none;
	z-index: 100;
	margin: 0 10px 10px 0;
}

	#link_toolbar a {
		text-decoration: none;
		height: 26px;
		line-height: 26px;
	}

		#link_toolbar a img {
			vertical-align: middle;
			margin-left: 2px;
		}


.toolbar-btn,
#back, 
#save, 
#new, 
#delete, 
#btn_order, 
#save_order, 
#update_scores, 
.save_button, 
#upload, 
#download, 
#preview, 
.btn_delete, 
.btn_resample, 
#save_and_new, 
#export, 
#copy {
	float: left;
	display: block;
	line-height: 16px !important;
	vertical-align: middle;
	margin: 2px;
	cursor: pointer;
	background-position: 5px 8px ! important;
	font-size: 14px !important;
	text-decoration: none !important;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 400;
	color: #00892E !important;
	border: 1px solid #00892E;
	border-radius: 4px;
	background-color: #FFFFFF;
	padding: 8px 8px 8px 25px;
}

.toolbar-btn:hover,
#back:hover, 
#save:hover, 
#new:hover, 
#delete:hover, 
#btn_order:hover, 
#save_order:hover, 
#update_scores:hover, 
.save_button:hover, 
#upload:hover, 
#download:hover, 
#preview:hover, 
.btn_delete:hover, 
.btn_resample:hover, 
#save_and_new:hover, 
#export:hover, 
#copy:hover {
	background-color: #ccedd7;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.save_button {
	float: none;
}

#copy {
	background: #FFFFFF url(images/icon_copy.png) left top no-repeat;
}

#back {
	background: #FFFFFF url(images/icon_back.png) left top no-repeat;
}

#save, #save_order, .save_button {
	background: #FFFFFF url(images/icon_save.png) left top no-repeat;
}

#new {
	background: #FFFFFF url(images/icon_new.png) left top no-repeat;
}

#delete, .btn_delete {
	background: #FFFFFF url(images/icon_delete.png) left top no-repeat;
}

.btn_resample {
	background: #FFFFFF url(images/icon_resample.png) left top no-repeat;
}

#upload {
	background: #FFFFFF url(images/icon_upload.png) left top no-repeat;
}

#download {
	background: #FFFFFF url(images/icon_csv.png) left top no-repeat;
}

#preview {
	background: #FFFFFF url(images/icon_eye.png) left top no-repeat;
}

#btn_order {
	background: #FFFFFF url(images/icon_order.png) left top no-repeat;
}

#save_and_new {
	background: #FFFFFF url(images/icon_save_and_new.png) left top no-repeat;
}

#export {
	background: #FFFFFF url(images/icon_csv.png) left top no-repeat;
}

#save_order, #update_scores {
	float: none;
	margin-bottom: 0.5em 0 1em;
}

/* These are link buttons i.e. a tags */
#flag_order_popup {
	background: #FFFFFF url(images/flag_grey.png) left top no-repeat;
}

#flag_order_popup:hover {
	background: #ccedd7 url(images/flag_red.png) left top no-repeat;
}

#flag_order_popup.is_flagged {
	background: #FFFFFF url(images/flag_red.png) left top no-repeat;
}

#flag_order_popup.is_flagged:hover {
	background: #ccedd7 url(images/flag_grey.png) left top no-repeat;
}

#cancel_order_popup {
	background: #FFFFFF url(images/icon_cancelled_small.png) left top no-repeat;
}

#cancel_order_popup:hover {
	background: #ccedd7 url(images/icon_cancelled_small.png) left top no-repeat;
}

#uncancel_order {
	float: right;
	display: block;
}

.flagged {
	width: auto;
}



#search_filter {
	float: left;
	margin-right: 5px;
	width: 200px;
	font-size: 100%;
	border: 1px solid #C0C0C0;
	vertical-align: middle;
	padding: 6px;
	border-radius: 2px;
	color: #565656;
	margin-top: 2px;
	margin-left: 5px;
}

#search_filter:focus {
	outline: none;
}

#frm_pages #parentID, #wrapper_courses #facultyID, #wrapper_modules #courseID {
	float: left;
	margin-right: 5px;
	width: 140px;
	font-size: 100%;
	border: 1px solid #C0C0C0;
	vertical-align: middle;
}

#frm_pages #parentID {
	float: none;
}

#btn_search_filter, #btn_search_reset {
	float: left;
}

#btn_search_filter {
	background: url(images/icon_search.png) left top no-repeat;
}

#btn_search_reset {
	background: url(images/icon_reset.png) left top no-repeat;
}

.copy_value {
	display: inline-block;
	padding: 2px 5px;
	background: rgba(147, 149, 152, 0.3);
	border: 1px solid rgb(147, 149, 152);
	border-radius: 2px;
	margin-top: 5px;
	color: #00892E;
	border: 1px solid #00892E;
	background-color: #FFFFFF;
}

.copy_value:hover {
	background-color: #ccedd7;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.please_wait {
	display: block;
	float: left;
	width: 6.5em;
	height: 16px;
	line-height: 16px;
	padding: 0 20px;
	background: url(images/loading_small.gif) left top no-repeat;
}

#save_pleasewait {
	float: none ! important;
}

#site_sort {
	vertical-align:middle;
	padding: 0px 2px;
	cursor: pointer;
}

.postcode_error {
	border: 1px solid #E61C00;
	background: #FFBFB7;
	color: #E61C00;
}

/* SORTABLE LIST */

.sortable_list {
	position: relative;
	list-style-type: none;
	width: 500px;
	margin: 0 0 5px;
	padding: 1em 0;
	/*height: 1%;*/
}

.sortable_list li {
	/*position: relative;*/
	width: 650px;
	min-height: 24px;
	list-style: none;
	margin: 0px;
	padding: 8px 10px;
	color: #565656;
	background: #FFFFFF;
	border-bottom: 1px solid #BABEC5;
	vertical-align: middle;

}

.sortable_list li:hover {
	background-color: #F4F5F8;
	cursor: pointer;
}

.sortable_list li a, .sortable_list li a:link, .sortable_list li a:active, .sortable_list li a:hover, .sortable_list li a:visited {
	color: #FFFFFF ! important;
}

.sortable_list li.inactive {
	border-top: 1px solid #ffbcc2;
	background: #ffbcc2;
	color: #000000 !important;
	font-style: italic;
}

	.sortable_list li.inactive a {
		color: #000000 !important;
	}

.non_sortable_list {
	position: relative;
	list-style-type: none;
	width: 700px;
	margin: 0;
	margin-top: 20px;
	padding: 0;
	vertical-align:middle;
}

.non_sortable_list li {
	width: 690px;
	min-height: 24px;
	list-style: none;
	margin: 0px;
	padding: 8px;
	color: #565656;
	background: #FFFFFF;
	border-bottom: 1px solid #BABEC5;
	vertical-align: middle;
}

.non_sortable_list li:hover {
	background-color: #F4F5F8;
	cursor: pointer;
}


.non_sortable_list li a, .non_sortable_list li a:link, .non_sortable_list li a:active, .non_sortable_list li a:hover, .non_sortable_list li a:visited {
	color: #565656 ! important;
}

.non_sortable_list li a {
	display: block;
	width: 100%;
	text-decoration: none;
}

.non_sortable_list li a img {
	vertical-align: middle;
}

.sortable_list li.other, .non_sortable_list li.other {
	border-top: 1px solid #582976;
	background: #7E3BA8 url(images/bg_li_other.jpg) left bottom repeat-x;
}

.sortable_list li.amber, .non_sortable_list li.amber {
	border-top: 1px solid #D74303;
	background: #E7916B url(images/bg_li_amber.jpg) left bottom repeat-x;
}

.sortable_list li.amber a, .non_sortable_list li.amber a {
	/*color: #FFE0D3 ! important;*/
	color: #FFF ! important;
}

.non_sortable_list li.inactive {
	border-top: 1px solid #ffbcc2;
	background: #ffbcc2;
	color: #000000 !important;
	font-style: italic;
}

.non_sortable_list li.inactive a {
	color: #000000 !important;
}

.non_sortable_list li.pending {
	border-top: 1px solid #ED9121;
	background: #ED9121;
	color: #FFFFFF !important;
	font-style: italic;
}

.non_sortable_list li.pending a {
	color: #FFFFFF !important;
}

.li_header {
	background: #BABEC5 !important;
	color: #FFFFFF !important;
	margin-top: 10px !important;
}

.sortable_move {
	display: block;
	position: relative;
	float: left;
	width: 16px;
	height: 24px;
	overflow: hidden;
	margin-right: 10px;
	background: url(images/icon_move.png) left 4px no-repeat;
	cursor: move;
}

.page_type_suffix {
	/*color: #BBB;*/
	font-style: italic;
}

#wrapper_301 {
	display: none;
}


.admin_image {
	float: left;
	width: 400px;
}

.admin_image .admin_image_img {
	border: 5px solid #666;
}

.admin_image .txt {
	float: left;
}


.center #save, .center #save_pleasewait {
	margin: 0 auto;
}


#pages {
	font-size: 1em!important;
}

hr {
	border: 0;
	height: 0;
	border-top: 1px dotted #BABEC5;
}

#tbl_header_list {
	margin-top: 30px;
}

#tbl_header_list li {
	font-size: 12px!important;
	height: 20px;
	position: relative;
	display: block;
	font-style: italic;
}

#new_header_header, .option_txt, .price, .tbl_txt, input[name=option_number] {
	border: 1px solid #ccc;
	font-size: 12px;
}

.move_item_up, .move_item_down, .move_header_up, .move_header_down {
	display: none;
}

.box_rotate {
	-moz-transform: rotate(-90deg);  /* FF3.5+ */
	-o-transform: rotate(-90deg);  /* Opera 10.5 */
	-webkit-transform: rotate(-90deg);  /* Saf3.1+, Chrome */
	-ms-transform: rotate(-90deg);
	transform: rotate(30deg);
	max-width: 10px!important;
	font-size: 10px;
}


.ui-combobox {
	position: relative;
	display: inline-block;
}
.ui-combobox-input {
	margin: 0;
	padding: 0.3em;
	width: 500px !important;
}

.ui-button {
	height: 32px;
	vertical-align:top;
	color: #00892E !important;
	border: 1px solid #00892E !important;
	background-color: #FFFFFF !important;
	border-radius: 2px;
}

.ui-button:hover {
	background-color: #ccedd7 !important;
	cursor: pointer !important;
	transition: all 0.2s ease-in-out !important;
}

/* css for timepicker */
#ui-datepicker-div { z-index: 2147483647 !important; }
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

/* Session Timeout at top of page */
#session_timeout {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -140px;
	width: 240px;
	height: 90px;
	padding: 5px;
	background: #CE0000;
	z-index: 1005;
	border-left: 1px solid #BABEC5;
	border-right: 1px solid #BABEC5;
	border-bottom: 1px solid #BABEC5;
	text-align: center;
	color: #FFFFFF;

	/*-webkit-border-radius: 0 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px;
	border-radius: 0 0 20px 20px;*/
}

	#session_timeout #session_timeout_header {
		display: block;
		text-align: center;
		border-bottom: 1px dashed #FFFFFF;
		font-size: 14px;
		margin-bottom: 5px;
		font-weight: 400;
	}

	#session_timeout #session_time_remaining {
		font-size: 24px;
		font-weight: 400;
	}

	#session_timeout #stay_logged_in {
		position: absolute;
		background: #658BC0;
		/*-webkit-border-radius: 10px 0 20px 0;
		-moz-border-radius: 10px 0 20px 0;
		border-radius: 10px 0 20px 0;*/
		border-left: 1px solid #BABEC5;
		border-top: 1px solid #BABEC5;
		bottom: 0;
		right: 0;
		padding: 2px 10px 2px 5px;
		cursor: pointer;
		color: #FFFFFF;
		font-size: 12px;
	}

#system_search_container {
	width: 300px;
	float: right !important;
	border: none !important;
	line-height: 32px;
	text-align: right;
}

#system_search_container:hover {
	background: #565656 !important;
}

	#search_system {
		width: 280px;
		height: 30px;
		padding: 0px 8px;
		font-size: 100%;
		border-radius: 2px;
		background-color:#FFFFFF;
		border: 1px solid #BABEC5;
		margin-top: 3px;
		margin-right: 4px;
	}

	#search_system:focus {
		outline: none;
	}

#top_nav_current_order {
	width: 200px;
	height: 40px;
	line-height: 40px;
	float: right !important;
	border: none !important;
	text-align: center;
	font-weight: 600;
}

#top_nav_current_order:hover {
	background: #565656 !important;
}

/* ADMIN HOME */
#admin_home_calendar {
	width: 700px;
}

#admin_whos_logged_in,
#admin_job_actions {
	width: 320px;
}

	#admin_home_calendar .calendar_title, 
	#admin_job_actions .title, 
	#admin_home_calendar .no_entries {
		width: 100%;
		text-align: center;
		padding: 5px;
		font-size: 14px;
		background: #2CA01C;
		color: #FFFFFF;
		border-bottom: 1px solid #2CA01C;
		margin-bottom: 10px;
	}

	#admin_home_calendar .no_entries {
		background: #EDEDED;
		color: #2CA01C;
	}

	#admin_home_calendar .calendar_entry {
		padding: 5px;
		margin-bottom: 1px;
		width: 100%;
	}

.workstate .red {
	background: #D52B1E !important;
	color: #FFFFFF !important;
}
.workstate .red a {
	color: #FFFFFF !important;
}

#admin_whos_logged_in .title {
	width: 100%;
	text-align: center;
	padding: 5px;
	font-size: 14px;
	background: #2CA01C;
	color: #FFFFFF;
	border-bottom: 1px solid #2CA01C;
}

#admin_whos_logged_in ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 5px;
}

#admin_whos_logged_in li:before {
	font-family: arial;
	content: '\2022';
	font-size: 40px;
	color: #009426;
	position: relative;
	top: 9px;
	right: 7px;
	line-height: 10px;
}

#admin_whos_logged_in li.away:before {
	color: #BCBDC0;
}

/* MANAGE USERS */
#manage_users_rhs {
	position: absolute;
	top: 10px;
	right: 0px;
	border-radius: 2px;
}

	#manage_users_rhs #holiday_entitlement_container, 
	#manage_users_rhs #filemanager {
		width: 550px;
		text-align: center;
		padding: 10px;
		border: 1px solid #BABEC5;
		background: #FFFFFF;
		z-index: 100;
		border-radius: 2px;
	}

		#manage_users_rhs #holiday_entitlement_container #change_year {
			font-size: 10px;
			color: #000000;
			float: right;
		}

		#manage_users_rhs #holiday_entitlement_container #change_year:hover {
			cursor: pointer;
			text-decoration: underline;
		}

		#manage_users_rhs #holiday_entitlement_container #change_year_container {
			width: 100%;
			height: 15px;
			float: right;
			text-align: center;
			overflow: hidden;
		}

		#manage_users_rhs #holiday_entitlement_container #change_year_container.open {
			border-bottom: 1px dashed #BABEC5;
			padding-bottom: 10px;
			margin-bottom: 10px;
		}

			#manage_users_rhs #holiday_entitlement_container #change_year_container #change_year_years {
				width: 100px !important;
				min-width: 100px !important;
				float: none;
			}

		#manage_users_rhs #holiday_entitlement_container .title, #manage_users_rhs #filemanager .title {
			font-size: 16px;
			font-weight: 600;
		}

		#manage_users_rhs #holiday_entitlement_container .date_count {
			width: 100px;
			height: 80px;
			display: inline-block;
			margin: 0px 10px;
			border-radius: 2px;
		}

		#manage_users_rhs #holiday_entitlement_container .date_count.total {
			border: 1px solid #077FB2;
			background: #A0E1FF;
		}

		#manage_users_rhs #holiday_entitlement_container .date_count.used {
			border: 1px solid #E20000;
			background: #FFBFB7;
		}

		#manage_users_rhs #holiday_entitlement_container .date_count.remaining {
			border: 1px solid #6F9C2E;
			background: #E8F4D6;
		}

		#manage_users_rhs #holiday_entitlement_container .date_count.sick {
			border: 1px solid #BABEC5;
			background: #EDEDED;
		}

			#manage_users_rhs #holiday_entitlement_container .date_count .title {
				font-size: 12px;
				font-weight: 600;
			}

			#manage_users_rhs #holiday_entitlement_container .date_count .count {
				font-size: 30px;
			}

	#manage_users_rhs #filemanager #add_file {
		font-size: 10px;
		color: #000000;
		float: right;
	}

	#manage_users_rhs #filemanager #add_file:hover {
		cursor: pointer;
		text-decoration: underline;
	}

		#manage_users_rhs #filemanager #add_file img {
			vertical-align: middle;
		}

	#manage_users_rhs #filemanager #add_file_container {
		width: 100%;
		height: 15px;
		float: right;
		text-align: center;
		overflow: hidden;
	}

	#manage_users_rhs #filemanager #add_file_container.open {
		border-bottom: 1px dashed #BABEC5;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

		#manage_users_rhs #filemanager #add_file_container #upload_file {
			float: none;
			margin: 0px auto;
		}


	#manage_users_rhs #filemanager .user_file_actions img {
		cursor: pointer;
	}

	#user_file_table .readonly {
		background: none;
		border: none;
		font-family: 'Open Sans';
		font-size: 12px;
		font-weight: 300;
	}

/* PRODUCT VARIATIONS */
.delete_product_variation {
	display: inline-block;
	margin: 0px auto;
	width: 16px;
	height: 16px;
	background: url(images/icon_delete.png) center left no-repeat;
	cursor: pointer;
}

.delete_variation_type {
	width: 16px;
	height: 16px;
	float: right;
	vertical-align: middle;
	cursor: pointer;
}

#create_variation_combinations, #wizard_create_variation_combinations {
	background-image: url(images/icon_combination.png);
	background-position: 2px 5px;
	background-repeat: no-repeat;
	padding-left: 20px;
}

#wizard_add_variation_combinations {
	background-image: url(images/icon_add.png);
	background-position: 2px 5px;
	background-repeat: no-repeat;
	padding-left: 20px;
}

#product_variation_table select {
	min-width: 0px !important;
	width: auto !important;
	min-height: 32px;
}

.ui-widget-overlay {
	z-index: 1000000 !important;
}

.ui-dialog {
	z-index: 1000001 !important;
}

.ui-button-text-only .ui-button-text {
	padding: 0 1em !important;
}

.duplicate_variation td {
	background: #FF9B9B !important;
}


/*	CONTACT DETAILS */
.delete_contact {
	background: url(images/icon_delete.png) left center no-repeat;
	padding-left: 20px;
}

.delete_contact:hover {
	cursor: pointer;
	text-decoration: underline;
}

.default_contact {
	background: #ccedd7;
}

.default_contact_btn {
	background: url(images/icon_default.png) left center no-repeat;
	padding-left: 20px;
	margin-right: 10px;
}

.default_contact_btn:hover {
	cursor: pointer;
	text-decoration: underline;
}

#customer_information, 
#property_information {
	padding: 10px;
	border: 1px solid #BABEC5;
	margin-left: 200px;
	font-size: 12px;
}

#customer_information .contact_details, 
#property_information .contact_details {
	display: block;
	width: 150px;
	font-weight: 400;
}

#possible_duplicate {
	margin-left: 200px;
	margin-top: 1em;
	display: none;
}

/* ORDER DETAILS */
#order_stage_container {
	margin: 10px 0px;
	text-align: center;
	padding: 5px;
	border: 1px solid #BABEC5;
}

	#order_stage_container img {
		vertical-align: middle;
	}

	#order_stage_container .faded {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		opacity: 0.5;
	}

/* ORDER STAGE CANCELLED */
#order_stage_container.cancelled {
	color: #000000 !important;
	font-weight: 400;
	padding: 10px;
	background: rgba(255, 191, 183, 0.9);
	border: 1px solid #E20000 !important;
	text-align: left;
}

/* ORDER FLAGGED */
#order_flagged_container {
	color: #000000 !important;
	text-align: center;
	font-weight: 400;
	padding: 10px;
	background: rgba(255, 191, 183, 0.9);
	border: 1px solid #E20000 !important;
	margin: 0px 0px 10px;
}

/* ORDER STAGE INVOICE PAID */
#order_stage_container.invoice_paid {
	color: #000000 !important;
	font-weight: 400;
	padding: 10px;
	background: #BAFFCC;
	border: 1px solid #799E82 !important;
}

#customer_orders_total_container {
	float: right;
	padding: 5px 10px;
	margin-top: -5px;
	color: #000000;
	background: #A0E1FF;
	border: 1px solid #077FB2;
	font-size: 13px;
}

.measure_request_date_not_set td {
	background: #FF9B9B !important;
}

/* PHASES */
#phases_required_yes {
	margin-top: 20px;
}

.remove_phase {
	cursor: pointer;
}

.room_phase_select_container {
	margin-right: 5px;
}

/* QUOTES */
.ordered_product_measurement_title_row td {
	font-weight: 600 !important;
	padding: 20px 5px 5px 5px !important;
	background: transparent !important;
}

.product_notes_icon, .product_overridden_icon, .price_overridden_icon {
	vertical-align: middle;
	cursor: pointer;
}

.remove_product_from_order {
	cursor: pointer;
}

.edit_product_on_order {
	cursor: pointer;
}

.order_down,
.order_up {
	cursor: pointer;
}

.order_down.hidden,
.order_up.hidden {
	cursor: pointer;
	visibility: hidden;
}

#quote_container {
	margin-bottom: 10px;
}

#quote_container .room_container {
	padding: 10px 0px 25px 0px;
	border-bottom: 1px solid #BABEC5;
	margin-bottom: 20px;
}

	#quote_container .room_container .room_header,
	#assign_supplier_container  .room_header {
		font-weight: 600;
	}

#override_product {
	padding: 5px 20px 5px 35px;
	border: 1px solid #E61C00;
    background-color: rgb(255, 191, 183); /* IE 8 */
    background-color: rgba(255, 191, 183, 0.9);
	background-image: url(images/icon_override.png);
	background-position: 5px 4px;
	background-repeat: no-repeat;
	text-decoration: none;
	margin-left: 20px;
}

#override_product:hover {
	cursor: pointer;
	border: 1px solid #E61C00;
}

#override_product_information {
	margin: 10px 0px;
	max-width: 460px;
}

	#override_product_information label {
		width: 84px !important;
	}

#override_price {
	padding: 5px 20px 5px 35px;
	border: 1px solid #E61C00;
    background-color: rgb(255, 191, 183); /* IE 8 */
    background-color: rgba(255, 191, 183, 0.9);
	background-image: url(images/icon_override_price.png);
	background-position: 5px 4px;
	background-repeat: no-repeat;
	text-decoration: none;
	margin-left: 10px;
}

#override_price:hover {
	cursor: pointer;
	border: 1px solid #E61C00;
}

#wizard_override_unit_price_container {
	margin: 15px 0px;
	max-width: 460px;
}

.add_product_select_type {
	padding: 5px;
	margin: 5px;
	background: #EDEDED;
	border: 1px solid #BABEC5;
	float: left;
}

.add_product_select_type:hover, .add_product_select_type.selected {
	cursor: pointer;
	background: #BCBDC0 !important;
}

.add_product_select_type.disabled, .add_product_select_type.disbaled:hover {
	background: #C0C0C0 !important;
	border: 1px solid #333333 !important;
	opacity: 0.1 !important;
	cursor: normal;
}

#wizard_qty_remaining_stock, #wizard_material_stock {
	float: left;
	padding: 5px 15px;
	background: #A0E1FF;
	border: 1px solid #077FB2;
	text-decoration: none;
	vertical-align: middle;
	margin-left: 10px;
	min-width: 260px;
}

#wizard_qty_remaining_stock.max_stock_reached, #wizard_material_stock.max_stock_reached {
	/*padding: 5px 5px 5px 25px;*/
	border: 1px solid #E61C00;
    background-color: rgb(255, 191, 183); /* IE 8 */
    background-color: rgba(255, 191, 183, 0.9);
	/*background-image: url(images/icon_override_small.png);
	background-position: 5px 6px;
	background-repeat: no-repeat;*/
}

#wizard_qty_remaining_stock.max_supplier_stock_reached, #wizard_material_stock.max_supplier_stock_reached {
	/*padding: 5px 5px 5px 25px;*/
	border: 1px solid #EFB326;
    background-color: rgb(255, 218, 132); /* IE 8 */
    background-color: rgba(255, 218, 132, 0.9);
	/*background-image: url(images/icon_override_small.png);
	background-position: 5px 6px;
	background-repeat: no-repeat;*/
}

#wizard_qty_remaining_stock .breakdown_header {
	text-align: center;
	margin-top: 4px;
}

#wizard_qty_remaining_stock table, #wizard_material_stock table {
	margin: 0px auto;
}

	#wizard_qty_remaining_stock table td, #wizard_material_stock table td {
		padding: 2px 5px;
	}

#wizard_material_stock {
	margin-left: 120px;
	margin-bottom: 5px;
	width: 330px;
}

#add_product_wizard label {
	display: block;
	float: left;
	width: 100px;
	min-height: 2em;
	cursor: pointer;
	padding-right: 20px;
	font-size: 14px;
	font-weight: 300;
}

	#add_product_wizard label.override {
		width: 130px;
	}

	#add_product_wizard .checkbox_container.override {
		float: right;
		width: 100px;
	}

	.checkbox_container input[type="checkbox"] + label.override {
		background-position: 0 50%;
		padding-left: 25px;
	}

	.wizard_design_wrapper,
	.wizard_design_override_wrapper,
	.wizard_colour_wrapper,
	.wizard_colour_override_wrapper {
		float: left;
	}

#measurement_summary {
	float: left;
	width: 290px;
	padding: 20px;
	border: 1px solid #BABEC5;
	font-size: 12px;
	margin: 10px 20px 10px 0px;
}

	#measurement_summary #measurements {
		margin-top: 15px;
		padding: 15px 0px 15px 12px;
	}

		#measurement_summary .measurement_summary_size {
			position: absolute;
			display: block;
			text-align: center;
			width: 315px;
			height: 15px;
			font-weight: 600;
		}

		#measurement_summary #measurement_width {
			top: 0px;
			left: 0px;
		}

		#measurement_summary #measurement_recess_width {
			top: 60px;
			left: 0px;
		}

		#measurement_summary #measurement_recess_drop, #measurement_summary #measurement_drop {
			top: 150px;
			left: -95px;
			-webkit-transform: rotate(-90deg);
			-moz-transform: rotate(-90deg);
			-ms-transform: rotate(-90deg);
			-o-transform: rotate(-90deg);
			transform: rotate(-90deg);
		}

		#measurement_summary #measurement_drop {
			top: 150px;
			left: -155px;
		}

	#measurement_summary #measurement_notes {
		color: #000000;
		background: #A0E1FF;
		border: 1px solid #077FB2;
		margin-bottom: 10px;
		padding: 10px;
	}

#wizard_price_summary {
	float: left;
	width: 275px;
	padding: 20px;
	border: 1px solid #BABEC5;
	font-size: 14px;
	margin: 10px 0px;
}

#find_price_error {
	font-size: 12px;
}

#loading_prices_spinner, #loading_measurement_summary {
	position: absolute;
	top: 5px;
	left: 5px;
}

#wizard_product_image_container {
	display: none;
	height: 200px;
	margin: 5px 0px 15px 0px;
	text-align: center;
	width: 100%;
}

#wizard_product_image_container img {
	max-height: 100%;
	max-width: 100%;
}

#wizard_price_table {
	width: 95%;
}

	#wizard_price_table tr.total {
		border-top: 2px solid #000000;
		border-bottom: 2px solid #000000;
	}

		#wizard_price_table th {
			padding: 5px;
			text-align: right;
		}

		#wizard_price_table td {
			padding: 5px;
			text-align: right;
			font-weight: 400;
		}

		#wizard_price_table tr.total td {
			font-weight: 600;
		}

#quote_price_summary {
	float: right;
	width: 275px;
	height: 32px;
	padding: 5px 20px;
	border: 1px solid #BABEC5;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	z-index: 10;
}

	#quote_price_summary #quote_summary_loading_prices_spinner {
		position: absolute;
		top: 5px;
		left: 5px;
		z-index: 15;
	}

	#quote_price_summary #show_quote_breakdown:hover {
		cursor: pointer;
		text-decoration: underline;
	}

	#quote_price_table {
		width: 95%;
	}

		#quote_price_table tr.total {
			border-top: 2px solid #000000;
			border-bottom: 2px solid #000000;
		}

			#quote_price_table th {
				padding: 5px;
				text-align: right;
			}

			#quote_price_table td {
				padding: 5px;
				text-align: right;
				font-weight: 400;
			}

			#quote_price_table tr.total td {
				font-weight: 600;
			}

#add_new_product_after_save_container {
	margin-top: 10px;
	height: 30px;
	line-height: 28px;
}

	#add_new_product_after_save_container input[type=checkbox] {
		display:none;
	}

		#add_new_product_after_save_container label {
			width: 35px;
			padding: 0px;
		}

		#add_new_product_after_save_container input[type=checkbox] + label {
			display: block;
			background: url(images/check_off.png) center left no-repeat;
			font-size: 1em; /* 16px */
			line-height: 1em;
			cursor: pointer;
		}

		#add_new_product_after_save_container input[type=checkbox]:checked + label {
			background-image: url(images/check_on.png);
		}

.edit_measurement_wrapper {
	margin: 5px  0 15px 0;
}

	.edit_measurement_wrapper a {
		margin-left: 120px;
	}

	#fake_measurement_popup {
		display: none;
	}

	.icon_manage {
		background-image: url(images/icon_manage.png);
		background-position: 2px 5px;
		background-repeat: no-repeat;
		padding-left: 20px;
	}

.mark_as_sent_container {
	display: table-cell;
	vertical-align: middle;
	padding: 5px;
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #B0B1B2;
	cursor: pointer;
	text-align: center;
	width: 125px;
}

/* Schemes */
.scheme_product_container {
	width: 100%;
	height: 100%;
}

/* Duplicate a room on quote + Move items on quote*/
#duplicate_from_to_container,
#measurement_duplicate_from_to_container,
#move_items_container {
	margin-top: 10px;
}

	#duplicate_from_to_container #duplicate_from,
	#measurement_duplicate_from_to_container #measurement_duplicate_from,
	#move_items_container #move_from {
		float: left;
		width: 40%;
	}

	#duplicate_from_to_container #copy_animation,
	#measurement_duplicate_from_to_container #measurement_copy_animation,
	#move_items_container #move_animation {
		float: left;
		min-width: 100px;
		width: 20%;
		text-align: center;
		font-size: 10px;
	}

		#duplicate_from_to_container #copy_animation #copy_in_progress,
		#measurement_duplicate_from_to_container #measurement_copy_animation #measurement_copy_in_progress,
		#move_items_container #move_animation #move_in_progress {
			text-align: center;
			margin: 20px;
		}

		#duplicate_from_to_container #copy_animation #copy_not_in_progress,
		#measurement_duplicate_from_to_container #measurement_copy_animation #measurement_copy_not_in_progress,
		#move_items_container #move_animation #move_not_in_progress {
			margin: 20px;
		}

			#duplicate_from_to_container #copy_animation #copy_not_in_progress #copy_room_btn,
			#measurement_duplicate_from_to_container #measurement_copy_animation #measurement_copy_not_in_progress #measurement_copy_room_btn,
			#move_items_container #move_animation #move_not_in_progress #move_room_btn {
				display: block;
				width: 100px;
				margin: 0px auto;
			}


	#duplicate_from_to_container #duplicate_to,
	#measurement_duplicate_from_to_container #measurement_duplicate_to,
	#move_items_container #move_to {
		float: right;
		width: 40%;
	}

	#move_to .move_item_select_container {
		display: none;
	}


/* ORDER CONFIRMATION */
.order_to_confirm_container {
	height: auto;
}

.confirmation_of_order_actions, .confirmation_of_order_actions a {
	font-size: 12px;
	line-height: 20px;
	height: 20px;
}

.confirmation_of_order img {
	vertical-align: middle;
}

.unconfirm_order {
	background-image: url(images/icon_undo.png);
	background-position: 5px 7px;
	background-repeat: no-repeat;
	padding-left: 25px;
	text-decoration: none;
}

.duplicate_purchase_order_number_container {
	position: relative;
	width: 450px;
	margin: 0px 0px 10px 170px;
	padding: 5px;
	background: #A0E1FF;
	border: 1px solid #077FB2;
	text-decoration: none;
	vertical-align: middle;
}

	.duplicate_purchase_order_number_container a {
		font-weight: 600;
	}

	.duplicate_purchase_order_number_container a.cancelled_order {
		color: #C52222;
	}

#duplicate_invoice_number_container {
	position: relative;
	width: 450px;
	margin: 0px 0px 10px 170px;
	padding: 5px;
	background: #A0E1FF;
	border: 1px solid #077FB2;
	text-decoration: none;
	vertical-align: middle;
}

	#duplicate_invoice_number_container a {
		font-weight: 600;
	}

/* PURCHASE ORDERS */
.process_order {
	position: relative;
}

#assigned_suppliers td.red,
#assigned_fabric_suppliers td.red {
	background: #FF9B9B !important;
}

#assigned_suppliers td.green,
#assigned_fabric_suppliers td.green {
	background: #BAFFCC !important;
}

#assigned_suppliers .product_received,
#assigned_fabric_suppliers .product_received {
	cursor: pointer;
}

#assigned_suppliers label,
#assigned_fabric_suppliers label {
	width: 100px;
}

#assigned_suppliers td.product-received-from-supplier input[type=checkbox],
#assigned_fabric_suppliers td.fabric-received-from-supplier input[type=checkbox] {
	display:none;
}

#assigned_suppliers input[type=checkbox] + label,
#assigned_fabric_suppliers input[type=checkbox] + label {
	display: block;
	background: url(images/check_off.png) 50% 50% no-repeat;
	font-size: 1em; /* 16px */
	line-height: 1em;
	cursor: pointer;
}

#assigned_suppliers input[type=checkbox]:checked + label,
#assigned_fabric_suppliers input[type=checkbox]:checked + label {
	background-image: url(images/check_on.png);
}

.chosen-container[id^="assign_all_suppliers"] .chosen-results,
.chosen-container[id^="assign_all_fabric_suppliers"] .chosen-results,
.chosen-container[id^="assign_all_delivery_suppliers"] .chosen-results {
    max-height: 150px;
}

.plain-assigned-supplier-select,
.plain-assigned-fabric-supplier-select {
	position: relative;
	width: 300px !important;
	min-width: 300px !important;
	text-align: center;
	float: none !important;
}

	.plain-assigned-supplier-select option,
	.plain-assigned-fabric-supplier-select option {
		text-align: center;
	}

.add_assigned_supplier_notes,
.add_assigned_fabric_supplier_notes {
	margin-right: 5px;
}


.reset_assigned_suppliers,
.reset_assigned_fabric_suppliers {
	background-image: url(images/icon_undo.png);
	background-position: 5px 7px;
	background-repeat: no-repeat;
	padding-left: 25px;
	text-decoration: none;
}

/* PACKING */
#view_fitting_schedule {
	background-image: url(images/icon_diary_monthly.gif);
	background-position: 2px 5px;
	background-repeat: no-repeat;
	padding-left: 25px;
	text-decoration: none;
}

/* INVOICE */
.invoice_container {
	margin-top: 10px;
}

#create_credit_note_wizard {
	display: none;
}

/* STOCK */
.min_stock_level {
	margin-left: 5px;
    background-color: rgb(255, 191, 183); /* IE 8 */
    background-color: rgba(255, 191, 183, 0.9);
}

.bay_number {
	margin-top: 5px;
}

.stock_key {
	float: right;
	border: 1px solid #BABEC5;
	background: #EDEDED;
	padding: 10px;
	border-radius: 2px;
}

.stock_key input {
	border: 1px solid #BABEC5;
	border-radius: 2px;
	outline: none;
}

.stock_qty {
	border: 1px solid #00892E !important;
	border-radius: 2px;
}

.stock_qty:focus {
	outline: 1px solid #2CA01C;
}

#toggle_stocktake_container {
	position: relative;
	width: 250px;
	margin: 10px auto 0px auto;
	padding: 20px;
	border: 1px solid #BABEC5;
	background: #A0E1FF !important;
	text-align: center;
}

#toggle_stocktake_container.in_progress {
	background: #FF9B9B !important;
}

	#toggle_stocktake_container #toggle_stocktake_title {
		border-bottom: 1px dashed #000000;
	}

	#toggle_stocktake_container #toggle_stocktake_btn {
		background-position: 2px 5px;
		background-repeat: no-repeat;
		padding-left: 25px;
	}

/* ROCs */
.roc_fail_count {
	color: #E20000;
	font-weight: 700;
	background-image: url(images/err.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 20px;
}

/* BLOCKED CONTENT */

.blocked_content_wrapper {
	position: relative;
}

	.blocked_blocker {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #DEDEDE;
		-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity=70);
		opacity:0.7;
		z-index: 1000;
		cursor: not-allowed;
		text-align: center;
		font-size: 150%;
		font-weight: 800;
		padding: 20px;
		box-sizing: border-box;
	}

	.blocked_content {
		position: relative;
		z-index: 1;
	}

/* ACCOUNTS RECONCILE */
#accounts_reconcile_result_container {
	padding: 10px;
	border: 1px solid #BABEC5;
}

	#accounts_reconcile_result_container #accounts_reconcile_result_container_left {
		float: left;
		width: 770px;
		padding: 10px;
	}

	#accounts_reconcile_result_container #accounts_reconcile_result_container_right {
		float: right;
		width: 350px;
		border-left: 1px solid #BABEC5;
		margin-left: 10px;
		padding: 10px;
		padding-right: 0px;
		text-align: center;
	}

#accounts_reconcile_search_container {
	padding: 10px;
	border: 1px solid #BABEC5;
}

	#accounts_reconcile_search_container #accounts_reconcile_search_label {
		display: block;
		vertical-align: middle;
		line-height: 29px;
		height: 29px;
		margin-right: 5px;
	}

	#accounts_reconcile_search_container #accounts_reconcile_search {
		width: 200px;
		text-align: center;
		margin: 0px 5px;
		height: 23px;
	}

	#accounts_reconcile_search_container #reconcile_search_table tr th {
		cursor: pointer;
	}

	#accounts_reconcile_search_container #reconcile_search_table tr th:hover {
		text-decoration: underline;
	}

	#accounts_reconcile_search_container #reconcile_search_table tr.pending td {
		background: #FCEFA4;
	}

	#accounts_reconcile_search_container #reconcile_search_table tr.pending:hover td {
		background: #BCBDC0 !important;
	}

	#accounts_reconcile_search_container #reconcile_search_table tr.payment_received td {
		background: #BAFFCC;
	}

	#accounts_reconcile_search_container #reconcile_search_table tr.payment_received:hover td {
		background: #BCBDC0 !important;
	}

/* ACCOUNTS AGED DEBT */
.select_list {
	padding-left: 200px;
	height: 20px;
	line-height: 20px;
	margin: 2px;
}

	.select_list .select_all, .select_list .select_none {
		background-position: 0px 0px;
		background-repeat: no-repeat;
		padding-left: 20px;
		margin-right: 5px;
		vertical-align: middle;
		cursor: pointer;
	}

	.select_list .select_all:hover, .select_list .select_none:hover {
		text-decoration: underline;
	}

	.select_list .select_all {
		background-image: url(images/check_on_small.png);
	}

	.select_list .select_none {
		background-image: url(images/check_off_small.png);
	}

/* ACCOUNTS PURCHASE LEDGER */
#purchase_ledger tr th.sortable:hover, #accounts_reconcile_search_container_results tr th.sortable:hover {
	text-decoration: underline;
	cursor: pointer;
}

#purchase_ledger tr.purchase_invoice_overdue td, #accounts_reconcile_search_container_results tr.purchase_invoice_overdue td {
	background: #FF9B9B;
}

#purchase_ledger tr.purchase_invoice_overdue:hover td, #accounts_reconcile_search_container_results tr.purchase_invoice_overdue:hover td {
	background: #BCBDC0;
}

#purchase_ledger tr.purchase_invoice_paid td, #accounts_reconcile_search_container_results tr.purchase_invoice_paid td {
	background: #BAFFCC;
}

#purchase_ledger tr.purchase_invoice_paid:hover td, #accounts_reconcile_search_container_results tr.purchase_invoice_paid:hover td {
	background: #BCBDC0;
}

/* Purchase ledger Credit notes */
#purchase_ledger tr.is_purchase_credit_note td, #accounts_reconcile_search_container_results tr.is_purchase_credit_note td {
	background: #DBBAFF;
}

#purchase_ledger tr.is_purchase_credit_note_paid td, #accounts_reconcile_search_container_results tr.is_purchase_credit_note_paid td {
	/*background: #DBBAFF !important;*/

	background: repeating-linear-gradient(
		-55deg,
		#DBBAFF,
		#DBBAFF 10px,
		#BAFFCC 10px,
		#BAFFCC 20px
	);
}

#purchase_ledger tr.is_purchase_credit_note_overdue td, #accounts_reconcile_search_container_results tr.is_purchase_credit_note_overdue td {
	/*background: #DBBAFF !important;*/

	background: repeating-linear-gradient(
		-55deg,
		#DBBAFF,
		#DBBAFF 10px,
		#FF9B9B 10px,
		#FF9B9B 20px
	);
}

/* MI LOGIN ANALYSIS */

tr.failed_login td {
	background: #FF9B9B;
}

/* GENERAL STYLES */
.readonly {
	display: block;
	color: #333333;
}

div.readonly {
	float: left;
}

.css_rounded5,
.css_rounded {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.color_interactive {
	width: 28px;
	height: 28px;
	overflow: hidden;
	cursor: pointer;
}

.padded10 {
	padding: 10px;
}

.price_field {
	min-width: 100px !important;
	width: 100px !important;
	text-align: center;
}

.file_icon {
	text-align:middle;
	vertical-align:middle;
	margin-right:7px;
	margin-bottom:3px;
}

.click_to_close {
	text-decoration: none;
	cursor: pointer;
}

.click_to_close:hover {
	text-decoration: underline;
}

/* Generic Table Styles */
.table0 {
	width: 100%;
	font-size: 12px;
}

	.table0 th {
		padding: 8px;
		color: #565656;
		font-weight: 400;
		border: none;
		background: none;
	}

		.table0 th a {
			color: #565656;
		}

		.table0 th #table_sort_field {
			float: right;
		}

	.table0 td {
		padding: 8px;
		background: none;
		color: #565656;
		font-weight: 300;
		border: none;
		text-align: left;
		vertical-align: top;
	}

.fabric-late td,
.fabric-late td:hover,
.fabric-late:hover td,
.fabric-late span,
.table1 tr.fabric-late:hover td {
    background-color: rgb(255, 191, 183) !important;
	color: #E61C00 !important;
}

.table1 {
	width: 100%;
	font-size: 12px;
}
	.table1 tr.selected td {
		background: #C2D6F0 !important;
	}

	.table1 tr:hover td {
		background: #F4F5F8;
	}

	.table1 tr:hover td.is_flagged {
		background: #F4F5F8 url(images/flag_red.png) center center no-repeat !important;
	}



	.table1 th {
		padding: 8px;
		color: #565656;
		font-weight: 600;
		border: 1px solid #BABEC5;
		border-left: none;
		border-right: none;
		text-transform: uppercase;
	}

		.table1 th #table_sort_field {
			float: right;
		}

	.table1 td {
		padding: 8px;
		background: #FFFFFF;
		color: #565656;
		font-weight: 300;
		border: 1px solid #BABEC5;
		border-left: none;
		border-right: none;
		text-align: left;
	}

	.table1 tr.blank:hover, 
	.blank, 
	.blank td {
		background-color: transparent !important;
		border: 1px solid transparent !important;
		background-image: none !important;
	}

.table1 .mail_unread td {
	font-weight: 600;
}

.table1.workstate {
	width: 400px;
}

	.table1.workstate td {
		width: 50px;
		text-align: center;
	}

		.table1.workstate td a {
			display: block;
			width: 100%;
			text-decoration: none;
		}

	.table1.workstate td.action img {
		vertical-align: middle;
	}

	.table1.workstate th, 
	.table1.workstate td {
	}

tr.grouped_phases_red td:first-child {
	border-left: 2px solid rgb(213, 43, 30);
	background-color: rgb(213, 43, 30, 0.3) !important;
}

tr.grouped_phases_blue td:first-child {
	border-left: 2px solid rgb(0, 61, 204);
	background-color: rgba(0, 61, 204, 0.3) !important;
}

td.flagged-note {
	max-width: 15em;
}

/* CHECKBOX STYLE */
.checkbox_container .product_received {
	cursor: pointer;
}

.checkbox_container input[type=checkbox] {
	display:none;
}

	.checkbox_container label {
		width: 22px;
	}

	.checkbox_container input[type=checkbox] + label {
		display: block;
		background: url(images/check_off.png) 50% 50% no-repeat;
		font-size: 22px; /* 16px */
		line-height: 22px;
		cursor: pointer;
		margin-bottom: 2px;
		margin-right: 5px;
		float: left;
	}

	.checkbox_container input[type=checkbox]:checked + label {
		background-image: url(images/check_on.png);
	}

/* TABLE SORTER ICONS */
table.tablesorter thead tr .header {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}

table.tablesorter thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}

/* TABS */
.tabs {
    width: 100%;
    display: inline-block;
}

    /*----- Tab Links -----*/
	.tab-links {
		position: relative;
		margin-bottom: -1px;
		z-index: 101 !important;
		padding-left: 10px;
	}


    /* Clearfix */
    .tab-links:after {
        display: block;
        clear: both;
        content: '';
    }

    .tab-links li {
        margin: 0px 2px;
        float: left;
        list-style: none;
    }

        .tab-links a {
            padding: 5px 10px;
            display: inline-block;

			border-top-left-radius: 2px;
			border-top-right-radius: 2px;

			border: 1px solid #BABEC5;
			border-bottom: 2px solid #BABEC5;
            background: #FFFFFF;
            font-size: 14px;
            font-weight: 400;
            color: ##565656;
            transition:all linear 0.15s;
        }

        .tab-links a:hover {
            background: #ccedd7;
            text-decoration: none;
			border-bottom: 2px solid #2CA01C;
        }

    li.active a, 
	li.active a:hover {
        background: #ccedd7;
        color: ##565656;
		border-bottom: 2px solid #2CA01C;
    }

    /*----- Content of Tabs -----*/
    .tab-content {
		z-index: 100 !important;
    }

        .tab {
           /* display:none;*/
        }

        .tab.active {
            display:block;
        }

.delete_image, .delete_image:hover {
	background-image: url(images/icon_delete.png);
	background-position: 2px 5px;
	background-repeat: no-repeat;
	padding-left: 20px;
	text-decoration: none;
}

.delete_file {
	margin-left: 10px;
}

 .ui-tooltip {
	font-size: 12px !important;
	padding: 10px !important;
	border: 2px solid #BABEC5 !important;
	/*-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	border-radius: 10px !important;*/
}

.copy_animation i{
  width: 20px;
  height: 20px;
  display: inline-block;
  /*border-radius: 50%;*/
  background: #EDEDED;
}
.copy_animation i:first-child{
  animation:copy_animation-ani2 0.5s linear infinite;
  opacity: 0;
  transform:translate(-40px);
}
.copy_animation i:nth-child(2),
.copy_animation i:nth-child(3){
  animation:copy_animation-ani3 0.5s linear infinite;
}
.copy_animation i:last-child{
  animation:copy_animation-ani1 0.5s linear infinite;
}
@keyframes copy_animation-ani1{
  100%{
    transform:translate(40px);
    opacity: 0;
  }
}
@keyframes copy_animation-ani2{
  100%{
    transform:translate(20px);
    opacity: 1;
  }
}
@keyframes copy_animation-ani3{
  100%{
    transform:translate(20px);
  }
}

.inactive_btn {
	opacity: 0.2;
}

#email_other,
#email_cc_other {
	margin-bottom: 0.5em;
}


/* Catalogue */
.product_variation_catalogue {
	display: inline-block;
	margin: 0px auto;
	width: 32px;
	height: 16px;
	background: url(images/icon_book_open.png) center center no-repeat;
	cursor: pointer;
}
.product_variation_stock {
	display: inline-block;
	margin: 0px auto;
	width: 32px;
	height: 16px;
	background: url(images/icon_stock_level.png) center center no-repeat;
	cursor: pointer;
}


/***********************************************************************
 * CHANGE LOG MD LINK STYLING
 ***********************************************************************/
.change_log ul {
	padding-left: 0;
}

.change_log ul li {
	list-style: none !important;
	line-height: 2em;
}

.change_log ul li a {
	font-size: 0.8em;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5em;
	text-decoration: none !important;
	color: #006AC1 !important;
	margin-right: 5px;
	margin-top: -4px;
}

.change_log ul li a:after {
	font-family: FontAwesome;
	display: inline-block;
	text-align: center;
	content: "\f08e";
	margin: 0px 2px;
	color: #505050;
}

.change_log ul li a:hover {
	text-decoration: underline !important;
}

.change_log ul li .change {
	background: #f39208;
	color: #FFFFFF;
	display: inline;
	margin: 0 10px 0 0;
	padding: 3px 8px;
	border-radius: 10px;
	font-size: 0.8em;
	text-align: center;
}

.change_log .change.new {
	background: #479e2a;
}

.change_log .change.fix {
	background: #006AC1;
}

.change_log .change.remove {
	background: #E20000;
}


/* Hide the duplicate title */
.change_log h1 {
	display: none;
}

.change_log h2 {
	display: inline-block;

	margin-top: 25px;
	margin-bottom: 10px !important;
	border-bottom: 1px solid #E5E5E5;
}

.change_log h3 {
	display: block;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px !important;
}

.change_log a {
	text-decoration: underline;
}

/* File Uploads Styling */
.file-upload {
	display: inline-block;
	width: auto;
	padding: 10px;
	background: #BDCEDC ;
	border: 1px solid #8BA8C1;
	border-radius: 4px;
	margin-bottom: 5px;
}

	.file-upload .img-container {
		width: auto;
		margin: 0 5px 0 0;
		float: left;
		background: url('images/loading_small.gif') center center no-repeat;
		min-width: 35px;
		min-height: 35px;
	}

		.file-upload .img-container img {
			border-radius: 4px;
			border: 1px solid #8BA8C1;
		}
	
	.file-upload .pdf-container {
		width: 800px;
		min-height: 800px;
	}

	.file-upload .btn-container {
		float: left;
	}

		.file-upload .btn-container .button {
			display: inline-block;
			float: left;
			cursor: pointer;
			width: 32px;
			height: 32px;
			background-color: #EFEFEF;
			border: 1px solid #8BA8C1;
			border-radius: 4px;
			margin-left: 5px;
			box-sizing: border-box;
			-webkit-transition: 350ms linear 0s;
			-moz-transition: 350ms linear 0s;
			-o-transition: 350ms linear 0s;
			transition: 350ms linear 0s;
		}

		.file-upload .btn-container .button:hover {
			border: 1px solid #577a96;
		}

		.file-upload .btn-container .button.button-delete {
			background: #EFEFEF url('images/icon_delete.png') center center no-repeat;
		}

		.file-upload .btn-container .button.button-download {
			background: #EFEFEF url('images/icon_save.png') center center no-repeat;
		}


	.file-upload .file-link {
		width: auto;
		margin: 0 5px 0 0;
		float: left;
		min-width: 35px;
		min-height: 35px;
		line-height: 35px;
	}

		.file-upload .file-link img {
			margin: 0px 5px 0 0;
			height: 16px;
			display: inline;
			vertical-align: middle;
		}

/* Some price list styling to make it easier to view what's set */
#prices {
	width: 100% !important;
}

#prices li {
	width: 100% !important;
	padding: 5px 0 5px 10px;
}

.product-combinations {
	float: right;
	font-size: 0.9em;
	display: inline-block;
	margin-top: -27px;
}

.product-combinations span.product,
.product-combinations span.option1,
.product-combinations span.option2 {
	padding: 2px 5px;
	border-left: 1px solid #000;
	display: inline-block;
	height: 32px;
	line-height: 32px;
}

.product-combinations span.product {
	background: rgba(255, 0, 0, 0.5);
	border-left: none;
}

.product-combinations span.option1 {
	background: rgba(0, 255,  0, 0.5);
}

.product-combinations span.option2 {
	background: rgba(0, 0, 255, 0.5);
}


/**
 * Pricing Calculator
 */
 .calculation-results-container {
	width: 530px;
	padding: 20px;
	text-align: center;
	border: 1px solid #BABEC5;
	background: #FFFFFF;
 }

	.calculation-results-container .calculation-price {
		padding: 20px;
		border: 1px solid #6F9C2E;
		background-color: rgb(232, 244, 214);
		color: #6F9C2E;
		font-size: 30px;
		font-weight: 600;
		margin-bottom: 20px;
	}

	.calculation-results-container .calculations-title {
		padding: 20px;
		font-size: 20px;
		font-weight: 600;
	}

	.calculation-results-container .calculations .calculation-message {
		padding: 5px;
		font-weight: 600;
	}
	
	.calculation-results-container .calculations .calculation {
		padding: 5px;
		padding-top: 0;
		font-size: 14px;
		font-family: 'Courier New', Courier, monospace;
		margin-bottom: 5px;
		color: #333333;
	}

	.calculation-results-container .calculation-section-container {
		padding: 10px;
	}

		.calculation-results-container .calculation-section-container .title {
			float: left;
			margin-bottom: 10px;
			font-size: 14px;
		}

	.calculation-results-container .leading-edge-calculation,
	.calculation-results-container .piping-calculation,
	.calculation-results-container .centre-piece-calculation {
		background: rgba(102, 148, 255, 0.1);
		border: 1px solid rgba(102, 148, 255, 0.5);
	}

		.calculation-results-container .leading-edge-calculation .title,
		.calculation-results-container .piping-calculation .title,
		.calculation-results-container .centre-piece-calculation .title {
			color: rgba(102, 148, 255, 1);
			font-weight: 600;
		}