﻿/*************************

	front end only
	
	1. text styles
	2. general layout styles
	3. skip links
	4. masthead
	5. logo
	6. columns
	7. round boxes
	8. middle content
	9. left content
	10. right content
	11. job search results
	12. job details
	13. modal pop up
	14. step menu
	15. our team photos
	16. MPi offices table
	17. news
	18. Media
	19  Profiles
	20. Unsubscribe links
	21. MPi LIFE

*************************/
/* 1. text styles */
body{
	font-size:small;
	background-color:#fff;
	color:#000;
}
#container, #footer{
	font-size: 90%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#container{line-height:normal;}
#leftcontent label{font-size:90%;}
a:link, a:visited, a:hover{
	color:#D77838;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
p, ul, table#mpi-offices{
	margin-bottom: 1em;
	margin-top: 0;
}

ul{
	list-style-type:disc;
}
ol{
	list-style-type:decimal;
}
li{ margin-left:3.5em;}
ul.ticks li{margin-bottom:1.5em;list-style-type:none;}
ul.ticks li{
	background:url(/images/gfx/bullet_tick.gif) no-repeat 1.5em center;
	margin-left:0;
	padding-left:3.5em;
}

#rightcontent,
#rightcontent a:link,
#rightcontent a:visited,
#rightcontent a:hover{
	color:#5F5F5F;
}
#rightcontent a{
	text-decoration:underline;	
}
#rightcontent a:hover{
	text-decoration:none;
}
.orange, .orange a:link, .orange a:visited, .orange a:hover{
	color:#E17534;
}
#footer{
	color:#fff;
	background-color:#276481;
	text-align:right;
	line-height:25px;
	height:25px;
	font-size:75%;
}
#footer a:link, #footer a:visited{
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer span.left{
	padding-left:0.3em;
	float:left;
	margin-left:0.3em;
}
#footer span.right{
	float:right;
	margin-right:0.3em;
}
h1, h2, h3, h4, h5, h6{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1{
	color:#E17534;
	font-size:1.5em;
	margin:1em 0;
}
h2{
	font-size:1.1em;
	color:#276481;	
	margin-bottom:0;
}
h3{
	font-size:1em;
	color:#000000;
	margin-top:2em;
	margin-bottom:0;
}
h3 > p{
	margin:0;
	padding:0;
}
h2#strapline{line-height:normal;}
h2#strapline a{
	color:#ffffff;
	text-decoration:none;
	font-size:130%;
	font-weight:normal;
}
#content .roundcont .inner h2, #content .roundcont .inner legend{
	text-transform:uppercase;
	color:#276481;
	background:#fff;
}
/***logged in info***/
.login_info{
	text-align:right;
	margin:0.5em 0;
}
.login_info em{
	font-style:normal;
	margin:8px 5px;
	display:block;
}
.login_info a{
	padding:0 4px;
	color:#cc6f2a;}

/* 2. general layout styles */
html, body{
	height:100%;
}
#container, #footer{
	margin: 0 auto;
	width:980px;
	border-left: 1px solid #b1b1b1;
	border-right: 1px solid #b1b1b1;
}
#container{
	/*min-height:100%;*/
	position:relative;
}
#footer, .clear{clear:both;}

#menu{margin-left:196px;}

/* 3. skip links */
ul.skiplinks, .skiplinks {
  position : absolute;
  top : -9000px;
  left : -9000px;
  z-index : 9;
  margin:0;
  list-style-type:none;
}

ul.skiplinks a:focus, ul.skiplinks a:active {
  position : absolute;
  top : 9010px;
  left : 9010px;
  background-color : #000; 
  color : #fff;
  padding : 5px;
  font-weight : bold;
  width : 6em;
  z-index : 9;
}

/* 4. masthead*/
#masthead{
	background-color:#276481;
	position:relative;
	height:103px;
	margin-bottom:1em;
}
img.staff{
	position:absolute;
	top:0;
	left:275px;
}
h2#strapline a:link, h1#logo a:visited, h1#logo a:hover{
	height:34px;
	width:311px;
	margin:0;
	padding:0;
	display:block;
}

h2#strapline{
	height:34px;
	width:400px;
	margin:0; 
	padding:0;
	display : block; 
	position:absolute;
	top:25px;
	right:15px;
}

/* 5. logo */
h2#logo a:link, h1#logo a:visited, h1#logo a:hover{
	height:103px;
	width:275px;
	margin:0;
	padding:0;
	display:block;
}

h2#logo{
	height:103px;
	width:275px;
	margin:0; 
	padding:0;
	text-indent : -9999px;
	text-decoration:none;
	background:url(/images/gfx/bannerlogo.jpg) no-repeat;
	display : block; 
	position:absolute;
	top:0;
	left:0;
}
h2#logo a{display:block; height:103px;}
h2#logo img#printlogo{
	display:none;
}

/* 6. columns */
#main{
	position:relative;
	min-height:690px;
	margin-bottom:12px;padding:0 194px;
}
#leftcontent {
	position: absolute;
	left:0;
	top:-25px;
	width:180px;
	z-index:10;
}
#content {
	margin:0 2px;
	/*margin-left: 194px;
	margin-right:194px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 196px;
	margin-right:196px;*/
	border:1px solid #fff;
	overflow:hidden;/*clear the content container*/
}
/*html>body #content {
	margin-left: 196px;
	margin-right:196px;
}*/
#rightcontent {
	position: absolute;
	right:5px;
	top:0;
	width:180px;
	min-height:580px;
}

/* 7. round boxes */
.roundcont {
	color: #fff;
	position:absolute;
}

.roundtop { 
	background: url(/images/gfx/tr.gif) no-repeat top right;
}

.roundbottom {
	background: url(/images/gfx/br.gif) no-repeat top right;
}
.colour{
	background-color: #276481;}

img.corner {
   width: 8px;
   height: 8px;
   border: none;
   display: block !important;
}
.emailjobs, .candidate{
	width:180px;
	background:url(/images/gfx/bg-jobs.gif) top left no-repeat;
	color:#fff;
	margin:20px 0 0 0;
	height:107px;
	text-align:center;
}
.emailjobs p{
	padding:10px 6px 5px 60px;}
#rightcontent .emailjobs a,.emailjobs a, .candidate a{
	height:22px;
	width:153px;
	padding:5px 15px 0 0;
	background:url(/images/gfx/bg-buttons.gif) -109px 0 no-repeat;
	display:block;
	margin-left:6px;
	color:#fff;
	font-size:14px;
	text-decoration:none;
	}
.candidate{
	height:161px;
	padding-top:48px;
	background-position:right top;}
.candidate p{
	padding-top:15px;}
.candidate a, a.advance{
	background-position:-277px 0;
	width:143px;
	height:18px;
	padding:4px 22px 0 0;
	font-size:12px;
	}
.candidate a.login{
	background-position:-443px 0;}
a.advance{
	background-position:right top;
	font-size:11px;
	width:110px;
	text-align:right;
	padding:4px 30px 0 0;
	margin-left:25px;
	}

/* 8. middle content */
/*** Main Imgae on Home ***/
#topimage{
	background: #d4e3ea url(/images/gfx/staffGroup/people8.jpg) no-repeat;
	background-position: center;
	height: 221px;
	width: 100%;
	overflow:hidden;
	position:relative;
	text-align:center;
	z-index:0;
}
#topimage img{
	position:absolute;
	margin:auto;
	z-index:1;
	left:0;
	top:0;
}

/*** Round Boxes in Content Area ***/
#content .roundcont {
	background-color: #FFFFFF;
	color: #000;
	position:relative;
	width:46%;
	margin:1em 0;
}
#content .roundtop{
	background: url(/images/gfx/tr_admin.gif) no-repeat top right;
	position:absolute;
	top:0;
	width:100%;
}
#content .roundbottom{
	background: url(/images/gfx/br_admin.gif) no-repeat top right;
	position:absolute;
	bottom:0;
	width:100%;
}
#content .roundcont .inner {
	border:1px solid #E0E0E0;
	min-height:10em;
	padding:12px;
}
#content .left{float:left; clear:left; margin-right:10px;}

#content .right{float:right; clear:right; margin-left:10px;}
#content .roundcont .inner table{
	width:100%;
}
#content .roundcont .inner ul{
	padding-left:1.5em;
	list-style-image:url(/images/gfx/arrows.gif);
}
#content .roundcont .inner li{margin:0;}

/*** Round box images ***/
#content .roundcont .new-candidate{
	background:url(/images/gfx/icon_companies.gif) no-repeat 12px 12px;
	padding-left:100px;
}
#content .roundcont .icon-mail{
	background:url(/images/gfx/icon_mail.gif) no-repeat 12px 12px;
	padding-left:100px;
}
#content .roundcont .downTimesheet{
	background:url(/images/gfx/icon_downTimesheet.gif) no-repeat 12px 12px;
	padding-left:100px;
}
#content .roundcont .upTimesheet{
	background:url(/images/gfx/icon_upTimesheet.gif) no-repeat 12px 12px;
	padding-left:100px;
}

.left-cell .edukaform fieldset, 
.right-cell .edukaform fieldset,
#WorkPreference1_UpdatePanel1 fieldset,
.workpreferences fieldset{
	border:1px solid #ccc;
	padding:10px;
}
.left-cell ol li, .right-cell li{
	clear:left;
	margin:0;
}
.workpreferences label{
	font-weight:bold;
	width:100%!important;
}
.workpreferences td{width:50%;}
.workpreferences table{
	width:100%!important;
}
.workpreferences table label{
	font-weight:normal;
	width:auto!important;
}

/* 9. left content */
h3#ttl_job_search{/*job search heading*/
	background-image:url(/images/gfx/ttl_jobsearch.gif);
	height:14px;
	width:99px;
	text-indent:-9999px;
	margin:20px 12px;
	padding:0;
	display:block;
	background-repeat:no-repeat;
}
h3#ttl_email_me_jobs{/*email me jobs heading*/
	background-image:url(/images/gfx/ttl_emailmejobs.gif);
	height:14px;
	width:123px;
	text-indent:-9999px;
	margin:20px 12px;
	padding:0;
	display:block;
	background-repeat:no-repeat;
}
.jobsearch .select, .jobsearch .textbox, .emailjobs .textbox{
	color:#fff;
	border:1px solid #163747;
	background-color:#4b7f98;
}


.jobsearch .select option{ 
width:100%;}

#JobSearch_upJobCategory{
	width:156px;
	overflow:visible;
	position:relative;
}

.jobsearch li{padding-bottom:5px; margin:0;}
.jobsearch{
	margin:15px 12px;
	padding:0;
}
.emailjobs fieldset{
	margin:0 14px;
}
.emailjobs fieldset li, .jobsearch fieldset li{
	border:none;
	margin:0;
}
input.advance{
	width:141px;
	padding:4px 26px 5px 0;
	background:url(/images/gfx/bg-buttons.gif) -609px 3px no-repeat;
	display:block;
	margin:2px 0 0 13px;
	color:#fff;
	font-size:13px;
	border:none;
	text-decoration:none;
	}

/* 10. right content***/
h5.ttl, h5.ttl a{
	width:100%;
	margin:0; 
	padding:0;
	text-indent : -9999px;
	text-decoration:none;
	display : block;
}
h5#hot_jobs{
	height:36px;
	background:url(/images/gfx/ttl_hotjobs.gif) no-repeat;
}
h5#mpi_news{
	height:39px;
	background:url(/images/gfx/ttl_mpinews1.gif) no-repeat;
}
h5#foot_e_tipping{
	height:39px;
	background:url(/images/gfx/ttl_footetipping.gif) no-repeat;
}
h5#timesheets{
	height:44px;
	background:url(/images/gfx/ttl_timesheets.gif) no-repeat;
}
h5#survey{
	height:44px;
	background:url(/images/gfx/ttl_survey.gif) no-repeat;
}
#TSS{/*TSS logo*/
	font-size:80%;
	/*position:absolute;
	bottom:0;
	right:0;*/
}
/*compare salary*/
#CompareSalary{
	height:165px;
	width:183px;
}

/* 11.1 job search */

.searchjobs{
	margin-top:12px;
	width:585px;
	background:url(/images/gfx/bg-searchjobs.gif) top left;
	font-size:11px;
	color:#898989;
	}
.searchjobs span.top, .searchjobs span.bottom{
	display:block;
	height:15px;
	width:585px;
	background:url(/images/gfx/bg-searchjobs.gif) -585px 0 no-repeat;
	}
.searchjobs span.bottom{
	height:20px;
	background-position: -1170px 5px;
	clear:left;
	}
.searchjobs h4, .searchjobs p, .searchjobs ol{
	padding:0 20px;}
.searchjobs table, .searchjobs input.textbox{ margin:0 20px;}
.searchjobs h4{
	font-size:12px;
	color:#276481;
	margin:0;
	line-height:normal;
	}
.searchjobs h4 strong{
	font-size:18px;
	}
.searchjobs li.select{
	list-style:none;
	padding-left:30px;
	display:block;
	}
.searchjobs li, .searchjobs td, .boxes.lg li, .boxes.lg td{
	width:254px;
	height:25px;
	margin:1px 15px 0 0;
	background:url(/images/gfx/bg-searchjobsli.gif) top left no-repeat;
	font-size:12px;
	color:#000;
	float:left;
	display:inline;
	}
.boxes.nobackground{
    padding-bottom:10px;
}
.boxes.nobackground li{
    background:none;
    height:auto;
    display:block;
}
.searchjobs td{
	padding-left:10px;
	width:244px;
	vertical-align:top;}
.searchjobs li.select, .boxes.lg li.select{
	width:244px;
	background-image:none;
	background-color:#d7d7d7;
	height:auto;
	padding:5px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	}
.boxes.lg li.select {
	margin-bottom:10px;
	
}
.searchjobs td label{
	display:block;
	padding:2px 0 0 5px;
	width:200px;
	font-size:11px;
	line-height:18px;
	float:left;
	}
.searchjobs span.checkbox{
	width:250px;
	}
.searchjobs span.checkbox input{
	float:left;}
.searchjobs select, .boxes.lg select{
	background-color:#d7d7d7;
	border:none;
	width:225px;}
.btn{
	width:124px;
	height:30px;
	border:none;
	margin:10px 0 0 430px;
	color:#fff;
	cursor:pointer;
	background:url(/images/gfx/bg-btn.gif) top left no-repeat #246187;
	}
.Pagination{
	padding-top:5px;
	}	
.Pagination table td{
	border-right:3px solid #fff;
	padding:3px;
	background-color:#ececec;
	font-size:14px;
	margin:0 2px;
	}
#PersonalDetails1_pMessage_dialog-header, #PersonalDetails1_pMessage_dialog-content{
	width:600px;}
	
.subclass{border-bottom:1px solid #eee; padding:7px 0; margin:1px 1px 7px 1px; background-color:#f8f8f8;}
.subclass-title{font-weight:bold; margin-left:20px; margin-bottom:5px; display:block; color:#898989}
.boxes .subclass{margin-left:-30px; margin-right:-30px;}
.boxes .subclass label, .boxes .checkbox{font-size:11px;}
/* 11. job search results */
.job{
	background: url(/images/gfx/gradient.jpg) repeat-x;
	border:1px solid #EBEBEB;
	padding:0.5em;
	margin-bottom:0.5em;
}
.jobtitle{
	position:relative;
	width:100%;
}
.jobtitle a{
	width:70%;
	display:block;
}
.jobtitle span{
	position:absolute;
	right:0;
	top:0;
	width:40%;
	padding-left:27px;
	text-align:right;
	font-size:11px;
	font-weight:normal;
	background:url(/images/gfx/icon-jobresults-expression.gif) 0 0 no-repeat;
	text-align:left;
	line-height:normal;
}
.jobtitle span.expression{
	background:url(/images/gfx/icon-jobresults-expression.gif) 0 0 no-repeat;}
.jobtitle span.taking{
	background:url(/images/gfx/icon-jobresults-taking.gif) 0 0 no-repeat;}
.jobtitle span.shortlisting{
		background:url(/images/gfx/icon-jobresults-shortlisting.gif) 0 0 no-repeat;}
.jobtitle span.interviewing{
	background:url(/images/gfx/icon-jobresults-interviewing.gif) 0 0 no-repeat;}

.job p.description{
	color:#276481;
	font-weight:normal;
	border-top:1px solid #d7d7d7;
	padding-top:15px;}
.job strong{
	font-weight:normal;
	color:#898989;
	font-size:11px;
	}
.job .Blue1 strong, .job strong.Blue1, .job .Blue2 strong, .job strong.Blue2, .job .Orange1 strong, .job strong.Orange1, .job .Orange2 strong, .job strong.Orange2 {
    color:#276481;
    font-size:12px;
    font-weight:bold;
}
.job .Blue2 strong, .job strong.Blue2 {color:#427891;}
.job .Orange1 strong, .job strong.Orange1 {color:#E17534;}
.job .Orange2 strong, .job strong.Orange2 {color:#E6A04C;}

/*rss*/
a.rss-feed{
	background:url(/images/gfx/rss-feed.gif) no-repeat left;
	padding-left:30px;
	width:60px;
	float:right;
	margin:-10px 50px 0 0;
	font-size:11px;
	}
a.rss-feed strong{font-size:12px;}


/* 12. job details */
.toplinks, .bottomlinks {
	text-align:right;
	width:425px;
	margin-bottom:20px;
	}
.sidelinks{
	width:150px;
	float:left;
	padding-left:10px;
	}
.bottomlinks{
	clear:left;
	text-align:center;
	}
.toplinks a:link, .toplinks a:visited, .toplinks a:hover, .sidelinks a:link, .sidelinks a:visited, .sidelinks a:hover{
	padding-left:20px;
	color:#cc6f2a;
	text-decoration:none;
}
.toplinks a{
	background:url(/images/gfx/orange-arrow-back.gif) no-repeat left;
	}
.sidelinks a{
	display:block;
	padding:10px 0 10px 20px;
	}
.sidelinks span.applied{
	display:block;
	background:url(/images/gfx/bg-applied.gif) no-repeat left;
	width:139px;
	text-align:center;
	color:#fff;
	line-height:27px;
	font-weight:bold;
	}
.emailjob{
	background: url(/images/gfx/envelope.gif) no-repeat left;
}
.printadvert{
	background:url(/images/gfx/printer.gif) no-repeat left;
}
.clipboard{
	background:url(/images/gfx/clipboard.gif) no-repeat left;
}

#jobdetails{
	width:425px;
	float:left;
	background:#276481 url(/images/gfx/bg-jobdetails.gif) no-repeat bottom left;
	padding-bottom:14px;
	margin-bottom:5px;
}
#jobdetails h2{
	background:url(/images/gfx/bg-jobdetails-top.gif) no-repeat top left #276481;
	padding:14px 0 8px 12px;
	margin:0;
	color:#fff;
	font-size:14px;
}
#jobdetails h2 span#ViewJob_lblJobID{
	position:absolute;
	right:0;
}
#jobdetails h2 #JobDetail1_lblJobID {
position:absolute;right:0;
}
#jobdetails li{margin:0;margin-left:2em}
/***/
#summary{
	background-color:#fff;
	margin:0 12px;
	padding:5px 8px;
	border:1px solid #fff;
	-moz-border-radius-bottomleft:15px;
	-moz-border-radius-bottomright:15px;
}
span.jobid{
	color:#7d7d7d;
	display:block;
	text-align:right;
	margin-bottom:5px;
	}
#summary ul{
	padding:0 0 0 1em;
	margin:1em 0;
}
#jobfooter{
	color:#fff;
	min-height:100px;
	padding:10px 20px 0 12px;
}
#jobfooter img{
	float:left; margin-right:25px;
	}
* html #jobfooter{
	height:100px;
}
.author, .quote{color:#005D7E;}


/* 13. modal popup*/
.modalBackground{
	background-color:#F5F5F5;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.popUpLogin{
	background-color: #FFFFFE;
	padding:10px;
	width:400px;
	height:290px;
}

.popUpLoginTitle{
	color:#E37A31;
	text-transform:uppercase;
	font-weight:bold;
	padding:10px;
	border:0px;	
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:#536E9A;
	width:380px;
}

/* 14. step menu */
ul.stepMenu{
	width:583px;
	border:1px solid #707070;
	list-style:none;
	height:49px;
	padding:0;
	font-weight:bold;
	color:#707070;
	overflow:hidden;
}
ul.stepMenu.threestep1, ul.stepMenu.threestep2, ul.stepMenu.threestep3{
	width:433px;
	}
.stepMenu li{
	line-height:49px;
	margin:0;
	padding-left:10px;
	width:140px;
	display:block;
	float:left;
}
.stepMenu li.last{
	width:120px;
	}
.stepMenu li.current{
	color:#fff;
}

.stepMenu li a, #stepMenu li a:link, #stepMenu li a:visited, #stepMenu li a:active {
	color:#707070;
	text-decoration:underline;
}
.stepMenu li.current a{
	color:#fff;
	text-decoration:none;
	}
.stepMenu li a:hover{
	text-decoration:none;
}

.fourstep1,.fourstep2, .fourstep3, .fourstep4{
	background:url(/images/gfx/bg-steps.gif) no-repeat 0 0;
	}
.fourstep2{
	background-position: 0 -49px;
	}
.fourstep3{
	background-position: 0 -98px;
	}
.fourstep4{
	background-position: 0 -147px;
	}
.threestep1, .threestep2, .threestep3{
	background:url(/images/gfx/bg-steps-3.gif) no-repeat 0 0;
	}
.threestep2{
	background-position: 0 -49px;
	}
.threestep3{
	background-position: 0 -98px;
	}

/*#stepMenu li.lastDone{
	background-color:#7C8437;
	color:#fff;
	background-image: url(/images/gfx/navLastDoneBtn.gif);
}

#stepMenu li.done{
	background-color:#7C8437;
	background-image: url(/images/gfx/navDoneBtn.gif);
}

#stepMenu li.lastDone a, #stepMenu li.lastDone a:link, #stepMenu li.lastDone a:visited, #stepMenu li.lastDone a:hover, #stepMenu li.lastDone a:active, #stepMenu li.current a, #stepMenu li.current a:link, #stepMenu li.current a:visited, #stepMenu li.current a:hover, #stepMenu li.current a:active, #stepMenu li.done a, #stepMenu li.done a:link, #stepMenu li.done a:visited, #stepMenu li.done a:hover, #stepMenu li.done a:active,
#stepMenu li.lastDone,  #stepMenu li.done{
color:#fff;
}

#stepMenu li.done a:hover, #stepMenu li.lastDone a:hover  {
color:#FFFF99;
cursor:hand;
}

#stepMenu li a em, #stepMenu li em{
width:100%;
display:block;
margin:0 0 0 10px;
font-style:normal;
font-weight:bold;
}

#stepMenu li a span, #stepMenu li span{
width:100%;
display:block;
margin-left:10px;
margin-right:30px;
font-weight:normal;
font-size:90%;
line-height:normal;
width:90%;
}

#stepMenu li.stepMenuNoBg{
background-image:none;
}

#stepMenu li a{
height:71px;
display:block;
}
*/
/* #stepMenu.twoStep 
#stepMenu.twoStep li{width:49%;}
#stepMenu.twoStep li a{width:95%;}*/

/* 15. our team photos */

#our-team{
	color:#9EB5C5;
	text-align:center;
	margin: 0 auto;	
	overflow:hidden;

}
#our-team ol{	
	font-size:0.8em;
	text-transform:uppercase;
	font-weight:bold;
	overflow:hidden;
}
#our-team ol,#our-team li{margin:0;padding:0;list-style:none;}
#our-team li{
	float:left;
	width:49%;
	height:140px;
}
#our-team div{width:49%;}
#our-team em{
	font-weight:normal;
	text-transform:none;
	color:#3B7F9E;
	font-style:normal;
	display:block;
}
#our-team .align-left{float:left;}
#our-team .align-right{float:right;}
#our-team .center{float:none;clear:left;width:100%}
#our-team h3{
	clear:both;
	text-transform:uppercase;
	font-weight:bold;
	font-size:100%;
	color:#3B7F9E;
	text-align:center;
	letter-spacing:-1px;
	margin-bottom:0em;
	
}
h3 br{
	line-height:0;
 	margin:0;
}
ol.two{}
#our-team ol.three li{width:32%;}
#our-team ol.one li{width:49%; margin-left:20%;}

/* 16. MPi offices table */
table#mpi-offices{
	width:98%;margin-left:2px;
}
table#mpi-offices td{
	vertical-align:top;
	border:1px solid #ccc;
	width:50%;
	padding:10px;
	position:relative;
	z-index:1
}
table#mpi-offices td p{
	margin-left:7em; /*change to 7em*/
	padding-bottom:0.2em;
	position:relative;
	z-index:100;	
}
table#mpi-offices td p strong{
	display:block;
	float:left;
	width:7em;	/*change to 7em*/
	margin-left:-7em; /*change to 7em*/
	position:relative;
	z-index:100;
}
/* 17. news */
table.newsItems{
margin-top:1em;
}
h3.month{
	background-color:#FFF;
	color:#3B7F9E;
	padding:3px;
        display:none;
}
table.newsItems td.date{
	padding:0 3px;
	width:50px;
        display:none;
}
table.newsItems td{
	border-bottom:1px solid #3B7F9E;
	padding-bottom:2em;
}





/*NEWS TICKER*/
/* liScroll style declarations */

.tickercontainer { /* the outer div */
	background: #DF6F1D;
	color:#fff;
	width: 182px; 
	height: 27px; 
	margin: 10px 0; 
	padding: 0;
	overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	top: 8px;
	width: 170px;
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 170px;
	font: bold 10px Verdana;
	list-style-type: none;
	margin: 0;
	padding: 0;

}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
	list-style:none;
	white-space:nowrap;
}
ul.newsticker span {
	white-space: nowrap;
	padding: 0;
	font: bold 10px Verdana;
	margin: 0 50px 0 0;
}
/*18. Media*/
ul.assets{
	overflow:hidden;
}
ul.assets li{
	list-style-type:none;
	border:1px solid #ccc;
	width:165px;
	text-align:center;
	margin:10px 10px 10px 0;
	float:left;
	overflow:hidden;
}
ul.assets img{
	margin:10px 0;
}
.assetTools{
	background-color:#e6e6e6;
	padding:5px 0;
	border-top:1px solid #ccc;
	overflow:hidden;
}
.assetTools a{
	display:block;
}

.newapplication
{
	font-size:9.5px;
}

.newapplication .active
{
	font-size:9.5px;
	color:#FF0000;
}

.bulletpoints
{
	font-weight:bold;
}

/* Boxes with round tops */

.boxes{
	-moz-border-radius-topleft:15px;
	-moz-border-radius-topright:15px;
	border:1px solid #cccccc;
	width:285px;
	float:left;
	margin:0 10px 10px 0;
	}
.boxes h2{
	color:#fff;
	-moz-border-radius-topleft:14px;
	-moz-border-radius-topright:14px;
	font-size:14px;
	background-color:#707070;
	border:1px solid #707070;
	margin:0;
	padding:10px 5px 5px 10px;
	}
.boxes div{
	padding:10px;
	}
.boxes div.failure{
	padding:5px 5px 5px 50px;
	}
.nomr{
	margin-right:0;
	}
.boxes .note{
	font-size:11px;
	color:#acacac;
	display:block;
	margin-top:5px;}
.boxes ul, .boxes ol{
	list-style:none;
	}
.boxes li{
	padding:2px 0;
	margin-left:0;
	}
li.blank-label{padding-left:42%; padding-top:0;}
	
	
.boxes input{
	width:54%;
	}
.boxes.lg input checkbox{
	width:250px;
	}
.boxes ol.list{
	list-style:decimal;
	margin:10px 0 5px 30px;
	}
.boxes input#PersonalDetails1_ImgBntCalc{
	width:auto;
	}
	
.ajax__calendar div{padding:0;}
.boxes.lg{
	width:574px;
	}
.boxes.lg table{
	width:100%;}
.boxes.lg li, .boxes.lg td{
	width:50%;
	margin:1px 0 0 0;}
.boxes.lg span.checkbox input, .boxes table.radio input{
	width:30px;
	}
	
table#UnsubscribeJobAlert1_UserLogin_rblReason{
	border:none;
	border-collapse:separate;
}	
table#UnsubscribeJobAlert1_UserLogin_rblReason td{
	width:254px;
	margin:1px 15px 0 0;
	/*background:#d7d7d7; /*url(/images/gfx/bg-searchjobsli.gif) top left no-repeat */
	font-size:12px;
	color:#000;
	padding-top:4px;	
}
table#UnsubscribeJobAlert1_UserLogin_rblReason td{
	position:relative;
	overflow:hidden;
	border:2px solid #fff;
	padding:1px 0;
}
table#UnsubscribeJobAlert1_UserLogin_rblReason input{
	position:absolute;
	z-index:999;
}
table#UnsubscribeJobAlert1_UserLogin_rblReason label,table#UnsubscribeJobAlert1_UserLogin_rblReason input{
	float:none;
	display:block;
	float:left
}
table#UnsubscribeJobAlert1_UserLogin_rblReason label{
	float:left;
	width:210px;
	background:#d7d7d7;	
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	min-height:25px;padding:2px 0 4px 20px;
	}
/* 19. Profiles */
#mpier-intro{
	color:#2F2F2F;
	border-top:1px dotted #bfbfbf;
	border-bottom:1px dotted #bfbfbf;
	font-size:120%;
	line-height:1.5;
}
#mpier-intro h1{
	color:#276481;
	margin:0.5em 0;
}
ol#profiles{
	width:585px;
	height:260px;
	overflow:hidden;
	position:relative;
	list-style-type:none;
	background:#e0e0e0;
	font-family:"century gothic", "apple gothic", sans-serif;
	font-size:95%;
	color:#276481;
	padding:0;
}
ol#profiles li{
	margin:0;
	padding:20px 10px 20px 180px;
	background:#e0e0e0 url(/images/gfx/polaroid.png) no-repeat -10px 0px;
	position:absolute;
}
ol#profiles img{
	position:absolute;
	left:-10px;
	top:0;
}
ol#profiles .bio{
	height:230px;
	margin-bottom:5px;
	overflow:auto;
}

ol#profiles .bio_end{
	display:block;
	margin-top:200px;
}

#slideshow{
	position:relative;
	width:585px;
	height:260px;
}
/* 20. Unsubscribe Links */
ul#leaving{
	list-style:none;
	overflow:hidden;
}
ul#leaving li{
	margin:0;
	padding:0 0 5px;
	float:left;
	width:33%;
	text-align:center;
}
ul#leaving a{
	display:block;
	margin:0 auto;
	width:60%;
	border:1px solid #d5d5d5;
	padding:100px 20px 20px;
	height:80px;
	background:#f2f2f2 url(/images/gfx/buttons_gone.gif) no-repeat 0 0;
	color:#276481;
	font-size:90%;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	-moz-box-shadow:0 0 5px #ddd;
	-webkit-box-shadow:0 0 5px #ddd;
	box-shadow:0 0 5px #ddd;
}
ul#leaving #link_member a{background-position:-156px 0;}
ul#leaving #link_linkedin a{background-position:-312px 0;}
/*21 MPi LIFE*/
.mpi-life-byline{
	font-weight:normal;
	text-align:center;
}
ul.mpi-life{
	list-style:none;
	margin:0;
	text-align:center;
	overflow:hidden;
}
.mpi-life li{
	display:inline-block;
	margin-bottom:2.5em;
}
.mpi-life img{
	border:1px solid #000;
	display:block;
}
.mpi-life a{
	font-weight:bold;
	font-size:150%;
	color:#000;
	outline:none;
}
ul.mpi-life a:hover{text-decoration:none}
.lnkright{
	text-align:right;
}
.fineprint{
	font-size:85%;
}
/* old mpi life
#mpi-life-intro{
	background:#e0e0e0;
	font:130% "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	padding:10px;
	margin:0 0 15px;
}
#mpi-life-intro h1{
	font-size:180%;
	font-weight:normal;
	font-family:Baskerville, Palatino, 'Palatino Linotype', Georgia, serif;
	margin:0 0 -3px;
}
#mpi-life-intro h2{
	font-size:220%;
	font-weight:normal;
	margin-bottom:30px;
}
#mpi-life-steps{
	overflow:hidden;
	margin:0 0 15px;
}
#mpi-life-steps li{
	border:1px solid #D5D5D5;
	background:#E8E8E8 url(/images/gfx/MPiLIFE-steps.gif) no-repeat 6px 6px;
	margin:0;
	padding:40px 20px 20px;
	list-style:none;
	float:left;
	text-align:center;
	-moz-border-radius:20px;
	border-radius:20px;
}
#mpi-life-steps #step1{
	width:32%;
	margin-right:4%;
	position:relative;
	z-index:1000;
}
#mpi-life-steps #step2{
	width:38%;
	margin:4%;
	padding-top:20px;
	background-position:-429px 6px;
	position:relative;
	z-index:999;
}
#mpi-life-steps #step3{
	width:48%;
	background-position:-864px 6px;
}
#step1 img{
	margin-bottom:10px;
}
#step1 .arrow{
	position:absolute;
	width:115px;
	height:60px;
	right:-70px;
	top:50px;
	z-index:999;
	background:url(/images/gfx/arrows.png) -10px 0;
}
#step2 .instruction{
	float:left;
	display:block;
	position:absolute;
	left:15px;
	bottom:20px;
	width:44%;
}
#step2 img{
	float:right;
}
#step2 a{
	position:absolute;
	top:-18px;
	right:-10px;
	width:83px;
	height:35px;
	padding:15px 2px 15px 0;
	background:url(/images/gfx/speech-bubble.png) no-repeat 100% 0;
}
#step2 .arrow{
	position:absolute;
	width:62px;
	height:87px;
	right:-30px;
	bottom:-70px;
	z-index:999;
	background:url(/images/gfx/arrows.png) 100% 96px;
}
#step3 .instruction{
	width:90%;
	display:block;
	margin:auto;
}
#step3 em{
	font-style:normal;
	font-size:140%;
}
* html #step1 .arrow,
* html #step2 .arrow,
* html #step2 a{
	behavior: url(/gfx/iepngfix.htc)
}
*/

/*client job search results (e.g. equinox)*/
.client{
	text-align:center;
	padding:20px!important;
	margin-bottom:24px!important;
	width:83%;
}
