@charset "utf-8";
/* [File: careers.css]
/* [Author: James Kirby (jkirby@blitzgamesstudios.com)]
/* [Date: 23/08/2011]
/* [Info: Layouts for the following pages: careers /  careers > vacancy / howtoapply / benefits / placement ]
================================================================================================ */



/* Title Bar
=============================== */
#careersContainer #bar_careers_off {
	background: url(../gfx/_bars/bar_careers_2_off.gif) no-repeat;
	display: block;
	height: 19px;
	text-indent: -9999px;
	width: 758px;
}
#careersContainer a#bar_careers {
	background: url(../gfx/_bars/bar_careers_2.gif) no-repeat;
	display: block;
	height: 19px;
	text-indent: -9999px;
	width: 758px;
}
	#careersContainer a#bar_careers:hover {
		background: url(../gfx/_bars/bar_careers_2_on.gif) no-repeat;
	}



/* Menu Bar
=============================== */
#careersContainer ul {
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	text-indent: -9999px;
}
	#careersContainer ul li {
		display: block;
		float: left;
		height: 19px;
		margin-right: 1px;
		text-indent: -9999px;
		width: 188px;
	}
	#careersContainer ul li a {
		display: block;
		height: 19px;
		text-indent: -9999px;
		width: 188px;
	}

	#careersContainer ul li#howtoapply_selected {
		background: url(../gfx/_btns/btn_howtoapply_off.gif) no-repeat;
	}
	#careersContainer ul li#howtoapply a {
		background: url(../gfx/_btns/btn_howtoapply.gif) no-repeat;
	}
		#careersContainer ul li#howtoapply a:hover {
			background: url(../gfx/_btns/btn_howtoapply_on.gif) no-repeat;
		}
	
	#careersContainer ul li#benefits_selected {
		background: url(../gfx/_btns/btn_benefits_off.gif) no-repeat;
	}
	#careersContainer ul li#benefits a {
		background: url(../gfx/_btns/btn_benefits.gif) no-repeat;
	}
		#careersContainer ul li#benefits a:hover {
			background: url(../gfx/_btns/btn_benefits_on.gif) no-repeat;
		}
	
	#careersContainer ul li#careersadvice_selected {
		background: url(../gfx/_btns/btn_careersadvice_off.gif) no-repeat;
	}
	#careersContainer ul li#careersadvice a {
		background: url(../gfx/_btns/btn_careersadvice.gif) no-repeat;
	}
		#careersContainer ul li#careersadvice a:hover {
			background: url(../gfx/_btns/btn_careersadvice_on.gif) no-repeat;
		}
	
	#careersContainer ul li#placement_selected {
		background: url(../gfx/_btns/btn_placement_off.gif) no-repeat; 
	}
	#careersContainer ul li#placement a {
		background: url(../gfx/_btns/btn_placement.gif) no-repeat; width:191px;
	}
		#careersContainer ul li#placement a:hover {
			background: url(../gfx/_btns/btn_placement_on.gif) no-repeat;
		}



/* Index
=============================== */
.contentContainer #text_box .columns-2 {
	font-size: 90%;
	float: left;
}
.contentContainer #text_box .columns-2.column-1 {
	border-right: 1px solid #464646;
	padding-right: 25px;
	width: 350px;
}
.contentContainer #text_box .columns-2.column-2 {
	width: 317px;
	padding-left: 25px;
}



/* Vacancy Details
=============================== */
#vacancy_avatar {
	float: left;
	margin: 2px 7px 0px 5px;
	width: 38px;
}
#vacancy_details {
	background: #181818;
	color: #ccc;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 6px;
	width: 420px;
}
	#vacancy_details .summary {
		font-size: 11px;
		margin: 0px;
		padding: 0px;
		top: 0px;
		width: 420px;
	}

	#vacancy_details p {
		padding-bottom: 11px;
		margin: 0;
		width: 420px;
	}
	#vacancy_details b, #vacancy_details strong {
		font-weight: bold;
	}
	#vacancy_details i {
		font-style: italic;
	}
	#vacancy_details a {
		color: red;
		text-decoration: none;
	}
	#vacancy_details a:hover {
		text-decoration: underline;
	}
	
	#vacancy_details ul {
		margin: 0;
		margin-left: 28px;
		padding: 0;
		padding-bottom: 11px;
	}
	#vacancy_details ul.ul2 {
		margin: 0;
		margin-left: 70px !important;
	}
	#vacancy_details ul.ul3 {
		margin: 0;
		margin-left: 112px !important;
	}
	#vacancy_details ul li {
		list-style-type: disc;
		padding: 2px;
	}
	#vacancy_details ul.ul2 li {
		list-style-type: circle;
	}
	#vacancy_details ul.ul3 li {
		list-style-type:square;
	}
	
a.apply_button {
	background: url(../gfx/careers/btn_apply.gif) 0 0 no-repeat;
	display:block;
	float: right;
	height: 37px;
	margin-top: 2px;
	text-indent: -9999px;
	width: 126px;
} 
a.apply_button:hover {
	background: url(../gfx/careers/btn_apply_on.gif) 0 0 no-repeat;
} 



/* How to Apply
=============================== */
a#downloadapplication {
	background: url(../gfx/careers/btn_appform_off.png) 0 0;
	display: block;
	float: right;
	height: 47px;
	margin: 20px 40px 0 0;
	text-indent: -9999px;
	width: 178px;
}
a#downloadapplication:hover {
	background: url(../gfx/careers/btn_appform_on.png) 0 0;
}

.address {
	color: #FFFFFF;
	margin: 0 0 0 35px;
}





















#menu img
{
    float: left;
    margin-right: 4px;
    width: 186px;
    height: 19px;
    margin-top: 1px;
}

#menu img.last
{
	margin-right: 0px;
}

label
{
	position: relative;
	top: -2px;
}

input
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
input.btn
{
	border: none;
	background: #c50616;
	padding: 1px 4px;
	color: #fff;
}

input.txt
{
	border: #7f9db9 1px solid;
	padding: 3px;
}

div.vac { margin-top: 25px; }

div.vac a.title { display: block; background-color: #333; color: #fff; background-image: url(/gfx/main/img_arrow.gif); background-position: center right; background-repeat: no-repeat; text-decoration: none; padding: 2px 15px 2px 4px;  font-size: 115%; font-weight: bold; }
div.vac a.title:hover { background-color: #b7b7b7; color: #000; background-color: #b7b7b7; background-image: url(/gfx/main/img_arrow_on.gif); background-position: center right; background-repeat: no-repeat; }

div.avatar
{
	float: left;
	margin: 2px 7px 0px 2px;
	width: 38px;
        margin-top: 6px;
}

div.summary
{
	float: left;
	font-size: 90%;
	width: 450px;
        position: relative;
        top: -6px;
}
div.more_btn
{
	float: right;
	margin-top: 2px;
}

ul#vacs_sort
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 645px;
	height: 21px;
}

ul#vacs_sort li
{
	float: left;
	height: 21px;
}

ul#vacs_sort li.spacer
{
	background:url(/gfx/careers/cat_spacer.gif) repeat-x;
	width: 1px;
}
ul#vacs_sort li a               { display: block; height: 21px; margin: 0px; float: left; }
ul#vacs_sort li a:hover         { border-bottom: #f00 2px solid; }
ul#vacs_sort li a.active        { border-bottom: #f00 2px solid; }


h1
{
    font-size: 250%;
    font-weight: normal;
    border-bottom: 1px solid #464646;
    padding-bottom: 5px;
    padding-left:110px;
    margin: 5px 0px;
}
h2
{
    margin: 25px 0px 0px -30px;
    padding: 0px 0px 0px 30px;
    font-size: 130%;
    background-image: url(/gfx/careers/img_icon_90.gif);
    background-repeat: no-repeat;
	background-position: 0 0;
}
h3 { font-size: 125%; }


ul, ul li { font-size: 100%; }

div#text_box div.text
{
    margin-left: 80px;
    width: 490px;
    font-size: 90%;   
    padding-left: 30px;
}


h2.details
{
    padding: 0px;
    background: none;
    font-weight: normal;
    margin: 0px;
    border-bottom: 1px solid #464646;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 150%;
}
.imgbanner {padding: 10px 0;}

.dates
{
	font-weight: bold;
	color: white;
}

.regFormLink
{
	font-weight: bold;
}