@import url("normalize.css");
@import url("skeleton.css");
@import url("header.css");


.right_align  {
	text-align: right;
}


.header_container  {
	display: grid;
	/*grid-template-columns: repeat(var(--colNum, auto));*/
	grid-template-columns: 5% auto 5%;
	grid-auto-flow: column;
}


#full_container  {
	width: 100%;
}


#menu_col  {
	border-right: 1px solid black;
	padding-right: 10px;
}


#menu_col ul  {
	direction: rtl;
	list-style-type: disc;
	list-style-position: outside;
	text-align: right;
	padding-inline-start: 10px;
	margin-right:0.6em;
}


#menu_col li  {
	color: #aaaaaa;
}
#menu_col a  {
	text-decoration: none;
}


.error  {
	color: #F31515;
}
.warning  {
	color: rgb(186,76,183);
}
.hover_coloured:hover  {
	background-color: #f4f4f4;
}
.hover_white:hover  {
	background-color: #ffffff;
}


dd  {
	margin:0 0 1em;
	padding:0;
}


dt > a  {
	text-decoration: none;
}


a.permalink  {
	background:url("/img/icon_pg.gif") no-repeat 0 0;
	float:left;
	display:block;
	width:9px;
	height:10px;
	margin:.3em 5px 0 0;
	text-indent:-10000px;
	border-width:0;
}


.position_details  {
	width:100%;
	padding-top: 15px;
	padding-bottom: 15px;
}


.position_date  {
	/*border-bottom:1px solid #1EAEDB;*/
	font-size: 0.9em;
	float: right;
	text-align: right;
	clear: left;
	padding: 5px;
	color: #1EAEDB;
}


.position_content  {
	border-left:1px solid #1EAEDB;
	margin-left: 40px;
	padding: 5px;
}


.position_title  {
	font-size: 1.2em;
	color: #1EAEDB;
}


.position_company  {
	font-size: 1.1em;
	color: #887;
}


.position_contact  {
	padding-top:1.1em;
	padding-bottom:1.1em;
}


.position_contact span  {
	color: #887;
}


.position_file  {
	line-height: 1.6em;
}


.position_info  {
	/*font-size: 1.1em;*/
	padding-top:1.6em;
}


.position_poster  {
	float: right;
	text-align: right;
	font-size: 85%;
	color: #887;
}


.position_expiry  {
	padding-bottom:1.0em;
}


.position_expiry span  {
	color: #887;
}


.posted  {
	color: #998;
	font-size: 85%;
}


.event_date  {
	font-size: 1.2em;
	color: #1EAEDB;
}


.event_time  {
	color: #998;
}


.event_title  {
}


.event_description  {
	color: #998;
	font-size: 90%;
	padding-left: 15px;
}


.event_location  {
	color: #998;
	font-size: 90%;
	padding-left: 15px;
}


.calendar_link  {
	float: right;
	text-align: right;
}
.calendar_link a  {
	text-decoration: none;
}


.editable_field  {
	cursor: pointer;
}

.editable_container:hover  {
	background: #fcaf3e;
}

.editable_text input  {
	border: 1px solid #fcaf3e;
	outline: 0;
	background-color: #2e3436;
	appearance: none;
	height: 38px;
	padding: 6px 10px;
	border-radius: 4px;
	box-shadow: none;
	box-sizing: border-box;
	margin-bottom: 1.5rem;
	line-height: normal;
}


.extra_vertical_space  {
	margin-bottom: 5px;
}


.placeholder  {
	color: gray;
}

.empty_field  {
	color: gray;
}
.hiring_data_common_name  {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.ihiring_data_common_name  {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.field_name  {
	color: orange;
	font-weight: bold;
}
.editable_submit  {
	margin-left: 10px;
}
.editable_cancel  {
	margin-left: 10px;
}
.highlight  {
	color: #33C3F0;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	/*  iPad  */
	.header_container  {
		grid-template-columns: 0% 100% 0%;
	}
}


@media only screen and (min-device-width : 320px) and (max-device-width : 736px)  {
	/*  iPhone  */
	.header_container  {
		grid-template-columns: 0% 100% 0%;
	}
}