/*
Project: RICS
Stylesheet author: eva vartmann
Version: 1
Date: 10 September 2007

Colours:
blue: #06f
grey: #ccc
light grey: #e7e7e7
green: #690
*/


/* reset styles ------------------------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {  
    margin:0; 
    padding:0; 
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 
fieldset,img, a img {  
   border:0; 
} 
address,caption,cite,th { 
   font-style:normal; 
   font-weight:normal; 
}   
ul {
	margin-left:16px;
	margin-bottom:15px;
}
 

/* global page element styles ---------------------------------- */

body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color:#333;
	position:relative;
	background:#fff;
}

a {
	text-decoration: none;
	color:#06f;
}

a:hover {
	text-decoration: underline;
	color:#06f;
}
p {
	padding-bottom:15px;
	line-height:1.5;
}

h1 {
	color:#b1f200;
	background: url(../Images/sky.jpg) repeat-x top left;
	font-size:2.3em;
	font-weight:normal;
	width:960px;
	margin:0 auto;
	padding:16px 0;
}

h2 {
	line-height:1.1;	
	display:block;
	font-weight:normal;
	font-size:1.8em;
	color:#666;
	padding:15px 0 23px 19px;
}
	#contentCol h2 {
		background:url(../Images/arrowGreen.gif) no-repeat 0 15px;
		color:#690;
		padding-left:23px;
		
	}
	#contentCol .centre h2 {
		background:url(../Images/arrowGreen.gif) no-repeat 0 0;
		color:#690;
		padding-left:23px;
		padding-top:0;
		
	}

h3 {
	color:#666;
	font-weight:normal;
	font-size:1.5em;
	line-height:1.1;
}

h4 {
	color:#666;
	font-weight:bold;
	font-size:1em;
}
ol {
	padding-left:35px;
	padding-right:15px;
}
ol li {
	padding-bottom:8px;
}


/* standard page architecture styles ----------------------------------------------------- */


#container {
	width:100%;
	font-size: 1.2em;
	background:#fff;
	text-align:left;
	float:left;
}

#logo {
	width:960px;
	height:110px;
	margin:0 auto;
	background:url(../Images/RICSLogo.gif) no-repeat 0 18px;
	position:relative;
}
	
	#logo img {
		display:none;
	}
	
	#logo a.logoLink
	{
		display: block;
		float: left;
		width: 474px;
		margin: 18px 0 0;
		height: 71px;}
	
	#banner {
		width:468px;
		height:60px;
		background:#ccc;
		float:right;
		margin-top:18px;
	}
		#logo #banner img 
		{
			display:block;
		}

#login {
	position:absolute;
	bottom:0;
	text-align:right;
	width:958px;	
}
	#login p {
		padding:10px 0 2px 0;
	}
	#login a {
		font-weight:bold;
	}

#nav {
	background:#b2b2b2;
	width:100%;
	float:left;
}

#header {
    background:#2165e2 url(../Images/headerGradient.jpg) repeat-x top left;
    width:100%;
    float:left;
}

	#headerContent {
		background: url(../Images/sky.jpg) repeat-x top left;
		width:960px;
		margin:0 auto;
		padding:0;
		height:156px;
	}
		#headerContent img, #headerContent h1 {
			width:355px;
			float:left;
			margin-top:30px;
			background:none;
			padding:0;
			font-size:2.2em;
		}
		#headerContent h1 span{
			color:#fff;		
		}
#mainContent {
	background:#e7e7e7;
	width:100%;
	float:left;
}

#centreContent {
	width:960px;
	margin:0 auto;
	padding-top:15px;
}

	#subNav {
		width:200px;
		float:left;
	}
	
	#content {
		width:594px;
		float:left;
		background:#fff url(../Images/whiteBottom.gif) no-repeat bottom left;
		padding-bottom:16px;
	}
	#contentHome {
		width:594px;
		float:left;
	}
		#contentCol {
			width:594px;
			float:left;
			background:#fff url(../Images/whiteTop.gif) no-repeat top left;
		}
		
			.centre {
				margin:0 auto;
				width:561px;
				padding-top:15px;
			}
		
		#colOne {
			width:391px;
			float:left;
			padding-bottom:31.5em;
			position:relative;
		}
		
		#colTwo {
			width:189px;
			float:right;
			background:#fff url(../Images/browseBottom.gif) no-repeat bottom left;
		}
		
	#promos {
		width:151px;
		float:right;
	}
	
#footer {
	background:#55798f;
	width:100%;
	clear:both;
}

/* Errors ----------------------------------------------------- */

p.pageError {
	font-weight:bold;
	color:#e60348;
}


/* skip ----------------------------------------------------- */

.skipTo {
	position:absolute;
	top:0;
	left:-9000px;
	font-size:1em;
	}

a:focus.skipTo, a:active.skipTo{
	left:0;
	z-index:10;
	border:2px solid #06f;
	color:#06f;
	background:#fff;
	padding:10px;
	}
	

/* Navigation ----------------------------------------------------- */

#nav ul {
	width:960px;
	list-style:none;
	margin:0 auto;
	padding-top:7px;
}
#nav ul li {
	float:left;
	text-align:center;
}
#nav ul li a {
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.2em;
	display:block;
}
#nav ul li a span{
	padding:8px;
	display:block;
}
#nav li a:hover {
	background:#42484f url(../Images/navTabR.gif) no-repeat top right;
	text-decoration:none;
} 
#nav li a:hover span {
	background:url(../Images/navTabL.gif) no-repeat top left;
	text-decoration:none;
}
#nav li a.focus {
	background:#0b2fbc url(../Images/navJSTabR.gif) no-repeat top right;
}
#nav li a:hover.focus {
	background:#0b2fbc url(../Images/navJSTabR.gif) no-repeat top right;
	text-decoration:none;
}
#nav li a.focus span{
	background:url(../Images/navJSTabL.gif) no-repeat top left;
}
#nav li a:hover.focus span{
	background:url(../Images/navJSTabL.gif) no-repeat top left;
	text-decoration:none;
}

/* Sub navigation ----------------------------------------------------- */

#subNav ul {
	margin:0 0 21px 0;
	padding:0;
	width:186px;	
}
#subNav li {
	color:#41484f;
	background: url(../Images/arrowLink.gif) no-repeat 0 9px;
	text-transform: uppercase;
	list-style:none;
	font-weight:bold;
	font-size:1em;
	padding:10px 0 10px 25px;
	border-bottom:1px solid #fff;
}
#subNav a:hover {
	text-decoration:none;
	color:#41484f;
}
#subNav li.active {
	background: url(../Images/arrowActive.gif) no-repeat 0 9px;
	color:#41484f;
}
#subNav li.active a {
	color:#41484f;
}
/* Small features ----------------------------------------------------- */

#subNav h3 {
	display:block;	
	padding-top:8px;
	font-weight:normal;
	font-size:1.6em;
	width:187px;
	margin-bottom:15px;
}
#subNav h3 a, #subNav h3 a:hover{
	display:block;
	padding-top:6px;
	text-decoration:none;
	width:187px;
}
#subNav h3 a span {
	width:141px;
	display:block;
	margin-left:15px;
	padding-bottom:15px;
	line-height:1.1;
}
#subNav h3 a span em {
	color:#042555;
	font-style:normal;
}
#subNav h3#green {
	background:url(../Images/smGreenTop.gif) no-repeat top left;
}
#subNav h3#green a{
	background:#9c0 url(../Images/smGreenBottom.gif) no-repeat bottom left;	
	color:#06f;	
}
#subNav h3#grey {
	background:url(../Images/smGreyTop.gif) no-repeat top left;
}
#subNav h3#grey a{
	background:#b2b2b2 url(../Images/smGreyBottom.gif) no-repeat bottom left;
	color:#06f;	
}
#subNav h3#blue {
	background:url(../Images/smBlueTop.gif) no-repeat top left;
}
#subNav h3#blue a{
	background:#06f url(../Images/smBlueBottom.gif) no-repeat bottom left;	
	color:#fff;
}
#subNav img {
    margin-bottom:15px;
    margin-left:25px;
}

/* Home page ----------------------------------------------------- */

#jobOfWeek, #feature, #welcome {
	width:391px;
	font-size:1.1em;
	margin-bottom:15px;
}
#jobOfWeek {
    background:#ccc url(../Images/weekBottom.gif) no-repeat bottom left;
    padding-bottom:15px;
}
#jobOfWeek img{
	width:120px;
	border:1px solid #b3b3b3;
	float:right;
	margin:3px 17px 10px 14px;
}
#feature {
	background:url(../Images/featureBottom.gif) no-repeat bottom left;
}
#welcome {
	background:#fff url(../Images/welcomeBottom.gif) no-repeat bottom left;
	position:absolute;
	bottom:0;
}
#jobOfWeek h2{
	background:url(../Images/weekTop.gif) no-repeat top left;
	padding-bottom:12px;
}
#feature h2, #welcome h2 {
	background:url(../Images/featureTop.gif) no-repeat top left;
	color:#690;
	padding-bottom:12px;
}
#welcome h2 {
	color:#06f;
}
#colTwo h2 {
	background:url(../Images/browseTop.gif) no-repeat top left;
	color:#690;
}
#jobOfWeek h2 span {
	background:url(../Images/arrowGrey.gif) no-repeat 0 2px;
	padding-left:23px;
}
#feature h2 span{
	background:url(../Images/arrowGreen.gif) no-repeat 0 1px;
	padding-left:23px;
}
#welcome h2 span {
	background:url(../Images/arrowBlue.gif) no-repeat 0 2px;
	padding-left:23px;
	margin-left:103px;
}

#jobOfWeek p, #feature p, #jobOfWeek ul, #feature ul, #jobOfWeek h4, #feature h4 {
	width:350px;
	margin-left:19px;
}
#jobOfWeek h4, #jobOfWeek ul {
	width:200px;
	margin-left:0;
}
#jobOfWeek p em, #feature p em{
	font-style:normal;
	font-size:.9em;
	color:#999;
	line-height:2;
}
#jobOfWeek p {
    display:inline;
    margin-left:0;
    padding-right:19px;
}
#jobOfWeek p em {
	color:#5d5c5c;
}
#jobOfWeek ul, #feature ul {
	color:#5d5c5c;
	font-weight:bold;
	margin-top:4px;
	margin-bottom:4px;
}
#jobOfWeek li, #feature li {
	list-style:none;
	display:inline;
	border-left:1px solid #5d5c5c;
	padding:0 5px 0 5px;
}
#jobOfWeek li.first, #feature li.first {
	border-left:none;
	padding-left:0;
}
#welcome p {
	margin-left:123px;
	margin-right:17px;
}
.box {
	margin-left:19px;
}
#colTwo h2 {

}
#colTwo h2 span{
	float:left;
	width:135px;
	margin-bottom:17px;
	background:url(../Images/arrowGreen.gif) no-repeat top left;
	padding-left:23px;
}
#colTwo ul {
	
	margin-left:19px;
	clear:left;
}
#colTwo li {
	list-style:none;
	padding-bottom:6px;
	font-weight:bold;
}
/* Promos ----------------------------------------------- */

#promos {
	background:#b2b2b2 url(../Images/promosBottom.gif) no-repeat bottom left;
	width:151px;
	padding-bottom:14px;
}
#promos h3 {
	background:url(../Images/promosTop.gif) no-repeat top left;
	width:151px;
	font-size:1.6em;
}
#promos h3 span {
	padding:14px 0 0 15px;
	display:block;
}
#promos a {
	margin-top: 8px;
	margin-left:15px;
	display:block;
}

/* Forms ----------------------------------------------------- */

input {
	vertical-align: middle
}
form fieldset {
	border:0px solid #fff;
}
form input.text, form select, form textarea {
	border:1px solid #b2b2b2;
	background:#fff;
	width:260px;
	padding-left:3px;
}
form select {
	width:265px;
}
form.logon input.text {
	width:250px;
}
.mandatory {
	font-size:1em;
	font-weight:bold;
	font-family:Verdana;
	color:#06f;
	padding-left:2px;
}
#headerContent form {
	width:560px;
	float:right;
	margin-top:10px;
}
#headerContent fieldset {
	width:440px;
	float:left;
}
#headerContent form p {
	width:218px;
	float:left;
}
#headerContent form label {
	display:block;
	color:#fff;
	font-weight:bold;
	padding:7px 0 3px 0;
}
#headerContent form select {
	width:191px;
}
#headerContent form input.text{
	width:188px;
}
#headerContent p.formButton {
	width:90px;
	padding-top:23px;
}
#headerContent form a {
	color:#fff;
	font-weight:bold;
	margin-bottom:5px;
	display:block;
	padding-left:23px;
	background:url(../Images/arrowLink2.gif) no-repeat top left;
}
.form {
	width:440px;
	margin-left:66px;
}
form.top {
	width:561px;
	margin-left:0;
}
form.logon, form.logon fieldset {
	width:260px;
	margin-left:0;
	float:left;
}
form.register {
	float:right;
}
.form fieldset {
	width:440px;
	padding-bottom:25px;
}
form.top fieldset {
	padding-bottom:0;
	width:561px;
}
.form fieldset h3 {
	padding-bottom:10px;
	color:#41484F;
	clear:both;
}
form.top input.button{
	margin-left:15px;
}
.form fieldset p {
	margin-bottom:12px;
	padding-bottom:0;
	float:left;
}
.form p label, .form p label.checkbox {
	display:block;
	width:160px;
	float:left;
	font-weight:bold;
	color:#666;
}
form.top p label {
	font-weight:normal;
	color:#333;
}
.form p label.checkbox {
	width:400px;
	font-weight: normal;
}
.form p label.radio {
	width:80px;
}
form.logon label.checkbox {
	width:230px;
}
.form p label em {
	font-weight:normal;
	font-style:normal;
}
.form input.checkbox, .form input.radio{
	width:15px;
	margin:0 4px 0 0;
	border:none;
	background:none;
	float:left;
	clear:left;
}
.form input.radio {
	clear:none;
}
.form p.button {
	text-align:right;
	width:426px;
	float:left;
	margin-left:0;
}
form.logon p.button {
	width:250px;
}
#keepLogged {
	clear:both;
}


/* Tables ----------------------------------------------------- */

.table {
	width:561px;
	font-size:1em;
}

.table td {
	border-top:1px solid #ccc;
	padding:8px 8px 8px 25px;
}
.table td.last {
	border-right:none;
}
.table th {
	color:#41484F;
	padding:4px 8px 4px 25px;
	border-top:none;
	font-weight:bold;
	text-align:left;
	border-bottom:2px solid #b2b2b2;
}
.table tr.last td{
	padding-bottom:20px;
}



/* Listing pages -------------------------------- */

ul.actionNav {
	width:561px;
	padding-bottom:6px;
	margin:0;
	float:left;
}

ul.actionNav li {
	display:inline;
	list-style:none;
	border-left:1px solid #ccc;	
	margin:0 5px 0 0;
	padding-left:8px;
}
ul.actionNav li.first {
	border-left:none;
	padding-left:0;
}
ul.actionNav li.rss {
	padding-left:27px;
	background:url(../Images/rss.gif) no-repeat 8px 0;
}

ul.pagination {
	width:561px;
	text-align:right;
	padding-top:6px;
	color:#b2b2b2;
}
.pagination a.active, .pagination a:hover.active {
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
ul.az {
	width:561px;
}
ul.az li {
	border-left:none;
	margin-right:2px;
	padding-left:2px;
}
ul.az li.first { 
	padding-left:0;
}
ul.az li a {
	font-weight:bold;
}

.job{
	margin:0 0 13px 0;
	padding-bottom:8px;
	width:561px;
	background:#fff url(../Images/jobBottom.gif) no-repeat bottom left;
	clear:both;
}
.featured, .featuredAz{
	background:#e0e6f0 url(../Images/premiumBottom.gif) no-repeat bottom left;
	float:left;
}
.boxed{
	background:#e0e6f0 url(../Images/boxedTop.gif) no-repeat top left;
	padding-top:16px;
	width:561px;
	float:left;
}
	div.boxed img{
	margin-right:17px;
}
.job h4 {
	background:#fff url(../Images/jobTop.gif) no-repeat top left;
	/*text-indent:19px;
	padding-top:12px;*/
	padding:12px 120px 2px 20px;
}
.job p{
	width:549px;
	float:left;
	line-height:1.5;
	margin:0;
	padding-bottom:5px;
}
.job p span{
	margin-left:19px;
	display:block;
}
	.job p span.applied, p span.applied{
	margin-left:0;
	display:inline;
	font-weight:bold;
	color:#e60348;
}
.job p a, .job p a:hover {
	text-decoration:none;
}
.job img{
	margin:2px 0 0 17px;
	padding:0;
	float:right;
	border:1px solid #b3b3b3;
}
.job p a.img{
	margin:0;
}
.job p a.companyLink{
	margin:0 0 0 17px;
	padding:0;
	float:right;
	width:120px;
	font-weight:bold;
	text-align:right;
	text-transform:capitalize;
	font-size:1em;
}
.job ul.summary{
	color:#5d5c5c;
	font-weight:bold;
	margin-top:4px;
	margin-bottom:4px;
	margin-left:19px;
}
.job ul.summary li{
	list-style:none;
	display:inline;
	border-left:1px solid #5d5c5c;
	padding:0 5px 0 5px;
}
.job ul.summary li.first {
	border-left:none;
	padding-left:0;
}
.featured p, .featuredAz p{
	background:#e0e6f0;
}
.featured h4{
	background:#e0e6f0 url(../Images/premiumTop.gif) no-repeat top left;
}
.featuredAz h4{
	background:#e0e6f0 url(../Images/premiumAzTop.gif) no-repeat top left;
}

/* Jobdetail page -------------------------------- */


dl{
	width:350px;
	line-height:1.8;
	margin-left:19px;
	color:#333;
}
dt{
	float:left;
	width:auto;
	padding-right:7px;
	font-weight:bold;	
}

p.button {
	width:525px;
	float:none;
	margin-left:19px;
	clear:both;
}
p.button a {
	display:block;
	float:right;
	margin-left:15px;
	line-height:3;
	margin-bottom:6px;
}
p.button a:hover {
	text-decoration:underline;
}
p.button a.apply, p.button a.apply2, p.button a:hover.apply, p.button a:hover.apply2, p.button a.addAlert {
	width:87px;
	height:33px;
	background:url(../Images/buttonApply.gif) no-repeat top left;
	text-indent:-3000px;
	text-decoration:none;
}
p.button a.apply2, p.button a:hover.apply2 {
	background:url(../Images/buttonApply2.gif) no-repeat top left;
}
p.button a.addAlert {
	background:url(../Images/buttonAddAlert.gif) no-repeat top left;
	width:136px;
	height:25px;
}

/* Browse ---------------------------------------------- */

div.lists {
	width:560px;
	clear:left;
}

ul.category {
	width:270px;
	float:left;
	margin:0 0 10px 0;
	padding:0 0 20px 0;

}

ul.category li {
	list-style:none;
	padding:0 0 3px 0;
	margin-right:10px;
}
li.listhead {
	font-weight:bold;
}
li.listhead ul {
	margin-top:5px;
}
li.listhead ul li{
	font-weight:normal;
	margin-left:20px;
}
li.listhead ul li.symbol{
	font-weight:normal;
	margin-left:0;
}


/* RSS -------------------------------- 

a.feed {
	background:url(../Images/rss.gif) no-repeat top left;
	padding-left:17px;
}

/* Footer ---------------------------------------------- */

#footerInfo {
	width:960px;
	clear:both;
	
}
#footerInfo p {
	float:left;
	width:50%;
	font-size:.9em;
	padding:15px 0 10px 0;
	margin-bottom:0;
}
#footerInfo p#madgex {
	text-align: right;
}
#footer {
	float:left;
}
#footerContent {
	width:960px;
	padding:0;
	margin:0 auto;
}
#footer ul {
	width:750px;
	float:left;
	padding:15px 0;
	margin:0;
}
#footer li {
	margin:0;
	padding:0 4px 0 6px;
	display:inline;
	border-left:1px solid #dedede;
}
#footer li.first {
	border-left:none;
	padding-left:0;
}
#footer li a {
	color:#dedede;
}
#footer img {
	float:right;
	width:200px;
	margin-top:10px;
}


/* CMS content ---------------------------------------------- 

div.cms {

}

div.cms ul {
	margin-left:16px;
	margin-bottom:15px;
}

*/