/* content.css
styles for specific content types
---------------------*/

/* messages
----------------------*/

.message {
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-color: #fff ;
    border			: 1px solid #aaa;
}

.message ul {
	margin-bottom: 0;
}

.message .content {
	padding: 0.5em 0 0.5em 0;
	margin: 0;
}

.error{
	color			: #DD1600;
}

/* banner
---------------*/

.banner {
	padding: 10px;
	background: #ddd;
	border: 1px solid #ccc;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
}



/* highlight
---------------------*/

.highlight
{
    margin-bottom: 10px;
	background: #FFFFED url("images/highlight-bg.jpg") repeat-x 0 0;
	border: 1px solid #F4EBAA;
}

.highlight p {
	padding: 1em;
	font-size: 1.5em;
	line-height: 160%;
}

ol.highlight,
li.highlight
{
    border: 1px solid #D5E7FF;
    background: #fff url("images/highlight-list-bg.jpg") repeat-y 0 0;
}

/* lists
----------------*/

.list-item
{
    overflow: hidden;
}

/* promo
----------*/
.promo,
.promo-group
{
    overflow: hidden;
    border-top: 1px solid #B0D0FF;
    background: #fff url("images/promo-bg.jpg") repeat-x 0 0;
}

.promo-group
{
    background: url("images/promo-group-bg.jpg") no-repeat 50% 1px;
}

.promo-group .promo
{
    border: none;
}

.promo img,
.promo .content
{
    float: left;
}
.promo img
{
    /* align top with image to compensate for line-height*/
    margin-top: 5px;
}

.box img
{
    clear: left;
    float: left;
}

.img-right img
{
    float: right;
    clear: none;
    margin-left: 10px;
    margin-bottom: 10px;
}

.img-right .content
{
    clear: left;
    width: 150px;
}

.promo h2
{
    margin-bottom: 15px;
    text-transform: uppercase;
}
.promo p
{
    margin-top: 0;
}

.promo p.note
{
    float: left;
}


/* list-latest-jobs
---------------------*/

.list-latest-jobs
{
    background: #fff url("images/latest-jobs-bg.jpg") no-repeat 0 100%;
   /* -moz-box-shadow: inset 0 0 8px 3px #ECF2FF;*/
}

#content-tertiary .list-latest-jobs h3
{
    margin: -10px -10px 0 -10px;
    background: #233E99;
    color: #fff;
}

.list-latest-jobs h3 a, .list-latest-jobs h3 a:visited
{
    color: #fff;
    display: block;
    padding: 3px 3px 5px 10px;
    margin: 0;
    background: url("images/btn-nolabel.jpg") no-repeat 100% 0;
}

.list-latest-jobs h3 a:hover,
 .list-latest-jobs h3 a:focus
{
     background-position: 100% -24px;
}

.list-latest-jobs ul
{
    margin: 0 -9px 0 -9px;
}

.list-latest-jobs li
{
    padding: 10px;
    background: url("images/latest-jobs-job-bg.jpg") repeat-x 0 0;
  /* -moz-box-shadow: inset 0 0 8px 3px #ECF2FF;*/
}

.list-latest-jobs li a,
.list-latest-jobs li span
{
    display: block;
}

.list-latest-jobs li a
{
    background: url("images/bullet-heading-link.gif") no-repeat 100% 50%
}

.list-latest-jobs a
{
    font-weight: bold;
}
.list-latest-jobs .foot
{
        margin: 0 -9px 0 -9px;
        padding: 10px 10px 0 10px;
        background: url("images/latest-jobs-job-bg.jpg") repeat-x 0 0;
}


/* list-images
-----------------*/

.c12 .g8 .list-images .list-item {
	float: left;
	clear: none;
	width: 164px;
	padding: 10px;
	margin:10px;
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	overflow: hidden;
}

.list-images .content {
	margin-left: -10px;
	margin-right: -10px;
}

.list-images li.list-item a.image {
	margin-bottom: 10px;
}

/* list-documents
-------------------*/

.list-documents .file
{
display: block;
background: url("images/icons/bwpx-icns/icons/document.gif") no-repeat 0 0;
padding-left: 20px;
}
.list-documents .description
{
    float: left;
    clear: none;
}

.g5 .list-documents .description
{
    width:  160px;
}

/* list-training
-------------------*/

.list-training .description
{
    float: left;
    clear: none;
}

.g5 .list-training .description
{
    width:  200px;
}

/* list-promo
--------------------*/
.list-promo
{
    padding: 0;
    background: #fff url("images/promo-list-bg.jpg") repeat-y 0 0;
}

.list-promo ul
{
    margin: 0;
    background: url("images/promo-list-item-border.jpg") no-repeat 0 100%;
}

.list-promo ul ul
{
    background: none;
}


.list-promo .list-item
{
    padding: 10px;
    background: url("images/promo-list-item-border.jpg") no-repeat 0 0;
}

.list-promo .list-item h3
{
}

/* list-employers
-----------------*/

.list-employers img
{
    clear: none;
}

/* reference
-------------*/

.reference
{
    border: 1px solid #C6DDFF;
    background: #fff;
    /*-moz-box-shadow: inset 0 0 8px 3px #ECF2FF;*/
}

/* dashboard
----------------*/
.my-applications,
.my-alerts,
.my-shortlist
{
    padding-bottom: 0;

}

.my-applications .head .tertiary,
.my-alerts .head .tertiary,
.my-shortlist .head .tertiary
{
    float: right;
}

.my-applications h2,
.my-alerts h2,
.my-shortlist h2,
.my-applications .head a,
.my-alerts .head a,
.my-shortlist .head a
{
    float: left;
    clear: none;
    width: auto;
}


.my-applications .content,
.my-alerts .content,
.my-shortlist .content,
.my-applications .foot,
.my-alerts .foot,
.my-shortlist .foot
{
    margin: 0 -10px 0 -10px;
    border: 1px solid #C6DDFF;
    overflow: hidden;
    float: left;
}

.my-alerts .content,
.my-shortlist .content
{
    border-bottom: none;
}
.my-alerts .foot,
.my-shortlist .foot
{
    border-top: none;
}
.my-applications h2 span,
.my-alerts h2 span,
.my-shortlist h2 span
{
    background: none;
    height: 1.2em;
}

.my-alerts table,
.my-shortlist table
{
    border: none;
}

.my-applications
{
    background: none;
    border-top: none;
}

.my-applications .content .head
{
    padding: 10px;
    margin: 0;
    background: #F2F8FF url("images/nav-paging-bg.jpg") repeat-x 0 100%;
    border: 1px solid #fff;
}

.my-alerts table,
.my-applications table,
.my-shortlist table
{
     border-left: none;
     border-right: none;
     margin: 0;
}

.g6 .my-alerts .content,
.g6 .my-shortlist .content,
.g6 .my-alerts table,
.g6 .my-shortlist table,
.g6 .my-shortlist .foot,
.g6 .my-alerts .foot
{
    width: 343px;
}

.g12 .my-applications .content,
.g12 .my-applications table
{
    width: 708px;
}

.my-alerts table,
.my-shortlist table
{
    border-bottom: none;
}

.my-alerts .foot,
.my-shortlist .foot
{
    padding-bottom: 10px;
    background: url("images/table-row-bg.jpg") repeat-x 0 0;
}

.my-alerts .foot a,
.my-shortlist .foot a
{
    margin: 0 10px 0 10px;
}

/*------*/

.my-applications td.job-title
{
    font-size: 1.3em;
    font-weight: bold;
}

.my-applications .location
{
    display: block;
    padding-left: 8px;
}

/* next-steps
---------------*/

.next-steps
{
    border: 1px solid #E0E0E0;
    background: url("images/next-steps-bg.jpg") repeat-x 0 100%;
    padding-left: 0;
    padding-right: 0;
}
.next-steps h2
{
    color: #00AEEF;
    margin-left: 10px;
}

.next-steps .g3
{
    margin: 10px 0 0 0;
    width: 168px;
    border-right: 1px solid #F0F0F0;
    position: relative;
}

.next-steps .img-apply-now,
.next-steps .img-add-shortlist
{
    position: absolute;
    bottom: 0;
    margin: 10px 0 0 0;
}

.next-steps .omega
{
    border: none;
}

.next-steps img
{
    border: 1px solid #385FA8;
    margin-top: 5px;
}

.next-steps h3
{
    margin: 0 0 10px 0;
}

.next-steps .box
{
    padding-top: 0;
    min-height: 190px;
}

.next-steps .img-add-shortlist
{
    margin-left: -3px;
}

/* job
------------*/
.location
{
    color: #00ACED;
}

h1 .location
{
    font-size: 0.6em;
}

.list-categories li
{
    margin-right: 10px;
    font-size: 0.8em;
}

.list-job-details dd
{
    font-size: 1.2em;
 	font-weight: bold;
}


.list-job-details dt,
.list-job-details dd {
	padding-bottom: 5px;
}

/* flash
------------*/

.flash
{
    float: left;
    margin-bottom: 10px;
}
.flash img
{
    float: left;
    border: 1px solid #aaa;
    background: #666;
    color: #fff;

}

/* quote
--------*/

.quote
{
    border-bottom: 1px solid #B0D0FF;
}

.quote .content
{
    padding-top: 30px;
    background: url("images/quote-bg.png") no-repeat 0 0;
}

/* poll
------------*/

.poll .answers li
{
    padding: 0;
}

.poll .answer p
{
    padding: 0;
    margin: 0;
}

.poll .answer .percent
{
    margin: 5px 0;
    float: left;
}

/* tabs
-----------------------*/

.tab-content
{
    padding-top: 10px;
}


/* user-panel
-------------------*/

#user-panel
{
    text-align: right;
    overflow: visible;
}

#user-panel #quick-login
{
    margin-top: -6px;
}

#user-panel #quick-login .tertiary,
#user-panel .logged-in .tertiary
{
    font-weight:normal;
}

#user-panel .not-logged-in a
{
    float: right;
    clear: none;
    width: auto;
    margin-left: 0.8em;
}

#user-panel #user-panel-default
{
    padding-top: 15px;
}

#user-panel p {
 margin: 0;
 padding: 0 6px 0 0;

}

#user-panel p a
{
    float: none;
    display: inline;
}

/* search
-------------*/

#search-criteria,
.results-number,
#search-related,
#search-results
{
    margin-bottom: 0;
}

#search-criteria,
.results-number,
#search-related,
#search-results-controls,
#search-results
{
    border-bottom: 1px solid #C6DDFF;
}

#search-related
{
    background: #F8FBFF;
}


/*---------*/

#search-criteria h4
{
    color: #444;
    margin-top: 0;
}

#search-related p
{
    margin: 0;
    float: left;
}


#search-related .tertiary
{
    float: left;
    margin-right: 8px;
}

/*---------*/

#search-results-controls .search-view
{
    margin-bottom: 0;
    padding: 5px 0 5px 0;
    width: 205px;
}


/*--------*/

#search-results
{
   border: 1px solid #C6DDFF;
}



#search-results h3
{
    margin-top: 0;
}

#search-results ul
{
    margin: 0;
}

#search-results .list-item
{
    border-bottom: 1px solid #C6DDFF;
}

#search-results .list-item img
{
    border: 1px solid #C6DDFF;
}


#search-results .list-item .g5
{
    width: 310px;
}

#search-results .list-results .even
{
   background: #F2F8FF;
}

#search-results .list-item .date,
#search-results .list-item .salary
{
    color: #5F5F5F;
}
#search-results .list-item .location,
#search-results .list-item .salary,
#search-results .list-item .description
{
    display: block;
    padding-left: 8px;
    margin-bottom: 0.2em;
}

/*---------*/

#search-results-filter
{
    border: 1px solid #D6D6D6;
    padding: 10px;
}

#search-results-filter h4
{
    margin: 0 0 5px 0;
}



/*----------*/

#search-results-filter h3,
#filter-salary,
#filter-specialism,
#filter-location,
#filter-type,
#filter-date
{
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px;
    border-bottom: 1px solid #D6D6D6;
    border-top: #fff;
    background: #fff url("images/nav-secondary-link-bg.jpg") repeat-x 0 0;
}

#search-results-filter h3
{
    margin: -10px -10px 0 -10px;
    padding: 10px;
    background: none;
}

#filter-date
{
    padding-bottom: 0;
    border-bottom: none;
}
/*--------*/

#filter-location .form
{
    margin-bottom: 10px;
}


/*---------*/

#filter-specialism
{
    position: relative;
}


#filter-specialism .popout ul
{
   /* z-index: 99;*/}

/* job-head
------------*/
#job-head h2
{
    float: left;

}

/* promo-specialisms
-------------------*/

#promo-specialisms
{
    width: 962px;
    margin-left: -2px;
    padding-top: 10px;
    background: url("images/promo-specialisms-top.jpg") no-repeat 0 0;
}

#promo-specialisms .box
{
  padding: 0 2px 6px 2px;
background: url("images/promo-specialisms-bg.jpg") no-repeat 0 100%;}

#promo-specialisms .specialism
{
	display:none;
	background: none;
	padding: 20px;
	margin: 0;
}

#promo-specialisms #default
{
	display:block;
}



#content #promo-specialisms #nav-specialisms
{
	font-weight: bold;
	left:0;
	font-variant: small-caps;
	padding: 0 0 2px 0;
	background: url("images/nav-specialisms-bg.jpg") no-repeat 0 0;
	width:100%;
}

#nav-specialisms li
{
	float		:left;
	text-align: center;
	padding: 0 0 2px 0;
}
#nav-specialisms a span
{
    position: absolute;
    top: 0;
    width: 6px;
    height: 6px;
    display: none;
}

#nav-specialisms li.here span
{
    display: block;
}

#nav-specialisms .tr
{
    right: -3px;
    background: url("images/promo-specialisms-lnk-tr.png") no-repeat 100% 0;
}
#nav-specialisms .tl
{
    left: -3px;
    background: url("images/promo-specialisms-lnk-tl.png") no-repeat 0 0;
}

#nav-specialisms a
{
	position: relative;
	display		:block;
	height		:50px;
	background-position:0 -999em;
	background-repeat:no-repeat;
    text-indent: -9999em;
}

#nav-specialisms a:hover,
#nav-specialisms li.here a
{
	background-position:0 0;
}


#navAccFin {
	width		:112px;
	margin-left: 1px;
}

#navAccFin .tl
{
    left: 1px;
}

#navAccFin a {
	background-image: url("images/nav-specialism-accfin.png");
}
#navConPro {
	width		:113px;
}

#navConPro a {
	background-image: url("images/nav-specialism-conpro.png");
}

#navConPro .tr
{
 right: -2px;
}


#navEdu {
	width		:87px;
}

#navEdu a {
	background-image: url("images/nav-specialism-edu.png");
}

#navEdu .tl
{

}

#navHelSoc {
	width		:99px;
}

#navHelSoc .tl{
	left: -2px;
}


#navHelSoc a {
	background-image: url("images/nav-specialism-helsoc.png");
}

#navITTel {
	width		:79px;
}

#navITTel a {
	background-image: url("images/nav-specialism-ittel.png");
}

#navProSer {
	width		:112px;
}

#navProSer .tr {
	right: -2px;
}

#navProSer a {
	background-image: url("images/nav-specialism-proser.png");
}

#navSalMar {
	width		:96px;
}

#navSalMar a {
	background-image: url("images/nav-specialism-salmar.png");
}

#navRet {
	width		:69px;
}

#navRet a {
	background-image: url("images/nav-specialism-ret.png");
}

#navSupSer {
	width		:87px;
}

#navSupSer a {
	background-image: url("images/nav-specialism-supser.png");
}

#navResEne {
	width		:102px;
}

#navResEne .tl {
	left: -2px;
}

#navResEne .tr {
	right: 1px;
}


#navResEne a {
	background-image: url("images/nav-specialism-resene.png");
}

#specialisms-content h2
{
    font-size: 2.8em;
    font-weight: bold;
	text-transform:uppercase;
	width:550px;
}

#specialisms-content #default h2
{
    font-size: 3.2em;
}

#specialisms-content .specialism
{
    background-position: 700px 20px;
    background-repeat: no-repeat;
    background-image: url("images/h-default.jpg");
    min-height: 200px;
}

#specialisms-content #default
{
    background-image: url("images/h-default.jpg");
}

#specialisms-content #lnavAccFin
{
    background-image: url("images/h-acc-fin.jpg");
}
#specialisms-content #lnavConPro
{
    background-image: url("images/h-con-prop.jpg");
}
#specialisms-content #lnavEdu
{
    background-image: url("images/h-edu.jpg");
}
#specialisms-content #lnavHelSoc
{
    background-image: url("images/h-hea-soc.jpg");
}
#specialisms-content #lnavITTel
{
    background-image: url("images/h-it.jpg");
}
#specialisms-content #lnavProSer
{
    background-image: url("images/h-default.jpg");
}
#specialisms-content #lnavSalMar
{
    background-image: url("images/h-default.jpg");
}
#specialisms-content #lnavRet
{
    background-image: url("images/h-default.jpg");
}
#specialisms-content #lnavSupSer
{
    background-image: url("images/h-default.jpg");
}
#specialisms-content #lnavResEne
{
    background-image: url("images/h-res-eng.jpg");
}


/*------*/

.specialism .content
{
    background-position: 100% 0;
    background-repeat: no-repeat;
    width: 70%;
    padding-right: 30%;
    min-height: 100px;
}


.h-acc-fin .content
{
    background-image: url("images/hsml-acc-fin.jpg");
}
.h-con-prop .content
{
    background-image: url("images/hsml-con-prop.jpg");
}
.h-edu .content
{
    background-image: url("images/hsml-default.jpg");
}
.h-health .content
{
    background-image: url("images/hsml-hea-soc.jpg");
}
.h-it .content
{
    background-image: url("images/hsml-it.jpg");
}
.h-prof .content
{
    background-image: url("images/hsml-default.jpg");
}
.h-sales .content
{
    background-image: url("images/hsml-default.jpg");
}
.h-retail .content
{
    background-image: url("images/hsml-default.jpg");
}
.h-support .content
{
    background-image: url("images/hsml-default.jpg");
}
.h-res-eng .content
{
    background-image: url("images/hsml-res-eng.jpg");
}

.clearfix
{
	display		:block;
	height		:0;
	clear		:both;
	visibility	:hidden;
	line-height	:0;
}


#flash-vid img, .search-results-map img {
	margin:0;
}