/*
	-- Colors -----------------
	partner brown: #898964
	attorney yellow: #9eaa58
	temporary green: #6CAB5E
	support blue: #7ABECE
	management red: #B8645C
	
	
*/

body, 
html {
width: 100%;
height: 100%;
}

body {
background-color: #fff;
font: 10px Arial, Helvetica, Tahoma;
color: #666;
opacity: 0.9999;
}

/* -- GENERAL STYLES ------------------------------ */

em {
font-style: italic;
}

strong {
font-weight: bold;
}

h2,h3,h4,h5 {
font-family: arial, sans-serif;
}

.partners #left h2,
.partners #left h3,
.partners #left h4,
.partners #left h5,
.partners #left h4 a,
.partners #right .sidebar.white, {
color: #898964;
}

.attorneys #left h2,
.attorneys #left h3,
.attorneys #left h4,
.attorneys #left h4 a,
.attorneys #left h5,
.attorneys #right .sidebar.white {
color: #9eaa58;
}

.temporary_attorney h4 a,
.temporary_document_review h4 a,
.temporary_support_staff h4 a,
.temporary #left h2,
.temporary #left h3,
.temporary #left h4,
.temporary #left h4 a,
.temporary #left h5,
.temporary #right .sidebar.white {
color: #6CAB5E;
}

.support_staff #left h2,
.support_staff #left h3,
.support_staff #left h4,
.support_staff #left h4 a,
.support_staff #left h5,
.support_staff #right .sidebar.white {
color: #7ABECE;
}

.management #left h2,
.management #left h3,
.management #left h4,
.management #left h4 a,
.management #left h5,
.management #right .sidebar.white {
color: #B8645C;
}


h3,
h3 p {
font-size: 24px;
line-height: 36px;
margin: 10px 0;
}

h4 {
font-size: 16px;
margin: 10px 0;
}

h5 {
font-size: 14px;
margin: 5px 0;
}

ul,ol {
}

p,
p p {
font-size: 12px;
line-height: 16px;
margin: 12px 0;
}

a {
color: #000;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a.email{
	padding-left:20px;
	background: url(/images/email.png) top left no-repeat;
}

br.c {
clear: both;
}

hr {
float: left;
clear: both;
width: 100%;
border: none;
border-top: 1px solid #666;
height: 1px;
margin: 40px 0;
margin-left: 0 !important;
margin-right: 0 !important;
}

#right hr {
margin: 20px 0 0 0;
border-top: 1px dashed #fff;
}

a.btn {
position: relative;
height: 20px;
font-size: 12px;
line-height: 20px;
padding-left: 9px;
float: left;
display: inline;
clear: both;
background: url(/images/btn_left.png) no-repeat top left;
color: #fff;
}

a.btn span {
position: absolute;
right: -10px;
top: 0;
display: block;
height: 20px;
width: 10px;
background: url(/images/btn_right.png) no-repeat top left;
}

a.btn:hover,
a.btn:hover span {
background-position: bottom left;
text-decoration: none;
}

/* -- DONUT ------------------------------ */

#donut {
margin: 0 auto;
width: 980px;
font-size: 12px;
}

#content {
margin-top: 20px;
float: left;
display: block;
}

#left {
width: 580px;
margin: 50px 20px 0 0;
float: left;
display: inline;
position: relative;
z-index: 0;
}

/* -- MAST ------------------------------ */

#mast {
position: relative;
top: 0;
}

#logo {
text-indent: -9999px;
height: 59px;
width: 460px;
float: left;
margin-top: 20px;
}

#logo a {
display: block;
width: 100%;
height: 100%;
background: url(/images/juristaff_logo.png) no-repeat top left;
overflow: hidden;
}

#logo a:hover {
background-position: bottom left;
}

ul#tools {
position: absolute;
top: 5px;
right: 0;
height: 20px;
font-size: 12px;
}

#tools li {
display: inline;
float: left;
height: 20px;
line-height: 20px;
margin-left: 12px;
}

#tools li a {
color: #000;
padding: 3px;
}

#tools li a:hover {
text-decoration: underline;
}

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

#banner {
position: relative;
float: left;
display: inline;
margin-top: 40px;
}

#banner h2 {
position: absolute;
bottom: 10px;
left: 20px;
font-size: 60px;
color: #fff;
}

#banner #screen {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: url(/images/screen.png) repeat-x bottom left ;
}

#homebanner {
display: block;
position: relative;
width: 980px;
height: 300px;
background: url(/_banner.jpg) repeat-x center left;
}

#content #btns li {
width: 180px;
height: 200px;
overflow: hidden;
float: left;
display: inline;
margin: 0 20px 0 0;
position: relative;
}

#content #btns li h3 {
height: 100%;
width: 100%;
}

#content #btns li a {
display: block;
width: 100%;
height: 100%;
text-indent: -9999px
}

#content #btns li a span {
position: absolute;
bottom: 20px;
left: 10px;
color: #fff;
text-indent: 9999px;
font-size: 12px;
width: 160px;
line-height: 1.4;
display: none;
}

#home_management {
margin: 0 !important;
}

#home_partner a {
background: url(/images/home_partner_btn_d.png) no-repeat top left;
}

#home_attorney a {
background: url(/images/home_attorney_btn_d.png) no-repeat top left;
}

#home_temporary a {
background: url(/images/home_temporary_btn_d.png) no-repeat top left;
}

#home_support a {
background: url(/images/home_support_btn_d.png) no-repeat top left;
}

#home_management a {
background: url(/images/home_management_btn_d.png) no-repeat top left;
}

#home_partner a:hover,
#home_attorney a:hover,
#home_temporary a:hover,
#home_support a:hover,
#home_management a:hover {
background-position: bottom left;
text-decoration: none;
}

#wbenc {
margin: 40px 0 0 0;
float: left;
display: inline;
height: 72px;
width: 980px;
overflow:hidden;
}

#wbenc a {
background: url(/images/wbenc_long.png) no-repeat top left;
float: left;
font-size: 14px;
color: #666;
line-height: 72px;
padding-left: 140px;
width: 100%;
}

#wbenc a:hover {
background-position: bottom left;
text-decoration: none;
}

/* -- NAV --------------------------------------------- */

#nav {
clear: both;
float: left;
display: inline;
width: 980px;
border-bottom:1px solid #ddd;
position: relative;
z-index: 999;
}

#nav li {
display: inline;
float: left;
position: relative;
margin-right: 20px;
width: 180px;
}

#nav #nav_management {
margin: 0 !important;
}

#nav li h3{
	margin:1px 0;
}

#nav li h3 a {
font-size: 12px;
line-height: 1.4em;
font-weight:normal;
}

#nav li a {
text-decoration: none;
display: block;
/*height: 100%;*/
border: 1px solid #fff;
border-left: 3px solid #fff;
padding: 2px 20px 2px 0;
}

#nav li.partner a {
color: #898964;
}
#nav li.attorney a {
color: #9eaa58;
}

#nav li.temporary a,
#nav li.temporary li.support_staff a {
color: #6CAB5E;
}
#nav li.support_staff a {
color: #7ABECE;
}
#nav li.management a {
color: #B8645C;
}

#nav li ul {
width: 180px; /* Previously this was 100% and it caused a render bug in IE7 for some unknown reason */
position: absolute;
right: 0;
z-index: 999;
visibility: hidden;
float: left;
display: inline;
padding-bottom: 5px;
border: 1px solid #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #666;
border-right: 1px solid #666;
border-left:1px solid #ddd;
background-color: #fff;
}

#nav li ul ul.sub {
visibility: hidden;
}

.partners #nav li.partner a,
.attorneys #nav li.attorney a,
.temporary #nav li.temporary a,
.support_staff #nav li.support_staff a,
.management #nav li.management a {
border-bottom: 1px solid #fff;
border-right: 1px solid #ddd;
background: url(/images/downarrow_w.png) no-repeat 97% 9px;
}

#nav li a:hover {
border-bottom: 1px solid #fff;
border-right: 1px solid #ddd;
background: url(/images/downarrow.png) no-repeat 97% 9px;
}


.partners #nav li.partner li a,
.attorneys #nav li.attorney li a,
.temporary #nav li.temporary li a,
.support_staff #nav li.support_staff li a,
.management #nav li.management li a {
border-bottom: none;
border-right: none;
border-left: none;
background: none;
}

.temporary #nav li.temporary a {
	background-color:#6CAB5E;
	color:#fff;	
	padding-left: 5px;
}

.temporary #nav li.temporary li a {
	background-color: #fff;
	color:#6cab5e;
}

.partners #nav li.partner a {
background-color: #898964;
color:#fff;
padding-left: 5px;
}

.partners #nav li.partner li a {
color: #898964;
background-color:#fff;
}

.attorneys #nav li.attorney a {
background-color: #9eaa58;
color:#fff;
padding-left: 5px;
}

.attorneys #nav li.attorney li a {
color: #9eaa58;
background-color:#fff;
}

.support_staff #nav li.support_staff a {
background-color: #7ABECE;
color:#fff;
padding-left: 5px;
}

.support_staff #nav li.support_staff li a {
color: #7ABECE;
background-color:#fff;
}

.management #nav li.management a {
background-color: #B8645C;
color:#fff;
padding-left: 5px;
}

.management #nav li.management li a {
color: #B8645C;
background-color:#fff;
}


#nav li.open ul,
#nav li.open ul ul.sub,
#nav li:hover ul,
#nav li:hover ul ul.sub {
visibility: visible;
}

#nav li ul li {
clear: both;
width: 100%;
}

#nav li ul li a {
border: none;
display: block;
padding: 1px;
margin: 2px;
}

#nav li ul li a:hover {
border: none;
background-image: none;
color: #fff;
}

#nav ul.sub {
border: none;
background: none;
position: relative;
margin-left: 10%;
width: 90%;
}

/* NAV STATES */

.partners_candidate #nav li.partner li.candidate a,
.partners_employer #nav li.partner li.employer a,
#nav li.partner li a:hover {
background-color: #898964 !important;
color: #fff;
}

.attorneys_candidate #nav li.attorney li.candidate a,
.attorneys_employer #nav li.attorney li.employer a,
#nav li.attorney li a:hover {
background-color: #9eaa58;
color: #fff;
}


.temporary_support_staff #nav li.temporary li.temp_support_staff a,
.temporary_attorney #nav li.temporary li.temp_attorney a,
.temporary_document_review #nav li.temporary li.temp_document_review a,
.temporary_support_staff_candidate #nav li.temporary li.temp_support_staff li.candidate a,
.temporary_document_review_candidate #nav li.temporary li.temp_document_review li.candidate a,
.temporary_attorney_candidate #nav li.temporary li.temp_attorney li.candidate a,
.temporary_support_staff_employer #nav li.temporary li.temp_support_staff li.employer a,
.temporary_document_review_employer #nav li.temporary li.temp_document_review li.employer a,
.temporary_attorney_employer #nav li.temporary li.temp_attorney li.employer a,
#nav li.temporary li a:hover {
background-color: #6CAB5E;
color: #fff;
}

.temporary_attorney #nav li.temporary li .sub a,
.temporary_support_staff #nav li.temporary li .sub a,
.temporary_document_review #nav li.temporary li .sub a {
background-color: #fff;
color: #6CAB5E;
}

.temporary_attorney #nav li.temporary li .sub a:hover,
.temporary_support_staff #nav li.temporary li .sub a:hover,
.temporary_document_review #nav li.temporary li .sub a:hover {
background-color: #6cab5e;
color: #fff;
}

.support_staff_candidate #nav li.support_staff li.candidate a,
.support_staff_employer #nav li.support_staff li.employer a,
#nav li.support_staff li a:hover {
background-color: #7ABECE;
color: #fff;
}

.management_candidate #nav li.management li.candidate a,
.management_employer #nav li.management li.employer a,
#nav li.management li a:hover {
background-color: #B8645C;
color: #fff;
}

/* -- LEFT ------------------------------------------ */

#left hr {
margin: 20px 0;
}

.result {
margin: 20px 0;
float: left;
display: inline;
}

.result a:hover h5 {
text-decoration: underline;
}

.result p {
margin: 10px 0;
}

.result .result_tools li {
margin-right: 20px;
display: inline;
float: left;
}

h5.article_published {
	font-size: 11px;
	margin: 2px 0;
}

ul.article_list a {
	color: #666;
}

ul.article_list a:hover {
 color: #333;
}

ul.article_list li,
ul.article_info li {
margin: 4px 0;	
}

ul.article_info span {
	font-weight: bold;
}

#left .content li
{
/*	margin-left: 10px;*/
	list-style: disc;
	list-style-position: inside;
	margin: 2px 0;
}
/* -- RIGHT ------------------------------------------ */

#right_corner {
	position: absolute;
	top: 0;
	right: 0;
	background: url(/images/corner.png) no-repeat top right;
	display: block;
	width:29px;
	height:29px;
	z-index: 998;
}

#right {
width: 380px;
margin: 50px 0 0 0;
float: left;
display: inline;
color: #fff;
background-color: #ccc;
position: relative;
}

#right a {
color: #fff;
}

.partners #right {
background-color: #898964;
}

.attorneys #right {
background-color: #9eaa58;
}

.temporary #right,
.temporary_attorney #right,
.temporary_document_review #right,
.temporary_support_staff #right {
background-color: #6CAB5E;
}

.support_staff #right {
background-color: #7ABECE;
}

.management #right {
background-color: #B8645C;
}

#right .sidebar {
padding: 0px 10px 20px 10px;
float: left;
display: inline;
width: 360px;
}

#right .sidebar.white {
	background-color: #fff;
	color: #999	;
	padding: 20px 0px;
	margin: 0;
	clear: both;
	width: 380px;
}
#right .sidebar.white h3,
#right .sidebar.white h4,
#right .sidebar.white p {
/*	padding: 0 10px;*/
}

#right .button {
/*	margin: 20px 0;*/
	display: block;
	padding: 20px 0;
}

#right .sidebar li {
/*margin-bottom: 10px;*/
float: left;
display: inline;
clear: both;
width: 100%;
}

body.resume .highlight,
#right .highlight {
clear: both;
float: left;
display: inline;
margin: 10px 0;
padding: 5px 0 5px 10px;
background: url(/images/lowlight.png) repeat;
width: 350px;
}

#right .highlight h4 {
margin: 10px 0 10px 0;
}

#right .highlight p {
margin: 5px 0 10px 0;
}

#right .highlight hr {
display: block;
height: 1px;
margin: 20px 0;
visibility: hidden;
}

#right .highlight form .form_row {
float: left;
display: inline;
margin: 5px 0;
}

#right .highlight form .form_row.select {
width: 50%;
overflow: hidden;
}

#right .highlight form label,
#right .highlight form select {
float: left;
display: inline;
clear: both;
}

#right .highlight form label {
width: auto;
clear: both;
}

#right .highlight form input.hidden {
padding: 0;
margin: 0;
display: none;
}

#right .highlight form input,
#right .highlight form select {
font: 12px arial, helvetica, sans-serif;
color: #666;
border: none;
padding: 2px;
width: 160px;
float: left;
display: inline;
clear: both;
margin: 0px 10px 0 0;
}

#right .highlight form span.checkbox input {
	width: auto;
}

#right select.error,
#right textarea.error,
#right input.error {
color: #900 !important;
}

#right h4.error {
margin: 10px 0;
padding: 5px;
color: #900;
background-color: #fff;
float: none;
clear: both;
width: 330px;
}

#right .highlight form select {
width: auto;
display: block;
padding: 1px;
}

#right .highlight form textarea {
float: left;
display: inline;
border: none;
/*	margin:5px 0;*/
	color:#666;
padding: 2px;
width: 336px;
height: 100px;
font: 12px arial, helvetica, sans-serif;
}

#right .highlight form input:focus,
#right .highlight form textarea:focus {
color: #000;
}

#right .highlight form .radio input,
#right .highlight form .radio label {
clear: none;
width: auto;
line-height: 20px;
}

body.resume div.submit,
#right .highlight form div.submit {
position: relative;
margin-top: 20px;
width: auto;
float: left;
}

body.resume div.cancel,
#search div.cancel,
#right .highlight form div.cancel{
position:relative;
float: left;
height:20px;
line-height:20px;
margin:20px 0 0 20px;
}

#search div.cancel {
	margin: 0 0 0 20px ;
}

body.resume input.submit,
#search input.submit,
#right .highlight form input.submit {
width: auto;
position: relative;
height: 20px;
font-size: 12px;
line-height: 20px;
padding-left: 10px;
float: left;
display: inline;
clear: both;
background: url(/images/btn_left.png) no-repeat top left;
color: #fff;
margin: 0;
font: 12px/1 arial;
border:0;
}

body.resume span.submit,
#search span.submit,
#right .highlight form span.submit {
position: absolute;
right: -10px;
top: 0;
display: block;
height: 20px;
width: 10px;
background: url(/images/btn_right.png) no-repeat top left;
}

body.resume div.submit:hover input,
body.resume div.submit:hover span,
#search div.submit:hover input,
#search div.submit:hover span,
#right .highlight form div.submit:hover input,
#right .highlight form div.submit:hover span {
background-position: bottom left;
text-decoration: none;
cursor: pointer;
}

/* -- Search ------------------------------ */

#search {
position: relative;
/*height: 20px;*/
width: auto;
}

#search_box {
	position:relative;
	overflow:hidden;
}

#search input.yummy {
position: relative;
left: 10px;
top: 0;
background: transparent url(/images/a_searchfield_repeat.png) center top repeat-x;
font: 12px Arial, Helvetica, Sans-serif;
border: 0;
padding: 0;
line-height: 20px; /* this is a problem lineheight consistent cross browser*/
height: 20px;
float: left;
width: 210px;
color: #666;
z-index: 999;
}

#search input.submit {
/*background: url(/images/a_searchfield_submit.png) top no-repeat;
height: 20px;
width: 20px;
display: block;
border: none;
text-indent: -9999px;*/
}

#search input.submit:hover {
background-position: bottom;
cursor: pointer;
}

#search .nub_l {
position: absolute;
left: 0px;
background: url(/images/a_searchfield_l.png) no-repeat;
height: 20px;
width: 10px;
}

#search .nub_r {
position: absolute;
left: 220px;
background: url(/images/a_searchfield_r.png) no-repeat left;
height: 20px;
width: 20px;
}

#search_extras {
	position: relative;
/*	padding-top: 40px;*/
}

#search .form-row {
	margin: 10px 0;
}

#search label {
	display: block;
}

#search input {
	border:1px solid #fff;
	background-color: #fff;
}

#search span.help {
	font-size: 11px;
}


.checklist li { background: none; padding-left: 0; }

/* CSS for checklists */
#search .checklist {
  border: 1px solid #ccc;
  list-style: none;
  height: 10em;
  overflow: auto;
  background-color: #999;
}

#search .checklist input {
	background: none;
	border: none;
}

#search .checklist, 
#search .checklist li { 
	margin: 0; padding: 0; 
	width: auto;
}

#search .checklist label { 
	display: block; 
/*	padding: 0 0.2em 0 25px; 
	text-indent: -25px; 
*/}

#search .checklist label:hover, 
#search .checklist label.hover { 
	background: #777; 
	color: #fff; 
}

* html .checklist label { 
	height: 1%; 
}


/* -- FOOTER ------------------------------------------ */

#footer {
clear: both;
padding-bottom: 40px;
}

#footer li {
/*width: 230px;*/
float: left;
display: inline;
margin-right: 20px;
}

#footer #washington {
/*margin: 0 !important;*/
}


#footer #terms {
	float: right;
	margin-right: 10px;
}

#footer #privacy {
	float: right;
	margin-right: 20px;
}

#footer li a {
font-size: 14px;
color: #333;
}

/*#footer #contact a {
color: #333;
}

#footer #contact a:hover {
color: #fff;
}
*/
#footer li a:hover {
color: #fff;
}

#tools select{
	display:inline;
	float:left;
}

#tools .admin a {
background-color: #000;
color: #fff;
}

#tools .admin a:hover {
background-color: #e2e2e2;
color: #000;
text-decoration: none;
}


ol.search-results {
	margin: 0 !important;
}

ul.search-results {
	line-height: 1.4;
}

#left hr.search-results {
margin: 40px 0 20px 0;	
}

#sf_guard_auth_remember {
	display: none;
}

.privacy #right,
.contact #right {
	background: none;
}

.terms #right .sidebar,
.terms #right_corner,
.privacy #right .sidebar,
.contact #right .sidebar,
.privacy #right_corner,
.contact #right_corner {
	display: none;
}

.terms #right .sidebar.white,
.privacy #right .sidebar.white,
.contact #right .sidebar.white {
	display: block;
	padding: 0;
}

#right .sidebar img {
	text-align: center;
}

#sf_guard_auth_form label,
#sf_guard_auth_form fieldset {
display: block;
margin: 10px 0 10px 0;
}

#sf_guard_auth_form input {
margin: 0 10px 0 0;
}

#sf_guard_auth_forgot_password {
	display: none;
}

#right iframe {
	width: 340px;
	height: 150px;
	overflow:hidden;
}


body.resume {
	color: #fff;
	font-size: 12px;
	height: auto !important;
}

body.resume input {
	color: #000;
}

#forwardJobFormShell{
	margin:5px 0 20px 0;
	float:left;
	display:inline;
	clear:both;
	width:580px;
}

#forwardJobFormShell .form-row{
	margin:2px 0;
	float:left;
	display:inline;
	clear:both;
}

#forwardJobFormShell .form-row label{
	width:120px;
	float:left;
	display:inline;
}

#forwardJobFormShell .form-row .form_error{
	color: #f00;
	margin:2px 0;
	width:580px;
}

/* == Clear Fix ==================================================== slightly enhanced, universal clearfix hack */
.c:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.c {
display: inline-block;
}
/* start commented backslash hack \*/
* html .c {
height: 1%;
}
.c {
display: block;
}
/* close commented backslash hack */

.employers li
{
  clear: left;
}

.employers .name
{
  display: block;
  float: left;
  width: 200px;
}
  
.employers .action
{
  display: block;
  float: left;
  width: 100px;
}