@charset "utf-8";
/* CSS Document */

/* RESET
_______________________________________________________________________________________________*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	}

h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
	}

/* remember to define focus styles! */
:focus {
	outline: 0;
	}	

body {
	line-height: 1;
	color: black;
	background: white;
	}
	
ol, ul {
	list-style: none;
	}
	
table {
	border-collapse: separate;
	border-spacing: 0;
	}
	
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
	
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
	
blockquote, q {
	quotes: "" "";
	}

/* GLOBAL
_______________________________________________________________________________________________*/

body {
    /*background: #8eadda url(../img/global/background/cityscape.jpg) no-repeat center 40%;*/
    /*background: #6280d5 url(../img/global/background/christmas.jpg) no-repeat center 10%;*/
    background: #fff url(../img/global/background/poppies.jpg) repeat-x center 	50%;
    background-attachment: fixed;
    height: 100%;
    width: 100%;
}


#globalContainer {
	width: 982px;
	height: 100%;
	margin: 0 auto;
}

/* GLOBAL CLASSES
_______________________________________________________________________________________________*/

.clear {
	clear: both;
	}

.floatRight {
	float: right;
	}

.floatLeft {
	float: left;
	}

.hide {
	display: none;
	}

.textIndent {
	text-indent: -9999px; 
	}

.center {
	text-align: center;
	}

.inline {
	display: inline;
	}

/* GLOBAL LINKS
_______________________________________________________________________________________________*/

a {
	color: #333333;
	font-weight: normal;
	}

a:hover {
	color: #000000;
	}

a.pdf {
	background: url(../../img/icon-pdf.gif) no-repeat right center;
	padding-right: 20px;
	}

/* GLOBAL HEADER
_______________________________________________________________________________________________*/

#globalHeader {
	background: url(../img/global/header/global-content-background.png) repeat-y;
	position: relative;
	float: left;
	width: 982px;
	}

#masthead {
	position: relative;
	float: left;
	width: 100%;
	height: 87px;
	}

#logo {
	position: absolute;
	top: 10px;
	left: 400px;
	}

/* USER NAVIGATION
_______________________________________________________________________________________________*/

#userNav {
	position: relative;
	position: absolute;
	top: 10px;
	right: 20px;
	padding: 10px 0 0 0;
	}

#userNav ul li.hide {
	display: none;
	}

#userNav a {
	padding: 0 3px;
	line-height: 11px;
	color: #727578;
	font-size: 11px;
	text-decoration: none;
	}

#userNav a:hover {
	color: #333333;
	text-decoration: underline;
	}

#userNav li {
	display: inline;
	color: #727578;
	}

#userLinks {
	float: right;
	}

#globalSignIn {
	position: absolute;
	top: 36px;
	right: 0px;
	}

/* GLOBAL NAVIGATION
_______________________________________________________________________________________________*/

#globalNavContainer {
	float: left;
	clear: both;
	width: 100%;
	height: 100%;
	}

#globalNavContainer a {
	text-decoration: none;
	}

/* GLOBAL NAVIGATION MULTI LEVEL
_______________________________________________________________________________________________*/

#globalNavMulti {
	background: url(../img/global/navigation/global-nav-multi-top.gif) no-repeat bottom center;
	position: relative;
	width: 100%;
	text-align: center;
	}

#globalNavMultiBottom {
	background: url(../img/global/navigation/global-nav-multi-bottom.png) no-repeat top left;
	float: left;
	width: 982px;
	height: 74px;
	}

/* PRIMARY
_______________________________________________________________________________________________*/

#globalNavMulti ul#primary {
	text-align: center;
	}

#globalNavMulti ul li  {
	display: inline-block;
	}

#globalNavMulti ul#primary a, #globalNavMulti ul#primary span {
	display: block;
	padding: 9px 20px 15px 20px;
	font-size: 14px;
	}

#globalNavMulti ul#primary a {
	background: url(../img/global/navigation/global-nav-pipe.gif) no-repeat center right;
	color: #333333;
	}

#globalNavMulti ul#primary li a.bgNone, #globalNavMulti ul#secondary li a.bgNone, #globalNavMulti ul#secondary li#current span.bgNone {
	background: none;
	border: none;
	}

#globalNavMulti ul#primary #selected {
	background: url(../img/global/navigation/tabs/selected-tab-multi-right.gif) no-repeat right top;
	color: #CC0000;
	}

#globalNavMulti ul#primary #selected span {
	background: url(../img/global/navigation/tabs/selected-tab-multi-left.gif) no-repeat left top;
	}

#globalNavMulti ul#primary a:hover {
	color: #CC0000;
	text-decoration: none;
	}

/* SECONDARY
_______________________________________________________________________________________________*/

#globalNavMulti ul#secondary {
	position: absolute;	left: 0; top: 4.3em;
	width: 100%;
	}

#globalNavMulti ul#secondary li {
	text-align: left;
	vertical-align: top;
	}


#globalNavMulti ul#secondary li a {
	background: none;
	padding: 0 20px;
	min-height: 28px;
	color: #666666;
	border-right: 1px solid #666666;
	font-size: 13px;
	line-height: 1.15em;
}



#globalNavMulti ul#secondary li a:hover {
	color: #CC0000;
	text-decoration: none;
	}

#globalNavMulti ul#secondary li a:active, #globalNavMulti ul#secondary li a:focus {
	outline: none;
	}

#globalNavMulti ul#secondary li#current span {
	background: none;
	min-height: 28px;
	padding: 0 20px;
	border-right: 1px solid #666666;
	font-size: 13px;
	line-height: 1.15em;
}

/* LAYOUT
_______________________________________________________________________________________________*/

#content {
	float:left;
	clear: both;
	width: 962px;
	padding: 0 10px 20px 10px;
	margin: 0 0 9px 0;
	}

/* CURVED MODULES LARGE
_______________________________________________________________________________________________*/

.modLrg {
	}

.modLrgTop {
	background: url(../img/modules/curved-module/mod-lrg-top.png) no-repeat left top;
	display: inline-block;
	width: 962px;
	height: 20px;
	}

.modLrgCont {
	background: #DCDBDA url(../img/modules/curved-module/mod-grad-careers.png) repeat-x left top;
	display: inline-block;
	width: 924px;
	padding: 0 18px 13px 18px;
	border-left: 1px solid #a7a7a7;
	border-right: 1px solid #a7a7a7;
	}

.modLrgContBottom .textMod p.sub {
	padding-top: 15px;
	}

.modLrgBottom {
	background: url(../img/modules/curved-module/mod-lrg-bottom.png) no-repeat left top;
	width: 962px;
	height: 7px;
	overflow: hidden;
	}

/* FULL PANEL
_______________________________________________________________________________________________*/

.panelFull {
	background-color: #FFFFFF;
	position: relative;
	display: inline-block;
	width: 924px;
	padding-bottom: 30px;
	z-index: 1000;
	}

.panelFullBody {
	width: 924px;
	background-color: #FFFFFF;
	padding-bottom: 16px;
	/*overflow: auto;*/
	}

.panelFullBottom {
	background: url(../img/modules/panels/panel-full-bottom.png) no-repeat top left;
	float: left;
	width: 924px;
	height: 4px;
	overflow: hidden;
	}


/* HEADER
_______________________________________________________________________________________________*/

.header {
	float: left;
	clear: both;
	}

#about-careers-home .header {
	background: url(../img/modules/header/home.jpg) no-repeat top left;
	}

#about-careers-why-virgin-trains .header {
	background: url(../img/modules/header/why-virgin-trains.jpg) no-repeat top left;
	}

#about-careers-vacancies .header {
	background: url(../img/modules/header/vacancies.jpg) no-repeat top left;
	}

/* HEADER LOGIN & REGISTRATION
_______________________________________________________________________________________________*/

.header ul {
	width: 145px;
	margin: 188px 0 0 552px;
	padding: 0 0 10px 25px;
	background-color: #CC0000;
	overflow: auto;
	}

#about-careers-home .header ul {
	margin-top: 253px;
	}

.header li {
	float: left;
	padding: 0 5px 0 0;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}

.header li a, .header li a:hover, .header li a:active, .header li a:visited {
	color: #ffffff;
	font-weight: bold;
	}

/* COLUMNS
_______________________________________________________________________________________________*/

.column1 {
	float: left;
	width: 180px;
	margin-right: 10px;
	padding-top: 15px;
	}

.column2 {
	float: left;
	width: 722px;
	padding: 0;
	}

.column2-1 {
	float: left;
	width: 522px;
	padding: 0 30px 0 0;
	}

.column2-2 {
	background: url(../img/modules/header/login-bottom.gif) no-repeat top left                ;
	float: right;
	width: 170px;
	padding: 14px 0 0 0;
	overflow: auto;
	}

.column2-2 p, .column2-2 a, .column2-2 a:hover, .column2-2 blockquote {
	color: #ffffff;
	}

.column2-2 p {
	line-height: 1.2;
	}

.column2-2 img {
	display: block;
	}

.columnRow {
	clear: both;
	padding-top: 15px;
	width: 522px;
	}

.columnRow .columnItem1 {
	float: left;
	width: 150px;
	margin-right: 20px;
	}

.columnRow .columnItem2 {
	float: right;
	width: 352px;
	}

/* COLUMN 1
_______________________________________________________________________________________________*/

/* SUB NAVIGATION
_______________________________________________________________________________________________*/

#subNav {
	padding: 8px;
	}

ul#subNav li {
	background: url(../img/global/sub-navigation/sub-nav-arrow.gif) no-repeat left center;
	line-height: 2em;
	}

ul#subNav li a, ul#subNav li span {
	padding: 0 0 0 22px;
	font-weight: bold;
	}

ul#subNav li a {
	display: block;
	text-decoration: none;
	}

ul#subNav li a:hover, ul#subNav li a:active {
	color: #CC0000;
	}

#subNav li.selected {
	background: url(../img/global/sub-navigation/sub-nav-arrow-selected.gif) no-repeat left 0.3em;
	}

#subNav li.selected span {
	color: #CC0000;
	}

/* SUB NAVIGATION - NESTED LISTS
_______________________________________________________________________________________________*/

ul#subNav ul {
	padding-bottom: 0.6em;
	}

ul#subNav li li {
	background-image: none;
	}

ul#subNav li li a {
	padding: 0 0 0 30px;
	font-weight: normal;
	}

/* COLUMN 2-1
_______________________________________________________________________________________________*/

/* JOB LISTINGS
_______________________________________________________________________________________________*/

#jobListing dt {
	padding: 0.3em 0;
	line-height: 16px;
	color: #CC0000;
	font-size: 16px;
	font-weight: bold;
	}

#jobListing dd {
	margin-bottom: 8px;
	padding-bottom: 13px;
	border-bottom: 1px dotted #999999;
	}

#jobListing dd span.location {
	line-height: 28px;
	font-weight: bold;
	}

#jobListing dd a {
	line-height: 28px;
	}

/* BUTTON: VIEW ALL VACANCIES
_______________________________________________________________________________________________*/

#viewAllVacancies {
	background: url(../img/buttons/button-view-all-vacancies.gif) no-repeat left top;
	float: right;
	margin-top: 10px;
	}

#viewAllVacancies a {
	display: block;
	width: 162px;
	height: 30px;
	text-indent: -9999px;
	}

/* COLUMN 2-2
_______________________________________________________________________________________________*/

/* SIDE MODULES
_______________________________________________________________________________________________*/

/* LIGHT
_______________________________________________________________________________________________*/

.sideModLight	{
	float: left;
	clear: both;
	width: 170px;
	margin-top: -3px;
	}

.sideModLightBody	{
	background-color: #9fa0a2;
	width: 140px;
	padding: 7px 15px 7px 15px;
	}

.sideModLightBottom	{
	background: url(../img/modules/side-module/side-mod-light-bottom.gif) no-repeat top left;
	width: 170px;
	height: 13px;
	overflow: hidden;
	}

/* MEDIUM
_______________________________________________________________________________________________*/

.sideModMed	{
	float: left;
	clear: both;
	width: 170px;
	margin-top: -3px;
	}

.sideModMedTop{
	background: url(../img/modules/side-module/side-mod-med-top.gif) no-repeat top left;
	width: 170px;
	height: 13px;
	overflow: hidden;
	}

.sideModMedBody	{
	background-color: #898b8d;
	width: 140px;
	padding: 7px 15px 7px 15px;
	}

.sideModMedBottom	{
	background: url(../img/modules/side-module/side-mod-med-bottom.gif) no-repeat top left;
	width: 170px;
	height: 13px;
	overflow: hidden;
	}

/* DARK
_______________________________________________________________________________________________*/

.sideModDark {
	float: left;
	clear: both;
	width: 170px;
	margin-top: -3px;
	}

.sideModDarkTop{
	background: url(../img/modules/side-module/side-mod-dark-top.gif) no-repeat top left;
	width: 170px;
	height: 13px;
	overflow: hidden;
	}

.sideModDarkBody	{
	background-color: #727578;
	width: 140px;
	padding: 7px 15px 7px 15px;
	}

.sideModDarkBottom	{
	background:url(../img/modules/side-module/side-mod-dark-bottom.gif) no-repeat top left;
	width: 170px;
	height: 13px;
	overflow: hidden;
	}

/* FORM: DROPDOWNS SELECT
_______________________________________________________________________________________________*/

.dropdownSelectForm {
	clear: both;
	width: 100%;
	overflow: auto;
	padding: 10px 0;
	}

.dropdownSelectForm fieldset {
	clear: both;
	}

.dropdownSelectForm .formField {
	margin-bottom: 10px;
	}

.dropdownSelectForm .dropdownLabel {
	margin-right: 20px;
	vertical-align: middle;
	}

.dropdownSelectForm .dropdownSelect {
	display: block;
	margin: 1.5em 0 1.2em 0;
	padding: 3px 5px 3px 5px;
	font-family: "Lucida Grande", Arial, Verdana, san-serif;
	font-size: 11px;
	color: #000000;
	vertical-align: middle;
	outline: none;
	}

#jobSearchSubmit {
	display: block;
	background: url(../img/buttons/job-search-submit.gif) no-repeat top left;
	width: 121px;
	height: 30px;
	margin: 4px 0;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
	}

#jobSearchForm {
	margin-bottom: 5px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #999999;
	}

/* TABLE: GREY & WHITE
_______________________________________________________________________________________________*/

table.greyWhiteTable {
	width: 100%;
	margin-top: 10px;
	border-collapse: collapse;
	}

#jobSearchResults {
	margin: 10px 0;
	}

/* COLUMNS
_______________________________________________________________________________________________*/

.colFirst span {
	background: url(../img/tables/table-left-corner.gif) no-repeat top left;
	}

.colLast span {
	background: url(../img/tables/table-right-corner.gif) no-repeat top right;
	}

/* Add table-specific column widths */

/* JOB SEARCH RESULTS 
------------------------------------------------*/

.greyWhiteTable .title {
	width: 180px;
	}

.greyWhiteTable .location {
	width: 110px;
	}

.greyWhiteTable .salary{
	width: 50px;
	}

.greyWhiteTable .contract {
	width: 80px;
	}

.greyWhiteTable .hours {
	width: 40px;
	}

.greyWhiteTable .team {
	width: 140px;
	}

.greyWhiteTable .closing {
	width: 110px;
	}

/* CELLS
_______________________________________________________________________________________________*/

.greyWhiteTable th {
	border-right: 2px solid #FFFFFF;
	background: #d4d3d0 url(../img/tables/grey-white-table-th.jpg) repeat-x bottom left;
	}

.greyWhiteTable th span {
	display: block;
	width: auto;
	padding: 8px 10px;
	}

.greyWhiteTable td {
	padding: 6px 10px;
	/*border: 2px solid #FFFFFF;*/
	}

.greyWhiteTable .rowGrey td {
	background-color: #e8e9e9;
	border-right: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	}

.greyWhiteTable .rowWhite td {
	border-right: 2px solid #e8e9e9;
	}

.greyWhiteTable tbody tr td.cellLast, .greyWhiteTable thead tr th.cellLast {
	border-right: none;
	}

.greyWhiteTable td:hover {
	background-color: #dbedb8;
	color: #000000;
	}

/* FOOTER
_______________________________________________________________________________________________*/

#footer {
	float: left;
	width: 982px;
	color: #727578;
	font-size: 11px;
	}

#footerTop {
	width: 100%;
	height: 45px;
	background: url(../img/global/footer/footer-top.png) no-repeat top left;
	}

#footerContent {
	background: url(../img/global/header/global-content-background.png) repeat-y;
	}

#footer h6 {
	padding:0 0 3px 0;
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
	}

#footer a {
	text-decoration: none;
	font-weight: normal;
	}

#footer a:hover {
	text-decoration: underline;
	}

/* FOOTER LINKS
_______________________________________________________________________________________________*/

#footerLinks {
	}

.footerMod {
	float: left;
	width: 20%;
	}

.footerModMiddle {
	padding-top: 10px;
	}

.footerModCenter {
	padding-top: 15px;
	}

.footerModCont {
	padding: 0 0 0 40px;
	}

.footerModCont a {
	color: #666666;
	}

.footerModCont li {
	line-height: 16px;
	list-style-type: none;
	}

.footerModCont a:hover {
	color: #333333;
	}

/* FOOTER NAVIGATION
_______________________________________________________________________________________________*/

#footerNavGlobal {
	clear: both;
	width: 100%;
	text-align: center;
	padding: 15px 0 40px 0;
	}

#footerNavGlobal a {
	padding: 0 10px;
	color: #333333;
	line-height: 11px;
	text-decoration: none;
	}

#footerNavGlobal a:hover {
	color: #000000;
	}

#footerNavGlobal li {
	display: inline;
	}