@charset "utf-8";
/* 
=================== CSS Document  ======================
	
	Site: 			
	Author: 		Steven Gibbons | Union Room Ltd
	Created: 		6th January 2010
	Updated: 	
	Copyright: 	(c) 2010
	
=========================================================

/* ========= Global ========= */
* { margin: 0; padding: 0; }
html { font-size: 100%; height: 100%; }
body { height: 100%; overflow-x: hidden; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
p { font-size: 1.1em; color: #666; margin: 0; line-height: 1.5; margin: 0; padding: 0 0 10px 0; text-align: left; }

div#container { margin: 0 auto; width: 900px; }
div#hdr { height: 180px; border: 1px solid #eaeaea; border-width: 0 0 1px 0; }
div#hdr h1 { float: left; width: 127px; height: 153px; background: url('../img/iR/logo.gif') no-repeat; }

div#welcome { float: right; width: 743px; padding: 24px 0 0 0; }
div#welcome h2 { font-size: 1.6em; font-weight: bold; color: #ef3e35; }
div#welcome h3 { font-size: 1.5em; color: #666; padding: 0 0 15px 0; }
div#welcome h3 span { color: #ef3e35; }
div#welcome a { color: #ef3e35; font-weight: bold; text-decoration: none; }
div#welcome a.arrow { display: block; width: 217px; height: 21px; padding: 3px 0 0 10px; background: url('../img/bg/a-arrow.gif') no-repeat; font-size: 1.5em; font-weight: bold; text-decoration: none; color: #fff; }

div.inner a.arrow { display: block; width: 120px; height: 21px; padding: 3px 0 0 10px; background: url('../img/bg/a-arrow.gif') no-repeat top right; font-size: 15px; font-weight: bold; text-decoration: none; color: #fff!IMPORTANT; }

ul#nav { border: 1px solid #eaeaea; border-width: 0 0 1px 0; }	
ul#nav li { list-style: none; float: left; margin: 0 20px; padding: 10px 0; }
ul#nav li a { font-size: 1.6em; color: #999; text-decoration: none; }
ul#nav li a.active,
ul#nav li a:hover { color: #ef3e35; }
ul#nav li.status { padding: 12px 0 0 0; float: right; font-size: 1.2em; color: #999; }
ul#nav li.status span { color: #ef3e35; }

div#content { padding: 30px 0 0 0; }
div#content h4 { position: relative; z-index: 2; width: 680px; font-size: 2.5em; color: #ef3e35; }
div#content h4 span { font-weight: bold; }

div#purple { margin: -39px 0 0 0; width: 900px; height: 112px; background: url('../img/bg/purple-arrow.gif') no-repeat; }
div#purple a { position: relative; top: -5px; left: 780px; font-size: 1.6em; font-weight: bold; color: #FFF; text-decoration: none; }
div#purple h5 { position: relative; top: 80px; font-size: 1.6em; font-weight: bold; color: #FFF; text-decoration: none; }
div#purplebg { position: absolute; z-index: -1; top: 371px; left: 0; width: 50%; height: 42px; background: #b51f8b; }

div#green { margin: 15px 0 0 0; width: 740px; height: 165px; background: url('../img/bg/green-arrow.gif') no-repeat; }
div#green a { -moz-transform: rotate(-45deg); position: relative; top: 60px; left: 645px; font-size: 1.6em; font-weight: bold; color: #FFF; text-decoration: none; }
div#green h5 { padding: 11px 0 0 0; font-size: 1.6em; font-weight: bold; color: #FFF; text-decoration: none; }
div#greenInner { display: none; width: 600px; z-index: 2; position: relative; top: -105px; padding: 0 0 10px 0; margin: 0 0 -327px 0; }
div#greenInner h6 { font-size: 1.4em; color: #0b9548; padding: 0 0 10px 0; }
div#greenInner p { color: #2fb34d;}
div#greenInner p a { color: #2fb34d; text-decoration: none; }
div#greenInner p a:hover { text-decoration: underline; }
div#greenbg { position: absolute; z-index: -1; top: 428px; left: 0; width: 50%; height: 42px; background: #2fb34d; }

div#blue { position: relative; margin: -108px 0 0 0; width: 590px; height: 127px; background: url('../img/bg/blue-arrow.gif') no-repeat; }
div#blue a { position: relative; top: 60px; left: 465px; font-size: 1.6em; font-weight: bold; color: #FFF; text-decoration: none; }
div#blue h5 { padding: 11px 0 0 0; font-size: 1.6em; font-weight: bold; color: #FFF; text-decoration: none; }
div#blueInner { display: none; width: 430px; z-index: 2; position: relative; top: -75px; padding: 0 0 10px 0; margin: 0 0 -367px 0; }
div#blueInner h6 { font-size: 1.4em; color: #2b71b9; padding: 0 0 10px 0; }
div#blueInner p { color: #2aa6dc; }
div#blueInner p a { color: #2aa6dc; text-decoration: none; }
div#blueInner p a:hover { text-decoration: underline; }
div#bluebg { position: absolute; z-index: -1; top: 485px; left: 0; width: 50%; height: 42px; background: #2aa6dc; }

div.ftr { position: relative; top: 30px; border: 1px solid #eaeaea; border-width: 1px 0 0 0; padding: 20px 0 0 0; margin-bottom: 20px;}
div.ftr p { color: #999; padding: 0; width: 460px; float: left; margin-left: 15px; }
div.ftr p span { font-weight: bold; }
div.ftr p a { color: #999; text-decoration: none; }
div.ftr p a:hover { text-decoration: underline; }
div.ftr img { border: 0; }

div.ftrHome { position: relative; top: 30px; border: 1px solid #eaeaea; border-width: 1px 0 0 0; padding: 20px 0 0 0; margin-bottom: 20px;}
div.ftrHome p { color: #999; padding: 0 0 10px 0; width: 100%; float: left; margin-left: 15px; }
div.ftrHome p span { font-weight: bold; }
div.ftrHome p a { color: #999; text-decoration: none; }
div.ftrHome p a:hover { text-decoration: underline; }
div.ftrHome img { border: 0; margin-left: 7px; }

div.ftrText { clear: both; width: 100%; }

/* ========= Sign Up ========= */
body.signup { background: url('../img/bg/three-arrow.gif') repeat-x; background-position: 0 310px; }
body.signup div#content {  }
body.signup div#contForm div#nextStep { position: relative; top: 99px; left: 733px; width: 154px; height: 165px; background: url('../img/bg/blue-next-step.gif') no-repeat; }
/*body.signup div#contForm div#nextStep a { -moz-transform: rotate(-45deg); position: relative; left: 60px; top: 93px; font-size: 1.6em; font-weight: bold; color: #FFF; text-decoration: none; }*/
body.signup div#contForm div#nextStepSubmit { position: relative; top: 99px; left: 733px; width: 154px; height: 165px; background: url('../img/bg/blue-next-step.gif') no-repeat; }
/*body.signup div#contForm div#nextStepSubmit a { -moz-transform: rotate(-45deg); position: relative; left: 60px; top: 93px; font-size: 1.6em; font-weight: bold; color: #FFF; text-decoration: none; }*/

body.signup div#contForm div#nextStep a { top: 0; left: 0; width: 154px; height: 165px; display: block; background: url('../img/bg/a-blue-next-step.gif') no-repeat; }
body.signup div#contForm div#nextStepSubmit a { top: 0; left: 0; width: 154px; height: 165px; display: block; background: url('../img/bg/a-blue-next-step.gif') no-repeat; }

div#blueArrow { position: absolute; z-index: -1; left: 0; top: 419px; background: #2aa6dc; height: 43px; width: 50%; }
div#contForm { margin: 38px 0 0 0; width: 733px; background: #FFF; }
div#contForm div.inner { position: relative; z-index: 2; top: -135px; left: 35px; width: 663px; height: 980px!IMPORTANT; }

div#contForm div.innerShort { height: 350px!IMPORTANT; }

div#contForm div.innerShort textarea { width: 180px; border: 1px solid #999; background: #FFF; color: #666; margin: 0 5px 0 0; padding: 2px 5px; }

div#contForm textarea { font-size: 1em; }

div#contForm div.steps { position: relative; z-index: 2; top: -135px; left: 35px;margin: 0 0 25px 0; }
div#contForm ul.steps { position: relative; z-index: 2; top: -135px; left: 35px;margin: 0 0 25px 0; }
div#contForm ul.steps li { float: left; background: url('../img/bg/steps.gif') no-repeat; width: 128px; height: 20px; list-style: none; padding: 4px 0 0 6px; font-size: 1.3em; font-weight: bold; color: #FFF; }
div#contForm div.steps a { float: left; background: url('../img/bg/steps.gif') no-repeat; text-decoration: none; width: 128px; height: 20px; list-style: none; padding: 4px 0 0 6px; font-size: 1.3em; font-weight: bold; color: #FFF; }
div#contForm ul.steps li.active { background-position: left bottom; }
div#contForm div.steps a.activeSlide { background-position: left bottom; }

p.info { font-size: 1em; color: #EF3E35; }

div#contForm div.inner h6 { font-size: 1.8em; color: #EF3E35; padding: 0 0 10px 0; }
div#contForm div.inner h6 span { font-weight: bold; }
div#contForm div.inner div { width: 663px; }
div#contForm div.inner p { font-size: 1.2em; }
div#contForm div.inner table { width: 663px; }
div#contForm div.inner table th { width: 180px; font-size: 1.1em; font-weight: normal; text-align: right; color: #666; padding: 0 10px 10px 0; }
div#contForm div.inner table td { font-size: 1.1em; font-weight: normal; text-align: left; color: #666; padding: 0 10px 10px 0; }
div#contForm div.inner table td#edit_title { padding-right: 20px; }
div#contForm div.inner table td a { color: #666; text-decoration: none; }
div#contForm div.inner table td input { width: 180px; border: 1px solid #999; background: #FFF; color: #666; margin: 0 5px 0 0; padding: 2px 5px; }
	div#contForm div.inner table td input#name{ width: 150px; }
	div#contForm div.inner table td input#surname{ width: 150px; }
div#contForm div.inner table td input#day { width: 30px; }
div#contForm div.inner table td input#year { width: 61px; }
div#contForm div.inner table td input.wide { width: 377px; }
div#contForm div.inner table td input#postcode { width: 60px; }
div#contForm div.inner table td input[type=file] { margin: 0 0 0 10px; }
div#contForm div.inner table td select { width: 100px; border: 1px solid #999; background: #FFF; color: #666; margin: 0 5px 0 0; padding: 1px 5px; }
div#contForm div.inner table td.tRight { text-align: right!important; }
div#contForm div.inner table.dotted td { border-bottom: 1px dotted #CCC; padding: 5px 0; }
div#contForm div.inner table td.title { font-weight: bold; }
div#contForm div.inner table td h6 { margin: 10px 0 -10px 0; font-size: 1.2em!important; color: #EF3E35; }
div#contForm div.inner a#backHome { background: url('../img/bg/steps.gif') no-repeat; width: 128px; height: 20px; padding: 4px 0 0 6px; text-decoration: none; font-size: 1.3em; font-weight: bold; color: #FFF; }

div#contForm a { color: #EF3E35; text-decoration: none; }

div#education ul { postion: relative; top: 0; left: 0; }
	div#education ul li { background: none; float: right; width: 100px; }

div#educationUpdate ul { postion: relative; top: 0; left: 0; }
	div#educationUpdate ul li { background: none; float: right; width: 100px; }
	
div#employment ul { postion: relative; top: 0; left: 0; }
	div#employment ul li { background: none; float: right; width: 100px; }
	
div#employmentUpdate ul { postion: relative; top: 0; left: 0; }
	div#employmentUpdate ul li { background: none; float: right; width: 100px; }

div.prompt { width: 500px; padding: 15px; }
div.prompt table th { width: 180px; font-size: 1.3em; font-weight: normal; text-align: right; color: #666; padding: 0 10px 10px 0; }
div.prompt table td { font-size: 1.1em; font-weight: normal; text-align: left; color: #666; padding: 0 10px 10px 0!important; }
div.prompt table td a { color: #666; text-decoration: none; }
div.prompt table td input { width: 337px; border: 1px solid #999; background: #FFF; color: #666; margin: 0 5px 0 0; padding: 2px 5px; }
div.prompt table td input.dates { width: 152px; }
div.prompt table td textarea { width: 337px; height: 70px; border: 1px solid #999; font-size: 1.1em; background: #FFF; color: #666; padding: 1px 5px;  }
div.prompt table td textarea.wide { width: 473px; height: 130px; }
div.prompt table td select { width: 100px; border: 1px solid #999; background: #FFF; color: #666; margin: 0 5px 0 0; padding: 2px 5px; }
div.prompt table td h6 { margin: 10px 0 -10px 0; font-size: 1.1em!important; color: #EF3E35; }
div.prompt h6 { font-size: 1.8em; color: #EF3E35; padding: 0 0 10px 0; }
div.prompt table td ul li { list-style: none; float: right; }
div.prompt table td a.clearForm { margin: 0 5px 0 10px; width: 79px; height: 22px; background: url('../img/iR/clear-form.gif') no-repeat; }
div.prompt table td a.clearForm:hover { background-position: bottom!important; }
div.prompt table td a#addJob { width: 67px; height: 22px; background: url('../img/iR/add-job.gif') no-repeat; }
div.prompt table td a#addJob:hover { background-position: left bottom!important; }
div.prompt table td a#addSchool { width: 82px; height: 22px; background: url('../img/iR/add-school.gif') no-repeat; }
div.prompt table td a#addSchool:hover { background-position: left bottom!important; }
div.prompt table td a.update { width: 56px; height: 22px; background: url('../img/iR/update.gif') no-repeat; }
div.prompt table td a.update:hover { background-position: left bottom!important; }

#aboutTable textarea { width: 640px; height: 140px; color:#666666;
padding:2px 5px;}
#aboutTable p { font-size: 1em!IMPORTANT; color: #EF3E35; }

#qualification_table { width: 400px!IMPORTANT; font-size: 0.9em!IMPORTANT; }

/* ========= Safari CSS Hacks ========= */
@media screen and (-webkit-min-device-pixel-ratio:0){
div#green a { position: relative; top: 17px; left: 625px; display: block; width: 115px; height: 117px; background: url('../img/bg/green-read-more.gif') no-repeat; font-size: 1.6em; font-weight: bold; color: #FFF; text-decoration: none; }
div#greenInner { display: none; width: 600px; z-index: 2; position: relative; top: -105px; padding: 0 0 8px 0; margin: 0 0 -327px 0; }
div#purplebg { top: 372px; }
div#greenbg { top: 429px; }
div#bluebg {top: 486px; }
.aReplace { background-position: top; background-repeat: no-repeat; display: block; }
.aReplace span { width: 0px; height: 0px; overflow: hidden; display: none; }
}
.error{border: 1px solid #FF0000!IMPORTANT; }
.red { color: #EF3E35!IMPORTANT; }
/* ========= Important Classes ========= */
h1, h2, h3, h4, h5, h6 { font-weight: lighter; }
a:focus { outline: none!important; }
a.btnReplace { cursor: pointer; }
input.btnReplace { display: none; margin: 0; padding: 0; }
input, select, textarea { font-family: Arial, Helvetica, sans-serif!important; }
img.btnReplace { cursor: pointer; }

.fRight {float: right; }
.fLeft {float: left; }

.hidden { display: none; }

.imgReplace { background-position: top; background-repeat: no-repeat; display: block; }
.imgReplace span { width: 0px; height: 0px; overflow: hidden; display: block; }
 
* html .clearfix { height: 1%; /* IE5-6 */ }
* + html .clearfix { display: inline-block; /* IE7not8 */ }
.clearfix:after { /* FF, IE8, O, S, etc. */ content: "."; display: block; height: 0; clear: both; visibility: hidden; }