.root {
    display: block;
}

#container {
	display: inline-block;
}


.hidden {
	display: none;
}

/*
 * Styles copied from admin css
 */
.generatrix-admin-form { }
.generatrix-admin-form a { font-weight: bold; color: #000000; }
.generatrix-admin-label { margin: 4px 0px; padding: 4px 0px; }
.generatrix-admin-input-text { width: 180px; padding: 4px; margin: 5px 0px; }
.generatrix-admin-input-checkbox { padding: 4px; margin: 5px 0px; }
.generatrix-admin-input-submit { border: 1px solid #424242; background-color: #646464; color: #FFFFFF; padding: 3px 8px; margin: 2px 4px 0px 0px; }
.generatrix-admin-textarea-label { margin: 4px 0px 104px; padding: 4px 0px; }
.generatrix-admin-input-textarea { width: 180px; padding: 4px; margin: 5px 0px; height: 100px; }
.generatrix-control-form-element-submit { cursor: pointer; }

input-text { width: 180px; padding: 4px; margin: 5px 0px; }
/*
 * Login Section.
 */
.login_error_message {
	display: inline-block;
	height: 20px;
	width: 350px;
}

.forgot_message {
	display: inline-block;
	height: 20px;
	width: 400px;
}

.forgot_message1, error_message {
	display: inline-block;
	width: 400px;
}

.text_left {
	text-align: left;
}

.text_right {
	text-align: right;
}

.text_center {
	text-align: center;
}

/*
 * Diary Section.
 */
.padd-5 {
	padding: 5px;
}

.padd-10 {
	padding: 10px;
}

.padd-10-top {
	padding-top: 10px;
}

.margin-10 {
	margin: 10px;
}

.padd_5_left {
	padding-left: 5px;
}

.margin-10-botom {
	margin-bottom: 10px;
}

.margin-10-top {
	margin-top: 10px;
}

.margin-9-top {
	margin-top: 9px;
}

.margin-8-top {
	margin-top: 8px;
}

.margin-7-top {
	margin-top: 7px;
}

.margin-6-top {
	margin-top: 6px;
}

.margin-5-top {
	margin-top: 5px;
}

.margin-3-top {
	margin-top: 3px;
}

.margin-4-top {
	margin-top: 4px;
}

.padd-4-top {
	padding-top: 5px;
}

.margin-left-25 {
	margin-left: 25px;
}

.text_align_middle {
	vertical-align: middle;
}

a.input-button-red {
	color: #AA1A1A;
}

/*
 * User Template.
 */
.user_template_container, .company_template_container {
	background-color: #dddddd;
	border: 1px solid #000;
	display: inline-block;
	padding: 5px;
}

.border_red {
	border: #ff0000 solid 2px;
}

.border_all_1 {
	border: #000 solid 1px;
}

/*
 * Jobsheet Template.
 */
.jobsheet_menu {
	border-right: 0px;
	border: 1px solid #000;
	margin-right: 0px;
}

.border_left {
	border-left: 1px solid #000;
}

.border_right {
	border-right: 1px solid #000;
}

#jobsheet_task_list {
	display: inline-block;
}

#right_bar_user_list div {
	cursor: pointer;
}

.remove {
	/*background-position: 225px 50px;*/
	background-image: url(../../public/images/ui-icons_222222_256x240.png);
	cursor: pointer;
	height: 20px;
	vertical-align: middle;
	width: 15px;
}

.user_list, .user_options, .user_options div, .task {
	display: inline-block;
	vertical-align: middle;
}

.task {
	background-color: #dedede;
	border: 1px solid #000;
	padding: 5px 0px 5px 0px;
}

.user_options {
	border-bottom: 1px dashed #000;
	margin-bottom: 10px;
	padding: 5px;
}

.task_details {
	padding: 4px;
}

#jobsheet_screens, .right_bar_container, #jobsheet_right_bar  {
	background-color: #fff;
	display: inline-block;
}

#jobsheet_right_bar {
	/*border: 1px solid #000;*/
	/*height: 650px;*/
	/*top: 280px;*/
	bottom: 20px;
	margin-left: -20px;
	padding: 10px 10px 10px 0px;
	position: fixed;
}

.right_bar_container {
	/*height: 450px;*/
	border: 1px solid #000;
	padding: 5px;
	width: 218px;
}

.user_search_image {
	height: 150px;
	width: 100px;
}

.finish_assign_task {
	margin-bottom: 10px;
	margin-top: 10px;
}

.margin-bottom-8 {
	margin-bottom: 8px;
}

.margin-top-minus5 {
	margin-top: -5px;
}

.margin-top-minus8 {
	margin-top: -8px;
}

.display_inline_block {
	display: inline-block;
}

/*.ui-state-highlight {
	width: 425px;
}*/

/*
 * Hotlist.
 */
#hotlist_container {
	background-color: #fff;
	border: 1px solid #000;
	height: 260px;
	overflow: auto;
	width: 340px;
}

#close_hotlist_window {
	/*padding-right: 5px;*/
	display: inline-block;
	margin-top: 5px;
	width: 325px;
}

#close_hotlist_window img, #close_window_img {
	cursor: pointer;
	padding-right: 10px;
}

/*
 * Calendar.
 */

.calendar_link {
	font-size: 12px;
	font-weight: normal;
	padding-right: 10px;
}

/*#note_container {
	background-color: #fff;
	border: 1px solid #000;
	height: 220px;
	overflow: auto;
	width: 350px;
}*/

#close_note_window {
	/*padding-right: 5px;*/
	display: inline-block;
	margin-top: 5px;
	width: 325px;
}

#close_note_window img {
	cursor: pointer;
	padding-right: 10px;
}

.appointment_note_links_div {
	display: block;
	font-size: 12px;
	white-space: pre-wrap;
	width: 112px;
}

.appointment_note_links_div span {
	padding-right: 10px;
}

.fc-header-title {
	/*border-bottom: 3px solid #8eb400;*/
	padding: 0px 5px;
}

/*
 * Calendar.
 */
.task_description {
	height: 100px;
	overflow: auto;
}

.note, .note a {
	border-color: #ffccff;
	color: #fff;
  background-color: #ffccff;
}

.job, .job a {
	background-color: #999900;
	border-color: #999900;
	color: #fff;
}

.interview, .interview a {
	background-color: #999900;
	border-color: #999900;
	color: #fff;
}

.penciled, .penciled a {
	background-color: #999900;
	border-color: #999900;
	color: #fff;
}

.pending, .pending a {
	background-color: #999900;
	border-color: #999900;
	color: #fff;
}

.direct_booking, .direct_booking a {
	background-color: #999900;
	border-color: #999900;
	color: #fff;
}

.event_container {
	/*background-color: red;*/
	display: block;
	float: right;
	right: 0px;
}
.events_list, .note_container {
	border: 1px solid #cccccc;
	margin-bottom: 10px;
}

.events_list span, .note_container span {
	background-color: #fff;
	display: inline-block;
	margin-left: 0.5em;
	margin-top: -14px;
	width: 170px;
}

.events_list div ul li {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	font-size:100%;
	line-height: 1.8em;
}

.events_list, .note_container {
	/*display: inline-block;*/
	/*text-wrap: suppress;*/
	/*white-space: -moz-pre-wrap;*/
	/*white-space: -o-pre-wrap;*/
	/*white-space: -pre-wrap;*/
	/*white-space: pre-wrap;*/
	margin: 2px;
	max-width: 225px;
	padding-left: 0.5em;
	padding: 0em;
	width: 225px;
	word-wrap: break-word;
}

.note_container {
	margin-top: 20px;
}

.note_container span {
	width: 35px;
}

.events_list fieldset, .note_container fieldset {
	/*padding-right: 0.5em;*/
	padding-left: 0.5em;
	padding: 0em;
	width: 225px;
	word-wrap: break-word;
}

/*.note_container fieldset {
	padding-bottom: 0.2em;
	padding-left: 0.5em;
}*/

.note_container textarea {
	margin: 0em;
	margin: 0px;
	padding: 0em;
	padding: 0px;
	width: 215px;
}

.status_block_red, .status_block_orange, .status_block_green {
	background-color: #ad2325;
	border-style: outset;
	border: 1px solid #cccccc;
	cursor: pointer;
	display: inline-block;
	float: left;
	height: 8px;
	margin: 0px 2px;
	width: 8px;
	z-index: 10;
}

.status_block_orange {
    background-color: #cf652a;
}

.status_block_green {
    background-color: #54912d;
}

/*.status_block_red:hover, .status_block_orange:hover, .status_block_green:hover {
	border-style: outset;
	border: 1px solid #cccccc;
}*/

.status_highlight {
	border-style: outset;
	border: 1px solid ;
    border-bottom-color: #9999ff;
    border-left-color: #9999ff;
    border-right-color: #9999ff;
    border-top-color: #9999ff;
}

.fc-day-content {
	/*height: 30px;*/
}

.fc-day-content, .fc-day-number, .fc-custom-content {
	/*display: inline-block;*/
}

.fc-custom-content {
	/*height: 25px; */
	float: right;
	margin-bottom: 3px;
	margin-top: 2px;
	position: relative;
	width: 90px;
	z-index: 10;
}

.fc-event {

	line-height: 1.3em;
.fc-event-title, .fc-event-time {
}
}

.satus_section {
	display: inline-block;
	float: right;
	width: 55px;
	z-index: 10;
}

.note_symbol {
	cursor: pointer;
	display: inline-block;
	float: left;
	position: relative;
	width: 35px;
	z-index: 10;
}

/*
 * Browse section.
 */
li.browse_item {
	border-bottom: 0.5px solid #000;
	margin-bottom: 2px;
}

li.browse_item:hover {
	background-color: yellow;
	cursor: pointer;
}

.selected {
	background-color: orange;
}

.browse_data_container {
	background-color: #fff;
	border-style: inset;
	border: 1px solid #cccccc;
	display: inline-block;
	height: 100px;
	margin-bottom: 5px;
	overflow: auto;
}


.caption-44 {
	background-color: #E5E5E5;
	height: 44px;
}

.caption-30 {
	background-color: #E5E5E5;
	height: 30px;
}

.caption-22 {
	background-color: #E5E5E5;
	height: 22px;
	padding-top: 10px;
}

.margin-left-minus-5 {
	margin-left: -8px;
}

.margin-left-15 {
	margin-left: 15px;
}

.margin-left-14 {
	margin-left: 14px;
}

.margin-left-13 {
	margin-left: 13px;
}

.margin-left-12 {
	margin-left: 12px;
}

.margin-left-11 {
	margin-left: 11px;
}

.margin-left-10, .margin-10-left {
	margin-left: 10px;
}

.margin-left-9 {
	margin-left: 9px;
}

.margin-left-8 {
	margin-left: 8px;
}

.margin-left-7 {
	margin-left: 7px;
}

.margin-left-6 {
	margin-left: 6px;
}

.margin-left-5 {
	margin-left: 5px;
}

.tags_container {
	/*fontSize: 5px;
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	fontFamily: Verdana, arial;*/
	height: 64px;
	overflow: auto;
	padding: 0px 0px 2px 2px;
}

.tags {
	-moz-border-radius: 2px;
	/*fontFamily: verdana; arial;
	background-color: #cdeb8b;
	color: #333333;
	float: left;
	fontSize: 5px;*/
	margin: 2px 2px 0px 0px;
	padding: 5px;
}

.tags_close_btn {
	-moz-border-radius: 2px;
	background-color: #999999;
	color: #333333;
	cursor: pointer;
	font-family: monospace;
	margin-left: 5px;
	padding: 0px 3px 0px 3px;
	text-decoration: none;
}

.message_content {
	display: inline-block;
	font-size: 10px;
	padding: 2px;
	word-wrap: break-word;
}

.message_container {
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	display: inline-block;
	height: 400px;
	overflow: auto;
	padding: 5px 5px 2px 2px;
	word-wrap: break-word;
}

.error_field {

	background-color: #FFF0F0;
}


/*
-------------------
Changes done for the Jobsheet. To be replicated throughout the site.
-------------------
*/


#jobsheets .table-header { border-bottom: 1px solid #E5E5E5; }
#jobsheets .table-header div { margin: 0; padding: 0 }
#jobsheets .table-header h4 { font-size: 14px; font-weight: bold; margin: 0; padding: 0; }
#jobsheets table { padding-left: 5px; }
#jobsheets tr.alternate { background-color: #EEE; }

th {
	background-color: #EEE;
	border-bottom: 1px solid #C2C2C2;
	border-top: 1px solid #C2C2C2;
	font-size: 13px;
	padding-bottom: 0px;
}

#jobsheets td.month_header {
	border-bottom: 1px solid #C2C2C2;
	font-weight: bold;
}

td { border-bottom: 1px solid #F0F0F0; }
#jobsheets .jobsheet_details_link { font-weight: bold; color: #8EB400; padding: 3px; }
#jobsheets .jobsheet_details_link:hover { color: #FFF; }

.sidebar-6 { margin:0px; padding: 0 15px 0 0; text-align: left; }
.sidebar-6 h3 { border-bottom: 1px solid #E5E5E5; margin: 8px 5px 0; padding: 0px 5px 2px; text-align: left; }
.sidebar-6 h3 a { border-bottom: 3px solid #8EB400; color: #222; padding: 0px 4px; }
.sidebar-6 h5 { border-bottom: 1px solid #E5E5E5; margin: 8px 5px 0; padding: 0px 5px 2px; }
.sidebar-6 h5 a { border-bottom: 2px solid #8EB400; color: #222; padding: 0px 4px; }
.sidebar-6 ul { list-style-type: circle; margin-left: 30px; }
.sidebar-6 li.no-list-style { list-style-type: none; margin-left: -15px; }

.openings_filled { color: #8EB400; }

/*
------------------
End of Changes for the Jobsheet
------------------
*/

/* simple css-based tooltip */
.tooltip, div.tooltip {

    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
    /* outline radius for mozilla/firefox only */
    background-color:#000;
    border:1px solid #fff;
    color:#fff;
    display:none;
    font-size:12px;
    padding:10px 15px;
    text-align:left;
    width:200px;
}


/***
 * TOOLTIP for the from fields
 * Select elements will need an actual img tag right after the select - done via js.
 */
input.show-tooltip {
	background: transparent url('../images/information.png') no-repeat center right !important;
}

textarea.show-tooltip {
	background: transparent url('../images/information.png') no-repeat top right !important;
}

#ul_regions {
	list-style: none;
	margin: 0px 0px 0px 0px;
}

#message_box {
	display: inline-block;
	min-height: 20px;
}

.error {
	background-color: #FFF0F0;
	border: 1px dashed #990000;
	color: #D00;
	font-size: 13px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 4px;
}
.error h2 {
	background: inherit;
	color: #990000;
}

.error_form_field {
	background-color: #FFF0F0;
	border: 1px solid #FFAFAF;
	color: #D00;
}

div.error_form_field {
  background-color: transparent;
  border: none;
  color: #D00;
}

.error_field {
	color: #D00;
}

.li_item_none {
	list-style: none;
}

.success {
	background: #F5FBE1;
	border: 1px dashed #7BA813;
	color: #009933;
	font-size: 13px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 4px;
}
.success h2 {
	background: inherit;
	color: #7BA813;
}

.cursor_pointer {
	cursor: pointer;
}

.message {
	font-weight: bold;
}

#message_header {
	/*z-index: 1000;*/
	margin-left: 15px;
	position: fixed;
	top: 0px;
}

#loading_header {
	margin-left: 15px;
	position: fixed;
	top: 0px;
	z-index: 1000;
}

.row_colour1 {
	background-color: #E5ECF9;
}

.row_colour2 {
	background-color: #FFFCFF;
}

.comments_container {
	display: inline-block;
	height: 400px;
	overflow: auto;
}

.comments_section {
	border-right: 1px solid #000;
}

/* Buttons */
.input-button-green,
.input-button-red,
.input-button-blue,
a.input-button-green,
a.input-button-red,
a.input-button-blue,
.input-button-refresh,
a.input-button-refresh,
.input-button-back,
a.input-button-back {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-bottom: 2px outset #AAA;
	border-left: 1px solid #AAA;
	border-right: 2px outset #AAA;
	border-top: 1px solid #AAA;
	cursor: pointer;
	font-weight: bold;
	margin: 4px;
	padding: 6px 26px 6px 6px;
	display: inline-block;
}

.inline-block {
	display: inline-block;
	width: 250px;
}

.input-button-green, a.input-button-green {
	background: #FFF url("../images/green-dots1.gif") center right no-repeat;
	color: #688109;
}

.input-button-red, a.input-button-red {
	background: #FFF url("../images/red-dots.gif") center right no-repeat;
	color: #aa1a1a;
}

.input-button-blue, a.input-button-blue {
	background: #FFF url("../images/blue-dots.gif") center right no-repeat;
	color: #1f0882;
}

.input-button-green:hover, 
.input-button-red:hover, 
.input-button-blue:hover, 
a.input-button-green:hover, 
a.input-button-red:hover, 
a.input-button-blue:hover, 
.input-button-refresh:hover,
a.input-button-refresh:hover,
.input-button-back:hover, 
a.input-button-back:hover {
	background-color: #FFC;
}

.input-button-green:active, .input-button-red:active, .input-button-blue:active, a.input-button-green:active, a.input-button-red:active, a.input-button-red:active {
	background-color: #FFC;
	border-bottom: 2px inset #888;
	border-left: 1px solid #888;
	border-right: 2px inset #888;
	border-top: 1px solid #888;
}

.input-button-back, a.input-button-back {
	background: #FFF url("../images/red-dots-back.gif") center left no-repeat;
	color: #AA1A1A;
	padding: 6px 6px 6px 23px;
}

.input-button-refresh,
a.input-button-refresh {
	background: #FFF url("../images/refresh.gif") center right no-repeat;
	color: #AA1A1A;
}

.headers {
	/*background-color: #E6EEEE;*/
	background-image: url("../images/tablesorter/header.png");
	background-position: center left;
	background-repeat: no-repeat;
	cursor: auto;
}

.shortlist-highlight {
    border: 2px solid #ff9933;
}

.icons {
	background-image: url(../../../public/images/ui-icons_222222_256x240.png)/*{iconsContent}*/;
	height: 16px;
	width: 16px;
}

mail-closed {
	background-position: -80px -96px;
}

.mail-open {
	background-position: -96px -96px;
}

/*-----------------------------------------------------------------
								GENERIC RULES
-----------------------------------------------------------------*/
.error, .notice, .success {padding:4px;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11 !important; text-decoration: underline;}
.notice a {color:#514721 !important; text-decoration: underline;}
.success a {color:#264409; text-decoration: underline;}

.green, .green a { color: green; }
.orange, .orange a { color: #FF6600; }
.red, .red a { color: #DD0000; }

label.error { display: block; padding: 2px; }

span.required_indicator { color: #DA2020; font-size: 15px; font-weight: bold; padding-left: 5px; }
span.time { color: #AAA; font-size: 0.8em; }

div.spacer { margin-bottom: 15px; margin-top: 15px; }
.spacer-top { margin-top: 15px; }
div.right { text-align: right; }

div.main-content { padding-left: 20px; }

.small-text { width: 40px; }
.currency { width: 65px; }
.medium-text { width: 100px; }
.regular-text { width: 200px; }
.large-text { width: 400px; }

.small-textarea { width: 200px; }
.normal-textarea { width: 430px; }
.large-textarea { width: 500px; }
.textarea-popup { width: 560px; }

table a { margin: 0 0 0 -2px; padding: 2px 4px; }

div.jobsheet_summary { background-color: #F3F3F3; border-top: 1px solid #AAA; border-bottom: 1px solid #AAA; margin: 0 0 15px 0; padding: 10px 5px; }

div.share { margin-bottom: 12px; }

/* -----------------------------------------------------------------
								SHORTLIST PAGE
------------------------------------------------------------------*/
div.freelancer , div#shortlist_selected {
	background-color: #EEE;
	border: 2px solid #CCC;
	margin-top: 10px;
	padding: 5px;
}

div.shortlisted {
	border-color: #AA1A1A;
}

div#shortlist_selected {
	bottom: 25px;
	position: fixed;
	width: 230px;
}

div#shortlist_selected div.links a {
	display: block;
	margin-right: 0;
}


div#shortlist_selected h3 { border-bottom: 1px solid #E5E5E5; margin: 8px 5px 10px; padding: 0px 5px 2px 0; text-align: left; font-size: 16px; font-weight: bold; }
div#shortlist_selected h3 span { border-bottom: 3px solid #8EB400; }

div#shortlisted_freelancers {
  max-height: 500px;
  overflow: scroll;
}

div#shortlisted_freelancers th,
div#shortlisted_freelancers td {
	font-size: 13px;
	padding: 0;
}

div#shortlisted_freelancers td a {
	color: #222;
}

div#shortlisted_freelancers td .remove_from_shortlist {
	cursor: pointer;
}

div.freelancer div.picture,
div.freelancer div.name,
div.freelancer div.availability,
div.freelancer div.profile,
div.freelancer div.headline,
div.freelancer div.discipline,
div.freelancer div.links,
div.freelancer div.freelancer-meta,
div.freelancer div.location {
	float: left;
}

div.picture {
	width: 120px;
}

div.profile {
	line-height: 1.1em;
	padding-left: 10px;
	width: 520px;
}

div.name {
	font-size: 20px;
	font-weight: bold;
	margin: 5px 0 10px;
	width: 340px;
}

div.availability {
	text-align: right;
	width: 180px;
}

div.freelancer-meta {
	margin: 0px 0px 15px;
	width: 340px;
}

div.location {
	margin: 5px 0 10px;
	text-align: right;
	width: 180px;
}

div.discipline {
	font-size: 14px;
	font-weight: bold;
	width: 520px;
}

span.skills {
	font-style: italic;
	font-weight: normal;
}
div.links {
	margin: 10px 0;
}

div.links a {
	margin-right: 10px;
}

div.headline {
	margin: 12px 0;
	width: 520px;
}

div.freelancer div.availability span {
	font-size: 10px;
}

div.freelancer div.availability span.percentage {
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
}

div.freelancer div.availability img {
	vertical-align: middle;
}

div.matchstick {
	float: left;
	margin-right: 6px;
}

table.availability_table td, table.availability_table th { text-align: center; }

/* -----------------------------------------------------------------
								ASSIGN TASKS
------------------------------------------------------------------*/
div#tasks div.task {
	background-color: #EEE;
	border:0;
	border-top: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	margin-top: 10px;
}

div#offer_tasks div.task {
	background-color: #EEE;
	border: 2px solid #CCC;
	margin: 10px -5px 0;
	padding: 5px 5px 15px 5px;
}

div#shortlisted_freelancers li {
	margin: 0px;
	padding: 0px;
}

div#tasks .default_text {
	color: #D00;
}

.interview_date { 
	width: 100px;
}

li.freelancer-task .ui-icon-check,
li.freelancer-task .ui-icon-trash {
	margin: 3px 0 0 0;
}

.remove_freelancer_from_task { cursor: pointer; }
/* -----------------------------------------------------------------
									FOOTER
------------------------------------------------------------------*/

div.footer {
	border-top: 1px solid #CCC;
	margin-top: 40px;
	padding: 10px 0;
	text-align: center;
}

/* -----------------------------------------------------
		MULTIPLE LINE DATEPICKER
-----------------------------------------------------*/

input.datepicker-tools,
input.dp-applied {
	background: url('../images/datepicker/calendar.gif') no-repeat scroll right center;
}


table.jCalendar { border: 0; background: #fff; }
table.jCalendar th { background: #fff; color: #222; font-weight: bold; margin: 0; padding: 8px 2px 3px; text-align: center; }
table.jCalendar th { border-bottom: 1px solid #000; }
table.jCalendar td { background: #fff; color: #000; padding: 3px; text-align: center; }
table.jCalendar td.other-month { background: #fff; color: #aaa; }
table.jCalendar td.today { background: #666; color: #fff; }
table.jCalendar td.selected {  background: #8EB400; color: #fff; }
table.jCalendar td.selected.dp-hover { background: #84973E;  color: #fff;}
table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td { background: #ccc; color: #000; }
table.jCalendar tr.selectedWeek td {  background: #f66; color: #fff; }
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { background: #fff; color: #888; }
table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover { background: #bbb; color: #888; }
/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div.dp-popup {
	-moz-border-radius:5px;
	-moz-box-shadow: 0 0 15px #666;
	-webkit-border-radius:5px;
	-webkit-box-shadow: 0 0 15px #666;
	background: #FFF;
	border: 1px solid #CCC;
	font-size: 13px;
	line-height: 1.2em;
	padding: 2px;
	position: relative;
	width: 171px;
}
div#dp-popup { position: absolute; z-index:1199; margin-top: 24px; }
div.dp-popup h2 { font-size: 13px; font-weight: bold; border: 0; color: #222; text-align: center; margin: 2px 0; padding: 0; }
a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; }
a#dp-close:hover {  text-decoration: underline; }
div.dp-popup a {  color: #000; text-decoration: none; padding: 3px 2px 0; }
div.dp-popup div.dp-nav-prev { position: absolute; top: 2px; left: 4px; width: 100px; }
div.dp-popup div.dp-nav-prev a {  float: left; }
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; }
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; }
div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px; }
div.dp-popup div.dp-nav-next a { float: right; }
div.dp-popup a.disabled { cursor: default; color: #aaa; }
div.dp-popup td { cursor: pointer; }
div.dp-popup td.disabled { cursor: default; }

.inline_datepicker_image {
	margin-left: -5px;
}

/* ------------------------------------------------
				REGISTRATION
-------------------------------------------------*/
.membership-hover { background-color: #CCC; }
.membership-select { background-color: #93AE11; }
#registration_type .membership-select dt { color: #222; }

#registration_type dl dt { color: #90B412; text-decoration: underline; } 

/*-------------------------------------------------
						DIARY
-------------------------------------------------*/

div#calendar div.diary-icons {
	margin: 4px;
}

h2.fc-header-title {

}

.red-status, .yellow-status, .green-status {
	cursor: pointer;
}

div#calendar td.day-busy {
	background: #EC1E20;
}

div#calendar td.day-maybe {
	background: #E79E17;
}

div#calendar td.day-available {
	background: #84C23D;
}

.fc-day-number {
	font-size: 14px;
	font-weight: bold;
}

/* Old Direct booking: 91155D */
.event-direct-booking, .event-direct-booking a,
.secondClass , .secondClass a { background-color: #666666 !important; border-color: #444 !important; }
.event-freelancer, .event-freelancer a { background-color: #666666 !important; border-color: #444 !important; }

.event-freelancer-confirmed, .event-freelancer-confirmed a { background-color: #666 !important; border-color: #444 !important; }

#calendar .event-freelancer-pending, 
#calendar .event-freelancer-pending a { 
	background-color: #666 !important; 
	border-color: #E79E17 !important; 
	color:#E79E17; 
}

.fc-button-prev, .fc-button-next {
	width: 20px;
}

.fc-button-prev {
	float: left;
	text-align: left;
}

.fc-button-next {
	float: right;
	text-align: right;
}
.fc-button-prev a, .fc-button-next a {
	margin: 0;
	padding: 0;
}

h2.fc-header-title {
	border: 0;
	text-align: center;
	text-decoration: none;
}

.legend-box {
	background-color: red;
	float: left;
	height: 13px;
	width: 13px;
}

.legend, .legend div, .legend img { vertical-align: middle; }
.legend img { margin-top: 5px; }
.legend .key-color img { margin-left: 8px; }


/* -------------------------------------------------------
						PRINT STYLESHEET
--------------------------------------------------------*/

.print_task { margin: 10px 0 0; padding-bottom: 15px; }

.print_task .print_task_meta { margin: 0px 0 15px; }
.print_task_title { font-size: 16px; font-weight: bold;}
.print_task .print_task_dates { float: right; text-align: right; }

.print_link { color: red; }
.print_link:hover { background-color: red; color: white; }



/* ----------------------------------------------------------
								AGENCY PAGES
-----------------------------------------------------------*/
.client_name { font-size: 14px; font-weight: bold; }
#change_agent_list li { padding: 2px 5px; border: 1px solid #FFF; }
#change_agent_list li:hover { background-color: #DDD; border-color: #AAA; }
#change_agent_list li.current { background-color: #E6EFC2; border-color: #C6D880; }
#change_agent_list li.selected { background-color: #FFF6BF; border-color: #FFF6BF; }



/*-------------------------------------------------------------------------------------
												INVOICES
-------------------------------------------------------------------------------------*/

input[readonly="readonly"] {
  border: 0;
}

#invoice_tax,
#invoice_subtotal,
#invoice_total,
#invoice_subtotal_non_vat,
.invoice_item_quantity,
.invoice_item_price,
.invoice_item_total {
	text-align: right;
}

div.new_container .text-right {
	text-align: right;
}

div.new_container .text-center {
	text-align: center;
}

.row-meta {
	color: #999;
	font-style: italic;
}

.bottom-border {
	border-bottom: 1px solid #E2E2E2;
	margin-bottom: 2px;
	padding-bottom: 2px;
}
.invoice_header {
	padding-bottom: 8px;
}

.bottom-border ,
.bottom-border-light,
.bottom-border-thick {
	border-bottom: 1px solid #AAA;
	margin-bottom: 4px;
	padding-bottom: 4px;
}

.bottom-border-light {
	border-bottom: 1px solid #E2E2E2;
}

.bottom-border-thick {
	border-bottom: 3px solid #AAA;
}

.top-border,
.top-border-light,
.top-border-thick {
	border-top: 1px solid #AAA;
	margin-top: 4px;
	padding-top: 4px;
}

.top-border-light {
	border-top: 1px solid #E2E2E2;
}

.top-border-thick {
	border-top: 3px solid #AAA;
}

.gray-highlight {
	background-color: #E2E2E2;
}

.light-highlight {
	background-color: #F0F0F0;
	margin-left:-5px;
	padding-left:5px;
}


a.invoice_item_delete { color: #D00; }
a.invoice_item_delete:hover { background: #D00; color: #FFF; }


/* -------------------------------------------------------------------------------------
											KNOWLEDGE BASE
--------------------------------------------------------------------------------------*/

.post { min-height: 130px; }
.post_reply { min-height: 100px; }
.post_tags { margin-top: 20px; }
.post_tag { padding: 4px; background-color: #E2E2E2; margin-right: 8px; }
.post_tag:hover { background-color: #90B412; }
.post_tag a { color: #222; }
.post_tag a:hover { background: none; color: #222; }
.post_meta { text-align: center; margin-top: 5px; }
.post_profile_picture { margin: 0 auto 5px; text-align: center; }
.post_profile_name { font-weight: bold; }
.post_profile_name a { font-weight: bold; color: #222; }
.post_profile_name a:hover { background:none; color: #222; text-decoration: underline; }
.post_profile_time { font-style: italic; }
.post_body_title { color: #222; font-size: 14px; }
.post_body_title:hover { text-decoration: underline; color: #222; background: none; }

/* --------------------------------------------------------------------------------------
											COMMENTS
---------------------------------------------------------------------------------------*/
div.comments div.booker { padding-left: 15px; border-left: 5px solid #5EB400; }

div.comments .post_profile_time { color: #999; }

/* ---------------------------------------------
						SIDEBAR
---------------------------------------------*/

ul.sidebar-notifications {
	font-size: 12px;
	line-height: 15px;
}

ul.sidebar-notifications li {
	border-bottom: 1px solid #E5E5E5;
	padding: 4px 4px;
}

/* ------------------------------------------------
						NOTIFICATIONS
-------------------------------------------------*/

#notifications td {
	margin-left: 15px;
}

.notifications td:before {
	content: url("../images/green-dots.gif");
}

.notifications td.new:before {
	content: url("../images/red-dots.gif");
}

.unread { 
	color: #D00; 
}

#notifications .ui-icon {
	float: left;
	margin-top: 3px;
}

/*------------------------------------------
 * DATA TABLES
 * --------------------------------------*/


.dataTables_paginate {
	width: 44px;
	*width: 50px;
	float: right;
	text-align: right;
}

*/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('../images/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('../images/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('../images/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('../images/forward_enabled.jpg');
}


/** ----------------------------------------------------
 * 										PROFILE PAGES
 *----------------------------------------------------*/

table#view_work_experience td { 
	border-bottom: 1px solid #E2E2E2;
	margin-bottom: 2px;
	padding-bottom: 2px;
	vertical-align: bottom;
}

table#view_work_experience th { 
	border-bottom: 3px solid #AAA;
	border-top: 3px solid #AAA;
	margin-bottom: 2px;
	padding-bottom: 2px;
}

#div_profile_job_skills .profile_discipline {
	margin-bottom: 8px;
}

#div_profile_job_skills h6 {
	cursor: pointer;
	padding: 4px 0 2px 0;
}



/**
 * Terms and conditions
 */

.new_container h5 { margin: 10px 0px; }
.new_container h5 span { border-bottom: 3px solid #8eb400; padding: 0; font-weight: bold; }


/** ------------------------------------------------------------
 * 									JOB BOARD
 * -----------------------------------------------------------*/

.jobboard-discipline_image img {
	margin-top: 8px;
}


/** ------------------------------------------------------------
 * 									VALIDATIONS
 * -----------------------------------------------------------*/

.validate_error {
	border: solid 1px #D00;
}

label.validate_error {
	color: #D00;
	display: block;
	border: 0;
	font-weight: normal;
	padding: 3px 0;
}

/** ------------------------------------------------------------
 * 									FAQs
 * -----------------------------------------------------------*/

dl.faq dt {
	cursor: pointer;
	margin-top: 5px;
}

dl.faq dd {
	display: none;
}


.popup-gdpr {
	display: none;
	position: relative;
}

.popup-gdpr--overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	min-width: 100vw;
	height: 100%;
	min-height: 100vh;
	background: rgba(0, 0, 0, 0.8);
	z-index: 10000;
}

.popup-gdpr--box {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 11000;
}

.popup-gdpr--content {
	padding: 2em;
	max-width: 500px;
	background: white;
}