/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
/*	vertical-align: baseline;*/
}

body { 
	line-height: 1; 
	color: #333; 
	background: white; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* base styles */
ul, ol      { margin: 0 0 18px 18px; }
body { 
	color: #fff;
/*	font-family: 'Gill Sans',Calibri,'lucida sans','lucida sans unicode',lucida,helvetica, arial, sans-serif;*/
	font-family: 'Gill Sans',Calibri,trebuchet,helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 18px; /* All elements should be a multiple of this value. */
}
p { 
	padding: 0px 4px 8px; 
	font-size: 13px;
}
em {
	font-style: italic;
}
em.callout {
	color: #ff0000;
}

h1 {
	padding: 0px 4px;
	margin: 12px 0px;
	color: #cc280d;
	font-size: 24px;
	font-weight: bold;
	line-height: 105%;
}
h2 {
	padding: 0px 4px;
	margin: 5px 0 0 0px;
	color: #fff;
	font-size: 18px;
	line-height: 105%;
	color: #98b54c;
}
h3 {
	color: #4f4f6e;
	font-size: 14px;
	font-weight: bold;
	line-height: 135%;
}
h2 em {
	color: #BAE0FB;
}
h4 {
}
h5 {
}
h6 {
}
a {
	color: #e1ee28;
}
a.button {
	font-size: 10px;
	font-weight: bold;
	font-family: verdana, helvetica, arial, sans-serif;
	background: url(/assets/images/button-bg-small.png) repeat-x #c8c8c8;
	color: #232323;
	border: 1px solid #6f6f6f;
	text-decoration: none;
	padding: 0px 4px;
}

/* layout */
div#header {
	width: 760px;
}
div#header a {
	color: blue;
}
div#header #topnav {
	position: relative;
	height: 38px;
	width: 100%;
	background: url(../images/headernav-bg.png) repeat-x bottom left;
}
body.tall div#header #topnav #login {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 300px;
}
div#header #topnav #login {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 600px;
}

div#header #topnav #login label {
	color: #3c3c3c;
}
body div#header #photo {
	background: url(../images/headerphoto-short.jpg) no-repeat;
	height: 96px;	
}
body.tall div#header #topnav{
	height: 78px;
}
body.tall div#header #photo {
	background: url(../images/headerphoto-tall.jpg) no-repeat;
	height: 217px;
}
body.tall div#content {
	margin-bottom: 0px;
}
div#container {
	text-align: left;
	
}
div#container {
	width: 760px;
	margin: 0 auto;
}
div#content {
	float: left;
	width: 760px;
	padding: 0;
	margin-bottom: 80px;
}
div#content.home {
	background: url(../images/home-logo-bg.png) no-repeat;
	margin-top: 100px;
	padding-top: 74px;
	width: 771px;
}
div#content div#homefooter {
	background: url(../images/home-logo-bg-bottom.png) no-repeat bottom left;
	color: #8c8c8c;
	padding-left: 8px;
	line-height: 17px;
}
div#content div#homefooter div#seekerfooter {
	padding-top: 20px;
	float: left;
}
div#content div#homefooter h2 {
	font-size: 12px;
	margin: 0;
	padding: 0;
	display: inline;
	color: #8C8C8C;
}
div#content div#homefooter div#employerfooter {
	text-align: right;
	float: left;
}
div#content div#homefooter a {
	color: #9ec7d5;
}
div#content div#cityspecific {
	margin-top: 10px;
}
div#content div#cityspecific img {
	margin: 5px 10px 5px 5px;
}
div#content div#cityspecific p {
	color: #A7ADB7;
	text-align: justify;
}
div#content div#cityspecific p strong {
	color: #fff;
}

div#sidebar {
	float: right;
	width: 140px;
	padding: 10px;
	height: 100%;
}
div#extra {
	float: right;
	clear: right;
	width: 160px
}
div.clear {
	clear: both;
}

/* basic styling */
body {
	background: #050c29;
}
div#container {

}
div#nav {
	width: 760px;
}
div#sidebar {
}
div#footer {
	border-top: 1px solid #17233e;
	text-align: center;
	padding: 6px 0px;
	font-size: 10px;
	clear: both;
	width: 100%
}
div#photobar {
	height: 1px;
	border: 1px solid #b8d270;
	border-left: none;
	border-right: none;
}

/* navigation */
div#nav ul {
	width: 100%;
	margin: 0;
	padding: 0;
	clear: both;
}
div#nav ul#section {
	background: #fff url(../images/section-bg.png) repeat-x;
	height: 37px;
}
div#nav li {
	display: block;
	float: left;
	height: 100%;
}
div#nav li.secondary {
	float: right;
}
div#nav ul#navigation {
	height: 32px;
	font-size: 14px;
	border-bottom: 1px solid #17233e;
	padding-bottom: 4px;
	margin-left: -1px;
}
div#nav ul#navigation li {
	margin-right: 10px;
}
div#nav ul#navigation li.secondary {
	margin: 0 0 0 10px;
}
div#nav ul#navigation a {
	color: #fff;
	text-decoration: none;
	height: 32px;
	display: block;
	line-height: 32px;
	margin: 0px 3px;
}
div#nav ul#navigation li a:hover {
	color: #e1ee28;
}
div#nav ul#navigation li a img {
	vertical-align: middle;
	padding-right: 4px;
}
div#nav ul#navigation li.active a img {
	vertical-align: -6px;
	margin-left: -8px;
}
div#nav ul#navigation li.active {
	background: url(../images/nav-active-left.png) no-repeat left center;
}
div#nav ul#navigation li.active a {
	background: url(../images/nav-active-right.png) no-repeat right center;
	font-weight: bold;
	margin: 0px 0px 0px 2px;
	padding: 0px 10px;
}
div#nav ul#navigation li.active a:hover {
	color: #fff;
	border: none;
}
div#nav ul#section li.loggedin {
	background: url('/assets/images/section-edge.png') no-repeat top right;
	padding-right: 1px;
	position: relative;
}
div#nav ul#section li.loggedin a {
	font-size: 20px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	background: url('/assets/images/section-logged-in-bg.png') no-repeat top left;
	padding: 0px 15px 0 30px;
	display: block;
	height: 34px;
	line-height: 34px;
}
div#nav ul#section li.loggedin a:hover {
	background-position: 0px -63px;
}
div#nav ul#section li.loggedin span.shadowtop {
	display: block;
	position: absolute;
	top: 0px;
	left: 30px;
	z-index: 100;
	cursor: pointer;
}
div#nav ul#section li.loggedin span.shadowbottom {
	display: block;
	float: left;
	position: relative;
	z-index: 99;
	color: black;
	top: 1px;
}


strong {
	font-weight: bold;
}
strong.hilight {
	font-weight: normal;
	border-bottom: 1px dotted red;
}
strong.seeker, legend.seeker {
	color: #2F822F;
}
strong.employer, legend.employer {
	color: #2B3A82;
}

/* login/member services */
div#header #login p {
	color: #3C3C3C;
}
div#header span#memberservices a.button {
	margin: 8px 6px;
	float: right;
	color: #232323;
}
div#header span#memberservices small {
	display: block;
	float: right;
	margin: 6px;
	color: #4f4f4f;
	line-height: 11px;
	font-size: 11px;
}
div#header span#memberservices small a {
	
}

p.dim {
	color: #8dacc7;
}


/* footer links */
div#footer a {
	text-decoration: none;
	color: #83b3cf;
	padding: 0px 6px;
}
div#footer img {
	padding: 6px 0px;
}

/* errors in forms */
ul.errors li {
	color: red;
}

/* callouts */
div.callout {
	float: left;
	width: 160px;
	height: 222px;
	padding: 14px 6px 4px 74px;
	margin: 4px 20px 4px 0;
}
div.callout.long
{
	float: right;
	width: 420px;
	height: 120px;
	padding: 14px 6px 4px 74px;
	margin: 4px 20px 4px 0;
}
div.callout.seekers,
div.callout#employers {
	cursor: pointer;
}
div.callout.last {
	margin-right: 0;
}
div.calloutlong.last {
    margin-right: 0;
}
div.callout a {
	color: #e1ee28;
}
div.callout h1 {
	padding: 0;
	color: #bae0fb;
	font-weight: normal;
	margin: 0;
}
div#content.home div.callout h1 {
	font-size: 20px;
}
div.callout.seekers h1 {
	color: #caefa6;
}
div.callout p {
	padding: 10px 0 0;
}
div.callout#seekers {
	background: url(../images/callout-seekers.png) no-repeat scroll top left;
	width: 254px;
	margin-right: 16px;
	margin-left: 4px;
	padding-left: 20px;
	padding-right: 100px;
	padding-top: 15px;
	height: 213px;
}
div.callout#employers {
	background: url(../images/callout-employers.png) no-repeat scroll top left;
	width: 253px;
	margin-right: 0px;
	padding-right: 20px;
	padding-left: 100px;
	padding-top: 15px;
	height: 213px;
}
div.callout#employers h1 {
	color: #bae0fb;
}
div.callout#employers h1 a, 
div.callout#seekers h1 a {
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
}
div.callout#postjob {
	background: url(../images/callout-postjob.png) no-repeat scroll top left;
}
div.callout#search {
	background: url(../images/callout-search.png) no-repeat scroll top left;
}
div.callout#perm-search {
    background: url(../images/callout-perm-search.png) no-repeat scroll top left;
}
div.callout#requestcallback {
	background: url(../images/callout-requestcallback.png) no-repeat scroll top left;
}
div.callout#requestcallbacklong {
    background: url(../images/callout-requestcallback-long.png) no-repeat scroll top left;
}
div.callout#resume {
	background: url(../images/callout-resume.png) no-repeat scroll top left;
}
div.callout#searchjobs {
	background: url(../images/callout-searchjobs.png) no-repeat scroll top left;
}
div.callout#articles {
	background: url(../images/callout-articles.png) no-repeat scroll top left;
}
div.callout ul {
	font-size: 14px;
	padding: 10px;
}
div.callout ul li {
	margin-bottom: 8px;
}
p.minicallout {
	padding: 10px;
	margin-bottom: 10px;
}
p.minicallout img {
	float: left;
	padding: 0px 15px 5px 5px;
}

img.recruiterpick {
	position: absolute;
	left: -60px;
	top: 5px;
}
img.recruiterpick-tab {
	float: right;
}

div.controls span.shortlist {
	color: #98B54C;
}
div.controls span.applications {
	color: #CC280D;
}


/* messages */
div#messages, div#errors {
	background: #161d2d url(../images/icon-message.png) no-repeat top left;
	border: 1px solid #a6a8ab;
	width: 743px;
	margin: 5px 0 0 0;
	padding-left: 15px;
	position: relative;
}
div#messages p, div#errors p {
	padding: 2px 10px;
	font-size: 12px;
	color: #cbd9a3;
	width: 700px;
}
div#messages a.close {
	display: block;
	position: absolute;
	top: 2px;
	right: 2px;
}
div#errors {
	background: #161d2d url(../images/icon-errors.png) no-repeat 5px 5px;
/*	border: 1px solid #ff0000;*/
}
div#errors p {
	padding-left: 20px;
}
div#errors ul {
	margin-bottom: 0;
	padding-left: 15px;
}

/* dialogs */
div.dialog {
    display: none;
    position: fixed;
    top: 10%;
    left: 50%;
    margin-left: -250px;
    width: 500px;
	max-height: 80%;
    background-color: #FFF;
    color: #333;
    border: 1px solid black;
    padding: 0px 0px 14px 0px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 3000;
}
div.dialog p {
	color: #333;
}
div.dialog div#dialogcontent {
	margin-top: 22px;
}
div.dialog a {
	color: blue;
}

.jqmOverlay { 
	background-color: #000; 
}

div.dialog div.titlebar {
	background: #c9d4dc;
	width: 483px;
	padding: 1px;
	margin: 1px;
	height: 20px;
	position: fixed;
	display: none;
}
div.dialog div.titlebar a {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 90%;
	font-size: 0.9em;
	color: #62676b;
	width: 230px;
	float: left;
	padding: 3px 5px 0px 5px;
}
div.dialog div.titlebar a:hover { 
	color: #f00;
}
div.dialog div.titlebar a img {
	border: none;
	vertical-align: middle;
	padding: 0 3px;
}
div.dialog div.titlebar a.dialogclose {
	text-align: right;
}
div.dialog h1 {
	padding: 5px 0px;
	color: #5599aa;
}
div.dialog h2 {
	padding-top: 14px;
}
div.dialog h1, div.dialog h2, div.dialog p {
	margin: 5px 8px;
}

/* job postings */
div.jobposting {
	background: #24314b;
	width: 720px;
	margin: 0 10px 20px;
	padding: 10px;
}
div.jobposting p {
	padding: 0 0 8px;
}
div.jobposting td {
	vertical-align: top;
}
div.jobposting tr.jobheader {
	font-size: 18px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
}
div.jobposting tr.jobheader td {
	border-bottom: 1px solid #E1EE28;
	padding-bottom: 5px;
}
div.jobposting td.jobcompany {
	color: #bae0fb;
}
div.jobposting td.jobcompany, div.jobposting td.joblocation {
	text-align: right;
}
div.jobposting tr.jobinfo {
	color: #94b3ce;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
}
div.jobposting tr.jobinfo em {
	color: #6f89a3;
}

/* job navigation */
ul#jobnavigation {
	height: 20px;
	margin-bottom: 0pt;
	margin-left: 140px;
	width: 605px;
}
ul#jobnavigation li {
	display: inline;
	list-style: none;
	padding-right: 10px;
}
ul#jobnavigation li a {
	color: #6F89A3;
}
ul#jobnavigation li a#morejobs {
	color: #000000;
	background: #6F89A3;
	text-decoration: none;
	float: right;
}

/* job list */
div.joblist {
	width: 750px;
	padding: 5px;
}
div.joblist.stripe {
	background: #24314B;
}
div#content span.more {
	display: none;
}

/* side tabs */
div.tabpanel {
	position: relative;
	clear: both;
	margin-top: 10px;
}
/* sidebar style tabs */
div.tabpanel div.sidebar {
	width: 140px;
	float: left;
	background: url(../images/tabpanel-sidebar-bg-top.png) top left no-repeat;
	position: relative;
	z-index: 20;
}
div.tabpanel div.sidebar a img {
	margin: 13px;
}
div.tabpanel div.sidebar p {
	padding: 15px;
	font-size: 11px;
	color: #8DACC7;
}
div.tabpanel div.sidebar p big {
	text-align: center;
	font-size: 24px;
}
div.tabpanel div.sidebar div#recruiterassist {
	position: absolute;
	left: -85px;
}
div.tabpanel div.sidebar ul {
	margin: 5px 0 0 0;
	padding: 0 0 7px 0;
	background: url(../images/tabpanel-sidebar-bg-bottom.png) bottom left no-repeat;
}
div.tabpanel div.sidebar li {
	list-style: none;
	text-align: right;
	padding-right: 15px;
	background: url(../images/tabpanel-sidebar-inactive-bg.png) no-repeat;
}
div.tabpanel div.sidebar li.active {
	background: url(../images/tabpanel-sidebar-active-bg.png) no-repeat;
}
div.tabpanel div.sidebar li.first {
	margin-top: 60px;
}
div.tabpanel div.sidebar li a {
	color: white;
	text-decoration: none;
	line-height: 25px;
	white-space: nowrap;
	font-size: 11px;
}
div.tabpanel div.sidebar li a:hover{
	text-decoration: underline;
}
div.tabpanel div.sidebar li.active a:hover{
	text-decoration: none;
}
/* topbar style tabs */
div.tabpanel div.topbar {
	width: 98%;
	border-bottom: 1px solid #42576e;
	margin-bottom: 15px;
	padding-top: 8px;
}
div.tabpanel div.topbar ul {
	margin: 0px;
	height: 22px;
}
div.tabpanel div.topbar li {
	display: inline;
	list-style: none;
	margin-left: 15px;
}
div.tabpanel div.topbar li a {
	line-height: 18px;
	padding: 7px 30px;
	color: #5c7999;
	text-decoration: none;
}
div.tabpanel div.topbar li a:hover {
	color: #e1ee28;
}
div.tabpanel div.topbar li.active a {
	background: url(../images/toptab-active.png) no-repeat;
	border-left: 1px solid #42576e;
	border-right: 1px solid #42576e;
	font-weight: bold;
	font-size: 12px;
	color: #bae0fb;
}

div.tabpanel div.tabcontainer {
	background: #24314b;
	padding: 12px 16px;
	width: 599px;
	float: left;
	margin-right: -11px;
	position: relative;
	left: -11px;
	margin-bottom: 20px;
	z-index: 10;
	min-height: 330px;
}
div.tabpanel.wide div.tabcontainer {
	width: 728px;
	float: none;
	margin: 0px;
	position: static;
	left: 0px;
	clear: both;
}
div.tabpanel div.tabcontainer div.title, 
div.joblist div.title {
	width: 65%;
}
div.tabpanel.wide div.tabcontainer div.title {
	float: left;
}
div.tabpanel div.tabcontainer div.title {
	margin-bottom: 8px;
	margin-left: -4px;
}
div.tabpanel div.onshortlist {
	width: 98%;
	clear: both;
}

div.tabpanel div.tabcontainer p.footer {
	font-size: 11px;
	line-height: 12px;
	letter-spacing: 0.008em;
	padding-bottom: 0;
	margin-top: 25px;
}
div.tabpanel div.tabcontainer div.jobinfo {
	vertical-align: bottom;
}
div.tabpanel div.tabcontainer h1,
div.joblist h1, 
div.joblist h1 a,
div.tabpanel div.tabcontainer h3,
div.joblist h3 {
	font-size: 20px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	color: #fff;
	text-decoration: none;
	margin: 0;
}
div.infoblock h3,
div.tabpanel div.tabcontainer h3,
div.joblist h3 {
	padding: 0px 4px;
	font-size: 12px;
	color: #6f89a3;
	font-style: italic;
}
div.tabpanel div.tabcontainer h4,
div.joblist h4, div.infoblock h4 {
	padding: 0px 4px;
	color: #8dacc7;
}
div.tabcontainer h1 small {
	font-size: 12px;
	color: #596f89;
}
h1.printonly {
	display: none;
}
div.infoblock h2 {
	width: 78%;
}
div.infoblock h2 small {
	white-space: nowrap;
}
div.infoblock h4,
div.supplemental h4 {
	margin: 0px;
	padding-left: 6px;
	display: inline;
}
div.tabpanel div.tabcontainer div.info {
	width: 28%;
	float: right;
	text-align: right;
}
div.tabpanel div.tabcontainer div.tabcontent {
	clear: both;
	border-top: 1px solid #2c3a50;
	padding-top: 10px;
}
div.tabpanel div.tabcontainer td,
div.infoblock td {
	padding-left: 4px;
}
div.tabpanel div.tabcontainer td h2,
div.infoblock td h2 {
	padding-left: 0px;
}
div.tabpanel div.tabcontainer td h3,
div.infoblock td h3 {
	padding: 8px 0 0 0;
}
div.tabpanel a button {
	float: right;
}
div.infoblock {
	position: relative;
	margin-bottom: 8px;
	clear: both;
	border: 1px solid #42576e;
	background: #42576e;
	zoom: 1;
	min-height: 55px;
}
div.dialog div.infoblock {
	background: none;
	border: none;
}
div.infoblock.expired {
	background: #24314B;
}
div.infoblock h4.expired, div.tabpanel div.tabcontainer h4.expired {
	color: #CC280D;
}
div.infoblock.joblist {
	background: none;
}
div.infoblock.hover {
	background: #42576e;
	border: 1px solid #E1EE28;
	cursor: pointer;
}
div.infoblock p, div.infoblock blockquote {
	width: 78%;
	padding: 6px;
}
body.article div.infoblock p {
	width: 98%;
}
div.infoblock blockquote, 
div.tabcontent blockquote {
	background: #4a627c url(../images/objective-quote-bg.png) top left no-repeat;
	margin-left: 20px;
	padding-left: 25px;
	padding-right: 6px;
	color: #c9d0d8;
	text-align: justify;
	width: 70%;
}
div.tabcontent blockquote {
	margin-bottom: 10px;
}
div.infoblock span.blockheader {
	padding: 6px;
}
div.infoblock span.blockheader strong a, div.infoblock p strong a {
	font-size: 14px;
	color: #bae0fb;
	text-decoration: none;
	border-bottom: 1px solid #bae0fb;
}
div.infoblock span.blockheader strong a:visited, div.infoblock p strong a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #bae0fb;
}
div.infoblock span.blockheader strong a.showvisit:visited, 
div.infoblock p strong a.showvisit:visited {
	background: url(../images/link-viewed.png) center right no-repeat;
	padding-right: 40px;
}
div.infoblock.hover span.blockheader strong a,
div.infoblock span.blockheader strong a:hover,
div.infoblock.hover p strong a,
div.infoblock p strong a:hover {
	color: #E1EE28;
	border-bottom: 1px solid #E1EE28;
}
div.controls {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 110px;
	margin: 0;
	z-index: 99;
}
div.controls a {
	display: block;
	font-size: 11px;
	width: 93px;
	border-left: 1px solid #24314b;
	border-bottom: 1px solid #24314b;
	color: #7e9cb5;
	text-decoration: none;
	line-height: 19px;
	text-align: right;
	padding: 3px 8px;
}
div.infoblock div.priorjobs li{
	float: left;
}
div.controls a:hover {
	color: #E1EE28;
}
div.controls a.shortlist {
	background: #42576E url(../images/icon-add-shortlist.png) no-repeat 3px center;
}
div.controls a.print {
	background: #42576E url(../images/icon-print.png) no-repeat 3px center;
}
div.controls a.edit {
	background: #42576E url(../images/icon-edit.png) no-repeat 3px center;
}
div.controls a.cancel {
	background: #42576E url(../images/icon-cancel.png) no-repeat 3px center;
}
div.controls a.remove-shortlist {
	background: #42576E url(../images/icon-remove-shortlist.png) no-repeat 3px center;
}
div.controls a.remove-applicant {
	background: #42576E url(../images/icon-remove-applicant.png) no-repeat 3px center;
}
div.controls a.remove {
	background: #42576E url(../images/icon-remove.png) no-repeat 3px center;
}
div.controls a.view {
	background: #42576E url(../images/icon-view.png) no-repeat 3px center;
}
div.controls a.manage {
	background: #42576E url(../images/icon-manage.png) no-repeat 3px center;
}
div.controls span.notice {
	text-align: right;
	color: #7E9CB5;
}

div.tabpanel div.tabcontent { 
	display: none;
} 
div.tabpanel div.tabcontent.active {
	display: block;
}
div.supplemental {
	width: 100%;
}
div.tabcontainer div.supplemental {
	background: #050C29;
	border: 1px solid #33445d;
	border-bottom: none;
	width: 597px;
}
div.infoblock div.supplemental {
	background: #33445d;
	border: none;
	width: 100%;
}


/* star ratings and notes */
div.rating {
	display: inline;
}
div.rating-activate {
	display: none;
	cursor: pointer;
	color: #E1EE28;
	width: 100%;
}
div.rating-activate em {
	padding-left: 4px;
}
div.rating-summary {
	cursor: pointer;
	padding: 2px 0;
}
div.rating-input form {
	display: none;
}
div#content div.rating-input form {
	background: #33445D;
	margin: 0;
	padding: 8px;
	line-height: 20px;
	position: relative;
}
div.rating-input form textarea {
	width: 350px;
	margin: 0px;
	display: block;
	clear: both;
}
div#content div.rating-input form p {
	margin: 0;
	padding: 0;
	font-size: 11px;
}
div.rating-input div.controls {
	width: 200px;
	right: 0px;
	bottom: 0px;
	top: auto;
}
a.star {
	background: url(/assets/images/star-dim.png) no-repeat 0px 2px;
	padding-left: 14px;
	text-decoration: none;
	margin: 0;
}
a.star-on {
	background: url(/assets/images/star.png) no-repeat 0px 2px;
}
a.star-cancel {
	background: url(/assets/images/cancel.png) no-repeat 0px 2px !important;
	margin-left: 4px;
}


/* pagination */
div.pagination {
	padding-top: 10px;
}
div.pagination a {
	border: 1px solid #24314B;
	padding: 10px;
	margin-right: 4px;
	text-decoration: none;
}
div.pagination a:hover {
	border: 1px solid #E1EE28;
}
div.pagination a.current {
	background: #42576E;
}

/* shortlist popup */
div#shortlist {
	text-align: center;
	display: none;
	position: absolute;
	width: 108px;
	border: 1px solid #7E9CB5;
	background: #24314B;
	z-index: 100;
}
div#shortlist hr {
	background: #4A627C;
	border: none;
	height: 1px;
}
div#shortlist a {
	display: block;
	width: 104px;
	padding: 0px 2px;
	font-size: 11px;
	color: #7e9cb5;
	text-decoration: none;
}
div#shortlist a:hover {
	color: #E1EE28;
	background: #42576E;
}

/* skill level indicators */
div.tabpanel div.tabcontainer td.beginner {
	background: url(../images/level-beginner.png) 5px center no-repeat;
	padding-left: 50px;	
	color: #6F89A3;
}
div.tabpanel div.tabcontainer td.novice {
	background: url(../images/level-novice.png) 5px center no-repeat;
	padding-left: 50px;
	color: #6F89A3;
}
div.tabpanel div.tabcontainer td.intermediate {
	background: url(../images/level-intermediate.png) 5px center no-repeat;
	padding-left: 50px;
	color: #6F89A3;
}
div.tabpanel div.tabcontainer td.advanced {
	background: url(../images/level-advanced.png) 5px center no-repeat;
	padding-left: 50px;
	color: #6F89A3;
}
div.tabpanel div.tabcontainer td.expert {
	background: url(../images/level-expert.png) 5px center no-repeat;
	padding-left: 50px;
	color: #6F89A3;
}

/* accounting */
table.accounting {
	margin: 4px;
}
table.accounting th {
	font-weight: bold;
	background: gray;
}

/* resume scores */
div.resumescore .score {
	display: block;
	float: left;
	width: 135px;
	border: 1px solid #42576e;
	text-align: center;
	margin-bottom: 20px;
}
div.resumescore .score big {
	display: block;
	font-size: 36px;
	margin: 9px 3px;
}
div.resumescore .suggestions {
	padding: 2px;
	margin-left: 20px;
	display: block;
	float: left;
	width: 420px;
}
div.sectionscore {
	clear: both;
	padding-top: 30px;
}
div.sectionscore h1 {
	display: block;
	float: left;
	width: 360px;
	margin: 4px 0px 0px 0px;
	padding-left: 0px;
}
div.sectionscore .score {
	float: right;
	text-align: right;
	width: 380px;
	font-size: 18px;
}
div.sectionscore .score ul {
	font-size: 12px;
	margin-bottom: 2px;
	color: #b4b7bf;
}
div.sectionscore .score big {
	font-size: 24px;
}

/* home page secondary content */
div.testimonial {
	float: left;
	width: 260px;
	padding: 16px 10px 10px 110px;
	margin-left: -385px;
	background: url(../images/testimonial-bg.png) no-repeat;
	text-align: right;
}
div.testimonial blockquote {
	background: url(../images/testimonial-quote-bg.png) no-repeat center bottom;
	margin-left: 1px;
	padding: 10px 10px 25px 10px;
	text-align: right;
	font-size: 14px;
	color: #a7adb7;
	line-height: 22px;
	font-family: georgia, serif;
}
div.recentcontent {
	float: left;
	margin-right: 380px;
	width: 385px;
}
div.recentcontent h3 {
	color: #bae0fb;
	font-size: 18px;
	font-weight: normal;
}
div.recentcontent ul {
	margin-left: 0px;
}
div.recentcontent ul li {
	list-style: none;
}
div.recentcontent ul li a {
	color: #81aad7;
	text-decoration: none;
}
div.recentcontent ul li a small {
	color: #33445d;
	font-size: 12px;
}
div.recentcontent ul li a:hover {
	color: #E1EE28;
}
div.recentcontent ul li a.more {
	color: #E1EE28;
	text-decoration: underline;
}
div.secondarycontent {
	margin-top: 24px;
	padding-right: 0;
	border-top: 1px solid #17233e;
	background: url(../images/secondarycontent-bg.png) repeat-y right top;
}

/* teaser layout */
div.teaser {
	clear: both;
	background: url('/assets/images/teaser-icon-resume.png') no-repeat left top;
	padding-left: 85px;
	margin-top: 30px;
}
div.teaser h2 {
	color: #42576E;
}
div.teaser p {
	font-family: Georgia, serif;
	line-height: 22px;
	font-size: 14px;
	color: #C9D0DC;
}

/* photo gallery */
div.gallery div.photo {
	background: url(../images/gallery-photo-bg.png) no-repeat right bottom;
	margin: 15px;
	float: left;
	padding: 8px 16px 32px 8px;
}
div.gallery div.photo p {
	color: #000;
	margin: 0;
	padding: 6px 0 0 2px;
	font-family: monospace;
}
div.gallery div.photo img {
	border: 1px solid #7d808f;
}
div.gallery div.photo a {
	text-decoration: none;
}

/**
 * jQuery lightBox plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	background: url(/assets/images/oj-logo-small.png) no-repeat 8px 0px #fff;
	padding-top: 30px;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* drop shadow */
span.dropShadow {
	overflow: visible;
	white-space: nowrap;
}

.body_hire{margin:20px; width:730px;  border:0px solid #FFFFFF; float:left; font-size: 11px;}

.post_jobbox{width:227px;height:237px; float:left;background-color:#42576E;border:0px solid #FF0000;-moz-border-radius:2px;}
.post_jobbox h1 {color: #BAE0FB; font-weight: normal; margin: 0; padding: 0; }
.post_jobbox_inner{width:210px;margin:15px 0px 15px 8px; }
.post_jobbox_doc{width:144px;}
.job_doc{ width:200px; margin:38px auto  0px auto ;}
.job_now{ width:200px; margin:13px auto 0px auto;}

.temp_box{margin-left:20px;width:226px; height:237px; float:left;background-color:#33445D;border:0px solid #FF0000;-moz-border-radius:2px;}
.temp_box h1 {color: #BAE0FB; font-weight: normal; margin: 0; padding: 0; }
.temp_box_inner{width:210px;margin:15px 0px 15px 8px; border:0px solid #FFFFFF;}
.temp_box_doc{width:142px;text-align:right;}
.temp_img{width:68px;margin:5px 0px 10px 67px;}
.temp_textdoc{width:200px; margin:10px auto 0px auto;}
.searchtemp_textdoc{width:200px; margin:13px auto 0px auto;}

.perm_box{width:227px; height:237px; margin-left:20px;float:left;background-color:#24314B;border:0px solid #FF0000;-moz-border-radius:2px;}
.perm_box h1 {color: #BAE0FB; font-weight: normal; margin: 0; padding: 0; }
.perm_box_inner{width:210px;margin:15px 0px 15px 8px; border:0px solid #FFFFFF;}
.perm_box_doc{width:142px;text-align:right;}
.perm_img{width:106px;margin:5px 0px 10px 30px;}
.perm_textdoc{width:200px; margin:10px auto 0px auto;}
.searchperm_textdoc{width:200px; margin:13px auto 0px auto;}

.letushelp{margin:6px 0px 20px 0px;   width:760px;  float:left;}
.letushelp_inner{margin-left:20px; width:730px; float:left; }
.letushelp_inner_left{ width:210px; border:0px solid #FFFFFF; text-align:left;margin-left:20px; float:left; }
.letushelp_inner_right{ width:475px;  border:0px solid #FFFFFF; margin-left:16px; float:left; background-color:#42576E;-moz-border-radius:2px;}
.letushelp h1 {color: #BAE0FB; font-weight: normal; margin: 0; padding: 0; }
.content_right{ width:450px; margin:10px; float:left;}

.body_text{font-family:verdana;font-size:11px;color:#FFFFFF;}
.hire a{font-family:Verdana;font-size:11px;font-weight:bold;color:#E1EE28;text-decoration:underline;}
.hire a:hover{color:#ffffff;text-decoration:underline;}
.jobfree a{font-family:Verdana;font-size:12px;font-weight:normal;color:#E1EE28;text-decoration:underline;}
.jobfree a:hover{color:#ffffff;text-decoration:underline;}