@charset "utf-8";
/* CSS Document */

html,
#form1 {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	background: url(../images/bodybg.png) repeat-x  0 -295px #fff;
	color: #2a2a2a;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 1.4;
}

input.err,
select.err,
textarea.err {

	border-color: red !important;
	}
/* -- text -- */

h1 {
	color: #313131;
	font-size: 26px;
	line-height: 31px;
	margin: 20px 0 15px 0;
	padding: 0;
	}
h2, h5 {
	color: #333;
	font-size: 21px;
	line-height: 1.25;
	margin: 15px 0 10px 0;
	padding: 0;
	}
h3 {
	font-size: 18px;
	line-height: 1.25;
	margin: 13px 0 10px 0;
	}	
h4 {
	font-size: 15px;
	line-height: 1.25;
	margin: 10px 0;
	}	
.underline {
	border-bottom: solid 1px #e0e0e0;
	}	
p {
	margin: 10px 0;
	}	

ul {
		padding: 0;
		margin: 0;
	}
li {
	background: url(../images/bullet.png) left top no-repeat;
	margin: 0 0 0 1px;
	padding: 0 0 5px 15px;
	list-style: none;
}

a {
	text-decoration: none;
	color: #0080bd;
}
a:hover {
	color: #004f74;
	}
.red {
	color: #ce0910;
	}	
.blue {
	color: #025783;
	}	
.green {
	color: #18a501;
	}	
	
	.yellow { color: #ff9933;}
	
/* -- tables */	
table {
	border: 0;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	}	
td {
	padding: 2px;
	margin: 0;
	}	

		
/* -- forms -- */	
	
table.form,
table.form table {
	border-collapse: collapse !important;
	border: none !important;
	}	
	table.form td {
		padding: 6px !important;
		margin: 0 !important;
		border: none !important;
		text-align: left !important;
		vertical-align: top !important;
		}	
	table.form table td {
		padding: 0 !important;
		}	
	table.form table.form td {
		padding: 6px 6px 6px 0 !important;
		}	
		
		
			
label {
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	}
label span,b.label span { /* asterisk for required fields */
	color: #c61238;
    font-size: 24px;
    font-weight: bold;
    margin-right: 2px;
    position: relative;
    top: 4px;
	line-height: 14px;
	}
	 		
input,
select,
textarea {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	background: #f4f4f4;
	border: 1px solid #ccc;
	border-radius: 2px;
	}	
.box input,
.box select,
.box textarea {
	background: #fff;
	border-color: #bcdff4;
	}	
	
.box input.err,
.box select.err,
.box textarea.err {
	background: #fff;
	border-color: red !important;
	}
	
	span.err {border-color: red !important;}	
	label.err {border-color: red !important;}	
	b.err {border-color: red !important;}
input.text,
input.file {
	padding: 6px 7px;
	}
textarea {
	padding: 6px 7px;
	}	
select {
	padding: 5px;
	}	
@media screen and (-webkit-min-device-pixel-ratio:0) {
     /* Add your Safari-specific styles here. */
	 select {
		 line-height: 23px;
		 }
}	
label.checkbox,
label.radio,
.cblItem label
 {
	display: inline !important;
	margin-right: 5px;
	font-size:12px;
	font-weight:normal;
	}
.cblItem label {margin-left:5px;}	
input.checkbox,
.checkbox input,
input.radio,
.radio input,
.cblItem input {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	position: relative;
	top: 1px;
	border: none;
	background: none;
	}	

/* -- misc -- */	

a.button {
	float: left;
	background: url(../images/button-blue.png) repeat-x bottom !important;
	border: solid 1px #013f5d !important;
	border-radius: 3px !important;
	padding: 0 12px !important;
	height: 32px !important;
	line-height: 32px !important;
	color: #fff !important;
	font-weight: bold !important;
	font-size: 15px !important;
	text-shadow: 0 0 3px #000 !important;
	}
	a.button:hover {
		background-position: top !important;
		}
a.button.small {
	height: 28px !important;
	line-height: 28px !important;
	font-size: 14px !important;
	padding: 0 10px !important;
	}		
a.button.red {
	background-image: url(../images/button-red.png) !important;
	border: solid 1px #9f060e !important;
	}		
a.button.blue {
	background-image: url(../images/button-ltblue.png) !important;
	border: solid 1px #0776aa !important;
	}	
a.button.ltblue {
	background-image: url(../images/button-xltblue.png) !important;
	border: solid 1px #c0dbed !important;
	}	
a.button.green {
	background-image: url(../images/button-green.png) !important;
	border: solid 1px #40721b !important;
	}		
a.button.gray,
a.button.gray:hover {
	background-image: url(../images/button-gray.png) !important;
	background-position: bottom !important;
	border: solid 1px #999 !important;
	color: #555 !important;
	text-shadow: 0 0 3px #fff !important;
	}	
	
a.button.right {
		float: right;
		}		
img {
	border: none;
}
br.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	}
.hr {
	display: block;
	height: 0px;
	font-size: 0;
	border-bottom: dotted 1px #ccc;
	margin: 15px 0;
	}	
	
	
/* wrappers */

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -70px auto;
	width: 970px;
	padding: 0 30px;
}
#content {
	height: auto;
	padding: 0 0px 30px 0;
}	



/* boxes */

/* default gray box */
.box {
	width: 300px;
}
.box .box-top-bg {
	overflow:hidden;
	background:url(../images/box-top-bg.png) repeat-x left top;
}
	.box .box-top-bg .top-left {
		overflow:hidden;
		background: url(../images/box-bg-top-left.png) no-repeat left top;
	}
	.box .box-top-bg .top-right {
		height:8px;
		background:url(../images/box-bg-top-right.png) no-repeat right top;
	}
.box-bottom-bg {
	background:url(../images/box-bottom-bg.png) repeat-x left top;
}
	.box .box-bottom-bg .bottom-left {
		overflow:hidden;
		background:url(../images/box-bg-bottom-left.png) no-repeat left bottom;
	}
	.box .box-bottom-bg .bottom-right {
		height:8px;
		background:url(../images/box-bg-bottom-right.png) no-repeat right bottom;
	}
.box-left-bg {
    background: url(../images/box-left-bg.png) repeat-y scroll left top transparent;
}	
.box-right-bg {
    background: url(../images/box-right-bg.png) repeat-y scroll right top transparent;
}
.box.blue .box-left-bg {
	background:url(../images/box-left-bg.png) repeat-y left top;
}
.box.blue.box-right-bg {
	background:url(../images/box-right-bg.png) repeat-y right top;
}	
.box-content {
	background: #f2f2f2;
	position: relative;
	margin: 0 8px;
	padding: 7px;
	}			
	
	
/* blue box */	
.box.blue .box-top-bg {
	overflow:hidden;
	background:url(../images/box-top-bg-blue.png) repeat-x left top;
}
	.box.blue .box-top-bg .top-left {
		overflow:hidden;
		background: url(../images/box-bg-top-left-blue.png) no-repeat left top;
	}
	.box.blue .box-top-bg .top-right {
		height:8px;
		background:url(../images/box-bg-top-right-blue.png) no-repeat right top;
	}
.box.blue .box-bottom-bg {
	background:url(../images/box-bottom-bg-blue.png) repeat-x left top;
}
	.box.blue .box-bottom-bg .bottom-left {
		overflow:hidden;
		background:url(../images/box-bg-bottom-left-blue.png) no-repeat left bottom;
	}
	.box.blue .box-bottom-bg .bottom-right {
		height:8px;
		background:url(../images/box-bg-bottom-right-blue.png) no-repeat right bottom;
	}
.box.blue .box-left-bg {
	background:url(../images/box-left-bg-blue.png) repeat-y left top;
}
.box.blue .box-right-bg {
	background:url(../images/box-right-bg-blue.png) repeat-y right top;
}
.box.blue .box-content {
	background: #eaf7fe;
	color: #333;
	}
.box.blue .hr {
	background-color: #BCDFF4;
	}	
	
/* box with shadow */	
.box.white .box-top-bg {
	overflow:hidden;
	background:url(../images/box-white-t.png) repeat-x left top;
}
	.box.white .box-top-bg .top-left {
		overflow:hidden;
		background: url(../images/box-white-tl.png) no-repeat left top;
	}
	.box.white .box-top-bg .top-right {
		height:10px;
		background:url(../images/box-white-tr.png) no-repeat right top;
	}
.box.white .box-bottom-bg {
	background:url(../images/box-white-b.png) repeat-x bottom;
}
	.box.white .box-bottom-bg .bottom-left {
		overflow:hidden;
		background:url(../images/box-white-bl.png) no-repeat left bottom;
	}
	.box.white .box-bottom-bg .bottom-right {
		height:10px;
		background:url(../images/box-white-br.png) no-repeat right bottom;
	}
.box.white .box-left-bg {
	background:url(../images/box-white-l.png) repeat-y left top;
}
.box.white .box-right-bg {
	background:url(../images/box-white-r.png) repeat-y right top;
}
.box.white .box-content {
	background: url(../images/box-blueGradient-bg.png) repeat-x bottom #f5fafe;
	color: #333;
	margin: 0 10px;
	border: solid 1px #d2e4f1;
	}
	
	
	
/* popups */
.fancybox-outer,
#userPop {
	background: #fff !important;
	border: solid 1px #ccc !important;
	box-shadow: 0 0 20px #000 !important;
	border-radius: 10px !important;
	padding: 0 15px 15px 15px !important;
	background: url(../images/popup-header.png) repeat-x top #fff !important;
	margin: 0 auto;
	}
	.fancybox-outer h2,
	#userPop h2 {
		height: 50px !important;
		line-height: 50px !important;
		text-shadow: 0 0 3px #fff !important;
		margin: 0 0 15px 0 !important;
		}
	.fancybox-outer .box,
	#userPop .box {
		width: auto;
		background: #eaf7fe;
		padding: 10px 10px 10px 10px;
		border: solid 1px #ddf0fb;
		margin: 10px 0;
		}	
	#userPop .hr {
		clear: both;
		}	
#fancybox-overlay {
	top: 0px;
	position: absolute;
}

/* login */
.Signup table.login {
	margin: 15px auto 0 auto;
	float: left;
	width: 280px;
	}
.Signup table.login input.text {
	width: 200px;
	}	
.Signup  {
	height:500px;
	}	

/* signup */
.Signup h3 {
	margin: 0;
	}		
.Signup .box {
	float: right;
	border-radius: 10px;
	margin: 5px 0 0 0;
	}
.Signup table.signup {
	margin: 0;
	padding:2px;
	width:600px;
	}
	
	.Signup table.signup td {
	margin: 0;
	padding:2px !important;
	
	}		
.Signup table.signup input.text {
	width: 140px;
	}	
	.Signup table.signup input.text.large {
	width: 200px;
	}				
	
/* applicant profile popup */	
#userPop {
	position: absolute;
	box-shadow-color: #333;
	width: 500px !important;
	}
#userPop .close {
	position: absolute;
	top: 8px;
	right: 8px;
	}		
#userPop h3 {
	margin-top: 0;
	}	
#userPop .box {
	float: right;
	border-radius: 10px;
	margin: 5px 0 10px 10px;
	width: 200px;
	}	
			
	
/* pagination */

.pagination {
	text-align: center;
	display: block;
	height: auto;
	padding: 20px 0 90px 0;
	clear: both;
}
	.pagination ul {
		display: inline-block;
		padding: 0;
		}
	.pagination li {
		color: #666666;
		font-size: 16px;
		float: left;
		background: none;
		padding: 0;
	}
	.pagination li a {
		color: #666666;
		font-size: 16px;
		margin: 0 4px;
	}
	.pagination li a.on {
		font-weight: bold;
		color: #333;
		}
	.pagination li a:hover {
		color: #999;
	}

	.pagination li.page-change a {
		font-weight: bold;
		color: #025f8b;
	}
	.pagination li.page-change a:hover {
	color: #017BAF;
	}
	
/* announcements */
.announcement {
	background: url(../images/announcement-bg.png) repeat-x bottom #fcf7cf;
	margin: 15px 0;
	}	
	.announcement .top {
		background: url(../images/announcement-top.png) repeat-x top;
		height: 13px;
		}
	.announcement .bottom {
		background: url(../images/announcement-bottom.png) repeat-x bottom;
		height: 13px;
		}	
	.announcement span.main {
		padding: 10px;
		font-weight: bold;
		display:block;
		text-align: center;
		}	
		
/* tabbed menu */
.withTabs {
	padding-top: 51px;
	}	
#tabs {
	background: url(../images/tab-header-bg.png) repeat-x;
	width: 100%;
	height: 51px;
    position: absolute;
    top: 77px;
	left: 0;
	}
	#tabs ul {
		width: 980px;
		margin: 0 auto;
		display: block;
		height: 51px;
		padding: 0;
		}
	#tabs ul li {
		background: url(../images/tabs-bg.png) repeat-x bottom;
		float: left;
		padding: 0;
		margin: 0;
		list-style: none;
		}	
		#tabs ul li.on {
			background-position: top;
			}
	#tabs ul li a {
		background: url(../images/tabs-left.png) no-repeat left bottom;
		display: block;
		line-height: 51px;
		}		
		#tabs ul li.on a {
			background-position: left top;
			}
	#tabs ul li div {
		background: url(../images/tabs-right.png) no-repeat right bottom;
		display: block;
		height: 39px;
		line-height: 39px;
		padding: 12px 18px 0 18px;
		font-weight: bold;
		font-size: 17px;
		color: #333;
		text-shadow: 0 0 2px #fff;
		}	
		#tabs ul li a:hover div {
			text-decoration: underline;
			}
		#tabs ul li.on div {
			background-position: right top;
			}


/* header */

#header {
	height: 79px;
	width: 100%;
}

	#header .logo {
		float: left;
		margin: 13px 0 0 0;
		background: url(../images/sub-page-logo-small.png) no-repeat scroll 0 0 transparent;
		height: 55px;
		text-indent: -9999px;
		width: 287px;
		overflow: hidden;
	}
		#header .logo-new {
		float: left;
		margin: 13px 0 0 0;
		background: url(../images/chlogo-2.png) no-repeat scroll 0 0 transparent;
		height: 75px;
		text-indent: -9999px;
		width: 287px;
		overflow: hidden;
	}
	#header .employers-welcome {
		float: right;
		width: 400px;
	}
	#header .employers-welcome .confReg {
		float: right;
		margin-right:20px;
		margin-top:30px;
	}
		#header .employers-welcome p {
			font-weight: bold;
			font-size: 18px;
			float: right;
			margin: 39px 10px 0 0;
		}
		#header .employers-welcome a {
			float: right;
			margin: 34px 0 0 0;
		}
	#header .employers {
		float: right;
		width: 400px;
		}	
		#header .employers p {
			font-size: 18px;
			float: right;
			margin: 25px 0px 5px 0;
		}
		#header .employers select {
			clear: both;
			float: right;
			background: #fff;
			}	
	
	
/* footer */

#footer {
	background: url(../images/intro-top-bg.png) repeat-x #f1f1f1;
	clear: both;
	width: 100%;
	height: 70px;
	line-height: 70px;
}
/* sticky footer styles */
.footer, .push {
	height: 70px;
	}
	#footer #footer-container {
		margin: 0 auto;
		width: 970px;
		height: auto;
		padding: 0 30px;
	}
		#footer #footer-container a {
			font-size: 14px;
			color: #262626;
			margin-right: 15px;
			float: left;
		}
			#footer #footer-container a:hover {
				font-size: 14px;
				color: #666;
			}
		#footer #footer-container p.copyright {
			font-size: 14px;
			float: right;
			color: #262626;
			margin: 0;
			text-align: right;
		}	
			
		
	
/* -------------- */	
/* -- homepage -- */	
	
body.home {
	background-position: 0 0;
	}	
.home #header .logo {
	background: url(../images/logo.png) no-repeat scroll -5px 0 transparent;
	}	
	.home #header .logo-new {
	background: url(../images/chlogo-2.png) no-repeat scroll -5px 0 transparent;
	}	
.home #content {
	padding: 30px 0;
	}		
		
#intro {
	height: 252px;
	width: 100%;
	padding-top: 25px;
}
	#intro .tagline {
		background: url(../images/tagline.png) no-repeat;
		height: 91px;
		width: 100%;
		margin: 0;
	}
	#intro .tagline h1 {
		display: block;
		margin: 0;
		text-indent: -9999px;
	}
	#intro .homepage-search-bar {
		background: url(../images/temporary-search-bar.png) no-repeat;
		height: 82px;
		margin-top: 15px;
		width: 100%;
	}
	#intro .contractors-welcome	{
		height: 41px;
		width: 100%;
		margin: 0 auto;
		margin-top: 10px;
		text-align: center;
	}
		#intro .contractors-welcome p {
			font-weight: bold;
			font-size: 21px;
			margin: 0 0 0 0;
			display: inline-block;
		}
		#intro .contractors-welcome a {
			float: none;
			display: inline-block;
			font-size:19px;
		}	
		#intro .contractors-welcome span {
			font-weight:bold;
			font-size:21px;
		}	
		
.home .search {
	background-image: url(../images/search-bar-repeat-bg-home.png);
	margin-top: 10px;
	}		
	.home .search .search-top-bg {
		background-image: url(../images/search-bar-top-home.png);
		}
	.home .search .search-bottom-bg {
		background: url(../images/search-bar-bottom-home.png);
		}	
.home .jobs {
	width: 640px;
	}		
	.home .jobs .job-content {
		width: 505px;
		}			
	.home .jobs .logo {
		width: 125px;
		}
		
/* sidebar */

#sidebar {
	float: right;
	width: 300px;
	height: auto;
}
#spotlight table 
{
    padding: 0;
	width: 170px;
	float: left;
	height: 170px;
	background: #fff;
	border: none;
	box-shadow: 0 0 3px #999;
	border-collapse: collapse;
	margin: 5px;
}
	#spotlight table td {
		margin: 0;
		padding: 0;
		vertical-align: middle;
		text-align: center;
		width: 100%;
		}
	#spotlight table a {
		width: 170px;
		display:  block;
		overflow: hidden;
		}	
	#spotlight table img {
		max-height: 170px;
		max-width:170px;
		
		border: solid 2px #fff;
		}	


#spotlight2 table 
{
    padding: 0;
	width: 124px;
	float: left;
	height: 84px;
	background: #fff;
	border: none;
	box-shadow: 0 0 3px #999;
	border-collapse: collapse;
	margin: 5px;
}
	#spotlight2 table td {
		margin: 0;
		padding: 0;
		vertical-align: middle;
		text-align: center;
		width: 100%;
		}
	#spotlight2 table a {
		width: 124px;
		display:  block;
		overflow: hidden;
		}	
	#spotlight2 table img {
		max-height: 80px;
		border: solid 2px #fff;
		}	

#sidebar .adspot-1 {
	background: #e0e0e0;
	height: 245px;
	width: 300px;
	margin: 0 0 20px 0;
}
#sidebar h5 {
	margin: 25px 0 5px 0;
}
#sidebar .box {
	margin-bottom: 20px;
	}
#sidebar .box .hr {
	border-bottom: dotted 1px #bbb;
	}	
#sidebar .box-content h3 {
	clear: both;
	color: #262626;
	font-size: 19px;
	margin-top: 10px;
	margin-bottom: 8;
}
#sidebar .box-content p {
	color: #262626;
	margin: 0 0 5px 0;
}
#sidebar .box-content .logo {
	float: left;
	height: auto;
	width: auto;
	margin-bottom: 10px;
	max-height: 80px;
	border: solid 2px #fff;
	box-shadow: 0 0 3px #999;
}
#sidebar .box-content .flag {
	background: url(../images/flag.png) no-repeat;
	height: 78px;
	width: 78px;
	position: absolute;
	top: -13px;
	right: -13px;
}
		
/* employer-spotlight */

#employer-spotlight {
	padding-top: 35px;
	clear: both;
	height: auto;
	display: block;
	border-bottom: 1px solid #d1cfcf;
}
	#employer-spotlight h5 {
		margin: 0;
		padding-bottom: 5px;
		border-bottom: 1px solid #d1cfcf;
	}
	#employer-spotlight table {
		margin: 10px 0;
	}
		#employer-spotlight td {
			padding-left: 13px;
			vertical-align: middle;
		}
			#employer-spotlight td.first {
				padding-left: 0;
			}

/* press-releases and upcoming events */

#press-releases {
	float: left;
	margin: 20px 0 30px 0;
	width: 475px;
	height: auto;
}
#upcoming-events {
	float: right;
	margin: 20px 0 30px 0;
	width: 475px;
	height: auto;
}
#press-releases h5,
#upcoming-events h5 {
	margin: 15px 0 8px 0;
}
#press-releases .box,
#upcoming-events .box {
	width: 100%;
}
#press-releases .box h6,
#upcoming-events .box h6 { 

	margin: 0;
	font-size: 16px;
	color: #015983;
}
#press-releases .box h6 b,
#upcoming-events .box h6 b { 
	margin: 0;
	font-size: 15px;
	color: #323232;
}
#press-releases .box-content p,
#upcoming-events .box-content p {
	font-size: 14px;
	padding-bottom: 10px;
	margin: 0;
}		


/* ------------------- */
/* search results page */	

.searchResults #content {
	padding-left: 10px;
	padding-right: 10px;
	}	
.searchResults .title {
	height: auto;
	display: block;
	clear: both;
	border-bottom: 1px solid #D1CFCF;
	margin-top: 20px;
}
	.searchResults .title h5 {
		font-weight: bold;
		margin: 0;
		padding-bottom: 10px;
		float: left;
	}
	.searchResults .title a.save {
		background: url(../images/icon-save.png) no-repeat left center;
		font-size: 16px;
		line-height: 21px;
		color: #333333;
		padding: 0 0 0 28px;
		float: right;
		margin: 3px 0 0 0;
	}
		.searchResults .title a.save:hover {
			color: #666;
		}

	.searchResults .title a.job-feed {
		background: url(../images/icon-rss.png) no-repeat left center;
		font-size: 16px;
		line-height: 21px;			
		color: #333333;
		padding: 0 12px 0 28px;
		float: right;
		margin: 3px 3px 0 0;
	}
		.searchResults .title a.job-feed:hover {
			color: #666;
		}

.searchResults .jobs {
	width: 640px;
	float: left;
}
	
	.searchResults .jobs .job-content {
		width: 505px;
		}			
	
.searchResults #sidebar {
	width: 285px;
	height: 100%;
	float: right;
	margin: 15px 0 0 0;
	
	padding: 1px;
}

/* search form */

.search {
	background: url(../images/search-bar-repeat-bg.png) repeat-y;
	height: auto;
	width: 970px;
	margin: 20px auto 0 auto;
}
	.search .wrap {
		background: url(../images/search-text-bg.png) no-repeat 0 20px;
		padding-left: 110px;
	}
	.search .text {
		color: #767575;
		font-size: 17px;
		font-style: italic;
		height: 37px;
		line-height: 37px;
		margin: 14px 10px 0 0;
		padding: 0 0 0 10px;
		width: 370px;
		float: left;
		border-radius: 3px;
		border: solid 1px #ccc;
	}
	.search .option {
		float: left;
		/*width: 285px;*/
		width: 390px;
		margin: 8px 3px 0 0;
		}
		.search .option label {
			font-weight: bold;
			display: block;
			font-size: 13px;
			margin-bottom: 1px;
			}
		.search .option select {
			/*width: 275px;*/
			width: 380px;
			height: 25px;
			line-height: 25px;
			padding: 3px;
			}	
	.search .submit {
		border: none;
		height: 46px;
		width: 49px;
		float: left;
		margin: 10px 0 0 -2px;
		padding: 0;
		background-color: transparent;
	}
	.search .search-top-bg {
		background: url(../images/search-bar-top.png) no-repeat;
		width: 955px;
		padding-left: 15px;
		padding-top: 2px;
		padding-bottom: 4px;
	}
	.search .search-bottom-bg {
		background: url(../images/search-bar-bottom.png) no-repeat;
		width: 970px;
		height: 9px;
		display: block;
	}
	.searchResults a.toggle {
		float: right;
		font-size:16px;
		color: #015983;
		margin: 10px 10px 15px 0;
	}	
	
	/* fix jquery float bug */
	.search #advancedOptions {
		clear: both;
		}
		
	/* input dropdown */
	.ui-corner-top, 
	.ui-corner-left, 
	.ui-corner-tl {
		border-top-left-radius: 0 !important;
		}
	.ui-corner-top, 
	.ui-corner-right, 
	.ui-corner-tr {
		border-top-right-radius: 0 !important;
		}	
	.ui-widget-content {
		box-shadow: 0 2px 4px #CCCCCC !important;
		border-color: #d4d4d4 !important;
		border-top: none !important;
		}	
	li.ui-menu-item {
		background: none;
		}	
	.ui-menu-item a {
		background: none !important;
		border: none !important;
		border-bottom: 1px solid #E0E0E0 !important;
		border-radius: 0 !important;
		display: block !important;
		font-family: arial,sans-serif !important;
		font-size: 13px !important;
		line-height: 18px !important;
		padding: 3px 6px !important;
		}	
		.ui-menu-item a:hover {
			background: #e0e0e0 !important;
			margin: 0 !important;
			}
	

/* job listings */

.jobs {
	float: left;
	margin-bottom: 20px;
}
	.home .jobs h5 {
		margin: 0;
		padding-bottom: 5px;
		border-bottom: solid 1px #d1cfcf;
		font-size: 28px;
	}
	.jobs .job {
		border-bottom: 1px solid #d1cfcf;
		float: left;
		clear: both;
		/*width: 100%; */
		padding: 11px 0;
	}
		.jobs .logo {
			width: 125px;
			text-align: center;
			float: left;
			overflow: hidden;
			margin-right: 10px;
			}
			.jobs .logo img {
				max-height: 80px;
				}
		.jobs .job-content {
			float: right;
			width: 670px;
		}
			.jobs .job-content h3 {
				color: #015983;
				font-size: 17px;
				margin: 0;
			}
			.jobs .job-content p {
				color: #4a4a4a;
				font-size: 15px;
				margin: 0;
			}
		.jobs .date {
			color: #232323;
			font-size: 15px;
			float: right;
			width: 100px;
			text-align: right;
			font-weight: bold;
		}
		.jobs .tag {
			background: #dc3d29;
			border-radius: 2px;
			float: right;
			line-height: 23px;
			color: #f4f4f4;
			font-size: 12px;
			font-weight: bold;
			padding: 0 6px;
			margin: 0 0 0 5px;
			cursor:pointer;
			}	
			
			.jobs .tag a {color:#fff;}
			.jobs .tag:hover {
				border: #666;
				}
		.jobs p.skillList {
			font-size:12px;
			margin-top:3px;
			line-height:1.4;
			font-style: italic;
			}		


/* ---------------- */
/* -- job detail -- */

#job-detail h2 {
	border-bottom: 2px solid #ccc;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	}		
#job-detail .description,
#job-detail .requirements,
#job-detail .extras {
	position: relative;
	padding-left: 56px;
	left: -5px;
	margin: 20px 0 20px 0;
	}	
.description {
	background: url(../images/icon-info.png) no-repeat 1px 2px;
	}
.requirements {
	background: url(../images/icon-requirements.png) no-repeat 3px 0px;
	}	
.extras {
	background: url(../images/icon-extras.png) no-repeat 2px 3px;
	}		

#job-detail .box.white {
	width: 660px;
	margin-left: -10px;
	margin-bottom: -10px;
	margin-top: 10px;
	}	
	#job-detail .box .edit {
		position: absolute;
		top: 4px;
		right: 7px;
		}
	#job-detail .box img {
		float: left;
		margin: 0 15px 0 0;
		border: solid 5px #fff;
		box-shadow: 0 0 2px #ccc;
		}
	#job-detail .box h3 {
		margin: 0 0 5px 0;
		font-weight: bold;
		font-size: 22px;
		color: #333;
		}	
	#job-detail .box p {
		margin: 5px 0;
		line-height: 1.5;
		font-size: 15px;
		}	
	#job-detail .box-content {
		padding: 10px;
		}	

#job-detail #main {
	width: 640px;
	float: left;
	}
		
/* employer info */
#job-detail #employer {
	width: 100%;
	height: auto;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 20px;
	margin-top: 20px;
}
#job-detail #employer h3 {
	color: #232323;
	font-weight: normal;
	font-size: 21px;
	margin: 10px 0;
}
#job-detail #employer a {
	color: #025f8b;
	font-size: 15px;
	line-height: 23px;
	margin-left: 3px;
}
	#job-detail #employer a:hover {
		color: #0890d1;
	}
#job-detail #employer .tag {
	background: #333;
	border-radius: 2px;
	float: left;
	line-height: 23px;
	color: #f4f4f4;
	font-size: 12px;
	font-weight: bold;
	padding: 0 6px;
	color: #fff;
	margin: 0 5px 0 0;
	}		
		
/* sidebar */
#job-detail #sidebar {
	margin-top: 20px;
	}
#job-detail #sidebar .box-content {
	padding-top: 1px;
	padding-bottom: 1px;
	}
#job-detail #sidebar .box-content li {
	float: none;
	line-height: 18px;
	margin: 6px 0;
	padding: 0;
	background: none;
}
		
/* buttons */
#job-detail .actions {
	margin: 10px 0 10px 0;
	height: auto;
}
	#job-detail .button {
		font-size: 18px !important;
		padding: 0 15px !important;
		margin-bottom: 10px;
		}
	#job-detail .actions a {
		display: block;
		float: left;
		font-size: 15px;
		line-height: 21px;
		color: #333333;
		padding: 0 12px 0 25px;
		}
	#job-detail .actions a.save {
		background: url(../images/icon-save.png) no-repeat left center;
		margin: 10px 0 0 20px;
	}
		#job-detail .actions a.save:hover {
			color: #666;
		}
	#job-detail .actions a.share {
		background: url(../images/icon-share.png) no-repeat left center;
		margin: 10px 0 0;
	}
		#job-detail .actions a.share:hover {
			color: #666;
		}		
		

/* --------------- */
/* company profile */
#company .box.white {
	width: 660px;
	margin-left: -10px;
	margin-bottom: -10px;
	margin-top: 10px;
	}	
	#company .box .edit {
		position: absolute;
		top: 4px;
		right: 7px;
		}
	#company .box img {
		float: left;
		margin: 0 15px 10px 0;
		border: solid 5px #fff;
		box-shadow: 0 0 2px #ccc;
		max-width: 200px;
		}
	#company .box h3 {
		margin: 0 0 5px 0;
		}	
	#company .box p {
		margin: 5px 0;
		line-height: 1.5;
		font-size: 15px;
		}	
	#company .box-content {
		padding: 10px;
		}	

#company h2 {
	border-bottom: 2px solid #ccc;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	}		
#company .about,
#company .jobs {
	position: relative;
	padding-left: 56px;
	left: -5px;
	margin: 20px 0 20px 0;
	min-height: 45px;
	}	
#company .about {
	background: url(../images/icon-info.png) no-repeat 1px 2px;
	}
#company .jobs {
	background: url(../images/icon-jobs.png) no-repeat 3px 0px;
	}	

#company #main {
	width: 640px;
	float: left;
	margin-bottom: 30px;
	}

/* employer info */
#company #employer {
	width: 100%;
	height: auto;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 20px;
	margin-top: 10px;
}
#company #employer h3 {
	color: #232323;
	font-weight: normal;
	font-size: 21px;
	margin: 10px 0;
}
#company #employer a {
	color: #025f8b;
	font-size: 15px;
	line-height: 23px;
	margin-left: 3px;
}
	#company #employer a:hover {
		color: #0890d1;
	}
#company #employer .tag {
	background: #333;
	border-radius: 2px;
	float: left;
	line-height: 23px;
	color: #f4f4f4;
	font-size: 12px;
	font-weight: bold;
	padding: 0 6px;
	color: #fff;
	margin: 0 5px 0 0;
	}		
	
/* announcement */
#company .announcement {
	/* background: #e9f5fd;
	border-bottom: solid 1px #e0e0e0;
	padding: 15px 10px; */
	font-weight: bold;
	font-size: 20px;
	}
	
/* jobs */	
#company .jobs .job-content {
	float: right;
	width: 579px;
	padding: 0 5px;
}
#company .jobs {
	margin-top: -5px;
	}
#company .jobs h5 {
	margin: 20px 0 0 0;
	padding-bottom: 5px;
	border-bottom: solid 1px #d1cfcf;
	font-size: 26px;
	}	
		
/* sidebar */
#company #sidebar {
	margin-bottom: 20px;
	}
#company #sidebar .box {
	margin-top: 20px;
}
#company #sidebar .box li {
	background: none;
	padding: 0;
	}
#company #sidebar h3 {
	margin-top: 0;
	}	
#company #sidebar .box ul.perks {
	margin: 5px 0;
}
	#company #sidebar .box ul.perks li {
	font-weight: bold;
	font-size: 14px;
	padding: 5px 0;
	line-height: 16px;
	height: 16px;
	}
	#company #sidebar .box ul.perks li img {
		margin: 0 5px 0 0;
		float: left;
		background: none;
		border:none;
		box-shadow: none;
		display: none; /* hiding for now because the different icons arent hooked up */
		}
#company #sidebar .social {
	float: left;
	margin: 0 8px 0 0;
	}		
	#company #sidebar .social img {
		background: none;
		border:none;
		box-shadow: none;
		margin: 0;
		}
	
/* --------------------------- */
/* -- employer capture page -- */

#capture #main {
	width: 646px;
	float: left;
}
#capture h2 {
	font-size: 18px;
    margin: 7px 0 25px;
    padding: 0 5px;
    text-align: center;
	}
#capture img.title {
	display: block;
    margin: 25px auto 0;
	}
	
/* announcement */
#capture .announcement {
    font-size: 17px;
    font-weight: bold;
    line-height: 23px;
    margin-bottom: 10px;
    text-align: center;
	}
	
/* special */	
#capture .special {
	margin-bottom: 10px;
	position: relative;
	}	
	#capture .special .flag {
		position: absolute;
		top: 1px;
		left: 2px;
		width: 97px;
		height: 97px;
		background: url(../images/flag-special.png) no-repeat;
		}
	#capture .special .flag.conf {
		position: absolute;
		top: 1px;
		left: 2px;
		width: 97px;
		height: 97px;
		background: url(../images/flag-conference.png) no-repeat;
		}
	#capture .special .top {
		background: url(../images/box-dkgray-header.png) no-repeat;
		width: 646px;
		height: 52px;
	}
		#capture .special .top p {
			font-size: 23px;
			line-height: 52px;
			padding-left: 80px;
			padding-top: 3px;
			margin: 0;
			color: #fff;
			font-weight: bold;
			text-shadow: 0 0 3px #000;
		}
	#capture .special .content {
		background: url(../images/box-dkgray-bg.png) repeat-y;
		height: auto;
		width: 586px;
		padding: 12px 30px 7px 30px;
		text-align: center;
	}
		#capture .special p {
			font-size: 20px;
			line-height: 40px;
			margin: 0;
		}
			#capture .special p b {
				font-size: 32px;
			}
			#capture .special p i {
				font-size: 22px;
				font-style: italic;
				line-height: 40px;
			}
		#capture .special a.button {
			width: 100px;
			display: inline-block;
			float: none;
			margin: 5px auto 0 auto;
			font-size: 17px !important;
		}
	#capture .special .bottom {
		background: url(../images/box-dkgray-bottom.png) no-repeat;
		height: 19px;
		width: 646px;
	}
	
/* pricing table */	
#capture .pricing {
	background: url(../images/box-ltgray-bg.png) repeat-y;
	width:646px;
	height: auto;
	float: left;
	margin-bottom: 5px;
}
	#capture .pricing .top {
		background: url(../images/box-ltgray-header.png) top no-repeat;
		height: auto;
		width: 100%;
		padding-top: 9px;
		float: left;
	}
	#capture .pricing .bottom {
		background: url(../images/box-ltgray-bottom.png) bottom no-repeat;
		float: left;
		width:100%
	}
	
	#capture .pack {
		width: 202px;
		border-right: 1px solid #ccc;
		text-align: center;
		float: left;
		padding-left: 10px;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
		#capture .pack .heading {
			font-size: 22px;
			font-weight: bold;
			text-shadow: 0 0 3px #fff;
			line-height: 44px;
			margin: 0;
		}
		#capture .pack p {
			font-weight: bold;
			margin: 0;
			}
		#capture .price {
			border-top: 1px solid #D9D9D9;
			width: auto;
			margin-top: 0;
			margin-bottom: 15px;
			padding: 0;
		}
		#capture .price.first {
			border: none;
			padding: 0;
			margin-bottom: 15px;
			}
			#capture .price em {
				display: block;
				background: #f4f4f4;
				height: 35px;
				line-height: 35px;
				font-style: normal;
				text-transform: uppercase;
				font-weight: bold;
				margin-bottom: 8px;
				font-size: 18px;
				color: #045881;
				}	
			#capture .price b {
				font-size: 28px;
				color: #333333;
				display: block;
			}
			#capture .price i {
				font-size: 18px;
				font-style: italic;

				font-weight: normal;
				text-transform: none;
				display: block;
			}
			#capture .price a.button {
				float: none;
				width: 100px;
				margin: 10px auto 5px auto;
				display: block;
				font-size: 17px !important;
				height: 30px !important;
				line-height: 30px !important;
				padding: 0 8px !important;
			}
	#capture .pack.mid{
		border-left: 1px solid #fff;
		padding: 0 0 10px 0;
		width: 217px;
	}
	#capture .pack.right {
		border-left: 1px solid #fff;
		border-right: none;
		padding: 0 0 10px 0;
		width: 202px;
	}	
	
/* second pricing table */
#capture .pack.other p {
	font-size: 23px;
	}
	#capture .pack.other .price {
		width: 175px;
		border: none;
		padding-top: 15px;
		margin: 0 auto 15px auto;
		}
	#capture .pack.other .price ul {
		text-align: left;
		}
		#capture .pack.other .price b {
			font-size: 14px;
			}
			
/* 2-column pricing table */			
#capture .pack.offer {
	width: auto;
	border: none;
	float: none;
	padding: 0 10px;
	}	
#capture .pack.offer .heading {
	padding-left: 10px;
	text-align: left;
	display: block;
	}
#capture .pack.offer .price {
	width: 312px;
	float: left;
	border-left: solid 1px #fff;
	margin-bottom: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #D9D9D9;
	border-top: none;
	}	
	#capture .pack.offer .price.first {
		border-right: 1px solid #D9D9D9;
		border-left: none;
		}
	#capture .pack.offer .price b {
		margin-left: 10px;
		}	
		#capture .pack.offer .price b span {
			font-weight: normal;
			font-size: 15px;
			}
	#capture .pack.offer .price em {
		text-transform: none;
		height: auto;
		line-height: 19px;
		padding: 6px 10px;
		font-size: 15px;
		text-align: left;
		}	
	#capture .pack.offer .price .button {
		margin: 5px 0 5px 10px;
		display: inline-block;
		}	
		
/* sidebar */
#capture .box-content h3 {
	margin-top: 0;
	}		
#capture #sidebar .box {
	margin-top: 7px;
	}	
#capture #sidebar .box-content {
	overflow: hidden;
	}		
		
#capture #sidebar .testimonial {
	font-size: 15px;
	}
	#capture #sidebar .testimonial p {
		font-weight: bold;
		color: #333;
		line-height: 20px;
	}
	#capture #sidebar .testimonial b {
		color: #035177;
		padding-left: 8px;
		margin-bottom: 30px;
	}
	
#capture .logos table {
	display: block;
	float: left;
	height: 50px;
	width: auto;
	margin: 0 10px 0 0;
}
	#capture .logos td {
		vertical-align: middle;
		height: 50px;
		}
		
#capture .social a {
	float: left;
	padding: 5px;
	}	


/* affiliates */

#capture .affiliates {
	clear: both;
	padding: 25px 0 10px 0;
	}
	#capture .affiliates h2 {
		text-align: left;
		font-size: 28px;
		border-bottom: 2px solid #D1CFCF;
		margin: 0 5px 20px 0;
		padding: 0;
		}
	#capture .affiliates table {
		width: 100%;
		}
		#capture .affiliates table td {
			padding: 5px;
			vertical-align: middle;
			}

#capture .pricenote {font-weight:bold;color:Green; display:block;}
#contactCH {width:400px;}
#emailSent {width:400px;}
#tt {
	border: solid 1px #ccc !important;
	border-radius: 5px !important;
	box-shadow: 0 0 4px #ccc !important;
	}


/* ------------------------ */
/* -- application process -- */

/* employer and job title */
#application #employer {
	width: 100%;
	height: auto;
	margin-top: 10px;
}
#application #employer h3 {
	color: #232323;

	font-weight: normal;
	font-size: 21px;
	margin: 10px 0;
	background: none;
	padding: 0;
	text-transform: none;
}
#application h1 {
	float: left;
	margin: 0;
	font-size: 22px;
	}
#application .steps {
	background: #f1f1f1;
	border-top: solid 2px #ccc;
	border-bottom: solid 2px #ccc;
	margin-top: 10px;
	padding: 6px ;
	height: 31px;
	}
	#application .steps span {
		float: right;
		padding: 4px 6px;
		margin: 2px 0 0 5px;
		font-size: 15px;
		font-weight: bold;
		}
	#application .steps span.on {
		background: #333;
		border-radius: 5px;
		font-weight: bold;
		font-size: 15px;
		color: #fff;
		}

/* -- step 1 -- */
#application h3 {
	background: url(../images/numbers.png) no-repeat;
	line-height: 37px;
	height: 37px;
	font-size: 21px;
	padding-left: 45px;
	margin-left: 30px;
	margin-top: 30px;
	display: block;
	text-transform: uppercase;
	}
	#application h3.one {
		background-position: 0 0;
		}
	#application h3.two {
		background-position: 0 -37px;
		}	
	#application h3.three {
		background-position: 0 -74px;
		}	
	#application h3.four {
		background-position: 0 -111px;
		}	
	#application h3.five {
		background-position: 0 -148px;
		}
	#application h3.six {
		background-position: 0 -185px;
		}
		
#application .box {
	width: 900px;
	margin: 10px 0 0 75px;
	}		
#application .box-content {
	padding: 5px;
	
	}	
	
	
	
#application .box .hr {
	margin: 5px 6px;
	background: #BCDFF4;
	}	
	
#application .form label {
	text-align: left;
	width: auto;
	display: block;
	font-weight: bold;
	}
#application .form .text {
	width: 400px;
	}
#application .form .note {
	display: block;
	font-size: 13px;
	line-height: 16px;
	margin-top: 4px;
	}	
	
#application select.sm {width:155px; }
#application .form .text.toolSearch {width:175px;}	
#application .addskill {margin-right:5px;}
#application .form select.mini{width:115px;}

#application .suggestion
{
    border: solid 2px #BCDFF4;
    -moz-border-radius: 15px;
	border-radius: 4px;
	padding:3px;
	width:275px;
	background-color:#BCDFF4;
	
}

#application .skillBx 
{
    margin:  5px 0px  5px 0px;
    border:solid 1px #000;
    background-color:#fff;
    height:200px;
    width:280px;
    overflow:scroll;
    
    
}
#application span.skill 
{
    background:#C3D2DF;
    padding: 3px 5px;
    font-size: 13px;
    background: #D6E3EE;
    color: #069;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    margin:3px;
}

#application .skillBx span.skill.selected
{
    color: #090;
}


#application .skillBx span.skill:hover {
    background: #C3D2DF;
}
#application .skillBx span.remove
{
position: relative;
padding-left: 5px;
color: #666;
font-size: 9px;
font-weight: bold;
}
#application .toolSearch, #application .jdSearch {
	width:210px; height:20px;font-size:12pt;
	}	
#application .button.bskill 
{
    float:right;
    height:18px !important;
    line-height:18px !important;
}

	
	
/* individual form elements */	
#application .form .first {
	width: 320px;
	margin-right: 12px;
	}	
#application .form .text.middle {
	width: 50px;
	}
#application .form .text.city {
	width: 320px;
	margin-right: 12px;
	}	
#application .form .text.street {
	width: 140px;
	margin-right: 12px;
	}	
#application .form select.state { 
	width:175px;
	margin-right: 12px;
	}
#application .form .text.zip {
	width: 50px;
	}	
#application .form select.country { 
	width: 199px;
	}	
#application .form .txtdate {width:150px;}
#application .form .username {
	background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
	line-height: 18px;
    margin: 0;
    padding: 5px 6px;
	color: #999;
	font-style: italic;
	width: 292px;
	}	
#application .form .text.secret {
	width: 608px;
	}	
#application .form select.secret {
	width: 624px;
	}	
	
#application .form select.expertise {
	width: 335px;
	}	
#application .form select.category {
	width: 310px;
	}	
#application .form select.years {
	width: 174px;
	}	
	
#application .form .school
{ width:310px
}
	
#application .form select.status {
	width: 200px;
	}	
#application .form .text.rate {
	width: 78px;
	}	
#application .form select.currency {
	width: 110px;
	}	
#application .form select.per {
	width: 73px;
	}		
	
#application select.month {
	width: 123px;
	margin-right: 8px;
	}	
#application select.day {
	width: 65px;
	margin-right: 8px;
	}	
#application select.year {
	width: 94px;
	}	
#application .checkbox {
	margin-top: 27px;
	font-weight: normal !important;
	}
#application .radio {
	font-weight: normal !important;
	}	
	
#application textarea.summary {
	width: 827px;
	height: 100px;
	}	
#application textarea.summary2 {
	width: 510px;
	height: 100px;
	}	
#application .button.continue {
	margin-left: 633px;
	margin-top: 20px;
	margin-bottom: 30px;
	}

.textErr 
{
    background-color:Red;
}

/* -- step 2 -- */
#application.two .box {
	width: auto;
	margin-left: 45px;
	background-color: #EAF7FE;
	}	
#application.two .box-content {
	padding: 10px;
	}	
	
#application.two p {
	margin-top: 0;
	}	
#application.two h3 {
	margin-left: 0;
	}	
	
#application.two .experience .yes,
#application.two .experience .no {
	font-weight: bold;
	font-size: 18px;
	}	
	#application.two .experience .yes {
		color: #019508;
		}
	#application.two .experience .no {
		color: #d20101;
		}	
	
#application.two .experience {
	width: 550px;
	float: left;
	}	
	#application.two .experience h4,
	#application.two .experience p {
		margin: 0;
		}
	#application.two .experience table {
		background: #d2eaf6;
		border-radius: 6px;
		width: 100%;
		margin: 8px 0;
		padding-top: 5px;
		}		
	#application.two .experience td {
		border-top: solid 1px #fff;
		padding: 7px 10px;
		vertical-align: top;
		}	
	#application.two .experience tr.first td {
		border-top: none;
		}	
	#application.two .experience td.actions {
		width: 100px;
		text-align: right;
		}	
		
#application.two .criteria {
	width: 320px;
	float: right;
	}			
	#application.two .criteria p {
		margin: 0;
		font-size: 18px;
		}
	#application.two .criteria .box {
		background: #fff;
		border: solid 1px #bee1f2;
		border-radius: 6px;

		padding: 10px;
		margin: 8px 0;
		}	
	#application.two .criteria .yes,
	#application.two .criteria .no {
		padding-left: 20px;
		font-size: 14px;
		margin: 1px 0;
		}	
		#application.two .criteria .yes {
			background: url(../images/yes.png) no-repeat 0 3px;
			}
		#application.two .criteria .no {
			background: url(../images/no.png) no-repeat 0 5px;
			}	
			
#application.two .demoReels,
#application.two .photos {
	width: 350px;
	float: left;
	border-right: solid 1px #b1d2e5;
	margin-right: 30px;
	padding-right: 30px;
	}	
	#application.two .demoReels p,
	#application.two .photos p,

	#application.two .url p,
	#application.two .coverLetter p,
	#application.two .lettersRec p {
		margin: 0 0 5px 0;
		}
	#application.two .demoReels table p,
	#application.two .photos table p {
		font-style: italic;
		font-size: 13px;
		}
	#application.two .demoReels table,
	#application.two .photos table {
		background: #d2eaf6;
		border-radius: 6px;
		width: 100%;
		margin: 8px 0;
		padding-top: 5px;
		}		
	#application.two .demoReels tr.first td,
	#application.two .photos tr.first td {
		border-top: none;
		}	
	#application.two .demoReels td,
	#application.two .photos td {
		padding: 4px 6px;
		vertical-align: middle;
		line-height: 15px;
		border-top: solid 1px #fff;
		}	
		#application.two .demoReels td p,
		#application.two .photos td p {
			margin: 0;
			}
	#application.two .demoReels td.actions,
	#application.two .photos td.actions {
		width: 100px;
		text-align: right;
		}				
		
#application.two .photos {
	padding-right: 0;

	margin-right: 0;
	border-right: 0;
	}		
	
#application.two .url {
	margin-top: 20px;
	padding-top: 15px;
	border-top: solid 1px #b1d2e5;
	}	
	#application.two .url .checkbox {
		margin: 0;
		}
	#application.two .url input.checkbox {
		margin-left: 5px;
		}	
	#application.two .url td {
		padding: 0 5px 0 0;
		}		
	#application.two .text {
		width: 270px;
		}	
		
#application.two .coverLetter {
	float: left;
	width: 350px;
	margin-right: 30px;
	padding-right: 30px;
	border-right: solid 1px #b1d2e5;
	}
#application.two .lettersRec {
	width: 450px;
	float: left;
	}

/* ------------ */	
/* -- signup -- */
#signup #main {
	width: 646px;
	float: left;
}
#signup h2 {
	margin-bottom: 5px;
	margin-top: 20px;
	}

/* announcement */
#signup .announcement {
	/* background: none repeat scroll 0 0 #E9F5FD;
    border-bottom: 1px solid #98C1DD;
    border-top: 1px solid #98C1DD;
	 */
    font-size: 20px;
    font-weight: bold;
    line-height: 23px;
    margin-bottom: 10px;
    padding: 15px 15px;
    text-align: center;
	}
	
/* forms */	
#signup .box {
	width: 600px;
	margin-left: 45px;
	}	
#signup .button {
	margin-top: 20px;
	margin-right: 5px;
	}
#signup .login {
	margin-bottom: 25px;
	}	
#signup .login .button {
	height: 29px !important;
	line-height: 29px !important;
	margin-top: 21px;
	font-size: 14px;
	width: 67px;
	text-align: center;
	}
#signup .form .text {
	width: 253px;
	}	
#signup .form.login .text {
	width: 245px;
	}	
	
#signup h1 {
	margin: 25px 0 5x 0;
	}	
#signup h3 {
	background: url(../images/numbers.png) no-repeat;
	line-height: 37px;
	height: 37px;
	font-size: 21px;
	padding-left: 45px;
	margin-top: 20px;
	margin-bottom: 5px;
	display: block;
	text-transform: uppercase;
	}
	#signup h3.one {
		background-position: 0 0;
		}
	#signup h3.two {
		background-position: 0 -37px;
		}		
	
/* individual form elements */	
#signup .form .company {
	width: 535px;
	}
#signup .form .industry {
	width: 551px;
	}	
#signup .form .first {
	width: 212px;
	margin-right: 12px;
	}	
#signup .form .text.middle {
	width: 30px;
	}
#signup .form .title {
	width: 535px;
	}	
#signup .form .text.city {
	width: 170px;
	margin-right: 12px;
	}	
#signup .form select.state { 
	width: 95px;
	margin-right: 12px;
	}
#signup .form .text.zip {
	width: 55px;
	}	
#signup .form select.country { 
	width: 163px;
	}		

/* sidebar */
#signup #sidebar {
	margin-top: 20px;
	}
#signup #sidebar h3 {
	margin-top: 0;
	background: none;
	padding: 0;
	text-transform: none;
	}		
#signup #sidebar .box {
	margin-top: 7px;
	width: 100%;
	margin-left: 0;
	}	
		
#signup #sidebar .testimonial {
	font-size: 15px;
	}
	#signup #sidebar .testimonial p {
		font-weight: bold;
		color: #333;
		line-height: 20px;
	}
	#signup #sidebar .testimonial b {
		color: #035177;
		padding-left: 8px;
		margin-bottom: 30px;
	}
	
#signup .logos table {
	display: block;
	float: left;
	height: 50px;
	width: auto;
	margin: 0 10px 0 0;
}
	#signup .logos td {
		vertical-align: middle;
		height: 50px;
		}
		
#signup .social a {
	display: block;
	height: 32px;
	margin: 10px 0;
	}	
#signup .social a b {
	display: block;
	line-height: 32px;
	}
#signup .social img {
	float: left;
	margin-right: 5px;
	}
	

/* --------------------- */
/* -- employers pages -- */

/* new job posting */
#newJobPosting h3 {
	background: url(../images/numbers.png) no-repeat;
	line-height: 37px;
	height: 37px;
	font-size: 21px;
	padding-left: 45px;
	margin-top: 30px;
	display: block;
	}
	#newJobPosting h3.one {
		background-position: 0 0;
		}
	#newJobPosting h3.two {
		background-position: 0 -37px;
		}	
	#newJobPosting h3.three {
		background-position: 0 -74px;
		}	
	#newJobPosting h3.four {
		background-position: 0 -111px;
		}	
	#newJobPosting h3.five {
		background-position: 0 -148px;
		}
	#newJobPosting h3.six {
		background-position: 0 -185px;
		}		
	#newJobPosting h3 em,
	#newJobPosting h4 em {
		color: #C61238;
		}	
#newJobPosting .box {
	width: auto;
	margin-left: 45px;
	}		
	
#newJobPosting h1 {
	float: left;
	margin: 0;
	font-size: 22px;
	}
	
#newJobPosting .steps {
	background: #f1f1f1;
	border-top: solid 2px #ccc;
	border-bottom: solid 2px #ccc;
	margin-top: 0px;
	padding: 6px ;
	height: 31px;
	}
	#newJobPosting .steps span {
		float: right;
		padding: 4px 6px;
		margin: 2px 0 0 5px;
		font-size: 15px;
		font-weight: bold;
		}
	#newJobPosting .steps span.on {
		background: #333;
		border-radius: 5px;
		font-weight: bold;
		font-size: 15px;
		color: #fff;
		}	
		
#newJobPosting label.ui-dropdownchecklist-text {
	width:auto;
	text-align:left;
	display:inline;
	}
	#newJobPosting label {
		display:block;
		}			
	#newJobPosting label.checkbox {
		font-size: 13px;
		}	
#newJobPosting input.checkbox {
	margin-left: 5px;
	}		
#newJobPosting label.radio {
	font-size: 13px;
	}	
	
#newJobPosting .question {
	border: none;
	text-decoration: none;
	width: 18px;
	height: 18px;
	background: url(../images/question.png) no-repeat;
	display: block;
	float: left;
	}	
	.question span {
		overflow: hidden;
		position: absolute;
		left: -1000em;
		top: 0px;
		margin-left: 20px;
		padding: 5px 8px;
		width: 300px;
		background: #fff;
		border: solid 1px #fff;
		border-radius: 4px;
		box-shadow: 0 0 4px #ccc;
		font-size: 13px;
		line-height: 1.3;
		color: #333;
		font-weight: normal;
		font-style: italic;
		z-index:1000;
		}
	.question:hover span {
		left: auto;
		}
	.question.wide span {
		width: 500px;
		padding: 7px 10px;
		}	
	#newJobPosting label,
	#newJobPosting h3,
	#newJobPosting h4 {
		position: relative;
		}
	#newJobPosting label div,
	#newJobPosting h3 div,
	#newJobPosting h4 div {
		float: left;
		margin-right: 5px;
		}		
	#newJobPosting h3 .question {
		margin-top: 9px;
		}	
		
#newJobPosting .hr {
	background: #BCDFF4;
	margin: 5px 0 0 0;
	}		
#newJobPosting .button {
	float: right;
	}	
	
/* step 1 */
#newJobPosting .step1 {
	width: 100%;
	}
#newJobPosting .step1 td {
	width: 25%;
	}
#newJobPosting .step1 select {
	width: 100%;
	}
	
/* step 2 */	
#newJobPosting .jobTitle {
	width: 439px;
	}
#newJobPosting .number {
	width: 439px;
	}
#newJobPosting .project {
	width: 439px;
	}	
#newJobPosting .salary {
	width: 85px;
	}	
#newJobPosting .currency {
	width: 102px;
	}	
#newJobPosting .status {
	width: 276px;
	}
#newJobPosting select.date {
	width: 65px;
	}	
#newJobPosting .checkbox.date {
	width: 200px;
	}	
#newJobPosting label.space {
	width: 144px;
	display: inline-block !important;
	}

/* step 4 */
#newJobPosting .step4 .text {
	width: 300px;
	}
	
/* step 5 */
#newJobPosting textarea {
	width: 860px;
	height: 800px;
	}

/* step6 */
#newJobPosting .step6 h4 {
	margin: 10px 0 5px 0;
	}
#newJobPosting .step6 .box-content {
	padding-top: 1px;
	}	

#newJobPosting .hr {
	margin: 15px 0;
	}	

#newJobPosting .skillBx 
{
    margin:  5px 0px  5px 0px;
    border:solid 1px #000;
    background-color:#fff;
    height:120px;
    width:295px;
    
}
#newJobPosting span.skill 
{
    background:#C3D2DF;
    padding: 3px 5px;
    font-size: 13px;
    background: #D6E3EE;
    color: #069;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    margin:3px;
}

#newJobPosting .skillBx span.skill.selected
{
    color: #090;
}


#newJobPosting .skillBx span.skill:hover {
    background: #C3D2DF;
}
#newJobPosting .skillBx span.remove
{
position: relative;
padding-left: 5px;
color: #666;
font-size: 9px;
font-weight: bold;
}


#newJobPosting .toolSearch, #newJobPosting .jdSearch {
	width:220px; height:30px;font-size:14pt;
	}	

#newJobPosting .genreSearch {
	width:370px; height:30px;font-size:14pt;
	}	
	

 #newJobPosting .platformSearch {
	width:370px; height:30px;font-size:14pt;
	}	

/* job center */
#jobCenter #main {
	min-height: 700px;
	}
#jobCenter .announcement {
	margin-bottom: 0;
	}
#jobCenter .box.credits {
	float: right;
	width: 450px;
	font-size: 18px;
	line-height: 35px;
	margin-top: 20px;
	}
	.box.credits b {
		font-size: 22px;
		}
	.box.credits .box-content {
		padding: 3px 4px 3px 8px;
		}
	.box.credits em b {
		color: #0a79af;
		font-size: 25px;
		}
	.box.credits .button {
		float: right;
		margin-left: 10px;
		}	

#jobCenter img.stmp{cursor:pointer;}
#jobCenter span.active {margin-left:12px;}

#jobCenter em.loc {font-size:75%}
#jobCenter .box.submenu {
	width: 100%;
	clear: both;
	font-weight: bold;
	padding-top: 15px;
	}		
	#jobCenter .box.submenu .box-content {
		padding: 0;
		}
	#jobCenter .box a {
		padding: 0 10px;
		line-height: 28px;
		}	
		
#jobCenter h1 {
	margin: 25px 0 0 0;
	font-size: 27px;
	float: left;
	}

#jobCenter h2, #actTbl h2 {
	margin: 0;
	font-size: 17px;
	float: left;
	clear: left;
	}	
	
#jobCenter table {
	width: 100%;
	margin: 20px 0;
	border: solid 2px #d0d0d0;
	}	
	#jobCenter table table {
		margin: 0;
		border: none;
		}
	#jobCenter tr.dk td {
		background: #f4f4f4;
		}	
	#jobCenter td {
		padding: 8px 6px;
		border-right: solid 1px #eaeaea;
		border-top: solid 1px #c4c4c4;
		border-bottom: solid 1px #c4c4c4;
		}
		#jobCenter td td {
			border: none;
			}
	#jobCenter th {
		background: url(../images/table-header.png) repeat-x top;
		padding: 2px;
		border: none;
		}	
	#jobCenter table .button {
		height: 28px !important;
		line-height: 28px !important;
		font-size: 14px !important;
		}		
	#jobCenter table td .button, #actTbl .button {
		display: block;
		float: none;
		text-align: center;
		}
		
	#jobCenter table td .button.mini, #actTbl .button {
	    display: inline-block;
	    float: none;
	    text-align: center;
	    height:18px !important;
	    line-height: 18px !important;
	    font-size:12px !important;
	}
		
		
    #jobCenter table td .button.small {
		display: block;
		float: none;
		text-align: center;
		font-size:9pt !important;
		}		
	#jobCenter table p, #actTbl p {
		margin: 5px 0;
		font-size: 13px;
		line-height: 1.3;
		}	
#jobCenter td.activate {
	border-top: none;
	position: relative;
	top: -1px;
	padding-bottom: 11px;
	}		
	#jobCenter td.activate table,#actTbl {
		background: #ecf7fd;
		border: solid 2px #c6e6f5;
		}		
	#jobCenter td.activate td, #actTbl td {
		border-left: solid 1px #afd8eb;
		}
	#jobCenter td.activate .dk td, #actTbl .dk td {
		background: #d3edf8;
		}	
	#jobCenter td.activate li, #actTbl li {
		padding-left: 0;
		}	
	#jobCenter td.activate .button, #actTbl .button {
		font-size: 11px !important;
		line-height: 25px !important;
		height: 25px !important;
		padding: 0 5px !important;
		}	
#jobCenter tr.inactive td {
	border-top: solid 1px #ef8c8c;
	border-bottom: solid 1px #ef8c8c;
	border-right: solid 1px #fccdcd;
	background: #fde7e7;
	}	
#jobCenter tr.yellow td {
	border-top: solid 1px #e2d502;
	border-bottom: solid 1px #e2d502;
	border-right: solid 1px #efeb78;
	background: #fffed6;
	}	
		
#jobCenter table.postings.detail {
	margin-top: 5px;
	}		
	#jobCenter table.postings.detail th {
		text-align: left;
		}
	#jobCenter table.postings.detail tr.headings td {		
		text-align: center; 
		text-transform: uppercase;	
		background: #e9e9e9;
		border-top: solid 1px #ccc;
		font-size: 13px;
		}
	#jobCenter table.postings.detail td.num {
		width: auto; 
		vertical-align: top; 
		font-size: 14px;
		padding-left: 8px;
		padding-right: 5px;
		}		
	#jobCenter table.postings.detail td {
		vertical-align: top;
		}	
		
#jobCenter table.postings.detail .search,
#searchFloater .search {
	padding-left: 27px;
	overflow: hidden;
	width: 0;
	height: 25px;
	background: url(../images/icon-search-sm.png) no-repeat;
	float: right;
	margin: 0;
	}		
	#jobCenter table.postings.detail input.text,
	#searchFloater input.text
	 {
		padding: 4px;
		margin-right: 2px;
		/* */
		}
		
		
		
#searchFloater {width:170px; float:right;margin-bottom:3px;}
		
#jobCenter a.profile,
#jobCenter a.website,
#jobCenter a.images,
#jobCenter a.video,
#jobCenter a.coverLetter,
#jobCenter a.resume
{
	float: left;
	width: 0;
	height: 25px;
	padding-left: 25px;
	overflow: hidden;
	background: url(../images/icons-applicantInfo.png) no-repeat;
	}	
		
	#jobCenter a.profile {
		background-position: 0 -29px;
		}	
		#jobCenter a.profile.on {
			background-position: 0 0;
			}
	#jobCenter a.website {
		background-position: -23px -29px;
		}	
		#jobCenter a.website.on {
			background-position: -23px 0;
			}	
	#jobCenter a.images {
		background-position: -49px -29px;
		}	
		#jobCenter a.images.on {
			background-position: -49px 0;
			}	
	#jobCenter a.video {
		background-position: -77px -29px;
		}	
		#jobCenter a.video.on {
			background-position: -77px 0;
			}	
	#jobCenter a.coverLetter {
		background-position: -105px -29px;
		}	
		#jobCenter a.coverLetter.on {
			background-position: -105px 0;
			}	
	#jobCenter a.resume {
		background-position: -132px -29px;
		}	
		#jobCenter a.resume.on {
			background-position: -132px 0;
			}
		
#jobCenter label.yes {
	padding-left: 18px;
	width: 0;
	height: 18px;
	overflow: hidden;
	background: url(../images/icons-yes-no.png) no-repeat 0 0;
	display: inline-block !important;
	margin: 0;
	}	
	#jobCenter label.no {
		padding-left: 18px;
		width: 0;
		height: 18px;
		overflow: hidden;
		background: url(../images/icons-yes-no.png) no-repeat -18px 0;
		display: inline-block !important;
		margin: 0;
		}	
		
	#jobCenter label.archive {
		
		height: 18px;
		font-size:13px;
		margin-right:2px;
		
		}	
	#jobCenter input.yes,
	#jobCenter input.no {
		/*top: -2px;*/

		}
		#jobCenter input.yes {
			margin-right: 7px;
			}
		
#jobCenter .stars {
	display: block;
	height: 17px;
	}		
	#jobCenter .stars a {
		float: left;
		padding-left: 17px;
		width: 0;
		height: 17px;
		margin-right: 3px;
		overflow: hidden;
		background: url(../images/icons-stars.png) no-repeat -20px 0;
		}	
		#jobCenter .stars a.on {
			background-position: 0 0;
			}
#jobCenter table .archiveButton {font-size:10px !important;height:18px !important;line-height:18px !important;}
		
#jobCenter .notes {
	display: block;
	clear: both;
	padding-left: 23px;
	height: 20px;
	line-height: 20px;
	background: url(../images/icon-notes.png) no-repeat left top;
	margin-top: 4px;
	}		
	
	#userPop 
	{   
	    position:absolute;
	    left:-10000px;
	}
	
#jobCenter #userPop .box {
	margin-top: 0;
	}	
	#jobCenter #userPop .hr {
		clear: both;
		}	

#jobCenter .filterMsg 
{
    margin-left:5px;
}
/* buy credits */

#capture.credits .announcement {
	margin-bottom: 0;
	}
#capture.credits .special p {
	display: inline-block;
	}
#capture.credits .special a.button {
	display: inline-block;
	margin-left: 8px;
	position: relative;
	top: -3px;
	}	
#capture.credits .box.credits {
	width: auto;
	font-size: 16px;
	}
	#capture.credits .box.credits b {
		font-size: 16px;
		}
	#capture.credits .box.credits em {
		font-size: 16px;
		}
	#capture.credits .box.credits em b {
		font-size: 16px;
		}
		
#capture.credits h2 {
	margin: 0;
	font-size: 17px;
	float: left;
	clear: left;
	padding: 0;
	}	
#capture.credits .price em {
	font-size: 16px;
	height: 33px;
	line-height: 33px;
	}
#capture.credits .price b {
	font-size: 18px;
	display: inline;
	}
#capture.credits .price i {
	font-size: 16px;
	display: inline;
	}
#capture.withTabs .button {
	margin-top: 5px;
	}	
	
#capture.credits .cart h3 {
	margin-bottom: 0;
	border-color: #c3e1f7;
	}	
#capture.credits .cart table {
	width: 100%;
	margin: 0;
	padding: 0;
	}	
#capture.credits .cart tr {
	
	}	
#capture.credits .cart td {
	vertical-align: top;
	margin: 0;
	padding: 0;
	padding-bottom: 6px;
	padding-top: 6px;
	margin-bottom: 6px;
	color: #333;
	border-bottom: solid 1px #c3e1f7;
	}	
#capture.credits .cart .remove {
	display: inline-block;
	height: 15px;
	line-height: 15px;
	width: 15px;
	background: #f8f8f8;
	text-align: center;
	margin-right: 5px;
	font-size: 11px;
	border: solid 1px #f1f1f1;
	font-weight: bold;
	}	
	#capture.credits .cart .remove:hover {
		background: #fff;
		}
#capture.credits .cart .price {
	text-align: right;
	font-size: 14px;
	border-top: none;
	margin: 0;
	width: 95px;
	}
	#capture.credits .cart .price b,
	#capture.credits .cart .price i {
		font-size: 14px;
		}
#capture.credits .cart .total {
	margin-top: 5px;
	text-align: right;
	font-size: 16px;
	display: block;
	}		
#capture.credits .cart .button {
	float: right;
	height: 25px !important;
	line-height: 24px !important;
	font-size: 13px !important;
	}	
	
/* purchase credits, checkout */

#capture.checkout .cart {
	width: auto;
	margin-bottom: 25px;
	}
	#capture.checkout .cart h3 {
		margin-top: 0;
		clear: both;
    	color: #262626;
    	font-size: 19px;
		line-height: 1.5;
		}
#capture.checkout #sidebar .box {
	margin-top: 0;
	}		
#capture.checkout .cart .button {
	margin-left: 5px;
	}	
	#capture.checkout .cart .button.lg {
		padding: 4px 12px 3px 12px !important;
		font-size: 16px !important;
		}
#capture.checkout .cart .total {
	font-size: 18px;
	margin: 5px 0;
	color: #333;
	}	
#capture.checkout .cart td {
	padding: 6px;
	background: #fff;
	}	
#capture.checkout .payment {
	width: auto;
	}	
#capture.checkout .hr  {
	background-color: #C3E1F7;
	}	
	
#capture.checkout .form {
	width: auto !important;
	}	
#capture.checkout .form td {
	border: none;
    margin: 0;
    padding: 6px;
    text-align: left;
    vertical-align: top;
	background: none;
	}	
	#capture.checkout .form td table td {
		padding: 0;
		}
	
#capture.checkout .form label {
	display: block;
	}	
	
#capture.checkout .form.cc label.radio {
	font-weight: normal !important;
	}	
#capture.checkout .form.cc .text {
	width: 300px;
	}	
#capture.checkout .form.cc .text.cid {

	width: 100px;
	}	
#capture.checkout .form.cc .text.city {
	width: 190px;
	margin-right: 7px;
	}	
#capture.checkout .form.cc select.state {
	width: 100px;
	}	
#capture.checkout .form.cc select.country {
	width: 150px;
	margin-right: 7px;
	}
#capture.checkout .form.cc .text.code {
	width: 100px;
	}	
	
#capture.checkout .form.check .text {
	width: 275px;
	}	
#capture.checkout .form.check .text.address {
	width: 578px;
	}	
#capture.checkout .form.check .text.city {
	width: 160px;
	margin-right: 7px;
	}	
#capture.checkout .form.check select.state {
	width: 100px;
	}	
#capture.checkout .form.check select.country {
	width: 160px;
	margin-right: 7px;
	}	
#capture.checkout .form.check .text.code {
	width: 100px;
	}		
#capture.checkout .form.check .button {
	float: left;
	margin: 0;
	}	
	

/* account pages */
#account table, #helpTags table {
	width: 100%;
	margin: 0;
	border: solid 2px #d0d0d0;
	}		
	#account table table {
		margin: 0;
		}
	#account td {
		padding: 6px 12px;
		border-right: solid 1px #eaeaea;
		border-top: solid 1px #c4c4c4;
		}
	#account th, #helpTags th {
		background: url(../images/table-header.png) repeat-x top;
		padding: 5px 12px;
		border: none;
		text-align: left;
		}	
	#account table .button {
		height: 26px !important;
		line-height: 26px !important;
		font-size: 14px !important;
		}		
	#account table td .button {
		display: block;
		text-align: center;
		margin-right: 5px;
		}	
	#account table p {
		margin: 5px 0;
		font-size: 13px;
		line-height: 1.3;
		}		
		
.box.accountSubmenu {
	width: 100%;
	clear: both;
	font-weight: normal;
	padding-top: 15px;
	font-size: 13px;
	}		
	.box.accountSubmenu .box-content {
		padding: 0;
		}
	.box.accountSubmenu a {
		padding: 0 4px;
		display: inline-block;
    	line-height: 22px;
		font-weight: bold;
		}	
		
#account .box {
	width: 600px;
	}		
	
#account .form .text {
	width: 253px;
	}	
#account .form .text.city {
	width: 170px;
	margin-right: 12px;
	}	
#account .form select.state { 
	width: 95px;
	margin-right: 12px;
	}
#account .form .text.zip {
	width: 55px;
	}	
#account .form select.country { 
	width: 163px;
	}		
	
#account .form .status .checkbox input {
	margin-right: 5px;
	margin-left: 10px;
	}		
	
	
	
#siggraphJS { margin-top:10px;}
#siggraphJS table {width:100%;}
#siggraphJS table td {width:25%;text-align:center;font-weight:bold;line-height:10px;font-weight:bold;}		



/*  employer search  */
#employerSearch .box.blue.searchForm {
	width: auto;
	margin: 15px 0;
	}			
	#employerSearch .box.submenu {
	width: 100%;
	clear: both;
	font-weight: bold;
	padding-top: 15px;
	}		
	#employerSearch .box.submenu .box-content {
		padding: 0;
		}
	#employerSearch .box a {
		padding: 0 10px;
		line-height: 28px;
		}	
		#employerSearch h1 {
		float:left;
		}	
#employerSearch .checkbox {margin-left:5px;margin-top:5px;}	
#employerSearch input.checkbox {margin-left:0px;}	
#employerSearch .checkbox.selected {color:#18a501;}	
			
#employerSearch table {
	width: 100%;
	margin: 20px 0;
	border: solid 2px #d0d0d0;
	margin-top: 0px;
	}	
	#employerSearch table table {
		margin: 0;
		border: none;
		}
	#employerSearch tr.dk td {
		background: #f4f4f4;
		}	
	#employerSearch td {
		padding: 8px 12px;
		border-right: solid 1px #eaeaea;
		border-top: solid 1px #c4c4c4;
		vertical-align: top;
		}
		#employerSearch td td {
			border: none;
			}
	#employerSearch th {
		background: url(../images/table-header.png) repeat-x top;
		padding: 2px;
		border: none;
		text-align: left;
		}	
	#employerSearch tr.headings td {		
		text-align: center; 
		text-transform: uppercase;	
		background: #e9e9e9;
		border-top: solid 1px #ccc;
		font-size: 13px;
		}	
	#employerSearch table .button {
		height: 28px !important;
		line-height: 28px !important;
		font-size: 14px !important;
		}		
	#employerSearch table td .button {
		display: block;
		float: none;
		text-align: center;
		}	
	#employerSearch table p {
		margin: 5px 0;
		font-size: 13px;
		line-height: 1.3;
		}	
	#employerSearch tr.inactive td {
	border-top: solid 1px #ef8c8c;
	border-bottom: solid 1px #ef8c8c;
	border-right: solid 1px #fccdcd;
	background: #fde7e7;
	}	
	#employerSearch tr.yellow td {
		border-top: solid 1px #e2d502;
		border-bottom: solid 1px #e2d502;
		border-right: solid 1px #efeb78;
		background: #fffed6;
		}	
		

	

#employerSearch table.rankingssection td { border:0px;padding:2px !important;}
#employerSearch table.rankingssection  { border:0px;}

/*		
#employerSearch td.activate {
	border-top: none;
	position: relative;
	top: -1px;
	padding-bottom: 11px;
	}		
	#employerSearch td.activate table {
		background: #ecf7fd;
		border: solid 2px #c6e6f5;
		}		
	#employerSearch td.activate td {
		border-left: solid 1px #afd8eb;
		}
	#employerSearch td.activate .dk td {
		background: #d3edf8;
		}	
	#employerSearch td.activate li {
		padding-left: 0;
		}	
	#employerSearch td.activate .button {
		font-size: 13px !important;
		line-height: 25px !important;
		height: 25px !important;
		padding: 0 5px !important;
		}	
*/		


/*		
#employerSearch table.postings.detail .search {
	padding-left: 27px;
	overflow: hidden;
	width: 0;
	height: 25px;
	background: url(../images/icon-search-sm.png) no-repeat;
	float: right;
	margin: 0;
	}		
	#employerSearch table.postings.detail input.text {
		padding: 4px;
		margin-right: 2px;
		}
*/	
		
#employerSearch a.profile,
#employerSearch a.website,
#employerSearch a.images,
#employerSearch a.video,
#employerSearch a.coverLetter,
#employerSearch a.resume
{
	float: left;
	width: 0;
	height: 25px;
	padding-left: 25px;
	overflow: hidden;
	background: url(../images/icons-applicantInfo.png) no-repeat;
	}		
	#employerSearch a.profile {
		background-position: 0 -29px;
		}	
		#employerSearch a.profile.on {
			background-position: 0 0;
			}
	#employerSearch a.website {
		background-position: -23px -29px;
		}	
		#employerSearch a.website.on {
			background-position: -23px 0;
			}	
	#employerSearch a.images {
		background-position: -49px -29px;
		}	
		#employerSearch a.images.on {
			background-position: -49px 0;
			}	
	#employerSearch a.video {
		background-position: -77px -29px;
		}	
		#employerSearch a.video.on {
			background-position: -77px 0;
			}	
	#employerSearch a.coverLetter {
		background-position: -105px -29px;
		}	
		#employerSearch a.coverLetter.on {
			background-position: -105px 0;
			}	
	#employerSearch a.resume {
		background-position: -132px -29px;
		}	
		#employerSearch a.resume.on {
			background-position: -132px 0;
			}
		
/*		
#employerSearch label.yes {
	padding-left: 18px;
	width: 0;
	height: 18px;

	overflow: hidden;
	background: url(../images/icons-yes-no.png) no-repeat 0 0;
	display: inline-block !important;
	margin: 0;
	}	
	#employerSearch label.no {
		padding-left: 18px;
		width: 0;
		height: 18px;
		overflow: hidden;
		background: url(../images/icons-yes-no.png) no-repeat -18px 0;
		display: inline-block !important;
		margin: 0;
		}		
	#employerSearch input.yes,
	#employerSearch input.no {
		top: -2px;
		}
		#employerSearch input.yes {
			margin-right: 7px;
			}
		
#employerSearch .stars {
	display: block;
	height: 17px;
	}		
	#employerSearch .stars a {
		float: left;
		padding-left: 17px;
		width: 0;
		height: 17px;
		margin-right: 3px;
		overflow: hidden;
		background: url(../images/icons-stars.png) no-repeat -20px 0;
		}	
		#employerSearch .stars a.on {
			background-position: 0 0;
			}
/*/		
#employerSearch .notes {
	display: block;
	clear: both;
	padding-left: 23px;
	height: 20px;
	line-height: 20px;
	background: url(../images/icon-notes.png) no-repeat left top;
	margin-top: 4px;
	text-align: left;
	}		
	
#employerSearch #userPop .box {
	margin-top: 0;
	}	
	#employerSearch #userPop .hr {
		clear: both;
		}
		
		#employerSearch a.expand 
		{
		    padding-left:12px;
		    background: url(../images/plus.png) no-repeat -2px 4px;
			margin-top: 3px;
			display: block;
			font-weight: bold;
		}
		#employerSearch a.collapse 
		{
			background: url("../images/minus.png") no-repeat scroll -2px 4px transparent;
    		padding-left: 12px;
			margin-top: 3px;
			display: block;
			font-weight: bold;
		}
		
		#employerSearch ul.facet 
		{
		    border-bottom:1px solid #E3E3E3;
		    margin-left:4px;
		}
		#employerSearch ul.facet li
		{
		    background-position: 0 -1px;
			font-size: 13px;
			line-height: 1.3;
			margin: 0 0 0 8px;
			padding: 0 10px 5px 13px;
			font-weight: bold;
		}
		#employerSearch h2
		{
		    margin:5px 0px 5px 0px;
		}
		#employerSearch input.full { width:785px;font-weight:bold;margin-left:7px; }
		#employerSearch input.minor { width:180px;font-weight:bold; }
		#employerSearch label.minor { width:85px;display:inline-block; }
		
 		#employerSearch .accountSubmenu .button {margin-right:8px;}
		#employerSearch .annotation { margin-top:5px;}

/* employer search old interface */

#employerSearch .filter {
	float: left;
	width: 225px;
	margin-top: 20px;
	}
	#employerSearch .filter li {
		background: none;
		padding: 0;
		}
	#employerSearch .filter select {
		padding: 3px;
		}	
	#employerSearch .filter input.text {
		padding: 4px 5px;
		}	
	#employerSearch .filter label {
		display: block;
		margin: 5px 0 0 0;
		}	
	#employerSearch .filter .box.blue {
		width: auto;
		}	
	#employerSearch .filter .box-content {
		padding: 3px;
		}	
	#employerSearch .filter .button,
	#employerSearch table .button {
		height: 25px !important;
		line-height: 25px !important;
		padding: 0 10px !important;
		}	
#employerSearch .optionContent li {
	display: block;
	margin: 5px 0 0 0;
	}		
#employerSearch .searchResults {
	float: right;
	width: 725px;
	}		
	
	#bucketButtons a.button
	{ 
	    height:12px !important;
	    line-height:12px !important;
	    font-size:9pt !important;
	    width:100px;
	    text-align:center;
	    margin-top:3px;
	}
	#bucketButtons h3 {margin-top:0px;margin-bottom:0px; line-height:1}
	#bucketButtons p {font-size:12px;margin-top:0px;}
	
	ul.noteUserNotify {width:400px;}
	ul.noteUserNotify li {float:left;margin-left:6px;width:120px; list-style-type:none; background-image:none;}
	ul.noteUserNotify li input {margin-right:4px;}
	
/* ----------------------- */
/* ----------------------- */
/* job seekers ----------- */

span.notice {
	 
	background: url(../images/numbers_small.png) no-repeat;
	line-height: 19px;
	height: 19px;
	font-size: 12px;
	padding-left: 22px;
	
	display: block;
	font-weight:bold;
	
	}
	span.notice.one {
		background-position: 0 0;
		}
	span.notice.two {
		background-position: 0 -18px;
		}	
	span.notice.three {
		background-position: 0 -37px;
		}
	span.notice.four {
		background-position: 0 -55px;
		}
	span.notice.five {
		background-position: 0 -74px;
		}
	span.notice.six {
		background-position: 0 -93px;
		}


#header .jobseeker {
	float: right;
	width: auto;
	text-align: right;
	padding-top: 5px;
	line-height: 1.6;
	font-size: 15px;
	}	
	#header .jobseeker strong {
		font-size: 17px;
		}
	
#jobSeeker .hiddenSections {display:none;}
#jobSeeker .xMedia {display:none;margin-left:65px;}
#jobSeeker .xMedia img {margin-top:7px;}
 
#jobSeeker .medLink {height:25px;}

#jobSeeker #main {
	float: left;
	width: 640px;
	
	}	
#jobSeeker #legacy {
	float: left;
	width: 900px;
	}	

#jobSeeker .reviewHeader h2 {
    float:left;
}
	
/* --- profile --- */	
#jobSeeker a.edit {
	width: 0 !important;
	padding-left: 18px !important;
	background: url(../images/icon-edit.png) no-repeat bottom !important;
	height: 18px !important;
	overflow: hidden !important;
	float: right !important;
	margin: 3px 0 0 0 !important;
	border: none !important;
	}
	#jobSeeker a.edit:hover {
		background-position: top !important;
		}
#jobSeeker a.delete,
#jdBox .remove {
	width: 0 !important;
	padding-left: 18px !important;
	background: url(../images/icon-delete.png) no-repeat bottom !important;
	height: 18px !important;
	overflow: hidden !important;
	margin-left: 2px !important;
	float: right !important;
	margin: 3px 0 0 0 !important;
	cursor: pointer !important;
	border: none !important;
	}	
	#jobSeeker a.delete:hover,
	#jdBox .remove:hover {
		background-position: top !important;
		}
#jobSeeker a.add {
	width: 0 !important;
	padding-left: 18px !important;
	background: url(../images/icon-add.png) no-repeat bottom !important;
	height: 18px !important;
	overflow: hidden !important;
	float: right !important;
	margin: 3px 0 0 0 !important;
	border: none !important;
	}
	#jobSeeker a.add:hover {
		background-position: top !important;
		}		
		
.profile .alert {
	display: block;
	background: #fffed6;
	border: solid 1px #f5d646;
	font-size: 15px;
	line-height: 1.2;
	font-style: italic;
	color: #333;
	}
	.profile .alert p {
		margin: 8px;
		}		
		
/* top box */		
#jobSeeker .profile .box {
	width: 660px;
	margin-left: -10px;
	margin-top: 10px;
	margin-bottom: -10px;
	
	}	
	#jobSeeker #main.profile .box a.edit {
		position: absolute !important;
		top: 4px !important;
		right: 7px !important;
		}
	#jobSeeker .profile .box img {
		float: left;
		margin: 0 15px 10px 0;
		border: solid 1px #fff;
		}
	#jobSeeker .profile .box h3 {
		margin: 5px 0;
		font-weight: bold;
		font-size: 21px;
		color: #333;
		}	
	#jobSeeker .profile .box p {
		margin: 5px 0;
		line-height: 1.5;
		font-size: 15px;
		}	
	#jobSeeker .profile .box-content {
		padding: 5px 10px;
		}	
		
/* main content */		
#jobSeeker .profile	h2 {
	border-bottom: 2px solid #ccc;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	}		
#jobSeeker .summary,
#jobSeeker .education,
#jobSeeker .experience,
#jobSeeker .software,
#jobSeeker .portfolio {
	position: relative;
	padding-left: 56px;
	left: -5px;
	margin: 20px 0 20px 0;
	}	
.summary {
	background: url(../images/icon-summary.png) no-repeat 5px 2px;
	}
.portfolio {
	background: url(../images/icon-portfolio.png) no-repeat -5px 2px;
	}	
.education {
	background: url(../images/icon-education.png) no-repeat -5px 3px;
	}		
.experience {
	background: url(../images/icon-experience.png) no-repeat 2px 3px;
	}	
.software {
	background: url(../images/icon-software.png) no-repeat 1px 4px;
	}	
#jobSeeker .software p {
	margin: 5px 0;
	}	

#jobSeeker .portfolio li {background:none;}
#jobSeeker .portfolio a.itm {
	display: inline-block;
	width:130px;
	height:100px;
	border:solid 1px #F2F2F2;
	margin: 0 8px 0 0;
	}	
#jobSeeker .portfolio a img {
	float: left;
	margin: 0 12px 12px 0;
	}
	#jobSeeker .portfolio a img {
		width:60px;
		margin-left:auto;
		margin-right:auto;
		}
#jobSeeker .portfolio b {
	padding-top: 12px;
	margin-left:120px;
	color: #333;
	display: block;
	}	
#jobSeeker .portfolio em {
	margin-left:120px;
	display: block;
}
#jobSeeker .portfolio .hr {
	margin: 0 0 10px 0;
	}	
	
#jobSeeker .education .delete {
	margin-top: 0 !important;
	}		
	
#jobSeeker .experience h3 {
	font-weight: normal;
	margin: 0;
	font-size: 15px;
	color: #01547c;
	}		
#jobSeeker .experience .lineItem 
{   
    display:block;
    margin-top:5px;
}
#jobSeeker .experience .lineItem strong 
{   
    margin-right:3px;
}
		
		
#jobSeeker .software {}		
	#jobSeeker .software h4 {
		margin: 15px 0 5px 0;
		}
	#jobSeeker .toolSearch {
		width: 375px; 
		font-weight: bold;
		}		
	#jobSeeker .software .button {
		height: 29px !important;
		line-height: 29px !important;
		}	
	#jobSeeker .skillBx {
		margin: 10px 0 0 0;
		border: solid 1px #ccc;
		border-radius: 2px;
		background-color: #f4f4f4;
		height: 240px;
		width: 575px;
		padding: 4px;
		overflow:scroll;
		}
	#jobSeeker .skillBx span.skill {
		padding: 3px 7px;
		font-size: 13px;
		font-weight: bold;
		color: #fff;
		text-shadow: 0 0 2px #333;
		border-radius: 3px;
		cursor: pointer;
		display: inline-block;
		margin: 3px;
		background: #54abd5;
		border: solid 1px #0776aa;
		}
	#jobSeeker .skillBx span.skill:hover {
		text-shadow: 0 0 3px #000;
		background: url(../images/button-ltblue.png) repeat-x bottom;
		}
	#jobSeeker .skillBx .options {
		margin-left: 5px;
		}	
	.ui-dropdownchecklist-selector {
		background: #f4f4f4;
		border: solid 1px #ccc;
		border-radius: 2px !important;
		height: 25px;
		cursor: pointer;
		padding: 2px;
		}	
		.ui-dropdownchecklist-selector:hover {
			background: #fff;
			}
	.box .ui-dropdownchecklist-selector {
		border: solid 1px #ccc;
		background: #fff;
		}		
	.box.blue .ui-dropdownchecklist-selector {
		border: solid 1px #C5E1F1;
		}			
	.ui-dropdownchecklist-text {
		height: auto !important;
		background: none !important;
		line-height: 25px !important;
		}	
	.ui-dropdownchecklist-dropcontainer {
		border-top: solid 1px #d4d4d4 !important;
		border-radius: 2px !important;
		}				
	.ui-dropdownchecklist-item {
		border: none !important;
		height: 23px !important;
		line-height: 23px !important;
		padding-left: 5px;
		}	
		.ui-dropdownchecklist-item:hover {
			background: #f4f4f4;
			}
	.ui-dropdownchecklist-item input {
		border: none;
		position: relative;
		top: 1px;
		}	

/* sidebar */
 
#jobSeeker #sidebar {
	margin-top: 20px;
	}
#jobSeeker #sidebar .hr {
	margin: 8px 0;
	}	
#jobSeeker #sidebar h3 {
	font-size: 18px;
	}		
#jobSeeker #sidebar .edit,
#jobSeeker #sidebar .delete {
	margin-top: 2px !important;
	}	
	
#jobSeeker .matches {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #b4b4b4;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 0 5px #CCCCCC;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 10px;
    padding: 5px 10px;
    text-align: center;
	}
	#jobSeeker .matches b {
		font-size: 31px;
		font-weight: bold;
		}		
	#jobSeeker .matches p {
		font-weight: normal;
		font-size: 15px;
		line-height: 1.4;
		margin: 10px 0;
		text-align: left;
		}	
		#jobSeeker .matches p b {
			font-size: 18px;
			font-weight: bold;
			}
	
#jobSeeker .box-content .reqTable {
	border: none;
	border-collapse: collapse;
	}	
	#jobSeeker .box-content .reqTable th {
		text-align:left;
		margin: 0;
		padding: 0;
		}
	#jobSeeker .box-content .reqTable td {
		padding: 0 0 5px 0;
		margin: 0;
		}	
	#jobSeeker .box-content .reqTable h3 {
		font-size: 16px;
    	margin: 10px 0 5px;
		}	
		
#jobSeeker .box-content label.yes {
	padding-left: 18px;
	width: 0;
	height: 18px;
	overflow: hidden;
	background: url(../images/icons-yes-no.png) no-repeat 0 0;
	display: inline-block !important;
	margin:    0px 5px 0px 10px;
	}	
#jobSeeker .box-content label.no {
	padding-left: 18px;
	width: 0;
	height: 18px;
	overflow: hidden;
	background: url(../images/icons-yes-no.png) no-repeat -18px 0;
	display: inline-block !important;
	margin: 0px 5px 0px 10px;
	}			

#sidebar .completeness h4 {
	font-weight: normal;
	font-size: 18px;
	line-height: 1;
	color: #333;
	margin: 0;
	}
	#sidebar .completeness h4 span {
		font-weight: bold;
		font-size: 24px;
		}	
	#sidebar .completeness.red h4 span {
		color: #ce0910;
		}		
	#sidebar .completeness.green h4 span {
		color: #18a501;
		}		
	#sidebar .completeness.yellow h4 span {
		color: #f6a201;
		}	
#sidebar .completeness .graph {
	display: block;
	height: 21px;
	border: solid 1px #c1c1c1;
	background: #fff;
	margin: 5px 0;
	}	
	#sidebar .completeness .graph .meter {
		height: 21px;
		display: block;
		}
	#sidebar .completeness.green .graph .meter {
		background: #63c415;
		}
	#sidebar .completeness.yellow .graph .meter {
		background: #ecde00;
		}	
	#sidebar .completeness.red .graph .meter {
		background: #ed1611;
		}	
#sidebar .completeness .add,
#sidebar .completeness .add:hover {
	width: auto !important;
	display: block !important;
	float: none !important;
	background-position: left top !important;
	margin: 5px 0 !important;
	}		

#jobSeeker a.coverLetter,
#jobSeeker a.resume {
	float: left;
	width:  0;
	height: 25px;
	padding-left: 25px;
	overflow: hidden;
	background: url(../images/icons-applicantInfo.png) no-repeat;
	clear: left;
	cursor:pointer;
	margin: 1px 0;
	}		
#jobSeeker a.coverLetter span,
#jobSeeker a.resume span {
	position: absolute;
	display: block;
	line-height: 25px;
	margin-left: 4px;
	font-weight: bold;
	color: #333;
	}		
	#jobSeeker a.coverLetter {background-position: -104px -29px;}	
		#jobSeeker a.coverLetter.on {background-position: -104px 0;}	
	#jobSeeker a.resume {background-position: -131px -29px;}	
		#jobSeeker a.resume.on {background-position: -131px 0;}	



#confReg h2
{
    
	border-bottom: 2px solid #ccc;
	padding: 0px 0 0 0;
	margin: 0 0 10px 0;
	
}
#application .cc 
{
    width:500px;
}
#application .cc th
{
    width:150px;
    text-align:left;
}

/* popup */
.loginStep2 { width:475px;}
.loginStep2 b {
	font-size: 18px;
	}
.loginStep2 .button {
	width: 175px;
	display: inline-block;
	height: 40px !important;
	line-height: 40px !important;
	color: #333 !important;
	font-weight: bold;
	position: relative;
	padding: 0 0 0 50px !important;
	margin: 10px 10px 0 0;
	border-radius: 5px;
	text-shadow: 0 0 !important;
	}
.loginStep2 a.sm {
	width: 130px;
	}		
.loginStep2 img {
	border: none;
	position: absolute;
	left: 0;
	top: -2px;
	}	
	
	
/* ---------------- */	 
/* jobseeker popups */

#aboutHolder textarea {width:500px;height:100px;margin-bottom:8px;}
#resumeHolder {width:500px;} 
 
.fancybox-wrap {
	width: auto !important;
	}
.fancybox-inner {
	width: auto !important;
	overflow: hidden !important;
	}
	
/* personal info */	
#infoHolder {width:500px;height:500px;}
#infoHolder input.text {
	width: 330px;
	}
#infoHolder select {
	width: 256px;
	}	
#infoHolder .text.city {
	width: 130px;
	margin-right: 6px;
	}
#infoHolder label.state {
	width: 40px;
	display: inline-block;
	text-align: right;
	}	
#infoHolder select.state {
	width: 130px;
	}
#infoHolder select.country {
	width: 150px;
	margin-right: 6px;
	}	
#infoHolder label.zip {
	width: 40px;
	display: inline-block;
	text-align: right;
	}		
#infoHolder .text.zip {
	width: 120px;
	}	
#infoHolder .text.availability {
	width: 220px;
	}	
	
#infoHolder .button {
	float: right;
	margin-right: 11px;
	}	

/* company popup */
.triangle-right.top {
	background: #E4F4FE !important;
	background: -moz-linear-gradient(#E4F4FE, #C1E0F5) repeat scroll 0 0 transparent	 !important;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#E4F4FE), to(#C1E0F5)) !important;
	background:-moz-linear-gradient(#E4F4FE, #C1E0F5) !important;
	background:-o-linear-gradient(#E4F4FE, #C1E0F5) !important;
	background:linear-gradient(#E4F4FE, #C1E0F5) !important;
	border: 2px solid #88C6EF !important;
	color: #333 !important;
	}
.triangle-right.top .cancel {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	margin-left: 10px;
	font-weight: bold;
	}	
.triangle-right.top input,
.triangle-right.top select {
	background: #fff;
	border: solid 1px #a3d4f4;
	width: 250px;
	}	
.triangle-right.top:after {
	border-color: transparent #88c6ef;
	}	
	 
/* media */
#portfolioUpload {width:600px;}
#mediaHolder {width:700px;}
#mediaHolder .button {margin-left:5px;}
#portfolioUpload .scroller {
	height: 425px;
	overflow-y: auto;
	overflow-x: hidden;
	}
#portfolioUpload input {
	width: 250px;
	}
#portfolioUpload #fleReel_uploading input {
	width: auto;
	cursor: pointer;
	}
	#portfolioUpload #fleReel_uploading input:hover {
		background: #ccc;
		}
#portfolioUpload input.wide {
	width: 512px;
	}	
#portfolioUpload .box.submenu {
	width: 100%;
	clear: both;
	font-weight: normal;
	font-size: 13px;
	background: none !important;
	padding: 0 !important;
	margin-top: 0;
	border: none !important;
	}		
	#portfolioUpload .box.submenu .box-content {
		padding: 0;
		}
	#portfolioUpload .box.submenu a {
		padding: 0 4px;
		display: inline-block;
    	line-height: 22px;
		font-weight: bold;
		}	
	#fleReel_completedMessage {
		display: block;
		margin-bottom: 5px;
		}	
		
/* education */
#educationHolder  {width:300px;}
#educationHolder input.text {
	width: 210px;
	}		
#educationHolder .button {
	float: right;
	}	
	
/* experience */
#workExpHolder {width:550px;}
#workExpHolder input.text {
	width: 240px;
	}
	
	#workExpHolder input.text.projList {
	    margin-bottom:4px;
	}
	
#workExpHolder select {
	width: 250px;
	}
#workExpHolder input.sm {
	width: 150px;
	}
#workExpHolder select.sm {
	width: 160px;
	}	
#workExpHolder select.tiny {
	width: 75px;
	}
#workExpHolder textarea {
	width: 500px;
	}
#workExpHolder .checkbox input {
	margin-top: 3px;
	margin-left: 5px;
	margin-right: 5px;
	}
#workExpHolder .button.red {
	margin-left: 5px;
	}	
	
#jdBox {
	background: none repeat scroll 0 0 #EAF7FE;
    border: 1px solid #DDF0FB;
	padding: 5px 10px;
	width: 406px;
	border-radius: 2px;
	color: #333;
	}	
#jdBox .jd {
	display: block;
	padding: 3px 0;
	}	
	
/* software and technologies */
#categorizeSkill ul {
	margin: 10px 0;
	}
#categorizeSkill li {
	list-style: none;
	background: none;
	padding-left: 0;
	}	
#categorizeSkill label.checkbox {
	margin-left: 5px;

	margin-right: 0;
	font-weight: normal;
	}	
	
	#categorizeSkill .button.red {
		margin-left: 5px;
	}	



/* profile Floater */
.pf { position:fixed;bottom:0px;right:150px;width:250px;display:block;margin-bottom:0px;}
.pf .box {width:250px;}
.pf li {padding-bottom:0px;}


/* progress bar */
DIV.ProgressBar { width: 100px; padding: 0; border: 1px solid black; margin-right: 1em; height:.75em; margin-left:1em; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
DIV.ProgressBar DIV { background-color: Green; font-size: 1pt; height:100%; float:left; }
SPAN.asyncUploader OBJECT { position: relative; top: 5px; left: 10px; }

/* ---- end profile ---- */


/* ---- jobseeker jobCenter ---- */
#jobSeeker table.jobCenter {
	width: 100%;
	margin: 20px 0;
	border: solid 2px #d0d0d0;
	}	
	#jobSeeker table.jobCenter table {
		margin: 0;
		border: none;
		}
	#jobSeeker table.jobCenter tr.dk td {
		background: #f4f4f4;
		}	
	#jobSeeker table.jobCenter td {
		padding: 8px;
		border-right: solid 1px #eaeaea;
		border-top: solid 1px #c4c4c4;
		}
		#jobSeeker table.jobCenter td.gv-min {
			border-right: none;
			padding-right: 2px;
			}
	#jobSeeker table.jobCenter th {
		background: none repeat scroll 0 0 #E9E9E9;
		padding: 5px 12px;
		border: none;
		text-align: left;
		}	
	#jobSeeker table.jobCenter .button {
		height: 25px !important;
		line-height: 24px !important;
		width: 65px;
		font-size: 13px !important;
		display: block;
		float: right;
		text-align: center;
		padding: 0 5px !important;
		margin: 0 0 0 0;
		}		
		#jobSeeker table.jobCenter .button.green {
			float: left;
			}
	#jobSeeker table.jobCenter p {
		margin: 5px 0;
		font-size: 13px;
		line-height: 1.3;
		}	
		
	#jobSeeker table.jobCenter .notes {
		background: url("../images/icon-notes.png") no-repeat scroll left top transparent;
		clear: both;
		display: block;
		height: 20px;
		line-height: 20px;
		padding-left: 23px;
	}	
	#jobSeeker table.jobCenter a.job {
		font-weight: bold;
		}
	#jobSeeker table.jobCenter a.job img {
		float: left;
		margin-right: 5px;
		}


/*------EMPLOYER PROFIEL VIEW-----------------*/
/*------EMPLOYER PROFIEL VIEW-----------------*/
/*------EMPLOYER PROFIEL VIEW-----------------*/

#empProfile #main {
	float: left;
	width: 640px;
	}

/* --- profile --- */	
#empProfile a.edit,

#employerSearch a.edit {
	width: 0;
	padding-left: 18px;
	background: url(../images/icon-edit.png) no-repeat bottom;
	height: 18px;
	overflow: hidden;
	float: right;
	margin-top: 3px;
	}
	#empProfile a.edit:hover,
	#employerSearch a.edit:hover {
		background-position: top;
		}
#empProfile a.delete,
#jdBox .remove {
	width: 0;
	padding-left: 18px;
	background: url(../images/icon-delete.png) no-repeat bottom;
	height: 18px;
	overflow: hidden;
	margin-left: 2px;
	float: right;
	margin-top: 3px;
	cursor: pointer;
	}	
	#empProfile a.delete:hover,
	#jdBox .remove:hover {
		background-position: top;
		}
		
/* top box */		
#empProfile .profile .box {
	width: 660px;
	margin-left: -10px;
	margin-top: -10px;
	margin-bottom: -10px;
	}	
	#empProfile #main.profile .box a.edit {
		position: absolute;
		top: 4px;
		right: 7px;
		}
	#empProfile .profile .box img {
		float: left;
		margin: 0 15px 10px 0;
		border: solid 1px #fff;
		}
	#empProfile .profile .box h3 {
		margin: 5px 0;
		font-weight: bold;
		font-size: 21px;
		color: #333;
		}	
	#empProfile .profile .box p {
		margin: 5px 0;
		line-height: 1.5;
		font-size: 15px;
		}	
	#empProfile .profile .box-content {
		padding: 5px 10px;
		}	

#empProfile .experience .lineItem 
{   
    display:block;
    margin-top:5px;
}
#empProfile .experience .lineItem strong 
{   
    margin-right:3px;
}		

/* main content */		
#empProfile .profile h2 {
	border-bottom: 2px solid #ccc;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	}		
#empProfile .summary,
#empProfile .education,
#empProfile .experience,
#empProfile .software,
#empProfile .portfolio {
	position: relative;
	padding-left: 56px;
	left: -5px;
	margin: 20px 0 20px 0;
	}	
.summary {
	background: url(../images/icon-summary.png) no-repeat 5px 2px;
	}
.portfolio {
	background: url(../images/icon-portfolio.png) no-repeat -5px 2px;
	}	
.education {
	background: url(../images/icon-education.png) no-repeat -5px 3px;
	}		
.experience {
	background: url(../images/icon-experience.png) no-repeat 2px 3px;
	}	
.software {
	background: url(../images/icon-software.png) no-repeat 1px 4px;
	}	
#empProfile .software p {
	margin: 5px 0;
	}	
#empProfile .portfolio a.itm {
	display: inline-block;
	width:128px;
	height:100px;
	border:solid 1px #F2F2F2;
	}	
	
	#empProfile .portfolio li {background:none;}

	
	#empProfile .portfolio a img {
		
		width:60px;
		margin-left:auto;
		margin-right:auto;
		}
	#empProfile .portfolio b {
		padding-top: 12px;
		margin-left:120px;
		color: #333;
		display: block;
		}	
	#empProfile .portfolio em {
		margin-left:120px;
		display: block;
	}
	#empProfile .portfolio .hr {
		margin: 0 0 10px 0;
		}	
	
#empProfile .education .delete {
	margin-top: 0;
	}		
	
#empProfile .experience h3 {
	font-weight: normal;
	margin: 0;
	font-size: 15px;
	color: #01547c;
	}		
		
#empProfile .software {}		
	#empProfile .software h4 {
		margin: 15px 0 5px 0;
		}
	#empProfile .toolSearch {
		width: 494px; 
		font-weight: bold;
		}		
	#empProfile .software .button {
		height: 29px !important;
		line-height: 29px !important;
		}	
	#empProfile .skillBx {
		margin: 10px 0 0 0;
		border: solid 1px #ccc;
		border-radius: 2px;
		background-color: #f4f4f4;
		height: 120px;
		width: 500px;
		padding: 4px;
		}
	#empProfile .skillBx span.skill {
		padding: 3px 7px;
		font-size: 13px;
		font-weight: bold;
		color: #fff;
		text-shadow: 0 0 2px #333;
		border-radius: 3px;
		cursor: pointer;
		display: inline-block;
		margin: 3px;
		background: #54abd5;
		border: solid 1px #0776aa;
		}
	#empProfile .skillBx span.skill:hover {
		text-shadow: 0 0 3px #000;
		background: url(../images/button-ltblue.png) repeat-x bottom;
		}
	#empProfile .skillBx .options {
		margin-left: 5px;
		}		
		
	#empProfile h1 {float:left;}	
	#empProfile .box.submenu {
	width: 100%;
	clear: both;
	font-weight: bold;
	padding: 0 0 15px 0;
	}		
	#empProfile .box.submenu .box-content {
		padding: 0;
		}
	#empProfile .box a {
		padding: 0 10px;
		line-height: 28px;
		}	
	#empProfile .hiddenSections {display:none;}
	#empProfile #sidebar label.checkbox {
		margin: 0 10px 0 5px;
		}
		
#empProfile .box .stars,
#employerSearch .box .stars
 {
	display: inline-block;
	height: 17px;
	position: relative;
	top: 3px;
	}		
	#empProfile .box .stars a,
	#employerSearch .box .stars a {
		float: left;
		padding-left: 17px;
		padding-right:0px;
		width: 0;
		height: 17px;
		margin-right: 3px;
		overflow: hidden;
		background: url(../images/icons-stars.png) no-repeat -20px 0;
		}	
		#empProfile .stars a.on,
		#employerSearch .stars a.on {
			background-position: 0 0;
			}
			
#empProfile .box .notes {
	display: block;
	clear: both;
	padding-left: 23px;
	height: 20px;
	line-height: 20px;
	background: url(../images/icon-notes.png) no-repeat left top;
	margin-top: 4px;
	}		
#empProfile a.coverLetter,
#empProfile a.resume,
#empProfile a.reel,
#empProfile a.website,
#empProfile a.images
 {
	float: left;
	width:  0;
	height: 25px;
	padding-left: 25px;
	overflow: hidden;
	background: url(../images/icons-applicantInfo.png) no-repeat;
	clear: left;
	cursor:pointer;
	margin: 1px 0;
	}		
#empProfile a.coverLetter span,
#empProfile a.resume span

 {
	position: absolute;
	display: block;
	line-height: 25px;
	margin-left: 4px;
	font-weight: bold;
	color: #333;
	}	

#empProfile span.reel,
#empProfile span.website,
#empProfile span.images
{
    
	line-height: 25px;
	margin-left: 4px;
	font-weight: bold;
	color: #333;
}		
	#empProfile a.coverLetter {background-position: -104px -29px;}	
		#empProfile a.coverLetter.on {background-position: -104px 0;}	
	#empProfile a.resume {background-position: -131px -29px;}	
		#empProfile a.resume.on {background-position: -131px 0;}		
		
		#empProfile a.images {background-position: -49px -29px;}	
		#empProfile a.images.on {background-position: -49px 0;}		
		
		#empProfile a.reel {background-position: -77px -29px;}	
		#empProfile a.reel.on {background-position: -77px 0;}	
			
		#empProfile a.website {background-position: -23px -29px;}	
		#empProfile a.website.on {background-position: -23px 0;}
		
			
/*------END EMPLOYER PROFIEL VIEW-----------------*/
/*------END EMPLOYER PROFIEL VIEW-----------------*/
/*------END EMPLOYER PROFIEL VIEW-----------------*/

#jobCenter a.grey {  color:#555;}


#postingTable a.edit {
	width: 0 !important;
	padding-left: 18px !important;
	background: url(../images/icon-edit.png) no-repeat 0 -18px !important;
	height: 18px !important;
	overflow: hidden !important;
	border: none !important;
	}
	#postingTable a.edit:hover {
			background: url(../images/icon-edit.png) no-repeat 0 0 !important;
	}

#filterItems a.expand 
		{
		    padding-left:12px;
		    background: url(../images/plus.png) no-repeat -2px 4px;
			margin-top: 3px;
			display: block;
			font-weight: bold;
		}
#filterItems a.collapse 
{
	background: url("../images/minus.png") no-repeat scroll -2px 4px transparent;
    padding-left: 12px;
	margin-top: 3px;
	display: block;
	font-weight: bold;
}
#filterItems { position:absolute; top:10px;left:20px;display:none;width:300px;background:#fff;border:solid 1px #CCC;padding-left:5px;padding-top:5px;}
#otherRanks { position:absolute; top:10px;left:20px;display:none;width:350px;background:#fff;border:solid 1px #CCC;padding-left:5px;padding-top:5px;}

#twitterLead img {float:left;}
#twitterLead h2 {float:left;margin-left:20px; display:inline;clear:none;font-size:20pt;}
#twitterLead p { display:block;margin-left:195px;}
#twitterLead p.close { display:block;margin-left:80px;padding-top:15px;}

#inviteSuccess {font-size:18px;margin-left:5px;margin-top:10px;}


#workExpHolder .softBx {
		margin: 10px 0 0 0;
		border: solid 1px #ccc;
		border-radius: 2px;
		background-color: #f4f4f4;
		height: 120px;
		width: 500px;
		padding: 4px;
		overflow:scroll;
		}
	#workExpHolder .softBx span.skill {
		padding: 3px 7px;
		font-size: 13px;
		font-weight: bold;
		color: #fff;
		text-shadow: 0 0 2px #333;
		border-radius: 3px;
		cursor: pointer;
		display: inline-block;
		margin: 3px;
		background: #54abd5;
		border: solid 1px #0776aa;
		}
	#workExpHolder .softBx span.skill:hover {
		text-shadow: 0 0 3px #000;
		background: url(../images/button-ltblue.png) repeat-x bottom;
		}
	#workExpHolder .softBx .options {
		margin-left: 5px;
		}	


     


#quicksign select.sm {width:155px; }
#quicksign .toolSearch {width:200px; height:30px;font-size:14pt;}	
#quicksign .addskill {margin-right:5px;}


#quicksign .skillBx 
{
    margin:  5px 0px  5px 0px;
    border:solid 1px #000;
    background-color:#fff;
    height:120px;
    width:295px;
    
}
#quicksign span.skill 
{
    background:#C3D2DF;
    padding: 3px 5px;
    font-size: 13px;
    background: #D6E3EE;
    color: #069;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    margin:3px;
}

#quicksign .skillBx span.skill.selected
{
    color: #090;
}


#quicksign .skillBx span.skill:hover {
    background: #C3D2DF;
}
#quicksign .skillBx span.remove
{
position: relative;
padding-left: 5px;
color: #666;
font-size: 9px;
font-weight: bold;
}

label.yes {
	padding-left: 18px;
	width: 0;
	height: 18px;
	overflow: hidden;
	background: url(../images/icons-yes-no.png) no-repeat 0 0;
	display: inline-block !important;
	margin: 0;
	}	
label.no 
{
	padding-left: 18px;
	width: 0;
	height: 18px;
	overflow: hidden;
	background: url(../images/icons-yes-no.png) no-repeat -18px 0;
	display: inline-block !important;
	margin: 0;
}


/*CHEVENTS */

.che-c {color:#ce0910;
       text-transform:uppercase;
       font-weight:bold;
       }
.che-h {color:#025783;
       text-transform:uppercase;
       font-weight:bold;
       }
 .che-e 
 {
     font-style:italic;
     font-weight:bold;
 }
/*chevents */
 
 
 
/* collider */


.colliderPrice {width:100%;}
.colliderPrice td
{
    font-size:14px;
    text-align:center;
    padding:5px;
    border:solid 1px #ccc;
}
.colliderPrice td span
{
    display:block;
}
.colliderPrice td span.limited
{
    display:block;
    font-size:12px;text-transform:uppercase;font-weight:bold;
    margin-bottom:3px;
}
.colliderPrice td a.button
{
    float:none;display:inline-block;
}


.colliderPrice th
{
    font-size:14px;
    text-align:center;
    padding:5px;
    border:0px;
}
.colliderPrice th span
{
    font-size:12px;
    text-align:center;
    display:block;
    font-weight:normal;
}

.colliderPrice h3
{
    font-size:14px;
    text-align:center;
    
}
 .masterClass td {padding:5px; }
 
 
 
table.standardtbl {
	width: 100%;
	margin: 0;
	border: solid 2px #d0d0d0;
	}		
	table.standardtbl table {
		margin: 0;
		}
	table.standardtbl td {
		padding: 6px 12px;
		border-right: solid 1px #eaeaea;
		border-top: solid 1px #c4c4c4;
		}
	table.standardtbl th {
		background: url(../images/table-header.png) repeat-x top;
		padding: 5px 12px;
		border: none;
		text-align: left;
		}	
	table.standardtbl .button {
		height: 26px !important;
		line-height: 26px !important;
		font-size: 14px !important;
		}		
	table.standardtbl td .button {
		display: block;
		text-align: center;
		margin-right: 5px;
		}	
	table.standardtbl p {
		margin: 5px 0;
		font-size: 13px;
		line-height: 1.3;
		}		
		
table.standardtbl tr.inactive td 
{
    	background: #fde7e7;
}
		
 .stars {
	display: block;
	height: 17px;
	}		
	 .stars span {
		float: left;
		padding-left: 17px;
		width: 0;
		height: 17px;
		margin-right: 3px;
		overflow: hidden;
		background: url(../images/icons-stars.png) no-repeat -20px 0;
		}	
		 .stars span.on {
			background-position: 0 0;
			}





#applicationConf h1 {
	float: left;
	margin: 0;
	font-size: 22px;
	}
#applicationConf .steps {
	background: #f1f1f1;
	border-top: solid 2px #ccc;
	border-bottom: solid 2px #ccc;
	margin-top: 10px;
	padding: 6px ;
	height: 31px;
	}
	#applicationConf .steps span {
		float: right;
		padding: 4px 6px;
		margin: 2px 0 0 5px;
		font-size: 15px;
		font-weight: bold;
		}
	#applicationConf .steps span.on {
		background: #333;
		border-radius: 5px;
		font-weight: bold;
		font-size: 15px;
		color: #fff;
		}

/* -- step 1 -- */
#applicationConf h3 {
	background: url(../images/numbers.png) no-repeat;
	line-height: 37px;
	height: 37px;
	font-size: 21px;
	padding-left: 45px;
	margin-left: 0px;
	margin-top: 30px;
	display: block;
	text-transform: uppercase;
	}
	#applicationConf h3.one {
		background-position: 0 0;
		}
	#applicationConf h3.two {
		background-position: 0 -37px;
		}	
	#applicationConf h3.three {
		background-position: 0 -74px;
		}	
	#applicationConf h3.four {
		background-position: 0 -111px;
		}	
	#applicationConf h3.five {
		background-position: 0 -148px;
		}
	#applicationConf h3.six {
		background-position: 0 -185px;
		}
		
#applicationConf .box {
	width: 650px;
	margin: 10px 0 0 0px;
	}		
#applicationConf .box-content {
	padding: 5px;
	
	}	
	
	
	
#applicationConf .box .hr {
	margin: 5px 6px;
	background: #BCDFF4;
	}	
	
#applicationConf .form label {
	text-align: left;
	width: auto;
	display: block;
	font-weight: bold;
	}
#applicationConf .form .text {
	width: 200px;
	}
#applicationConf .form .note {
	display: block;
	font-size: 13px;
	line-height: 16px;
	margin-top: 4px;
	}	
	
#applicationConf select.sm {width:155px; }
#applicationConf .form .text.toolSearch {width:80px;}	
#applicationConf .addskill {margin-right:5px;}
#applicationConf .form select.mini{width:115px;}

#applicationConf .suggestion
{
    border: solid 2px #BCDFF4;
    -moz-border-radius: 15px;
	border-radius: 4px;
	padding:3px;
	width:275px;
	background-color:#BCDFF4;
	
}

#applicationConf .skillBx 
{
    margin:  5px 0px  5px 0px;
    border:solid 1px #000;
    background-color:#fff;
    height:200px;
    width:199px;
    
    
}
#applicationConf span.skill 
{
    background:#C3D2DF;
    padding: 3px 5px;
    font-size: 13px;
    background: #D6E3EE;
    color: #069;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    margin:3px;
}

#applicationConf .skillBx span.skill.selected
{
    color: #090;
}


#applicationConf .skillBx span.skill:hover {
    background: #C3D2DF;
}
#applicationConf .skillBx span.remove
{
position: relative;
padding-left: 5px;
color: #666;
font-size: 9px;
font-weight: bold;
}
#applicationConf .toolSearch, #applicationConf .jdSearch {
	width:130px; height:20px;font-size:12pt;
	}	
#applicationConf .button.bskill 
{
    float:right;
    height:18px !important;
    line-height:18px !important;
}

	
	
/* individual form elements */	
#applicationConf .form .first {
	width: 250px;
	margin-right: 12px;
	}	
#applicationConf .form .text.middle {
	width: 75px;
	}
	
	#applicationConf .form .text.email {
	width: 350px;
	}
#applicationConf .form .text.city {
	margin-right: 12px;
	}	
#applicationConf .form .text.street {
	width: 140px;
	
	}	
#applicationConf .form select.state { 
	width:175px;
	
	}
	#applicationConf .form .text.employer {
	width: 280px;
	}	
#applicationConf .form .text.zip {
	width: 50px;
	}	
#applicationConf .form select.country { 
	width: 199px;
	}	
#applicationConf .form .txtdate {width:150px;}
#applicationConf .form .username {
	background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
	line-height: 18px;
    margin: 0;
    padding: 5px 6px;
	color: #999;
	font-style: italic;
	width: 280px;
	}	
#applicationConf .form .text.secret {
	width: 608px;
	}	
#applicationConf .form select.secret {
	width: 624px;
	}	
	
#applicationConf .form select.expertise {
	width: 235px;
	}	
#applicationConf .form select.category {
	width: 200px;
	}	
#applicationConf .form select.years {
	width: 150px;
	}	
	
#applicationConf .form .school
{ width:200px
}
	
#applicationConf .form select.status {
	width: 200px;
	}	
#applicationConf .form .text.rate {
	width: 78px;
	}	
#applicationConf .form select.currency {
	width: 110px;
	}	
#applicationConf .form select.per {
	width: 73px;
	}		
	
#applicationConf select.month {
	width: 123px;
	margin-right: 8px;
	}	
#applicationConf select.day {
	width: 65px;
	margin-right: 8px;
	}	
#applicationConf select.year {
	width: 94px;
	}	
#applicationConf .checkbox {
	margin-top: 27px;
	font-weight: normal !important;
	}
#applicationConf .radio {
	font-weight: normal !important;
	}	
	
#applicationConf textarea.summary {
	width: 827px;
	height: 100px;
	}	
#applicationConf textarea.summary2 {
	width: 510px;
	height: 100px;
	}	
#applicationConf .button.continue {
	margin-left: 633px;
	margin-top: 20px;
	margin-bottom: 30px;
	}

.textErr 
{
    background-color:Red;
}

/* -- step 2 -- */
#applicationConf.two .box {
	width: auto;
	margin-left: 45px;
	background-color: #EAF7FE;
	}	
#applicationConf.two .box-content {
	padding: 10px;
	}	
	
#applicationConf.two p {
	margin-top: 0;
	}	
#applicationConf.two h3 {
	margin-left: 0;
	}	
	
#applicationConf.two .experience .yes,
#applicationConf.two .experience .no {
	font-weight: bold;
	font-size: 18px;
	}	
	#applicationConf.two .experience .yes {
		color: #019508;
		}
	#applicationConf.two .experience .no {
		color: #d20101;
		}	
	
#applicationConf.two .experience {
	width: 550px;
	float: left;
	}	
	#applicationConf.two .experience h4,
	#applicationConf.two .experience p {
		margin: 0;
		}
	#applicationConf.two .experience table {
		background: #d2eaf6;
		border-radius: 6px;
		width: 100%;
		margin: 8px 0;
		padding-top: 5px;
		}		
	#applicationConf.two .experience td {
		border-top: solid 1px #fff;
		padding: 7px 10px;
		vertical-align: top;
		}	
	#applicationConf.two .experience tr.first td {
		border-top: none;
		}	
	#applicationConf.two .experience td.actions {
		width: 100px;
		text-align: right;
		}	
		
#applicationConf.two .criteria {
	width: 320px;
	float: right;
	}			
	#applicationConf.two .criteria p {
		margin: 0;
		font-size: 18px;
		}
	#applicationConf.two .criteria .box {
		background: #fff;
		border: solid 1px #bee1f2;
		border-radius: 6px;

		padding: 10px;
		margin: 8px 0;
		}	
	#applicationConf.two .criteria .yes,
	#applicationConf.two .criteria .no {
		padding-left: 20px;
		font-size: 14px;
		margin: 1px 0;
		}	
		#applicationConf.two .criteria .yes {
			background: url(../images/yes.png) no-repeat 0 3px;
			}
		#applicationConf.two .criteria .no {
			background: url(../images/no.png) no-repeat 0 5px;
			}	
			
#applicationConf.two .demoReels,
#applicationConf.two .photos {
	width: 350px;
	float: left;
	border-right: solid 1px #b1d2e5;
	margin-right: 30px;
	padding-right: 30px;
	}	
	#applicationConf.two .demoReels p,
	#applicationConf.two .photos p,

	#applicationConf.two .url p,
	#applicationConf.two .coverLetter p,
	#applicationConf.two .lettersRec p {
		margin: 0 0 5px 0;
		}
	#applicationConf.two .demoReels table p,
	#applicationConf.two .photos table p {
		font-style: italic;
		font-size: 13px;
		}
	#applicationConf.two .demoReels table,
	#applicationConf.two .photos table {
		background: #d2eaf6;
		border-radius: 6px;
		width: 100%;
		margin: 8px 0;
		padding-top: 5px;
		}		
	#applicationConf.two .demoReels tr.first td,
	#applicationConf.two .photos tr.first td {
		border-top: none;
		}	
	#applicationConf.two .demoReels td,
	#applicationConf.two .photos td {
		padding: 4px 6px;
		vertical-align: middle;
		line-height: 15px;
		border-top: solid 1px #fff;
		}	
		#applicationConf.two .demoReels td p,
		#applicationConf.two .photos td p {
			margin: 0;
			}
	#applicationConf.two .demoReels td.actions,
	#applicationConf.two .photos td.actions {
		width: 100px;
		text-align: right;
		}				
		
#applicationConf.two .photos {
	padding-right: 0;

	margin-right: 0;
	border-right: 0;
	}		
	
#applicationConf.two .url {
	margin-top: 20px;
	padding-top: 15px;
	border-top: solid 1px #b1d2e5;
	}	
	#applicationConf.two .url .checkbox {
		margin: 0;
		}
	#applicationConf.two .url input.checkbox {
		margin-left: 5px;
		}	
	#applicationConf.two .url td {
		padding: 0 5px 0 0;
		}		
	#applicationConf.two .text {
		width: 270px;
		}	
		
#applicationConf.two .coverLetter {
	float: left;
	width: 350px;
	margin-right: 30px;
	padding-right: 30px;
	border-right: solid 1px #b1d2e5;
	}
#applicationConf.two .lettersRec {
	width: 450px;
	float: left;
	}


#dashboard .card {display:inline-table;padding:5px;margin:3px;border:solid 0px #999;}
#dashboard .card h3 {margin-top:1px;font-size:25px;color:#025783}

	 .collidertag {
			background: #dc3d29;
			border-radius: 2px;
			float: right;
			line-height: 23px;
			color: #f4f4f4;
			font-size: 12px;
			font-weight: bold;
			padding: 0 6px;
			margin: 0 0 0 0px;
			cursor:pointer;
			}	
		 .siggraphtag {
			background: #EC0C6E;
			border-radius: 2px;
			float: right;
			line-height: 23px;
			color: #fff;
			font-size: 12px;
			font-weight: bold;
			padding: 0 6px;
			margin: 0 0 0 0px;
			
			}	
				
			
        .collidertag.left {float:left;}
			
			.collidertag a {color:#fff;}


span.followed 
{
    background:green;
    padding: 3px 5px;
    font-size: 13px;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    margin:3px;
}

span.collider 
{
    background:#dc3d29;
    padding: 3px 5px;
    font-size: 13px;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    margin:3px;
}

span.lightBlueBean 
{
    background:#0080bd;
    padding: 3px 5px;
    font-size: 13px;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    margin:3px;
}


.greySidebarHighlight 
{
    background:#C3E5FF;
   border:1px solid #0080bd;
     -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width:100%;
    padding:3px;
    margin: 5px 0px 5px   0px;
    
}
.star

 {
	display: inline-block;
	height: 17px;
	position: relative;
	top: 3px;
	}		
	
	 a.star {
		float: left;
		padding-left: 17px;
		padding-right:0px;
		width: 0;
		height: 17px;
		margin-right: 3px;
		overflow: hidden;
		background: url(../images/icons-stars.png) no-repeat -20px 0;
		}	
		
		 a.star.on {
			background-position: 0 0;
			}

h1 span.titlesmall {font-size:18px; margin-left:10px; line-height:20px;vertical-align:middle;}

h1 a { color:#000;}

.highlight {background-color:Yellow;font-weight:bold;}

a.profileActionButton {padding: 0 10px !important; width:110px;margin-left:2px;margin-bottom:2px;text-align:center;}










/*----*/

/* top box */

#companyProfile #main {
	float: left;
	width: 640px;
	
	}	
		
#companyProfile .profile .box {
	width: 660px;
	margin-left: -10px;
	margin-top: 10px;
	margin-bottom: -10px;
	
	}	
	#companyProfile #main.profile .box a.edit {
		position: absolute !important;
		top: 4px !important;
		right: 7px !important;
		}
	#companyProfile .profile .box img {
		float: left;
		margin: 0 15px 10px 0;
		border: solid 1px #fff;
		}
	#companyProfile .profile .box h3 {
		margin: 5px 0;
		font-weight: bold;
		font-size: 21px;
		color: #333;
		}	
	#companyProfile .profile .box p {
		margin: 5px 0;
		line-height: 1.5;
		font-size: 15px;
		}	
	#companyProfile .profile .box-content {
		padding: 5px 10px;
		}	
		
/* main content */		
#companyProfile .profile	h2 {
	border-bottom: 2px solid #ccc;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	}		
#companyProfile .summary,
#companyProfile .education,
#companyProfile .experience,
#companyProfile .software,
#companyProfile .portfolio {
	position: relative;
	padding-left: 56px;
	left: -5px;
	margin: 20px 0 20px 0;
	}	
.summary {
	background: url(../images/icon-summary.png) no-repeat 5px 2px;
	}
.portfolio {
	background: url(../images/icon-software.png) no-repeat 1px 4px;
	
	}	
.education {
	background: url(../images/icon-education.png) no-repeat -5px 3px;
	}		
.experience {
	background: url(../images/icon-experience.png) no-repeat 2px 3px;
	}	
.software {
	background: url(../images/icon-portfolio.png) no-repeat -5px 2px;
	}	
#companyProfile .software p {
	margin: 5px 0;
	}	


#companyProfile .portfolio a.itm {
	display: inline-block;
	width:130px;
	height:100px;
	border:solid 1px #F2F2F2;
	margin: 0 8px 0 0;
	}	
#companyProfile .portfolio a img {
	float: left;
	margin: 0 12px 12px 0;
	}
	#companyProfile .portfolio a img {
		width:60px;
		margin-left:auto;
		margin-right:auto;
		}
#companyProfile .portfolio b {
	padding-top: 12px;
	margin-left:120px;
	color: #333;
	display: block;
	}	
#companyProfile .portfolio em {
	margin-left:120px;
	display: block;
}
#companyProfile .portfolio .hr {
	margin: 0 0 10px 0;
	}	
	
#companyProfile .education .delete {
	margin-top: 0 !important;
	}		
	
#companyProfile .experience h3 {
	font-weight: normal;
	margin: 0;
	font-size: 15px;
	color: #01547c;
	}		
#companyProfile .experience .lineItem 
{   
    display:block;
    margin-top:5px;
}
#companyProfile .experience .lineItem strong 
{   
    margin-right:3px;
}
		
		
#companyProfile .software {}		
	#companyProfile .software h4 {
		margin: 15px 0 5px 0;
		}
	#companyProfile .toolSearch {
		width: 375px; 
		font-weight: bold;
		}		
	#companyProfile .software .button {
		height: 29px !important;
		line-height: 29px !important;
		}	
	#companyProfile .skillBx {
		margin: 10px 0 0 0;
		border: solid 1px #ccc;
		border-radius: 2px;
		background-color: #f4f4f4;
		height: 240px;
		width: 575px;
		padding: 4px;
		overflow:scroll;
		}
	#companyProfile .skillBx span.skill {
		padding: 3px 7px;
		font-size: 13px;
		font-weight: bold;
		color: #fff;
		text-shadow: 0 0 2px #333;
		border-radius: 3px;
		cursor: pointer;
		display: inline-block;
		margin: 3px;
		background: #54abd5;
		border: solid 1px #0776aa;
		}
	#companyProfile .skillBx span.skill:hover {
		text-shadow: 0 0 3px #000;
		background: url(../images/button-ltblue.png) repeat-x bottom;
		}
	#companyProfile .skillBx .options {
		margin-left: 5px;
		}	
	#companyProfile a.edit {
	width: 0 !important;
	padding-left: 18px !important;
	background: url(../images/icon-edit.png) no-repeat bottom !important;
	height: 18px !important;
	overflow: hidden !important;
	float: right !important;
	margin: 3px 0 0 0 !important;
	border: none !important;
	}
	#companyProfile a.edit:hover {
		background-position: top !important;
		}
		
#companyProfile a.add {
	width: 0 !important;
	padding-left: 18px !important;
	background: url(../images/icon-add.png) no-repeat bottom !important;
	height: 18px !important;
	overflow: hidden !important;
	float: right !important;
	margin: 3px 0 0 0 !important;
	border: none !important;
	}
	#companyProfile a.add:hover {
		background-position: top !important;
		}		

/* sidebar */
 
#companyProfile #sidebar {
	margin-top: 20px;
	}
#companyProfile #sidebar .hr {
	margin: 8px 0;
	}	
#companyProfile #sidebar h3 {
	font-size: 18px;
	}		
#companyProfile #sidebar .edit,
#companyProfile #sidebar .delete {
	margin-top: 2px !important;
	}	


#companyProfile span.skill 
{
    background:#C3D2DF;
    padding: 3px 5px;
    font-size: 13px;
    background: #D6E3EE;
    color: #069;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    margin:3px;
}

#companyProfile .skillBx span.skill.selected
{
    color: #090;
}


#companyProfile .skillBx span.skill:hover {
    background: #C3D2DF;
}
#companyProfile .skillBx span.remove
{
position: relative;
padding-left: 5px;
color: #666;
font-size: 9px;
font-weight: bold;
}