.BgHead { background: none; }

.BgBody { background-image: url("http://www.jagex.com/img/jgs/careers/layout/BgBody_bg.png"); }

.ImgBorder { border: 1px solid #868686; }

.BgFoot { background-image: url("http://www.jagex.com/img/jgs/careers/layout/BgFoot_split_bg.png"); }

.BgContent { background-image: none; }

#Banner {
 z-index: -1;
 height: 358px;
 margin: 0 auto -358px;
 padding-top: 0;
}

#Intro {
 height: 229px;
 margin: 0 auto 10px;
 position: relative;
 width: 960px;
 color: white;
 z-index: 1;
}

#IntroFloat {
 width: 350px;
 float: right;
}

#Intro h1,
#Intro h2,
#Selector h4,
#Intro span,
#SocialLinks { text-transform: uppercase; }

#Intro h1 {
 font-size: 24px;
 letter-spacing: 3px;
 line-height: 25px;
  margin: 3px 0 0;
}

#Intro h2 {
 letter-spacing: 2px;
 line-height: 17px;
 margin: 0 0 15px 0;
}

#Intro h2,
#Selector h4,
#Intro span,
#Intro ul li a,
.SubNav li a {
 font-weight: bold;
 font-size: 12px;
}

#Intro ul li a,
.SubNav li a,
.vacancies #share li a { text-decoration: none; }

#WelcomeFloat a {
 text-decoration: underline;
 font-weight: bold;
}

#Intro span img { width: 12px; }

#Intro ul,
.SubNav ul,
.vacancies #share ul {
 list-style-type: none;
 padding: 0;
 margin: 0;
}

#NewJobList li { padding: 4px 0; }

#NewJobList li a {
 color: white;
 border-bottom: 1px solid white;
}

#NewJobList li.alt a {
 border-bottom: 1px solid #a7a7a7;
 color: #a7a7a7;
}

#SocialLinks {
 bottom: 0;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1px;
  position: absolute;
  right: 0;
  text-align: right;
}

#SocialLinks span {
 font-size: 23px;
  letter-spacing: 2px;
}

#SocialLinks li {
 float: left;
 margin: 0 5px;
}

#SocialLinks ul {
 margin-top: 8px;
 float: right;
 overflow: hidden;
}

#LinkedIn { margin: 0 7px; }

a.TabBold { font-weight: bold; }

#Selector {
 float: left;
 width: 360px;
}

#Selector img {
 float: left;
 margin: 10px 10px 0 0;
 border: none;
}

#Viewer {
 float: right;
 width: 568px;
 height: 378px;
 margin: 10px 0 0 0;
 overflow: hidden;
 position: relative;
}

#ViewerInfo {
 position: absolute;
 
background-image: url(http://www.jagex.com/img/jgs/careers/layout/ViewerInfo_bg.png?1) !important;
background-image: url(http://www.jagex.com/img/jgs/careers/layout/ViewerInfo_bg_ie6.png?1) !; 
 width: 548px;
 height: 17px;
 bottom: 0;
 left: 0;
 padding: 5px 10px;
}

#Selector h4 {
 line-height: 10px;
 margin-top: 10px;
}

#WelcomeBox {
 background: url(http://www.jagex.com/img/jgs/careers/layout/WelcomeBox_bg.jpg) no-repeat;
 color: #282828;
 position: relative;
 top: 0;
 height: 187px;
 width: 100%;
}

#WelcomeFloat {
 width: 645px;
 float: right;
 padding: 14px 10px 0 0;
}

#WelcomeFloat p {
 clear: both;
 display: inline-block;
 margin: 0 0 10px 0;
}

#WelcomeFloat p.short { width: 450px; }

#WelcomeFloat h3,
.SubNav li { border-bottom: 1px solid #c9c9c9; }

.BoxBody h3 {
 font-size: 20px;
 margin: 0 0 10px;
 padding: 0 0 10px;
}

#ContentDisplay h3,
#MainDisplay h3 {
 padding: 0;
}

.BoxBody h3,
.faq h4,
.faq h5 {
 color: #414141;
}

.SubNav {
 float: left;
 width: 222px;
}

#ContentDisplay {
 float: right;
 width: 608px;
}

.SubNav li a {
 display: block;
 color: black;
 padding: 4px;
}

.SubNav li a.NavSelected,
.SubNav li a.NavSelected:hover { background-color: #c9c9c9; }

.SubNav li a:hover { background-color: #eaeaea; }

.SubNav li a span {
 color: #9C9C9C; 
}

#ContentDisplay li { margin: 10px 0; }

#ContentDisplay h4 { font-size: 13px; }

#ContentDisplay h5 { margin: 10px 0 0 0; }

#VideoViewer,
#PictureViewer {
 position: absolute;
 z-index: 0;
 left: 0;
 top: 0;
 width: 568px;
 height: 378px;
}

#PictureViewer {
 z-index: 1;
 background: #1b1b1b;
 overflow: hidden;
}

#PictureSecondary { display: none; }

#PictureViewer img {
 position: absolute;
 top: 0;
 left: 0;
}

.BoxBody { overflow: hidden; }

#ContentDisplay p,
#MainDisplay p { line-height: 18px; }

.faq h3 { margin-bottom: 15px; }

.faqNav li { margin: 8px 0; }

#faqBottomNav { margin-bottom: 30px; }

.faq h4 { font-size: 16px; }

.faq h5 {
 margin: 0 0 4px 0;
 font-size: 15px;
}

.topLink {
 text-align: right;
 margin-bottom: 15px;
}

.article-images {
 padding: 26px;
 background-color: #EAEAEA;
 overflow: hidden;
}

.article-images h4 {
 margin: 0 0 5px 5px;
}

.article-images a {
 float: left;
 margin: 5px;
 border: 1px solid #8b8b8b;
}

.article-images a:hover {
 border-color: black;
}

.vacancies #share {
 float: right;
 margin: 0 0 10px 15px;
}

.grey-box {
 background-color: #6f6f6f;
 color: white;
 position: relative;
 font-size: 14px;
 padding: 11px;
 text-transform: uppercase;
 text-align: center;
}

.grey-box .left-top-corner,
.grey-box .right-top-corner,
.grey-box .left-bottom-corner,
.grey-box .right-bottom-corner {
 position: absolute;
 height: 6px;
 width: 6px;
 background: url(http://www.jagex.com/img/jgs/careers/layout/share_border.png) top left no-repeat;
}

.grey-box .left-top-corner,
.grey-box .right-top-corner {
 top: 0;
}

.grey-box .right-top-corner {
 background-position: top right;
}

.grey-box .left-bottom-corner,
.grey-box .right-bottom-corner {
 bottom: 0;
}

.grey-box .left-bottom-corner {
 background-position: bottom left;
}

.grey-box .right-bottom-corner {
 background-position: bottom right;
}

.grey-box .left-top-corner,
.grey-box .left-bottom-corner {
 left: 0;
}

.grey-box .right-top-corner,
.grey-box .right-bottom-corner {
 right: 0;
}

.vacancies #share ul {
 margin: 5px 0 0 0;
}

.vacancies #share li {
 float: left;
 height: 26px;
 margin: 0;
}

.vacancies #share li a {
 font-size: 12px;
}

.vacancies #share li.middle-share {
 margin: 0 0 0 5px;
}

.vacancies #department,
.vacancies #location {
 display: block;
}

.vacancies #department {
 text-transform: uppercase;
 color: #222222;
 font-size: 13px;
  font-weight: bold;
  margin: 5px 0;
}

.vacancies #location {
 color: #131313;
 font-size: 12px;
 margin: 0 0 15px;
}

.vacancies  h3 {
 margin: 0;
}

#JobNav li.list-header {
 padding: 10px 15px;
 background-color: #3B3B3B;
 color: white;
 font-weight: bold;
}

#JobNav li a {
 padding: 4px 4px 4px 30px;
}

#JobNav li a.homeLink {
 padding-left: 15px;
}