/*----------------------------------------------------------------------------------------------------------
 * CAREERS
----------------------------------------------------------------------------------------------------------*/

/* 
 * Typography
 *
 */
 
h2 {
  /*
  font-size: 32px;
  font-size: 32rem;
  */
}

  h2 span {
  	color:#737373;
  	display: block;
  	font-size: 0.8em;
  }
	
h3 {
	color:#00a3e0;
}

.leader-text {
  margin-top: 45px;
}

  .leader-text p.lead {
    padding-right: 0px;
    font-size: 21px;
    font-size: 21rem;
    font-family: DINWeb, Arial, sans-serif;
  }

/* Headings */
.heading-icon {
	background:url(../images/icon-myrewards.png) 0 5px no-repeat;
	color:#2C5697;
	padding:0 0 0 60px;
	min-height: 60px;
}
	.heading-my-rewards {
		background-image:url(../images/icon-myrewards.png);
		color:#3b74b9;
	}
	.heading-my-wellbeing {
		background-image:url(../images/icon-mywellbeing.png);
		color:#ef4135;
	}
	.heading-my-career {
	}
	.heading-my-performance {
		background-image:url(../images/icon-myperformance.png);
		color:#6c4099;
	}
	.heading-my-development {
		color:#e4002b;
	}
	.heading-my-recognition {
		background-image:url(../images/icon-myrecognition.png);
		color:#f7931d;
	}
	.heading-my-community {
		color:#009ca6;
		margin-top: 20px;
	}
	
	.heading-career-progression {
  	color: #D40F7D;
  	margin-bottom: 12px;
  	margin-bottom: 1.2rem;
	}
	
	.heading-career-progression + h3 {
  	margin: 0;
	}

/*----------------------------------------------------------------------------------------------------------
#############################################  STRUCTURE
----------------------------------------------------------------------------------------------------------*/
.content {

	margin-bottom:50px;
}

.tabs {
  margin-bottom: 30px;
}

	.tab-content > h2:first-child {
		color:#3B74B9;
	}
	
	.tabs a {
  	outline: none !important;
  	line-height: 22px !important;
	}


/*----------------------------------------------------------------------------------------------------------
#############################################  STYLEGUIDE EXTRAS
----------------------------------------------------------------------------------------------------------*/

/*# WELLS #*/
.well {
	clear:both;
}
	.well blockquote {
		margin: 0;
	}
	.well .figure.no-frame + .content {
		margin-left: 180px;
	}
	
	.well .figure.no-frame + .content.margin-tweak {
  	margin-left: 200px;
	}
	
  .well ul {
  	margin:0 0 1.5em 1.5em;
  }	

/*# VIDEO EXPANDER OVERIDES #*/
.video-expander {
	margin: 0 20px 30px 0;
}

/*# BANNER #*/
.banner {
  min-height: 175px;
}

.banner-inner h1 {
	margin: 40px 0 0;
}

.banner-inner h2 {
	margin: 10px 0;
}


/*----------------------------------------------------------------------------------------------------------
#############################################  Content
----------------------------------------------------------------------------------------------------------*/

/* A Great Place to Work */
.medibank-family {

}

.benefits-list {
	list-style:none;
	margin:2em 0 0;
	overflow:hidden;
	padding:0;
}
	.benefits-list li {
		float:left;
		margin:0 0 2em;
		width:330px;
	}
		.benefits-list li.first {
			clear:both;
			margin-right:20px;
		}
	.benefits-list h3 {
		font-family:'BreeMedibankWeb', Arial, sans-serif;
		margin:0 0 5px;
	}
		.benefits-list h3 .icon-ok {
			margin:0 10px 0 0;
		}
	.benefits-list p {
		margin:0;
	}
	
/*
 * A great place to work
 *
 */
 
.well blockquote h3 {
  font-family: 'BreeMedibankWeb', Arial, sans-serif;  
}

/*# THE MY SECTIONS #*/
.section-sub {
	background:url(../images/bg-dotted.png) bottom repeat-x;
	margin:0 0 40px;
	padding:0 0 40px;
}

	.section-sub:last-child {
		background: none;
	}
	
	.section-sub.last {
		background: none;
	}
	
	
	.section-sub-half {
		float:left;
		margin-right:60px;
		width:294px;
	}
		.section-sub-half.last {
			margin:0;
		}
		
	.section-sub .frame {
		margin-right:20px;
	}
	
		.align-right .section-sub .frame {
			margin:0 0 20px 20px !important;
		}
		
	.section-sub-half .figure {
		margin-bottom:30px !important;
	}
	
	
/* My career */
.section-my-career {
	background:#fff url(../images/grad-section-bottom.jpg) repeat-x bottom;
	padding:0 0 20px !important;
}
  
  .section-my-career h3 {
    color: #2C5697;
  }

	.section-my-career-inner {
		background:url(../images/grad-section-top.jpg) repeat-x;
		padding:50px 25px 0;
	}
	
	.section-my-career .section-header-wrapper { /*Don't ask.*/
		background:url(../images/bg-mycareer.png) 0 80px no-repeat;
		margin:0 -25px;
		padding:0 25px 250px;
	}
	
	.section-my-career .figure.frame {
		width: 294px;
	}
	
	.section-my-career .figure.no-frame-left {
    float: left !important;
    margin-top: -100px !important;
    margin-bottom: 20px !important;
	}
	
	.section-my-career .polaroids {
  	margin: 10px 20px 50px 20px !important;
	}
	
	
/*# MY WELLBEING #*/
.my-wellbeing-image {
	display:inline;
}
	.my-wellbeing-image-end {
		margin:0 0 0 20px;
	}
	
	
/*# COMMUNITY #*/
.section-my-community {

}
	.section-my-community h3 {
		color:#009ca6;
		font-family: 'BreeMedibankWeb', Arial, sans-serif;
	}
	.section-my-community .figure.no-frame-right {
		margin-right:-25px !important;
	}
	.section-my-community .figure.no-frame-right img {
		bottom:auto;
		position:relative;
		right:auto;
	}
	
	.section-my-community ul li {
  	margin-bottom: 0;
	}
	
	.section-my-community .show-more-content {
  	margin-top: 30px;
	}

/*# SHOW MORE CONTENT #*/
.show-more-content {
	width:100%;
}
	.show-more-content.loaded {
		display:none;
	}
	
	.show-more-content p,
	.show-more-content h3 {
		margin-top: 0;
	}
	
	a.show-more {
  	
	}
  	a.show-more:hover span {
    	text-decoration: none;
  	}

/* Our values */
.our-values {
  margin-top: 45px;
}

.our-values .img-medibank-values {
  margin-top: 15px;
}

/*----------------------------------------------------------------------------------------------------------
#############################################  CONTENT ACCORDION
----------------------------------------------------------------------------------------------------------*/
.content-accordion {
	margin:30px 0;
}
	.content-accordion-header {
		background:#00A3E0;
		color:#fff;
		cursor: pointer;
		font-size:18px;
		line-height:2.5;
		margin:0;
		padding:0 20px;
	}
		.content-accordion-header:hover,
		.content-accordion-header.active {
			background:#0b9ed5;
		}
		.content-accordion-header:first-of-type {
			border-radius:5px 5px 0 0;
		}
		.content-accordion-panel:last-of-type {
			border-radius:0 0 5px 5px;
		}
		.content-accordion-header:after {
			content: "\f078";
			display: inline-block;
			font-family: MedibankIcons;
			float:right;
			-webkit-transition:all 500ms ease;
			-moz-transition:all 500ms ease;
			-o-transition:all 500ms ease;
			transition:all 500ms ease;
		}
			.content-accordion-header.active:after {
				-webkit-transform: rotate(-90deg);
				-moz-transform: rotate(-90deg);
				-ms-transform: rotate(-90deg);
				-o-transform: rotate(-90deg);
				transform: rotate(-90deg);
			}
	.content-accordion-panel {
		color:#07A;
		background:#EBF4F8;
		border:solid 1px #00A3E0;
		height:0;
		margin-bottom:1px;
		overflow:hidden;
	}
		.content-accordion-panel p,
		.content-accordion-panel ul {
			padding:0 20px;
		}
		.content-accordion-panel.open {
			height:auto;
		}

/*----------------------------------------------------------------------------------------------------------
#############################################  VIDEO BANK
----------------------------------------------------------------------------------------------------------*/
.youtube-bank {
	margin: 4em 0;
}
.youtube-bank-player {
	height:0;
	margin:1.5em 0;
	overflow:hidden;
	-webkit-transition:height 500ms ease;
	-moz-transition:height 500ms ease;
	-o-transition:height 500ms ease;
	transition:height 500ms ease;
}
	.youtube-bank-player.visible {
		border-bottom:solid 1px #e3e3e3;
		height:600px;
	}
	.youtube-bank-player iframe {
		margin:1.5em 0;
	}

/*----------------------------------------------------------------------------------------------------------
#############################################  FORM WIDEGT _ FOR STYLEGUIDE POTENTIALLY
----------------------------------------------------------------------------------------------------------*/
.form-widget {

}
	.form-widget fieldset {
		background:#fff;
		margin:0;
	}
	.form-widget h3 {
		padding:0;
	}
	.form-widget label {
		color:#737373;
		display: block;
		font-size:14px;
		font-size:14rem;
		line-height:1.5;
	}
	.form-widget input[type=text],
	.form-widget select {
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		width: 100%;
	}
		.ie7 .form-widget input[type=text] {
			width:auto;
		}
	.form-widget .btn {
		font-family: 'MedibankIcons', 'BreeMedibankWeb', Arial, sans-serif;
		margin:0;
	}
		.ie7 .form-widget .btn {
			font-family: 'BreeMedibankWeb', Arial, sans-serif;
		}
/*----------------------------------------------------------------------------------------------------------
#############################################  CAREERS FOOTER
----------------------------------------------------------------------------------------------------------*/
.careers-footer {
	/* background:#d40f7d url(../images/banner-careers.png) 50% -75px no-repeat; */
	background: #b0008e;
	margin:0 0 -60px;
	min-height: 90px;
}

  .careers-footer .wrapper {
    position: static !important;  
  }
  
	.careers-footer h3 {
		color:#fff;
		font:2.6em 'BreeMedibankWeb', Arial, sans-serif;
		line-height:2.5;
		margin:0;
	}
	
	

/*----------------------------------------------------------------------------------------------------------
#############################################  Removed from index-results.html 
----------------------------------------------------------------------------------------------------------*/

.sewmaincontent{
	margin: 0 auto;
    overflow: hidden;
	position: relative;
	width:960px;
	top: 0px;
}

.customnav * {
	margin: 0;
	padding: 0;
}

.customnav ul {
	list-style-type: none;
	/*background-image: url(navi_bg.png);*/
	height: 80px;
	width: 663px;
	margin: auto;
}

.customnav li {
	float: left;
}

.customnav ul a {
	background: url('navdot2.png') no-repeat right center;
    border-top: 0px none transparent;
    padding: 14px 17px 14px 16px;	
    display: block;
    z-index: 20;
	font-family: Tahoma, arial, monospace;
	font-size: 1.3em !important;
	color: #FFF;
}

.customnav ul a:hover {	
	background: #fff;
	color: #575756;
	border: none none;
	border-style:none;
	border-width:0px;
}
 #jobs-form h2,  #jobs-form h3 {color: #3399CC;  margin: 15px 0; line-height: 120%;} 
 #search-keyword { width: 200px;}
  #jobs-form #applicant-login {font-weight:normal; float:right; padding:8px 15px; margin-right:60px; width:160px}
 #pup-search {
    border-bottom: 0;
    margin-bottom: 1em;
    padding-bottom: 1em;
 }
  #jobs-form h4 {color: #3399CC; margin:10px 0}
  #pup-aside {
    width: 26%;
}
  th {font-weight:bold}
  .apply-link {background-color: #3399CC !important; color:#ffffff !important }
  
  ul.filter li {margin:4px 0}
 
  /* IE fix */
  .searchPanel {
  *position:absolute;
  }
  
  #v5-header .searchPanel .searchArea input#search {
  *margin-top:-45px;
  height: 24px\9;
  padding-top:8px\9;
  }
  
.searchPanel .searchArea .searchButton { *top: -18px;}
  #jobs-form #applicant-login { *margin-top:-45px}
  /* IE fix end*/


/*Added to make the third button (back to search result button) blue as per PageUp request */
.back-link, .apply-link {
    background-color: #3399CC !important;
    color: #FFFFFF !important;
}


/*
 * OT3 hacks 
 *
 */

.search-site {
	width: auto;
	height: auto;
	border: none;
	border-radius: 0;
	margin-left: 0;
}
 
	.search-site .search-input {
		position: relative;
		top: -6;
		left: auto;
		width: 200px;
		height: 26px;
		border: 1px solid #e5e5e5;
		font-size: 18px;
		padding: 10px 50px 10px 20px;
	}
	
	.search-site .search-btn {
		border-left: none;
	}



.careersHero
{
    float: none;
    height: auto;
    left: auto;
    margin-bottom: 35px;
    margin-left: 10px;
    margin-top: 20px;
    position: relative;



}

.careersHero .banner-inner, .careersHero .row
{
	height:175px;
}