/*@import url("skeleton_flexbox_min.css");*/
@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;
}


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


#menu_col ul  {
	list-style-type: none;
	text-align: right;
}


#menu_col a  {
	text-decoration: none;
}


#list_col  {
	border-right: 1px solid #aaaaaa;
	padding-right: 10px;
	font-size: 75%;
}


#list_col ul  {
	list-style-type: none;
}


#list_col li  {
	color: #777777;
	margin-bottom: 0.5rem;
}


#list_col a  {
	text-decoration: none;
}


.error  {
	color: #F31515;
}


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%;
}


.highlight  {
	border: 1px solid #777777;
	border-radius: 3px;
	padding: 5px;
}


.extra_vertical_space  {
	margin-bottom: 5px;
}


.placeholder  {
	color: gray;
}

.empty_field  {
	color: gray;
}
.hiring_data_common_name  {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.field_name  {
	color: #33C3F0;
	/*font-weight: bold;*/
}
.text_box {
	white-space: pre-line;
}
@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%;
	}
}