/**
 * GRB Home page CSS
 *
 * @filename    home.css
 * @author      Matt Hamm, Oliver Rowlands
 * @date        2006-10-27
 * @copyright   Liquid Light Digital Ltd.
 * @url         http://www.liquidlight.co.uk
 */
 
/**
 * Graduate homepage
 */
.col_02 {
	width: 260px;
	float: left;
	margin-left: 14px;
	margin-bottom: 14px;
}
.col_03 {
	width: 227px;
	float: right;
	margin-left: 14px;
}
.col_background {
	background-color: #F4F4F4;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.col_background p.bodytext {
	padding-right: 15px;
}
.col_01 p {
	padding-left: 14px;
	margin-top: 0px;
}
.col_02 p,
.col_03 p {
	padding-left: 14px;
	margin-top: 14px;
}
.col_02 .option2,
.col_02 .option3,
.col_02 .podcast {
	margin-top: 0;
}
.option1 a {
	display: block;
	background-image: url(../images/option_01.gif);
	background-repeat: no-repeat;
	height: 68px;
}
.option2 a {
	display: block;
	background-image: url(../images/option_02.gif);
	background-repeat: no-repeat;
	height: 68px;
}
.option3 a {
	display: block;
	background-image: url(../images/option_03.gif);
	background-repeat: no-repeat;
	height: 68px;
}
.podcast a {
	display: block;
	background-image: url(../images/newPodcast.gif);
	background-repeat: no-repeat;
	height: 48px;
}
.option1 a span,
.option2 a span,
.option3 a span,
.podcast a span {
	display: none;
}
.option1 p,
.option2 p,
.option3 p,
.podcast p {
	margin: 0;
	padding: 0;
}
.image01 {
	background-image: url(../images/image_youngupstart.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 214px;
}
.image01 p {
	text-align: left;
	padding: 10px 0 0 10px;
}
.image02 {
	background-image: url(../images/image_experts.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-bottom: 15px;
}
.image02 p {
	margin: 10px 0 0 0;
	padding: 0 130px 0 10px;
}
.image02 p.big strong {
	font-size: 150%;
	color: #577e9d;
}

/* Text replacement for h2 */
#latestgraduatejobs a,
#registernow a,
#casestudies,
#meetourexperts a,
#newsblog,
#hotgraduates,
#latestgraduatejobs,
#newsblog {
	display: block;
	height: 41px;
}
#latestgraduatejobs a {
	display: block;
	background-image: url(../images/text_latestgraduatejobs.gif);
	background-repeat: repeat-x;
}
#registernow a {
	background-image: url(../images/text_registernow.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
#casestudies {
	background-image: url(../images/text_casestudies.gif);
	background-repeat: no-repeat;
}
#meetourexperts a {
	display: block;
	background-image: url(../images/text_meetourexperts.gif);
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
}
#newsblog {
	background-image: url(../images/text_theknowledge.gif);
	background-repeat: no-repeat;
}
#newsblog a {
	display: block;
	float: left;
	width: 140px;
	height: 40px;
}
#hotgraduates {
	background-image: url(../images/text_hotgraduates.gif);
	background-repeat: no-repeat;
	margin: 0 0 15px 0;
}
#newsblog a.rss {
	color: white;
	display: block;
	width: 50px;
	height: auto;
	float: right;
	font-size: 10px;
	margin: 15px 0 0 0;
}
#newsblog a.rss:hover {
	text-decoration: none;
}
	
/**
 * Jobs list
 */
#jobsList {
	margin-bottom: 14px;
	border-top: 1px solid white;
}
#jobsList li {
	background-color: #F4F4F4;
	border-bottom: 1px solid white;

}
#jobsList li a {
	text-decoration: none;
	color: #577e9e;
	display: block;
	height: 21px;
	padding-left: 14px;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 1px;
}
#jobsList li a:hover,
#jobsList li a:hover span {
	background-color: #d5d5d5;
	color: white;
}
#jobsList li.current a {
	background-color: #577e9e;
	background-image: url(../images/navBackgroundCurrent.gif);
	background-repeat: repeat-x;
	color: white;
}
#jobsList li a span {
	color:#66a6d6;
	padding-right:5px;
	margin-top:-16px;
	float:right;
}
#dropdown {
	margin-bottom: 14px;
	width: 220px;
}
#dropdown select {
	width: 220px;
}
div.rightCol {
	float: right;
}
div.leftCol div.ColWrap {
	width: 345px;
}
div.rightCol div.ColWrap {
	width: 311px;
}
div.ColWrap {
	padding-bottom: 5px;
}
h3.spacer {
	margin: 15px 0 10px 0;
}
div.news_item {
	margin-bottom: 15px;
}
div.news_item h3 {
	font-size: 100%;
	padding-left: 15px;
	margin: 0 0 4px 10px;
	background-image: url(../images/icon_page.gif);
	background-position: 0 2px;
	background-repeat: no-repeat;
}
div.news_item h3 a {
	color: #577e9d;
}
div.news_item p {
	margin-bottom: 4px;
	padding-left: 3px;
}
div.news_item p.date {
	font-size: 90%;
}
div.recruiters_content {
	margin-left: 15px;
}
#noflash p {
	margin-bottom: 0;
	padding-bottom: 0;
}

/**
 * Recruiters homepage 
 */
#services {
	clear: both;
	font-size: 95%;
	margin: 0 0 20px 0;
}
.box {
	width: 627px;
	clear: both;
	background: url(../images/box_middle.gif) top left repeat-y;
}
.box_top {
	width: 627px;
	height: 20px;
	background: url(../images/box_top.gif) top left no-repeat;
}
.box_middle {
	height: auto;
	clear: both;
}
.box_bottom {
	width: 627px;
	height: 20px;
	background: url(../images/box_bottom.gif) bottom left no-repeat;
	clear: both;
}
.serviceCol, .serviceCol2 {
	width: 313px;
	margin: 0;
	border-left: 1px solid #d3e6ed;
	float: left;
}
.serviceCol2 {
	float: right;
	border-right: 1px solid #d3e6ed;
	border-left: none;
	width: 312px;
	margin: 0 0 35px 0;
}
.ss_header,
.oa_header {
	width: 307px;
	height: 111px;
	clear: both;
	margin-left: 5px;
	background: red;
}
.ss_header h2 span ,
.oa_header h2 span {
	display: none;
}
.ss_header {
	background: url(../images/searchSelection_header.gif) top right no-repeat;
	width: 308px;
}
.oa_header {
	background: url(../images/onlineAdvertising_header.gif) top left no-repeat;
	margin-right: 5px;
	margin-left: 0;
}
.oa_header p,
.ss_header p {
	padding: 60px 30px 5px 45px;
	color: #70aad0;
	line-height: 100%;
}
.box2 {
	height: 280px;
	background: url(../images/box2_middle.gif) top left repeat-y;
}
.box3 {
	background: url(../images/box3_middle.gif) top left repeat-y;
}
.boxleft {
	margin-left: 5px;
}
.box2OptionalHeader,
.box2FeaturesHeader,
.box3BenefitsHeader {
	width: 307px;
	height: 30px
}
.box2OptionalHeader h3,
.box2FeaturesHeader h3,
.box3BenefitsHeader h3 {
	display: none;
	margin: 0;
	padding: 0;
}
.box2Bottom {
	background: url(../images/box2_middle.gif) bottom left no-repeat;
	width: 307px;
	height: 23px;
}
.box3Bottom {
	background: url(../images/box3Bottom.gif) bottom left no-repeat;
	width: 307px;
	height: 23px;
}
.box2FeaturesHeader {
	background: url(../images/boxFeatures_header.gif) top left no-repeat;
}
.box2OptionalHeader {
	background: url(../images/boxOptional_header.gif) top left no-repeat;
}
.box3BenefitsHeader {
	background: url(../images/benefits_header.gif) top left no-repeat;
}
.box2middle {
	height: 240px;
	clear:both;
}
.box2middle p {
	padding: 0px 20px 5px 20px;
}
.box2middle ul li,
.box3middle ul li  {
	background: url(../images/tick.png) top left no-repeat;
	padding: 0 0 5px 35px;
	margin-bottom: 5px;
}
.box2middle ul,
.box3middle ul {
	margin: 20px;
	margin-top: 40px;
	color: #70aad0;
}
.bigButton {
	background: url(../images/button_requirements.gif) top left no-repeat;
	width: 251px;
	height: 62px;
	margin: 20px;
	margin-bottom: 0;
}
.bigButton a {
	display: block;
	width: 251px;
	height: 62px;
}
.bigButton a span {
		display: none;
}

/*SAFARI HACK */
/*\*/
html*#jobsList li a span {
[color:#66a6d6;padding-right:5px;margin-top:-16px;float:right;
margin-top:0px;color:#66a6d6;
]margin-top:-16px;
}/**/
.dummyend[id]{clear:both}
/*\*/
* html #jobsList li a span {
margin-top:-16px;
}
/**/

p.csc-frame-frame2 {
    clear: both;
    text-align: center;
    border: 1px solid #efefef;
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;

}

/* NEW HOME PAGE 2010 BY PAT*/

#sectionTabs {
	list-style: none;
	list-style-image: none;
	padding: 0 !important;
	margin: 0 !important;
	background: none;
}

#sectionTabs img a {
	outline:none;
}

#sectionTabs h1 {
	background: none;
	color: #666;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 15px;
	font-weight: bold;
}

#sectionStruct, #sectionStruct table, #sectionStruct td {
	padding: 0;
	margin: 0;
}
#leftSection {
	width: 326px;
	padding-left: 10px;
	padding-bottom: 6px;
}
#rightSection {
	width: 326px;
	padding-left: 10px;
}

#leftSection h2, #rightSection h2 {
	background: none;
	color: #666;
	padding: 2px 0 2px 14px;
	margin: 0 !important;
	font-size: 15px;
	font-weight: bold;
	background: url( /fileadmin/templates/images/2010/pill.gif ) no-repeat top left;
}

#sectionTabs li {
	list-style: none;
	list-style-image: none;
	float: left;
	padding: 2px 0 0 0;
	margin: 0 !important;
	border: none;
	background: none;
}

#sectionTabs li a {
	display: block;
	width: 160px;
	text-align: center;
	text-decoration: none;
	padding: 0 !important;
	margin: 0 !important;
	border: none;
	outline: none;
}

#hSections {
	padding: 0 !important;
	margin: 0 !important;
}


#sectionTabHolder {
	background: url( /fileadmin/templates/images/2010/grb-home-tabs.gif ) no-repeat top left;
	padding: 0 !important;
	margin: 0 !important;
}

#sectionTab1, #sectionTab2, #sectionTab3, #sectionTab4 {
	clear: both;
	padding: 0;
	margin: 0;
	background: url( /fileadmin/templates/images/2010/tabBg.gif ) no-repeat bottom left;
	text-align:left;
}

.tabLeft {
	width:342px;
	height:160px;
	float:left; 
	padding:0px;
	margin:0px;
}

.tabLeft img {
	outline:none;
}

.tabRight {
	width:326px; 
	height:160px; 
	float:right; 
	padding:0px; 
	margin:0px; 
	text-align:left;
}

.tabRight img {
	outline:none;
}

/* VACANCY BOX */
#vacancy2 {
	border-collapse: collapse;
	width: 308px;
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
}
#vacancy2 th, #vacancy2 td {
	padding: 0.21em 0 0.1em 0;
	border-bottom: 1px solid #eaeaea;
	color: #7b8b9b;
}

#sectionTab1 a, #sectionTab2 a, #sectionTab3 a {
	color: #7b8b9b;
}

#rightSection label {
	font-weight: bold;
	font-size: 14px;
	color: #666;
}
.vacancylisttr2 {
	padding-left: 20px;
}
#join {
	
}
#joinQuote {
	position: absolute;
	top:160px!important;
	top:203px;
	width: 267px;
	margin-left: 20px;
	font-size: 11px;
	z-index: 90;
	color:#666666;
}

#findusIcons {
	float: left;
}

#tickerHolder {
	float: right;
	width: 468px;
	height: 47px;
}

#findUs { 
	margin-top: 6px;
}

.hotJobIcon {
	background: url( /fileadmin/templates/images/2010/grb-home-hot-job.gif) no-repeat center left;
	padding-left: 14px!important;
}
.hotJob a, .hotJobIcon a {
	color: #aa9b34!important;
}

#homeSearch {
	margin-left: 14px;
}