@charset "utf-8";
/* CSS Document */
/* SERVICE NAVIGATION (NEW)
----------------------------------------------------*/

#contentMain {
	margin-top: 5px;
	}
	
#serviceHeader {
	margin-top: 20px;
	margin-bottom: 0;
	width: 940px;
	height:95px;
}
#serviceHeader h1.serviceLogo {
	float: left;
	position: relative;
	font-size: 100%;
	width: 329px;
	height: 83px;
	margin: 7px 0 0 0!important;
	}
#serviceHeader h1.serviceLogo span {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: url(../global/images/logo_navy.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	}
#serviceHeader ul#subNav {
	width: 500px;
	height: 35px;
	position: static; /* This change needs to be made on global.css */
	float: right;
	margin: 60px 0 0 0;
	padding: 0;
	overflow: hidden;
	text-align: left;
	}
#serviceHeader ul#subNav li {
	padding: 0;
	display: inline;
	overflow: visible;
	}
#serviceHeader ul#subNav li a {
	background-image: url(images/menu_navy.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 0;
	padding: 0;
	float: left;
	padding-top: 84px;
	overflow: hidden;
	width: 382px;
}

#serviceHeader ul#subNav li#ln_lifestyle a:link, #serviceHeader ul#subNav li#ln_lifestyle a:visited {
	width: 77px;
	background-position: 9px 3px;
}
#serviceHeader ul#subNav li#ln_lifestyle a:hover {
	background-position: 9px -29px;
}

#serviceHeader ul#subNav li#ln_training a:link, #serviceHeader ul#subNav li#ln_training a:visited {
	width: 80px;
	background-position: -70px 3px;
}
#serviceHeader ul#subNav li#ln_training a:hover {
	background-position: -70px -29px;
	}

#serviceHeader ul#subNav li#ln_pay a:link, #serviceHeader ul#subNav li#ln_pay a:visited {
	width: 116px;
	background-position: -150px 3px;
}
#serviceHeader ul#subNav li#ln_pay a:hover {
	background-position: -150px -29px;
}

#serviceHeader ul#subNav li#ln_jobs a:link, #serviceHeader ul#subNav li#ln_jobs a:visited {
	width: 51px;
	background-position: -268px 3px;
}
#serviceHeader ul#subNav li#ln_jobs a:hover {
	background-position: -268px -29px;
}

#serviceHeader ul#subNav li#ln_reserve a:link, #serviceHeader ul#subNav li#ln_reserve a:visited {
	width: 75px;
	background-position: -320px 3px;
}
#serviceHeader ul#subNav li#ln_reserve a:hover {
	background-position: -320px -29px;
}

#serviceHeader ul#subNav li#ln_technology a:link, #serviceHeader ul#subNav li#ln_technology a:visited {
	width: 100px;
	background-position: -395px 3px;
}
#serviceHeader ul#subNav li#ln_technology a:hover {
	background-position: -395px -29px;
}


#serviceHeader ul#subNav li#ln_lifestyle a.active:link, #serviceHeader ul#subNav li#ln_lifestyle a.active:visited {
	background-position: 9px -61px;
	}
#serviceHeader ul#subNav li#ln_training a.active:link, #serviceHeader ul#subNav li#ln_training a.active:visited {
	background-position: -70px -61px;
	}
#serviceHeader ul#subNav li#ln_pay a.active:link, #serviceHeader ul#subNav li#ln_pay a.active:visited {
	background-position: -150px -61px;
}
#serviceHeader ul#subNav li#ln_jobs a.active:link, #serviceHeader ul#subNav li#ln_jobs a.active:visited {
	/*background-position: -268px -61px;*/
	background-position: 10px 5px;
	background-image: url(images/active_navy_jobs.jpg);
}
#serviceHeader ul#subNav li#ln_reserve a.active:link, #serviceHeader ul#subNav li#ln_reserve a.active:visited {
	/*background-position: -320px -61px;*/
	background-position: 11px 5px;
	background-image: url(images/active_navy_reserve.jpg);
}
#serviceHeader ul#subNav li#ln_technology a.active:link, #serviceHeader ul#subNav li#ln_technology a.active:visited {
	/*background-position: -395px -61px;*/
	background-position: 10px 5px;
	background-image: url(images/active_navy_technology.jpg);
}
/* Service Sub navigation section */
#serviceSubNav, #categorySubNav {
	background-image: url(images/subnav_bg_navy.jpg);
	background-repeat: no-repeat;
	background-position: 0;
	height: 41px;
	margin-top:	0px;
	}
#categorySubNav {
	background-image: url(../global/images/jobHeader_bg_navy.jpg);
	height: 52px;
	}
#serviceSubNav ul, #categorySubNav ul {
	margin: 0 0 0 1em;
	}
#serviceSubNav ul li {
	float: left;
	background-image: none;
	padding: 10px 0 13px 0;
	margin: 0;
	margin-right: 20px;
	}
#serviceSubNav ul li#current {
	background-image: url(../global/images/bg_arrowWhiteNavy.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	}
#serviceSubNav ul li a:link, #serviceSubNav ul li a:visited {
	color: #8eadc4; 
	font-weight: normal;
	}
#serviceSubNav ul li a:hover {
	color: #fff;
	}
#serviceSubNav ul li#current a:hover {
	color: #fff;
	}
#jobCatSubNav ul li {
	float: left;
	background-image: none;
	padding: 0;
	margin: 0 30px 5px 0;
	}
#jobCatSubNav {
	border-bottom: 1px solid #d3d2d2;	
	margin-bottom:	0px;
	}
#jobCatSubNav a:link, #jobCatSubNav a:visited {
	color: #666;
	font-weight: normal;
	}
#jobCatSubNav a:hover {
	color: #023d66;
	font-weight: normal;
	}
#jobCatSubNav a.active {
 	color: #023d66;
	font-weight: bold;
	}
.catBannerButt {
	margin-top: 8px;
	margin-right: 8px;
	}
/* Drop down list of job categories */
ul.jobCategorys li#currentCategory img {
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
	}
ul.jobCategorys li#currentCategory span {
	color: #b3b3b3;
	}
ul.jobCategorys li#currentCategory a strong {
	color: #9fb6c4;
	}
/*TYPOGRAPHY
----------------------------------------------------*/
h1, h2, h3, h4, h5, h6, .group strong {
	color: #02406c;
}
h1 {
	margin-bottom: 0;
	}
h2, h3, h4 {
	margin-top: 35px;
}
h4.rightColHeader {
	margin-top: 0;
	}
.group h5 {
	color: #2872bb;
	}
a, a:active, a:visited, a:link {
	color: #023d66;
	text-decoration: none;
	font-weight: bold;
}
a:focus, a:hover, a:active, ul.jobCategorys li.hover h3 a:link, ul.jobCategorys li.hover h3 a:visited {
	color: #1d5e8c;
	text-decoration: underline;
}
ul li {
	background-image: url(images/arrow_lightBlue.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}
#subNav a.active, #subNav a:link.active, #subNav a:visited.active {
	color: #1f2f55;
	font-weight: bold;
}
	
/*TABS
----------------------------------------------------*/
#tabNav{
	background: url(images/bg_subnav.jpg) repeat-x;
}
#tabs #current {
  	background-image: url(images/tabs_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#tabs #current a, #tabs #current a:link, #tabs #current a:visited {
	background-image: url(images/tabs_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

/* LOGO
----------------------------------------------------*/
#sLogo {
	top: 20px;
}

/* JOBS
----------------------------------------------------*/

.jobBlock .rpHeader,
.divFeaturedJobs .rpHeader{
	background-image: url(/navy/images/radPanel_header-bg.jpg);
	padding-bottom:9px;
}
.divFeaturedJobs .rpHeader a {
	font-weight: normal;
	color: #b5bcc1;
	}

.jobBlock .jobSummary, .jobBlock .availableInSml li {
	color:#45769F;
}
.jobCategories dd a, .jobCategories dd a:link, .jobCategories dd a:visited {
	background: url(/navy/images/icon_oneArrow.png) no-repeat 0 1px;
}
a.next {
	background: url(/navy/images/arrow_navyBlue.gif) right 6px no-repeat;
	padding-right: 8px;
	}

.banner h1 {
	background: url(/navy/images/lm_navy.gif) no-repeat 0 0;
	padding: 25px 0 0 116px;
	font-size: 230%;
}
.banner h5 {
	clear: both;
	padding-left: 116px;
}
.banner a, .banner a:link, .banner a:visited {
	background: url(/navy/images/butt_bg.png) no-repeat 0 0;
}
.banner a:focus, .banner a:hover, .banner a:active {
	background: url(/navy/images/butt_bg.png) no-repeat 0 -24px;
}
#navigation h2 {
	background: url(/navy/images/bg_navTitle.gif) no-repeat 0 0;
}
#navigation li a, #navigation li a:link, #navigation li a:visited {
	background: url(/navy/images/bg_navigation.gif) no-repeat 0 0;
}
#jobSubNav .JSNactive, #jobSubNav .JSNactive:hover{
	background-color: #02406c;
}
#jobSubNav a:focus, #jobSubNav a:hover, #jobSubNav a:active {
	color: #02406c;
}

/* All Jobs Menu */
#showAllJobsList div.split ul li {background-image:url(/navy/images/arrow_lightBlue.gif);}
#showAllJobsList div.split ul li a {color:#1C62A7;}
#showAllJobsList ul li.selected {background-color:#02406C;}

#extra .downloadRelated li a, #extra .downloadRelated li a:link, #extra .downloadRelated li a:visited, #PriorityJobs h3 a, #PriorityJobs h3 a:link, #PriorityJobs h3 a:visited {
	color: #373737;
	background: url(/navy/images/icon_oneArrow.png) no-repeat 0 2px;
}
#PriorityJobs h3 a, #PriorityJobs h3 a:link, #PriorityJobs h3 a:visited {background-position: 0 4px;}
.jlCol h4, .jlCol h3 {
	margin-top: 0;
	}
	
/*MISC
----------------------------------------------------*/
.catBannerButt a, .catBannerButt a:link, .catBannerButt a:visited
{
	background:transparent url(/navy/images/butt_bg.png) no-repeat;
}
* html .catBannerButt a, * html .catBannerButt a:link, * html .catBannerButt a:visited 
{
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/navy/images/butt_bg.png',sizingMethod='crop') !important;
	cursor: pointer;	
}
.catBannerButt a:hover
{
	background-position: 0 -24px;
}

.butt, .butt:link, .butt:visited {
	background-image:url(images/butt_bg.png);
	background-position: 0px 0px;
	width: 103px;
	height: 24px;
	z-index: 2;
}
.butt:focus, .butt:hover, .butt:active {
	background-image:url(images/butt_bg.png);
	background-position: 0px 24px;
}
.buttLge, .buttLge:link, .buttLge:visited {
	background-image:url(images/butt_lge_bg.png);
	background-position: 0px 0px;
	}
.buttLge:focus, .buttLge:hover, .buttLge:active {
	background-image:url(images/butt_lge_bg.png);
	background-position: 0px 24px;
	}
.arrowLink {
	background-image: url(images/arrow_navyBlue.gif);
	background-repeat: no-repeat;
	background-position: right 4px;
	padding: 0 10px 0 0;
}
#featJobHeader {
	background-image: url(images/radPanel_header-bg.jpg);
	background-repeat: repeat-x;
}
.featBox, .featBoxHorizontal, .featBox2 {
	background-color: #1b3f5a;
	color: #a9ceea;
}
.intro {
	color: #1f2f55;
}
.highlightShaded .light {
	background-color: #ececec;
}
.highlightShaded .dark {
	background-color: #c1cbd2;
}
.highlightShaded .breakfast {
	background-image: url(lifestyle/images/ttl_breakfast.gif);
}
.highlightShaded .lunch {
	background-image: url(lifestyle/images/ttl_lunch.gif);
}
.highlightShaded .dinner {
	background-image: url(lifestyle/images/ttl_dinner.gif);
}
.highlightShaded .honor {
	background-image: url(lifestyle/images/ttl_honor.gif);
}
.highlightShaded .honesty {
	background-image: url(lifestyle/images/ttl_honesty.gif);
}
.highlightShaded .courage {
	background-image: url(lifestyle/images/ttl_courage.gif);
}
.highlightShaded .integrity {
	background-image: url(lifestyle/images/ttl_integrity.gif);
}
.highlightShaded .loyalty {
	background-image: url(lifestyle/images/ttl_loyalty.gif);
}
.highlightShaded .graduatingEntry {
	background-image: url(lifestyle/images/ttl_graduatingEntryOfficers.gif);
}
.highlightShaded .directEntry {
	background-image: url(lifestyle/images/ttl_directEntryOfficers.gif);
}
.highlightShaded .sailors {
	background-image: url(lifestyle/images/ttl_sailors.gif);
}
.highlightShaded .people {
	background-image: url(lifestyle/images/ttl_people.png);
}
.highlightShaded .performance {
	background-image: url(lifestyle/images/ttl_performance.png);
}
.highlightShaded .professionalism {
	background-image: url(lifestyle/images/ttl_professionalism.png);
}
.highlightShaded div p.indent {
    margin: 0 20px 0 196px;
    line-height: 22px;
}
.highlightShaded.smaller-top-margin 
{
	margin-top: 20px;
}
h2.top-spacer 
{
	margin-top: 90px;
}
.featBox.set-height
{
	min-height: 588px;
}
.imgLeft.smaller-top-margin 
{
	margin-top: 27px;
}
.imgLeft img.text-wrap
{
	margin: 4px 20px 0 0;
}
.imgLeft p.text-wrap
{
	margin: 0;
}
.highlightShaded li, .highlightShaded div p {
	color: #1b3f5a;
}
.caption, .captionRight, captionRight2 {
	color: #003366;
}
ul.jobCategorys a span, ul.jobCategorys a p {
	color: #4a4949;
}
ul.jobCategorys a strong, ul.jobCategorys a em, ul.featuredJobs a strong {
	color: #02406c;
}
ul.jobCategorys a em {
	background: url(/navy/images/arrow_navyBlue.gif) no-repeat right 4px;
}
ul.featuredJobs a, ul.featuredJobs a:link, ul.featuredJobs a:visited {
	color: #45769f;
}
ul.featuredJobs a strong {
	background: url(/navy/images/arrow_circle.gif) no-repeat left center;
}
.captionRight span {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 120px;
}
.columnStyleTwo #leftCol .captionRight span,  {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100px;
}
.columnStyleOne #leftCol .captionRight span {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 120px;
}

.playVideoNavy {
	position: absolute;
	}
.playVideoNavy img{
	float:left;
	margin:4px 10px 0 0;
	}
.playVideoNavy .videoInfo {
	float: left;
	}
.playVideoNavy .videoInfo h2, 
.playVideoNavy .videoInfo strong {
	color:#FFFFFF;
	margin:0;
	}
.playVideoNavy .videoInfo p {
	font-size:8pt;
	margin-bottom:5px;
	color:#a9ceea;
	}
.playVideoNavy .videoInfo img {
	margin: 0 5px 0 0;
	float: left;
	}
.playVideoNavy .videoInfo strong {
	font-size: 8pt;
	}


/*SERVICE FOOTER		
----------------------------------------------------*/

#serviceFooter .enquire a strong, #serviceFooter .enquire a:link strong, #serviceFooter .enquire a:visited strong {
	background-image: url(/navy/images/butt_bg.png);
}
#serviceFooter .enquire a, #serviceFooter .enquire a:link, #serviceFooter .enquire a:visited {
	background-image: url(images/butt_bg.png);
	}
* html #serviceFooter .enquire a, * html #serviceFooter .enquire a:link, * html #serviceFooter .enquire a:visited, * html #serviceFooter .enquire a:hover {
	background-image: url(images/ie_butt_bg.png);
	background-position: 0 0;
	}
#extra ul#stateTwo li ul.types-of-entry li.selectedEntry {
	background-image: url(images/bg_navTitle.gif);
	}
	
/* JOBSVIEW PAGE
------------------------------------------------------*/
#entryFilterBox {
	background-image: url(../global/images/jobfilter_navy.gif);
	}
#entryGroupFilterBox {
	background-image: url(../global/images/jobfilter_navy.gif);
	}
#extra .crossell {
	background: #1F2F55 url(/global/images/crossellBottom.png) no-repeat bottom;
	}
		
#extra .crossellInner {
	background: #1F2F55 url(/global/images/crossellTop.png) no-repeat 0 0;
	}
#extra .crossellInner,
#extra .crossellInner a {
	color: #fff;
	}
#extra .crossellInner p {
	color: #ccc;
	}
/* IMAGES
------------------------------------------------------*/
.leftThumb {
	margin-top: 28px;
	}
	
/* TERMS AND CONDIITIONS FOR IE6 
------------------------------------------------------*/
ol.termsAndCond li {
	margin-left: 15px;
	margin-bottom: 1em;
	}


/* SERVICE FOOTER */

#serviceFooter .chat img {
	margin-right: 4px;
}
#serviceFooter .chat a, #serviceFooter .chat a:link, #serviceFooter .chat a:visited {
	margin-right: 17px;
	width: 167px;
}

/* JOB CATEGORY HEADINGS 
-------------------------------------------------------*/
#categorySubNav h1.omHeading span {background-image: url(images/heading_officersandmanagement.gif);}
#categorySubNav h1.avHeading span {background-image: url(images/heading_aviation.gif);}
#categorySubNav h1.enHeading span {background-image: url(images/heading_engineering.gif);}
#categorySubNav h1.taHeading span {background-image: url(images/heading_tradesandapprenticeships.gif);}
#categorySubNav h1.hcHeading span {background-image: url(images/heading_navy_healthcarescienceandchaplaincy.png);}
#categorySubNav h1.ceHeading span {background-image: url(images/heading_navy_communicationitandintelligence.png);}
#categorySubNav h1.lsHeading span {background-image: url(images/heading_logisticsHospitalityandSupport.gif);}
#categorySubNav h1.baHeading span {background-image: url(images/heading_navy_businessadministrationandeducation.png);}
#categorySubNav h1.csHeading span {background-image: url(images/heading_combatandsecurity.gif);}



/* Testing */

#leftCol + p {
	font-size: 120%;
	color: #C1C1C1;
	}


#jobMethodOfEntry h4 {
    background-image: url(/navy/images/method_navy.png);
}


.atAGlance strong {
    color:#1D5E8C;
}

#contentMain h1.deploymentExercise{
		background:url(/navy/images/ttl_deployments.gif) top left no-repeat; 
		width:419px; 
		height:30px;
		text-indent:-9999px;
		margin-bottom:25px;
}

/* Featured Officer jobs */
	.featuredOfficersJob {
		position: relative;
		width: 356px;
		height: 300px;
	}
	.featuredOfficersJob .featureActions {
		position: absolute;
		top: 260px;
		left: 10px;
		width: 335px
	}
	.featureActions a:link, .featureActions a:visited {
		float: left;
		display: block;
		font-size: 85%;
		color: #ffffff;
	}
	.featureActions a.arrowLink:link, .featureActions a.arrowLink:visited {
		float: right;
		
	}	
	.featureActions a.plyLink:link, .featureActions a.plyLink:visited {
		background-image: url(/airforce/officersandmanagement/images/img_VideoPlayBtn.png);
		background-repeat: no-repeat;
		padding-left: 23px;
		padding-bottom: 3px;
	}
	#lowerSection .arrowLink {
		background-image: url(/global/images/arrow_white.gif);
		
	}
	.arrowLink {font-size: 85%;}
#lowerSection .featuredOfficersJob {
	margin-left: 30px;
	display: inline;
}

div.leftThumb, div.rightThumb {
	float: none!important;
	/*display: inline;*/
}
* html .leftCol {
	display: inline!important;
}
* html .rightCol {
	display: inline!important;
}
* html #lowerSection {overflow: hidden;}
#lowerSection h2 a:link, #lowerSection h2 a:visited {
	color: #ffffff;
}
#lowerSection p a:link, #lowerSection p a:visited {
	color: #ffffff;
	font-size: 85%;
}	


#upperSection .playVideoNavy {
	cursor: pointer;
	margin-left: 35px;
	display: inline;
	margin-top: 10px;
}
#upperSection .playVideoNavy a {
	cursor: pointer;
	text-decoration: none;
	display: block;
}
#upperSection .videoInfo p {color: #84aed8; margin-bottom: 3px;}
#upperSection .playVideoNavy .videoInfo {margin-left: 10px;}


/*////////////////////////////////
	New media player links 
////////////////////////////////*/

.mediaLink .videoInfo h2 {
	color:#004469;
	margin-bottom:3px;
}
.mediaLink .videoInfo p {
	color:#326bb8;
}
.mediaLink img {
	border-color:#094368;
}
.featureMediaLink .videoInfo h2,
.featureMediaLink .videoInfo p.playButton{
	color:#fff !important;
}
.featureMediaLink .videoInfo p {
	color:#84AED8;
}
.featureMediaLink img {
	border-color:#6b696a;
}
.featureActions .mediaLink a img{
	width:150px !important;
	height:20px;
}
